diff --git a/.circleci/config.yml b/.circleci/config.yml
index bd2d13b2af33..6ff1fb7ed744 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -16,7 +16,7 @@ parameters:
     default: "next"
 
 executors:
-  sb_node_18_classic:
+  sb_node_22_classic:
     parameters:
       class:
         description: The Resource class
@@ -25,7 +25,7 @@ executors:
         default: "small"
     working_directory: /tmp/storybook
     docker:
-      - image: cimg/node:18.19.1
+      - image: cimg/node:22.6.0
         environment:
           NODE_OPTIONS: --max_old_space_size=6144
     resource_class: <<parameters.class>>
@@ -38,7 +38,20 @@ executors:
         default: "small"
     working_directory: /tmp/storybook
     docker:
-      - image: cimg/node:18.19.1-browsers
+      - image: cimg/node:18.20.3-browsers
+        environment:
+          NODE_OPTIONS: --max_old_space_size=6144
+    resource_class: <<parameters.class>>
+  sb_node_22_browsers:
+    parameters:
+      class:
+        description: The Resource class
+        type: enum
+        enum: ["small", "medium", "medium+", "large", "xlarge"]
+        default: "small"
+    working_directory: /tmp/storybook
+    docker:
+      - image: cimg/node:22.6.0-browsers
         environment:
           NODE_OPTIONS: --max_old_space_size=6144
     resource_class: <<parameters.class>>
@@ -74,7 +87,6 @@ orbs:
   browser-tools: circleci/browser-tools@1.4.1
   discord: antonioned/discord@0.1.0
   codecov: codecov/codecov@3.2.4
-  bun-orb: cmgriffing/bun-orb@0.0.29
   node: circleci/node@5.2.0
   nx: nrwl/nx@1.6.2
 
@@ -109,7 +121,7 @@ jobs:
   pretty-docs:
     executor:
       class: medium
-      name: sb_node_18_classic
+      name: sb_node_22_classic
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
@@ -135,12 +147,10 @@ jobs:
   build:
     executor:
       class: xlarge
-      name: sb_node_18_classic
+      name: sb_node_22_classic
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
-      - bun-orb/setup:
-          version: 1.1.1
       - restore_cache:
           name: Restore Yarn cache
           keys:
@@ -182,7 +192,7 @@ jobs:
   lint:
     executor:
       class: large
-      name: sb_node_18_classic
+      name: sb_node_22_classic
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
@@ -198,12 +208,10 @@ jobs:
   check:
     executor:
       class: xlarge
-      name: sb_node_18_classic
+      name: sb_node_22_classic
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
-      - bun-orb/setup:
-          version: 1.1.1
       - attach_workspace:
           at: .
       - nx/set-shas:
@@ -218,7 +226,7 @@ jobs:
       - report-workflow-on-failure
       - cancel-workflow-on-failure
   script-checks:
-    executor: sb_node_18_browsers
+    executor: sb_node_22_browsers
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
@@ -238,7 +246,7 @@ jobs:
           name: Run tests
           command: |
             cd scripts
-            yarn test --coverage
+            yarn test --coverage --coverage.all=false
       - store_test_results:
           path: scripts/junit.xml
       - report-workflow-on-failure
@@ -246,7 +254,7 @@ jobs:
   unit-tests:
     executor:
       class: xlarge
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
@@ -256,7 +264,7 @@ jobs:
           name: Test
           command: |
             cd code
-            yarn test --coverage
+            yarn test --coverage --coverage.all=false
       - store_test_results:
           path: code/junit.xml
       - persist_to_workspace:
@@ -268,7 +276,7 @@ jobs:
   coverage:
     executor:
       class: small
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
@@ -279,7 +287,7 @@ jobs:
   chromatic-internal-storybook:
     executor:
       class: medium+
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     environment:
       NODE_OPTIONS: --max_old_space_size=6144
     steps:
@@ -301,7 +309,7 @@ jobs:
         type: integer
     executor:
       class: medium
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     parallelism: << parameters.parallelism >>
     steps:
       - git-shallow-clone/checkout_advanced:
@@ -348,18 +356,16 @@ jobs:
         type: integer
     executor:
       class: large
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     parallelism: << parameters.parallelism >>
     steps:
       - git-shallow-clone/checkout_advanced:
           clone_options: "--depth 1 --verbose"
-      - bun-orb/setup:
-          version: 1.1.1
       - attach_workspace:
           at: .
       - run:
           name: Starting Event Collector
-          command: node --loader esbuild-register/loader -r esbuild-register ./event-log-collector.ts
+          command: yarn jiti ./event-log-collector.ts
           working_directory: scripts
           background: true
       - run:
@@ -373,7 +379,7 @@ jobs:
             TEMPLATE=$(yarn get-template --cadence << pipeline.parameters.workflow >> --task build)
             if [[ $TEMPLATE != bench/* ]]
             then
-              node --loader esbuild-register/loader -r esbuild-register ./event-log-checker.ts build $TEMPLATE
+              yarn jiti ./event-log-checker.ts build $TEMPLATE
             fi
           working_directory: scripts
       - report-workflow-on-failure:
@@ -431,7 +437,7 @@ jobs:
         type: integer
     executor:
       class: medium
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     parallelism: << parameters.parallelism >>
     steps:
       - checkout
@@ -514,7 +520,7 @@ jobs:
   test-empty-init:
     executor:
       class: medium
-      name: sb_node_18_browsers
+      name: sb_node_22_browsers
     parameters:
       packageManager:
         type: string
@@ -602,6 +608,23 @@ jobs:
                   IN_STORYBOOK_SANDBOX: true
                   STORYBOOK_INIT_EMPTY_TYPE: << parameters.template >>
                   STORYBOOK_DISABLE_TELEMETRY: true
+      - when:
+          condition:
+            equal: ["react-vite-ts", << parameters.template >>]
+          steps:
+            - run:
+                name: Storybook init from empty directory (--skip-install)
+                command: |
+                  cd code
+                  yarn local-registry --open &
+                  cd ../../
+                  mkdir empty-<< parameters.template >>-no-install
+                  cd empty-<< parameters.template >>-no-install
+                  npx storybook init --yes --skip-install
+                environment:
+                  IN_STORYBOOK_SANDBOX: true
+                  STORYBOOK_INIT_EMPTY_TYPE: << parameters.template >>
+                  STORYBOOK_DISABLE_TELEMETRY: true
       - report-workflow-on-failure
   test-portable-stories:
     parameters:
diff --git a/.git-blame-ignore-revs b/.git-blame-ignore-revs
index a57524a04ebb..4d2cf93d7d43 100644
--- a/.git-blame-ignore-revs
+++ b/.git-blame-ignore-revs
@@ -2,4 +2,6 @@
 c0896915fb7fb9a8dd416b9aebca17abd909d1c1
 a41c227037e7e7249b8b376f838f4f8bcc3e3e59
 13c46e6c0b7f3dd8cf4ba42d1cfd6714f4777d54
-0a4522a3f84773f39daec4820c49b8a92e9f9d11
\ No newline at end of file
+0a4522a3f84773f39daec4820c49b8a92e9f9d11
+e12039c0593ba021ce27cb7245b6067677f27625
+513bb66bb9729ece57581b6eb50e5b338c47c0b9
\ No newline at end of file
diff --git a/.github/workflows/canary-release-pr.yml b/.github/workflows/canary-release-pr.yml
index 2859f3072c6d..dde7b4eb3606 100644
--- a/.github/workflows/canary-release-pr.yml
+++ b/.github/workflows/canary-release-pr.yml
@@ -60,10 +60,6 @@ jobs:
         with:
           node-version-file: ".nvmrc"
 
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
-
       - name: Cache dependencies
         uses: actions/cache@v4
         with:
diff --git a/.github/workflows/generate-sandboxes.yml b/.github/workflows/generate-sandboxes.yml
index 3782aba5d8a8..09ab43d53601 100644
--- a/.github/workflows/generate-sandboxes.yml
+++ b/.github/workflows/generate-sandboxes.yml
@@ -29,10 +29,6 @@ jobs:
       - uses: actions/checkout@v4
         with:
           ref: next
-
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
   
       - uses: actions/setup-node@v4
         with:
@@ -86,10 +82,6 @@ jobs:
         with:
           ref: main
 
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
-
       - uses: actions/setup-node@v4
         with:
           node-version-file: ".nvmrc"
diff --git a/.github/workflows/prepare-non-patch-release.yml b/.github/workflows/prepare-non-patch-release.yml
index 54cff041315d..c495114d461e 100644
--- a/.github/workflows/prepare-non-patch-release.yml
+++ b/.github/workflows/prepare-non-patch-release.yml
@@ -56,10 +56,6 @@ jobs:
         with:
           node-version-file: ".nvmrc"
 
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
-
       - name: Cache dependencies
         uses: actions/cache@v4
         with:
diff --git a/.github/workflows/prepare-patch-release.yml b/.github/workflows/prepare-patch-release.yml
index 1a92fd0f8f6a..f66258c0d836 100644
--- a/.github/workflows/prepare-patch-release.yml
+++ b/.github/workflows/prepare-patch-release.yml
@@ -35,10 +35,6 @@ jobs:
         with:
           node-version-file: ".nvmrc"
 
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
-
       - name: Cache dependencies
         uses: actions/cache@v4
         with:
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index c48b3a2df59d..61566b49d5bb 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -47,10 +47,6 @@ jobs:
         with:
           node-version-file: ".nvmrc"
 
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
-
       - name: Cache dependencies
         uses: actions/cache@v4
         with:
diff --git a/.github/workflows/tests-unit.yml b/.github/workflows/tests-unit.yml
index 8cd873592d1b..462f30daf183 100644
--- a/.github/workflows/tests-unit.yml
+++ b/.github/workflows/tests-unit.yml
@@ -17,9 +17,6 @@ jobs:
     runs-on: ${{ matrix.os }}
     steps:
       - uses: actions/checkout@v4
-      - uses: oven-sh/setup-bun@v1
-        with:
-          bun-version: 1.1.1
       - name: Set node version
         uses: actions/setup-node@v4
         with:
diff --git a/.nvmrc b/.nvmrc
index 3c5535cf60a0..dc5f6a52b13e 100644
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-18.19.1
+22.6.0
diff --git a/.vscode/settings.json b/.vscode/settings.json
index 64101684328f..7f078764150f 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -24,14 +24,7 @@
   "eslint.options": {
     "cache": true,
     "cacheLocation": ".cache/eslint",
-    "extensions": [
-      ".js",
-      ".jsx",
-      ".mjs",
-      ".json",
-      ".ts",
-      ".tsx"
-    ]
+    "extensions": [".js", ".jsx", ".mjs", ".json", ".ts", ".tsx"]
   },
   "eslint.useESLintClass": true,
   "eslint.validate": [
@@ -42,10 +35,7 @@
     "typescript",
     "typescriptreact"
   ],
-  "eslint.workingDirectories": [
-    "./code",
-    "./scripts"
-  ],
+  "eslint.workingDirectories": ["./code", "./scripts"],
   "files.associations": {
     "*.js": "javascriptreact"
   },
@@ -59,5 +49,6 @@
   "typescript.preferences.preferTypeOnlyAutoImports": true,
   "typescript.preferences.quoteStyle": "single",
   "typescript.preferGoToSourceDefinition": true,
-  "typescript.tsdk": "./code/node_modules/typescript/lib"
-}
\ No newline at end of file
+  "typescript.tsdk": "./code/node_modules/typescript/lib",
+  "vitest.workspaceConfig": "./code/vitest.workspace.ts"
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
index bdf5324fe23d..8e8a800ac62f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,8 @@
+## 8.2.8
+
+- CLI: Parse more Yarn Berry errors - [#28816](https://github.com/storybookjs/storybook/pull/28816), thanks @yannbf!
+- Fix: Invariant failed: Expected package.json#version to be defined in the "undefined" package - [#28752](https://github.com/storybookjs/storybook/pull/28752), thanks @abcdmku!
+
 ## 8.2.7
 
 - CPC: Fix type usage in renderers - [#28745](https://github.com/storybookjs/storybook/pull/28745), thanks @ndelangen!
diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
index 6180d4046fb2..03c9c8f635b1 100644
--- a/CHANGELOG.prerelease.md
+++ b/CHANGELOG.prerelease.md
@@ -1,3 +1,17 @@
+## 8.3.0-alpha.5
+
+- Builder-Vite: Add null character prefix to virtual file IDs - [#28863](https://github.com/storybookjs/storybook/pull/28863), thanks @valentinpalkovic!
+- CLI: Fix `init --skip-install` - [#28853](https://github.com/storybookjs/storybook/pull/28853), thanks @ndelangen!
+- CLI: Parse more Yarn Berry errors - [#28816](https://github.com/storybookjs/storybook/pull/28816), thanks @yannbf!
+- Core: Make sure CJS build always has lowest prio - [#28829](https://github.com/storybookjs/storybook/pull/28829), thanks @kasperpeulen!
+- Maintenance: Add `node:`-prefix to node core-modules - [#28860](https://github.com/storybookjs/storybook/pull/28860), thanks @ndelangen!
+- Next.js: Add @storybook/nextjs-vite package - [#28800](https://github.com/storybookjs/storybook/pull/28800), thanks @valentinpalkovic!
+- React: Bundle in `lodash` - [#28609](https://github.com/storybookjs/storybook/pull/28609), thanks @ndelangen!
+- Telemetry: Add globals stats - [#28822](https://github.com/storybookjs/storybook/pull/28822), thanks @shilman!
+- Telemetry: Add portable stories - [#26764](https://github.com/storybookjs/storybook/pull/26764), thanks @shilman!
+- Telemetry: Disable save-from-controls logs for example stories - [#28870](https://github.com/storybookjs/storybook/pull/28870), thanks @shilman!
+- Test: Upgrade Vitest to v2 - [#28788](https://github.com/storybookjs/storybook/pull/28788), thanks @yannbf!
+
 ## 8.3.0-alpha.4
 
 - CSF: Allow overridding globals at the story level - [#26654](https://github.com/storybookjs/storybook/pull/26654), thanks @tmeasday!
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 4029a3ed691d..4f65401dd4a8 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -8,7 +8,6 @@ You will need to have the following installed:
 - git
 - node
 - yarn
-- [bun](https://bun.sh/)
 
 ## Using fnm as a Node version manager
 
diff --git a/MIGRATION.md b/MIGRATION.md
index dcb75d359224..7235c43b2319 100644
--- a/MIGRATION.md
+++ b/MIGRATION.md
@@ -1,5 +1,8 @@
 <h1>Migration</h1>
 
+- [From version 8.2.x to 8.3.x](#from-version-82x-to-83x)
+  - [New parameters format for addon backgrounds](#new-parameters-format-for-addon-backgrounds)
+  - [New parameters format for addon viewport](#new-parameters-format-for-addon-viewport)
 - [From version 8.1.x to 8.2.x](#from-version-81x-to-82x)
   - [Failed to resolve import "@storybook/X" error](#failed-to-resolve-import-storybookx-error)
   - [Preview.js globals renamed to initialGlobals](#previewjs-globals-renamed-to-initialglobals)
@@ -414,6 +417,90 @@
   - [Packages renaming](#packages-renaming)
   - [Deprecated embedded addons](#deprecated-embedded-addons)
 
+## From version 8.2.x to 8.3.x
+
+### New parameters format for addon backgrounds
+
+The `addon-backgrounds` addon now uses a new format for parameters. The `backgrounds` parameter is now an object with a `values` key that contains the background values.
+
+> ! You need to set the feature flag `backgroundsStoryGlobals` to `true` in your `.storybook/main.ts` to use the new format.
+
+```diff
+// .storybook/preview.js
+export const parameters = {
+  backgrounds: {
+-    values: [
+-      { name: 'twitter', value: '#00aced' },
+-      { name: 'facebook', value: '#3b5998' },
+-    ],
++    options: {
++      twitter: { name: 'twitter', value: '#00aced' },
++      facebook: { name: 'facebook', value: '#3b5998' },
++    },
+  },
+};
+```
+
+Setting an override value should now be done via a `globals` property on your component/meta or story itself:
+
+```ts
+// Button.stories.ts
+export default {
+  component: Button,
+  globals: {
+    backgrounds: { value: 'twitter' },
+  },
+};
+```
+
+This locks that story to the `twitter` background, it cannot be changed by the addon UI.
+
+### New parameters format for addon viewport
+
+> ! You need to set the feature flag `viewportStoryGlobals` to `true` in your `.storybook/main.ts` to use the new format.
+
+The `addon-viewport` addon now uses a new format for parameters. The `viewport` parameter is now an object with a `viewports` key that contains the viewport values.
+
+```diff
+// .storybook/preview.js
+export const parameters = {
+  viewport: {
+-    viewports: {
+-      iphone5: {
+-        name: 'phone',
+-        styles: {
+-          width: '320px',
+-          height: '568px',
+-        },
+-      },
+-     },
++    options: {
++      iphone5: {
++        name: 'phone',
++        styles: {
++          width: '320px',
++          height: '568px',
++        },
++      },
++    },
+  },
+};
+```
+
+Setting an override value should now be done via a `globals` property on your component/meta or story itself:
+
+```ts
+// Button.stories.ts
+export default {
+  component: Button,
+  globals: {
+    viewport: { value: 'phone' },
+  },
+};
+```
+
+This locks that story to the `phone` viewport, it cannot be changed by the addon UI.
+
 ## From version 8.1.x to 8.2.x
 
 ### Failed to resolve import "@storybook/X" error
@@ -444,7 +531,7 @@ Starting in 8.2 `preview.js` `globals` are deprecated and have been renamed to `
 // .storybook/preview.js
 export default {
 -  globals: [ a: 1, b: 2 ],
-+  initiaGlobals: [ a: 1, b: 2 ],
++  initialGlobals: [ a: 1, b: 2 ],
 }
 ```
 
@@ -2419,7 +2506,7 @@ const meta: Meta = {
         // Extract all providers (and nested ones) from a ModuleWithProviders
         importProvidersFrom(SomeOtherModule.forRoot()),
       ],
-    }
+    }),
   ],
 };
 
diff --git a/code/.eslintrc.js b/code/.eslintrc.js
index efb47a4e193f..baac3337d8d6 100644
--- a/code/.eslintrc.js
+++ b/code/.eslintrc.js
@@ -19,6 +19,10 @@ module.exports = {
   },
   plugins: ['local-rules'],
   rules: {
+    'import/no-extraneous-dependencies': [
+      'error',
+      { devDependencies: true, peerDependencies: true },
+    ],
     'import/no-unresolved': 'off', // covered by typescript
     'eslint-comments/disable-enable-pair': ['error', { allowWholeFile: true }],
     'eslint-comments/no-unused-disable': 'error',
@@ -55,7 +59,13 @@ module.exports = {
       },
     },
     {
-      files: ['**/template/**/*', '**/vitest.config.ts', '**/addons/docs/**/*'],
+      files: [
+        '*.test.*',
+        '*.spec.*',
+        '**/template/**/*',
+        '**/vitest.config.ts',
+        '**/addons/docs/**/*',
+      ],
       rules: {
         'import/no-extraneous-dependencies': 'off',
       },
diff --git a/code/.storybook/main.ts b/code/.storybook/main.ts
index 6a1f51f62f7c..52e8a12175b4 100644
--- a/code/.storybook/main.ts
+++ b/code/.storybook/main.ts
@@ -1,10 +1,12 @@
-import path from 'path';
+import { join } from 'node:path';
+
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { mergeConfig } from 'vite';
+
 import type { StorybookConfig } from '../frameworks/react-vite';
 
-const componentsPath = path.join(__dirname, '../core/src/components');
-const managerApiPath = path.join(__dirname, '../core/src/manager-api');
+const componentsPath = join(__dirname, '../core/src/components');
+const managerApiPath = join(__dirname, '../core/src/manager-api');
 
 const config: StorybookConfig = {
   stories: [
diff --git a/code/.storybook/manager.tsx b/code/.storybook/manager.tsx
index 0bf39f832e2e..b6c5ed75c345 100644
--- a/code/.storybook/manager.tsx
+++ b/code/.storybook/manager.tsx
@@ -1,4 +1,5 @@
 import { addons } from 'storybook/internal/manager-api';
+
 import startCase from 'lodash/startCase.js';
 
 addons.setConfig({
diff --git a/code/.storybook/preview-head.html b/code/.storybook/preview-head.html
deleted file mode 100644
index 4037d732ffec..000000000000
--- a/code/.storybook/preview-head.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<script>
-  // eslint-d bal = window;
-</script>
diff --git a/code/.storybook/preview.tsx b/code/.storybook/preview.tsx
index 548f29473efc..07d79f194746 100644
--- a/code/.storybook/preview.tsx
+++ b/code/.storybook/preview.tsx
@@ -1,24 +1,26 @@
-import { global } from '@storybook/global';
 import React, { Fragment, useEffect } from 'react';
-import { isChromatic } from './isChromatic';
+
+import type { Channel } from 'storybook/internal/channels';
+import { DocsContext as DocsContextProps, useArgs } from 'storybook/internal/preview-api';
+import type { PreviewWeb } from 'storybook/internal/preview-api';
 import {
   Global,
   ThemeProvider,
-  themes,
-  createReset,
   convert,
+  createReset,
   styled,
+  themes,
   useTheme,
 } from 'storybook/internal/theming';
-import { useArgs, DocsContext as DocsContextProps } from 'storybook/internal/preview-api';
-import type { PreviewWeb } from 'storybook/internal/preview-api';
-import type { ReactRenderer, Decorator } from '@storybook/react';
-import type { Channel } from 'storybook/internal/channels';
 
 import { DocsContext } from '@storybook/blocks';
+import { global } from '@storybook/global';
+import type { Decorator, ReactRenderer } from '@storybook/react';
+
 import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import { DocsPageWrapper } from '../lib/blocks/src/components';
+import { isChromatic } from './isChromatic';
 
 const { document } = global;
 
diff --git a/code/.yarn/patches/@vitest-expect-npm-1.6.0-0e382f8212.patch b/code/.yarn/patches/@vitest-expect-npm-2.0.5-8933466cce.patch
similarity index 82%
rename from code/.yarn/patches/@vitest-expect-npm-1.6.0-0e382f8212.patch
rename to code/.yarn/patches/@vitest-expect-npm-2.0.5-8933466cce.patch
index 04c3bd5cfd7a..ffb0cd3ba2c4 100644
--- a/code/.yarn/patches/@vitest-expect-npm-1.6.0-0e382f8212.patch
+++ b/code/.yarn/patches/@vitest-expect-npm-2.0.5-8933466cce.patch
@@ -1,18 +1,20 @@
 diff --git a/dist/index.js b/dist/index.js
-index 13af149aa3c44f52dd5c5a80db3bf5689dfe15ea..1d111032c3fdc104723e19dea49db62be8b79b94 100644
+index ea14a7a52838ff2fb3010996a47f82507315019f..d5248b4daac4333ecdf250952cec3fbd39b89c19 100644
 --- a/dist/index.js
 +++ b/dist/index.js
-@@ -6,26 +6,32 @@ import { processError } from '@vitest/utils/error';
- import { util } from 'chai';
- 
+@@ -6,7 +6,9 @@ import { processError } from '@vitest/utils/error';
+ import { use, util } from 'chai';
+
  const MATCHERS_OBJECT = Symbol.for("matchers-object");
 -const JEST_MATCHERS_OBJECT = Symbol.for("$$jest-matchers-object");
 +// Patched this symbol for storybook, so that @storybook/test can be used in a jest environment as well.
 +// Otherwise, vitest will override global jest matchers, and crash.
 +const JEST_MATCHERS_OBJECT = Symbol.for("$$jest-matchers-object-storybook");
  const GLOBAL_EXPECT = Symbol.for("expect-global");
- const ASYMMETRIC_MATCHERS_OBJECT = Symbol.for("asymmetric-matchers-object");
- 
+ const ASYMMETRIC_MATCHERS_OBJECT = Symbol.for(
+   "asymmetric-matchers-object"
+@@ -14,20 +16,24 @@ const ASYMMETRIC_MATCHERS_OBJECT = Symbol.for(
+
  if (!Object.prototype.hasOwnProperty.call(globalThis, MATCHERS_OBJECT)) {
    const globalState = /* @__PURE__ */ new WeakMap();
 -  const matchers = /* @__PURE__ */ Object.create(null);
diff --git a/code/addons/a11y/README.md b/code/addons/a11y/README.md
index 64730ef61033..a6c984d21f65 100755
--- a/code/addons/a11y/README.md
+++ b/code/addons/a11y/README.md
@@ -168,7 +168,7 @@ You can override these options [at story level too](https://storybook.js.org/doc
 
 ```js
 import React from 'react';
-import { storiesOf, addDecorator, addParameters } from '@storybook/react';
+import { addDecorator, addParameters, storiesOf } from '@storybook/react';
 
 export default {
   title: 'button',
diff --git a/code/addons/a11y/package.json b/code/addons/a11y/package.json
index 09276984fff3..e6d8533f9798 100644
--- a/code/addons/a11y/package.json
+++ b/code/addons/a11y/package.json
@@ -28,9 +28,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -52,8 +52,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/addon-highlight": "workspace:*",
diff --git a/code/addons/a11y/src/a11yRunner.test.ts b/code/addons/a11y/src/a11yRunner.test.ts
index 15d99c41002d..402ff24f6cb9 100644
--- a/code/addons/a11y/src/a11yRunner.test.ts
+++ b/code/addons/a11y/src/a11yRunner.test.ts
@@ -1,6 +1,8 @@
 import type { Mock } from 'vitest';
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { addons } from 'storybook/internal/preview-api';
+
 import { EVENTS } from './constants';
 
 vi.mock('storybook/internal/preview-api');
diff --git a/code/addons/a11y/src/a11yRunner.ts b/code/addons/a11y/src/a11yRunner.ts
index 44bac1ee093d..e1cae2ec96b2 100644
--- a/code/addons/a11y/src/a11yRunner.ts
+++ b/code/addons/a11y/src/a11yRunner.ts
@@ -1,5 +1,7 @@
-import { global } from '@storybook/global';
 import { addons } from 'storybook/internal/preview-api';
+
+import { global } from '@storybook/global';
+
 import { EVENTS } from './constants';
 import type { A11yParameters } from './params';
 
diff --git a/code/addons/a11y/src/components/A11YPanel.test.tsx b/code/addons/a11y/src/components/A11YPanel.test.tsx
index 7c621b6a377d..a88e3b678288 100644
--- a/code/addons/a11y/src/components/A11YPanel.test.tsx
+++ b/code/addons/a11y/src/components/A11YPanel.test.tsx
@@ -1,14 +1,14 @@
 // @vitest-environment happy-dom
+import { act, cleanup, fireEvent, render, waitFor } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
 import React from 'react';
-import { render, waitFor, fireEvent, act, cleanup } from '@testing-library/react';
 
-import { ThemeProvider, themes, convert } from 'storybook/internal/theming';
 import * as api from 'storybook/internal/manager-api';
+import { ThemeProvider, convert, themes } from 'storybook/internal/theming';
 
-import { A11YPanel } from './A11YPanel';
 import { EVENTS } from '../constants';
+import { A11YPanel } from './A11YPanel';
 
 vi.mock('storybook/internal/manager-api');
 
diff --git a/code/addons/a11y/src/components/A11YPanel.tsx b/code/addons/a11y/src/components/A11YPanel.tsx
index 0931bb5cc65d..4e259c4c155a 100644
--- a/code/addons/a11y/src/components/A11YPanel.tsx
+++ b/code/addons/a11y/src/components/A11YPanel.tsx
@@ -1,25 +1,23 @@
 import React, { useCallback, useMemo, useState } from 'react';
 
-import { styled } from 'storybook/internal/theming';
-
 import { ActionBar, ScrollArea } from 'storybook/internal/components';
-import { SyncIcon, CheckIcon } from '@storybook/icons';
-
-import type { AxeResults } from 'axe-core';
 import {
   useChannel,
   useParameter,
   useStorybookApi,
   useStorybookState,
 } from 'storybook/internal/manager-api';
+import { styled } from 'storybook/internal/theming';
 
-import { Report } from './Report';
+import { CheckIcon, SyncIcon } from '@storybook/icons';
 
-import { Tabs } from './Tabs';
+import type { AxeResults } from 'axe-core';
 
-import { useA11yContext } from './A11yContext';
 import { EVENTS } from '../constants';
 import type { A11yParameters } from '../params';
+import { useA11yContext } from './A11yContext';
+import { Report } from './Report';
+import { Tabs } from './Tabs';
 
 export enum RuleType {
   VIOLATION,
diff --git a/code/addons/a11y/src/components/A11yContext.test.tsx b/code/addons/a11y/src/components/A11yContext.test.tsx
index c65143106789..1a1aab3412b2 100644
--- a/code/addons/a11y/src/components/A11yContext.test.tsx
+++ b/code/addons/a11y/src/components/A11yContext.test.tsx
@@ -1,15 +1,18 @@
 // @vitest-environment happy-dom
+import { act, cleanup, render } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
 import * as React from 'react';
-import type { AxeResults } from 'axe-core';
-import { render, act, cleanup } from '@testing-library/react';
-import * as api from 'storybook/internal/manager-api';
+
 import { STORY_CHANGED } from 'storybook/internal/core-events';
+import * as api from 'storybook/internal/manager-api';
+
 import { HIGHLIGHT } from '@storybook/addon-highlight';
 
-import { A11yContextProvider, useA11yContext } from './A11yContext';
+import type { AxeResults } from 'axe-core';
+
 import { EVENTS } from '../constants';
+import { A11yContextProvider, useA11yContext } from './A11yContext';
 
 vi.mock('storybook/internal/manager-api');
 const mockedApi = vi.mocked(api);
diff --git a/code/addons/a11y/src/components/A11yContext.tsx b/code/addons/a11y/src/components/A11yContext.tsx
index 80c74518bc1a..35bc476328b1 100644
--- a/code/addons/a11y/src/components/A11yContext.tsx
+++ b/code/addons/a11y/src/components/A11yContext.tsx
@@ -1,9 +1,13 @@
 import * as React from 'react';
-import { themes, convert } from 'storybook/internal/theming';
-import type { Result } from 'axe-core';
-import { useChannel, useAddonState, useStorybookApi } from 'storybook/internal/manager-api';
+
 import { STORY_CHANGED, STORY_RENDERED } from 'storybook/internal/core-events';
+import { useAddonState, useChannel, useStorybookApi } from 'storybook/internal/manager-api';
+import { convert, themes } from 'storybook/internal/theming';
+
 import { HIGHLIGHT } from '@storybook/addon-highlight';
+
+import type { Result } from 'axe-core';
+
 import { ADDON_ID, EVENTS } from '../constants';
 
 export interface Results {
diff --git a/code/addons/a11y/src/components/Report/Elements.tsx b/code/addons/a11y/src/components/Report/Elements.tsx
index d17697f66f88..6f1bf8f203b1 100644
--- a/code/addons/a11y/src/components/Report/Elements.tsx
+++ b/code/addons/a11y/src/components/Report/Elements.tsx
@@ -4,10 +4,10 @@ import React from 'react';
 import { styled } from 'storybook/internal/theming';
 
 import type { NodeResult } from 'axe-core';
-import { Rules } from './Rules';
 
 import type { RuleType } from '../A11YPanel';
 import HighlightToggle from './HighlightToggle';
+import { Rules } from './Rules';
 
 const Item = styled.li({
   fontWeight: 600,
diff --git a/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx b/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx
index b01b1d731202..4bfc197395a9 100644
--- a/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx
+++ b/code/addons/a11y/src/components/Report/HighlightToggle.test.tsx
@@ -1,11 +1,13 @@
 // @vitest-environment happy-dom
+import { cleanup, fireEvent, render } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 
-import { describe, it, expect, afterEach, vi } from 'vitest';
 import React from 'react';
-import { render, fireEvent, cleanup } from '@testing-library/react';
+
 import type { NodeResult } from 'axe-core';
-import HighlightToggle from './HighlightToggle';
+
 import { A11yContext } from '../A11yContext';
+import HighlightToggle from './HighlightToggle';
 
 const nodeResult = (target: string): NodeResult => ({
   html: '',
diff --git a/code/addons/a11y/src/components/Report/HighlightToggle.tsx b/code/addons/a11y/src/components/Report/HighlightToggle.tsx
index 40f08966add8..acbd1159945d 100644
--- a/code/addons/a11y/src/components/Report/HighlightToggle.tsx
+++ b/code/addons/a11y/src/components/Report/HighlightToggle.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
+
 import { styled } from 'storybook/internal/theming';
 
 import type { NodeResult } from 'axe-core';
+
 import { useA11yContext } from '../A11yContext';
 
 interface ToggleProps {
diff --git a/code/addons/a11y/src/components/Report/Info.tsx b/code/addons/a11y/src/components/Report/Info.tsx
index 052cfb8de6b7..e85bac76ff6b 100644
--- a/code/addons/a11y/src/components/Report/Info.tsx
+++ b/code/addons/a11y/src/components/Report/Info.tsx
@@ -2,6 +2,7 @@ import type { FC } from 'react';
 import React from 'react';
 
 import { styled } from 'storybook/internal/theming';
+
 import type { Result } from 'axe-core';
 
 const Wrapper = styled.div({
diff --git a/code/addons/a11y/src/components/Report/Item.tsx b/code/addons/a11y/src/components/Report/Item.tsx
index 2089da0f63a3..54f564d1ed34 100644
--- a/code/addons/a11y/src/components/Report/Item.tsx
+++ b/code/addons/a11y/src/components/Report/Item.tsx
@@ -2,15 +2,15 @@ import React, { Fragment, useState } from 'react';
 
 import { styled } from 'storybook/internal/theming';
 
-import type { Result } from 'axe-core';
-import { Info } from './Info';
+import { ChevronSmallDownIcon } from '@storybook/icons';
 
-import { Elements } from './Elements';
-import { Tags } from './Tags';
+import type { Result } from 'axe-core';
 
 import type { RuleType } from '../A11YPanel';
+import { Elements } from './Elements';
 import HighlightToggle from './HighlightToggle';
-import { ChevronSmallDownIcon } from '@storybook/icons';
+import { Info } from './Info';
+import { Tags } from './Tags';
 
 const Wrapper = styled.div(({ theme }) => ({
   display: 'flex',
diff --git a/code/addons/a11y/src/components/Report/Rules.tsx b/code/addons/a11y/src/components/Report/Rules.tsx
index a24ded693da7..4c4a9ed037cd 100644
--- a/code/addons/a11y/src/components/Report/Rules.tsx
+++ b/code/addons/a11y/src/components/Report/Rules.tsx
@@ -1,7 +1,9 @@
 import type { FC } from 'react';
 import React from 'react';
-import { styled } from 'storybook/internal/theming';
+
 import { Badge } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
+
 import type { CheckResult } from 'axe-core';
 import { useResizeDetector } from 'react-resize-detector';
 
diff --git a/code/addons/a11y/src/components/Report/Tags.tsx b/code/addons/a11y/src/components/Report/Tags.tsx
index 4d8c2e81a386..e16c4d52f51f 100644
--- a/code/addons/a11y/src/components/Report/Tags.tsx
+++ b/code/addons/a11y/src/components/Report/Tags.tsx
@@ -2,6 +2,7 @@ import type { FC } from 'react';
 import React from 'react';
 
 import { styled } from 'storybook/internal/theming';
+
 import type { TagValue } from 'axe-core';
 
 const Wrapper = styled.div({
diff --git a/code/addons/a11y/src/components/Report/index.tsx b/code/addons/a11y/src/components/Report/index.tsx
index 0644488614f1..0de6a7d8f582 100644
--- a/code/addons/a11y/src/components/Report/index.tsx
+++ b/code/addons/a11y/src/components/Report/index.tsx
@@ -1,11 +1,12 @@
 import type { FC } from 'react';
 import React, { Fragment } from 'react';
+
 import { EmptyTabContent } from 'storybook/internal/components';
-import type { Result } from 'axe-core';
 
-import { Item } from './Item';
+import type { Result } from 'axe-core';
 
 import type { RuleType } from '../A11YPanel';
+import { Item } from './Item';
 
 export interface ReportProps {
   items: Result[];
diff --git a/code/addons/a11y/src/components/Tabs.tsx b/code/addons/a11y/src/components/Tabs.tsx
index 6a3fbecbd46a..08ae46714dbd 100644
--- a/code/addons/a11y/src/components/Tabs.tsx
+++ b/code/addons/a11y/src/components/Tabs.tsx
@@ -1,12 +1,13 @@
 import * as React from 'react';
 
 import { styled } from 'storybook/internal/theming';
+
 import type { NodeResult, Result } from 'axe-core';
 import { useResizeDetector } from 'react-resize-detector';
-import HighlightToggle from './Report/HighlightToggle';
 
 import type { RuleType } from './A11YPanel';
 import { useA11yContext } from './A11yContext';
+import HighlightToggle from './Report/HighlightToggle';
 
 // TODO: reuse the Tabs component from @storybook/theming instead of re-building identical functionality
 
diff --git a/code/addons/a11y/src/components/VisionSimulator.test.tsx b/code/addons/a11y/src/components/VisionSimulator.test.tsx
index 4fb2e127e0b0..5db1d38e7973 100644
--- a/code/addons/a11y/src/components/VisionSimulator.test.tsx
+++ b/code/addons/a11y/src/components/VisionSimulator.test.tsx
@@ -1,11 +1,13 @@
 // @vitest-environment happy-dom
-
 /// <reference types="@testing-library/jest-dom" />;
-import { describe, it, expect } from 'vitest';
-import React from 'react';
-import { render, fireEvent, screen, waitFor } from '@testing-library/react';
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
-import { ThemeProvider, themes, convert } from 'storybook/internal/theming';
+import { describe, expect, it } from 'vitest';
+
+import React from 'react';
+
+import { ThemeProvider, convert, themes } from 'storybook/internal/theming';
+
 import { VisionSimulator, baseList } from './VisionSimulator';
 
 const getOptionByNameAndPercentage = (option: string, percentage?: number) =>
diff --git a/code/addons/a11y/src/components/VisionSimulator.tsx b/code/addons/a11y/src/components/VisionSimulator.tsx
index 419da70240a6..2acc66b21c71 100644
--- a/code/addons/a11y/src/components/VisionSimulator.tsx
+++ b/code/addons/a11y/src/components/VisionSimulator.tsx
@@ -1,9 +1,11 @@
 import type { ReactNode } from 'react';
 import React, { useState } from 'react';
+
+import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
 import { Global, styled } from 'storybook/internal/theming';
-import { IconButton, WithTooltip, TooltipLinkList } from 'storybook/internal/components';
 
 import { AccessibilityIcon } from '@storybook/icons';
+
 import { Filters } from './ColorFilters';
 
 const iframeId = 'storybook-preview-iframe';
diff --git a/code/addons/a11y/src/manager.test.tsx b/code/addons/a11y/src/manager.test.tsx
index ccd232e44543..c95bdf629d0f 100644
--- a/code/addons/a11y/src/manager.test.tsx
+++ b/code/addons/a11y/src/manager.test.tsx
@@ -1,8 +1,9 @@
 // @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest';
 
-import { describe, it, expect, vi } from 'vitest';
 import * as api from 'storybook/internal/manager-api';
 import type { Addon_BaseType } from 'storybook/internal/types';
+
 import { PANEL_ID } from './constants';
 import './manager';
 
@@ -56,7 +57,6 @@ describe('A11yManager', () => {
           >
             Accessibility
           </span>
-          
         </Spaced>
       </div>
     `);
diff --git a/code/addons/a11y/src/manager.tsx b/code/addons/a11y/src/manager.tsx
index b423e029b310..41e79b3061df 100644
--- a/code/addons/a11y/src/manager.tsx
+++ b/code/addons/a11y/src/manager.tsx
@@ -1,11 +1,13 @@
 import React from 'react';
-import { addons, types, useAddonState } from 'storybook/internal/manager-api';
+
 import { Badge, Spaced } from 'storybook/internal/components';
-import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
-import { VisionSimulator } from './components/VisionSimulator';
+import { addons, types, useAddonState } from 'storybook/internal/manager-api';
+
 import { A11YPanel } from './components/A11YPanel';
 import type { Results } from './components/A11yContext';
 import { A11yContextProvider } from './components/A11yContext';
+import { VisionSimulator } from './components/VisionSimulator';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 
 const Title = () => {
   const [addonState] = useAddonState<Results>(ADDON_ID);
diff --git a/code/addons/a11y/src/params.ts b/code/addons/a11y/src/params.ts
index 4d529eac8503..2428b38add45 100644
--- a/code/addons/a11y/src/params.ts
+++ b/code/addons/a11y/src/params.ts
@@ -1,4 +1,4 @@
-import type { ElementContext, Spec, RunOptions } from 'axe-core';
+import type { ElementContext, RunOptions, Spec } from 'axe-core';
 
 export interface Setup {
   element?: ElementContext;
diff --git a/code/addons/a11y/vitest.config.ts b/code/addons/a11y/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/a11y/vitest.config.ts
+++ b/code/addons/a11y/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/actions/package.json b/code/addons/actions/package.json
index 898ef0754f2d..96275b93501d 100644
--- a/code/addons/actions/package.json
+++ b/code/addons/actions/package.json
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./decorator": {
       "types": "./dist/decorator.d.ts",
@@ -64,8 +64,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
diff --git a/code/addons/actions/src/addArgs.ts b/code/addons/actions/src/addArgs.ts
index 1a114fa22222..f0ee718ed28a 100644
--- a/code/addons/actions/src/addArgs.ts
+++ b/code/addons/actions/src/addArgs.ts
@@ -1,4 +1,5 @@
 import type { ArgsEnhancer } from 'storybook/internal/types';
+
 import { addActionsFromArgTypes, inferActionsFromArgTypesRegex } from './addArgsHelpers';
 
 export const argsEnhancers: ArgsEnhancer[] = [
diff --git a/code/addons/actions/src/addArgsHelpers.test.ts b/code/addons/actions/src/addArgsHelpers.test.ts
index 4ad092c93b9c..99b8da579089 100644
--- a/code/addons/actions/src/addArgsHelpers.test.ts
+++ b/code/addons/actions/src/addArgsHelpers.test.ts
@@ -1,6 +1,8 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { StoryContext } from 'storybook/internal/types';
-import { inferActionsFromArgTypesRegex, addActionsFromArgTypes } from './addArgsHelpers';
+
+import { addActionsFromArgTypes, inferActionsFromArgTypesRegex } from './addArgsHelpers';
 
 describe('actions parameter enhancers', () => {
   describe('actions.argTypesRegex parameter', () => {
diff --git a/code/addons/actions/src/addArgsHelpers.ts b/code/addons/actions/src/addArgsHelpers.ts
index f86400fdaab0..f13b98274df4 100644
--- a/code/addons/actions/src/addArgsHelpers.ts
+++ b/code/addons/actions/src/addArgsHelpers.ts
@@ -1,4 +1,5 @@
-import type { Args, Renderer, ArgsEnhancer } from 'storybook/internal/types';
+import type { Args, ArgsEnhancer, Renderer } from 'storybook/internal/types';
+
 import { action } from './runtime/action';
 
 // interface ActionsParameter {
diff --git a/code/addons/actions/src/components/ActionLogger/index.tsx b/code/addons/actions/src/components/ActionLogger/index.tsx
index afff6535f047..25ab0da611ac 100644
--- a/code/addons/actions/src/components/ActionLogger/index.tsx
+++ b/code/addons/actions/src/components/ActionLogger/index.tsx
@@ -1,13 +1,14 @@
 import type { ElementRef, ReactNode } from 'react';
-import React, { forwardRef, Fragment, useEffect, useRef } from 'react';
+import React, { Fragment, forwardRef, useEffect, useRef } from 'react';
+
+import { ActionBar, ScrollArea } from 'storybook/internal/components';
 import type { Theme } from 'storybook/internal/theming';
 import { styled, withTheme } from 'storybook/internal/theming';
 
 import { Inspector } from 'react-inspector';
-import { ActionBar, ScrollArea } from 'storybook/internal/components';
 
-import { Action, Counter, InspectorContainer } from './style';
 import type { ActionDisplay } from '../../models';
+import { Action, Counter, InspectorContainer } from './style';
 
 const UnstyledWrapped = forwardRef<HTMLDivElement, { children: ReactNode; className?: string }>(
   ({ children, className }, ref) => (
diff --git a/code/addons/actions/src/components/ActionLogger/style.tsx b/code/addons/actions/src/components/ActionLogger/style.tsx
index 351cda9a95a2..77e5e30e910e 100644
--- a/code/addons/actions/src/components/ActionLogger/style.tsx
+++ b/code/addons/actions/src/components/ActionLogger/style.tsx
@@ -1,4 +1,5 @@
 import { styled } from 'storybook/internal/theming';
+
 import { opacify } from 'polished';
 
 export const Action = styled.div({
diff --git a/code/addons/actions/src/containers/ActionLogger/index.tsx b/code/addons/actions/src/containers/ActionLogger/index.tsx
index ff9e50302633..075ba94af565 100644
--- a/code/addons/actions/src/containers/ActionLogger/index.tsx
+++ b/code/addons/actions/src/containers/ActionLogger/index.tsx
@@ -1,12 +1,13 @@
 import React, { Component } from 'react';
-import { dequal as deepEqual } from 'dequal';
 
-import type { API } from 'storybook/internal/manager-api';
 import { STORY_CHANGED } from 'storybook/internal/core-events';
+import type { API } from 'storybook/internal/manager-api';
+
+import { dequal as deepEqual } from 'dequal';
 
 import { ActionLogger as ActionLoggerComponent } from '../../components/ActionLogger';
-import type { ActionDisplay } from '../../models';
 import { CLEAR_ID, EVENT_ID } from '../../constants';
+import type { ActionDisplay } from '../../models';
 
 interface ActionLoggerProps {
   active: boolean;
diff --git a/code/addons/actions/src/decorator.ts b/code/addons/actions/src/decorator.ts
index 6e8319680cd3..e0eb6148f216 100644
--- a/code/addons/actions/src/decorator.ts
+++ b/code/addons/actions/src/decorator.ts
@@ -1,9 +1,10 @@
-import { global } from '@storybook/global';
-import { useEffect, makeDecorator } from 'storybook/internal/preview-api';
+import { makeDecorator, useEffect } from 'storybook/internal/preview-api';
 import type { PartialStoryFn, Renderer } from 'storybook/internal/types';
-import { actions } from './runtime/actions';
+
+import { global } from '@storybook/global';
 
 import { PARAM_KEY } from './constants';
+import { actions } from './runtime/actions';
 
 const { document, Element } = global;
 
diff --git a/code/addons/actions/src/loaders.ts b/code/addons/actions/src/loaders.ts
index 93bc938cb652..585d8e3815b7 100644
--- a/code/addons/actions/src/loaders.ts
+++ b/code/addons/actions/src/loaders.ts
@@ -1,7 +1,9 @@
 /* eslint-disable no-underscore-dangle */
 import type { LoaderFunction } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
 import type { onMockCall as onMockCallType } from '@storybook/test';
+
 import { action } from './runtime';
 
 let subscribed = false;
diff --git a/code/addons/actions/src/manager.tsx b/code/addons/actions/src/manager.tsx
index 944f5e4e5971..341d9c1f423f 100644
--- a/code/addons/actions/src/manager.tsx
+++ b/code/addons/actions/src/manager.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
-import { addons, types, useAddonState, useChannel } from 'storybook/internal/manager-api';
-import { STORY_CHANGED } from 'storybook/internal/core-events';
+
 import { Badge, Spaced } from 'storybook/internal/components';
-import ActionLogger from './containers/ActionLogger';
+import { STORY_CHANGED } from 'storybook/internal/core-events';
+import { addons, types, useAddonState, useChannel } from 'storybook/internal/manager-api';
+
 import { ADDON_ID, CLEAR_ID, EVENT_ID, PANEL_ID, PARAM_KEY } from './constants';
+import ActionLogger from './containers/ActionLogger';
 
 function Title() {
   const [{ count }, setCount] = useAddonState(ADDON_ID, { count: 0 });
diff --git a/code/addons/actions/src/runtime/__tests__/action.test.js b/code/addons/actions/src/runtime/__tests__/action.test.js
index 5276d7a75e51..cd6e695304f5 100644
--- a/code/addons/actions/src/runtime/__tests__/action.test.js
+++ b/code/addons/actions/src/runtime/__tests__/action.test.js
@@ -1,5 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { addons } from 'storybook/internal/preview-api';
+
 import { action, configureActions } from '../..';
 
 vi.mock('storybook/internal/preview-api');
diff --git a/code/addons/actions/src/runtime/__tests__/actions.test.js b/code/addons/actions/src/runtime/__tests__/actions.test.js
index 04cf68b9e79b..3e524d827a08 100644
--- a/code/addons/actions/src/runtime/__tests__/actions.test.js
+++ b/code/addons/actions/src/runtime/__tests__/actions.test.js
@@ -1,5 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { addons } from 'storybook/internal/preview-api';
+
 import { actions } from '../..';
 
 vi.mock('storybook/internal/preview-api');
diff --git a/code/addons/actions/src/runtime/__tests__/configureActions.test.js b/code/addons/actions/src/runtime/__tests__/configureActions.test.js
index 7034904a2a5c..acd29ac33166 100644
--- a/code/addons/actions/src/runtime/__tests__/configureActions.test.js
+++ b/code/addons/actions/src/runtime/__tests__/configureActions.test.js
@@ -1,6 +1,7 @@
-import { describe, it, expect } from 'vitest';
-import { config } from '../configureActions';
+import { describe, expect, it } from 'vitest';
+
 import { configureActions } from '../..';
+import { config } from '../configureActions';
 
 describe('Configure Actions', () => {
   it('can configure actions', () => {
diff --git a/code/addons/actions/src/runtime/action.ts b/code/addons/actions/src/runtime/action.ts
index a5b39c3e340a..00295c007e8d 100644
--- a/code/addons/actions/src/runtime/action.ts
+++ b/code/addons/actions/src/runtime/action.ts
@@ -1,9 +1,12 @@
-import { v4 as uuidv4 } from 'uuid';
 import type { PreviewWeb } from 'storybook/internal/preview-api';
 import { addons } from 'storybook/internal/preview-api';
+import { ImplicitActionsDuringRendering } from 'storybook/internal/preview-errors';
 import type { Renderer } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
-import { ImplicitActionsDuringRendering } from 'storybook/internal/preview-errors';
+
+import { v4 as uuidv4 } from 'uuid';
+
 import { EVENT_ID } from '../constants';
 import type { ActionDisplay, ActionOptions, HandlerFunction } from '../models';
 import { config } from './configureActions';
diff --git a/code/addons/actions/src/runtime/actions.ts b/code/addons/actions/src/runtime/actions.ts
index 3deeb185e641..9cbb57c4198b 100644
--- a/code/addons/actions/src/runtime/actions.ts
+++ b/code/addons/actions/src/runtime/actions.ts
@@ -1,5 +1,5 @@
+import type { ActionOptions, ActionsFunction, ActionsMap } from '../models';
 import { action } from './action';
-import type { ActionsFunction, ActionOptions, ActionsMap } from '../models';
 import { config } from './configureActions';
 
 export const actions: ActionsFunction = (...args: any[]) => {
diff --git a/code/addons/actions/template/stories/parameters.stories.ts b/code/addons/actions/template/stories/parameters.stories.ts
index e4a5bf0ef9dd..f184f89a1538 100644
--- a/code/addons/actions/template/stories/parameters.stories.ts
+++ b/code/addons/actions/template/stories/parameters.stories.ts
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+
 import { withActions } from '@storybook/addon-actions/decorator';
 
 export default {
diff --git a/code/addons/actions/vitest.config.ts b/code/addons/actions/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/actions/vitest.config.ts
+++ b/code/addons/actions/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/backgrounds/package.json b/code/addons/backgrounds/package.json
index 9c6cbac80053..474a82f29c04 100644
--- a/code/addons/backgrounds/package.json
+++ b/code/addons/backgrounds/package.json
@@ -28,9 +28,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -52,8 +52,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
diff --git a/code/addons/backgrounds/src/components/Tool.tsx b/code/addons/backgrounds/src/components/Tool.tsx
index e214780714e4..5f94606d0614 100644
--- a/code/addons/backgrounds/src/components/Tool.tsx
+++ b/code/addons/backgrounds/src/components/Tool.tsx
@@ -1,9 +1,10 @@
-import React, { useState, memo, Fragment, useCallback } from 'react';
+import React, { Fragment, memo, useCallback, useState } from 'react';
 
+import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
 import { useGlobals, useParameter } from 'storybook/internal/manager-api';
-import { IconButton, WithTooltip, TooltipLinkList } from 'storybook/internal/components';
 
 import { CircleIcon, GridIcon, PhotoIcon, RefreshIcon } from '@storybook/icons';
+
 import { PARAM_KEY as KEY } from '../constants';
 import type { Background, BackgroundMap, Config, GlobalStateUpdate } from '../types';
 
diff --git a/code/addons/backgrounds/src/decorator.ts b/code/addons/backgrounds/src/decorator.ts
index bdee2f2ea19b..ecaccb44c99d 100644
--- a/code/addons/backgrounds/src/decorator.ts
+++ b/code/addons/backgrounds/src/decorator.ts
@@ -1,13 +1,13 @@
 import { useEffect } from 'storybook/internal/preview-api';
 import type {
   Renderer,
-  PartialStoryFn as StoryFunction,
   StoryContext,
+  PartialStoryFn as StoryFunction,
 } from 'storybook/internal/types';
 
 import { PARAM_KEY as KEY } from './constants';
-import { clearStyles, addBackgroundStyle, isReduceMotionEnabled, addGridStyle } from './utils';
 import type { Config, GridConfig } from './types';
+import { addBackgroundStyle, addGridStyle, clearStyles, isReduceMotionEnabled } from './utils';
 
 const defaultGrid: GridConfig = {
   cellSize: 100,
diff --git a/code/addons/backgrounds/src/legacy/BackgroundSelectorLegacy.tsx b/code/addons/backgrounds/src/legacy/BackgroundSelectorLegacy.tsx
index dcc8ffb8e658..cc5bc3d00b7b 100644
--- a/code/addons/backgrounds/src/legacy/BackgroundSelectorLegacy.tsx
+++ b/code/addons/backgrounds/src/legacy/BackgroundSelectorLegacy.tsx
@@ -1,15 +1,17 @@
 import type { FC, ReactElement } from 'react';
-import React, { useState, useCallback, useMemo, memo } from 'react';
-import memoize from 'memoizerific';
+import React, { memo, useCallback, useMemo, useState } from 'react';
 
-import { useParameter, useGlobals } from 'storybook/internal/manager-api';
 import { logger } from 'storybook/internal/client-logger';
-import { IconButton, WithTooltip, TooltipLinkList } from 'storybook/internal/components';
+import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
+import { useGlobals, useParameter } from 'storybook/internal/manager-api';
 
 import { PhotoIcon } from '@storybook/icons';
+
+import memoize from 'memoizerific';
+
 import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
-import { ColorIcon } from './ColorIcon';
 import type { Background } from '../types';
+import { ColorIcon } from './ColorIcon';
 import { getBackgroundColorByName } from './getBackgroundColorByName';
 
 export interface DeprecatedGlobalState {
diff --git a/code/addons/backgrounds/src/legacy/GridSelectorLegacy.tsx b/code/addons/backgrounds/src/legacy/GridSelectorLegacy.tsx
index e061fd4f2311..2cb6e192574c 100644
--- a/code/addons/backgrounds/src/legacy/GridSelectorLegacy.tsx
+++ b/code/addons/backgrounds/src/legacy/GridSelectorLegacy.tsx
@@ -1,10 +1,11 @@
 import type { FC } from 'react';
 import React, { memo } from 'react';
 
-import { useGlobals, useParameter } from 'storybook/internal/manager-api';
 import { IconButton } from 'storybook/internal/components';
+import { useGlobals, useParameter } from 'storybook/internal/manager-api';
 
 import { GridIcon } from '@storybook/icons';
+
 import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
 
 export const GridToolLegacy: FC = memo(function GridSelector() {
diff --git a/code/addons/backgrounds/src/legacy/getBackgroundColorByName.ts b/code/addons/backgrounds/src/legacy/getBackgroundColorByName.ts
index 95b5296752c1..e5fea7ee637d 100644
--- a/code/addons/backgrounds/src/legacy/getBackgroundColorByName.ts
+++ b/code/addons/backgrounds/src/legacy/getBackgroundColorByName.ts
@@ -1,5 +1,7 @@
-import { dedent } from 'ts-dedent';
 import { logger } from 'storybook/internal/client-logger';
+
+import { dedent } from 'ts-dedent';
+
 import type { Background } from '../types';
 
 export const getBackgroundColorByName = (
diff --git a/code/addons/backgrounds/src/legacy/withBackgroundLegacy.ts b/code/addons/backgrounds/src/legacy/withBackgroundLegacy.ts
index ba649a0a1d36..a7d42e9d46b0 100644
--- a/code/addons/backgrounds/src/legacy/withBackgroundLegacy.ts
+++ b/code/addons/backgrounds/src/legacy/withBackgroundLegacy.ts
@@ -1,12 +1,12 @@
-import { useMemo, useEffect } from 'storybook/internal/preview-api';
+import { useEffect, useMemo } from 'storybook/internal/preview-api';
 import type {
   Renderer,
-  PartialStoryFn as StoryFunction,
   StoryContext,
+  PartialStoryFn as StoryFunction,
 } from 'storybook/internal/types';
 
 import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
-import { clearStyles, addBackgroundStyle, isReduceMotionEnabled } from '../utils';
+import { addBackgroundStyle, clearStyles, isReduceMotionEnabled } from '../utils';
 import { getBackgroundColorByName } from './getBackgroundColorByName';
 
 export const withBackground = (
diff --git a/code/addons/backgrounds/src/legacy/withGridLegacy.ts b/code/addons/backgrounds/src/legacy/withGridLegacy.ts
index 801a1962d926..3fb711c772e2 100644
--- a/code/addons/backgrounds/src/legacy/withGridLegacy.ts
+++ b/code/addons/backgrounds/src/legacy/withGridLegacy.ts
@@ -1,12 +1,12 @@
-import { useMemo, useEffect } from 'storybook/internal/preview-api';
+import { useEffect, useMemo } from 'storybook/internal/preview-api';
 import type {
   Renderer,
-  PartialStoryFn as StoryFunction,
   StoryContext,
+  PartialStoryFn as StoryFunction,
 } from 'storybook/internal/types';
 
-import { clearStyles, addGridStyle } from '../utils';
 import { PARAM_KEY as BACKGROUNDS_PARAM_KEY } from '../constants';
+import { addGridStyle, clearStyles } from '../utils';
 
 export const withGrid = (StoryFn: StoryFunction<Renderer>, context: StoryContext<Renderer>) => {
   const { globals, parameters } = context;
diff --git a/code/addons/backgrounds/src/manager.tsx b/code/addons/backgrounds/src/manager.tsx
index 3f8ab23da58d..a1cc71c46ea4 100644
--- a/code/addons/backgrounds/src/manager.tsx
+++ b/code/addons/backgrounds/src/manager.tsx
@@ -1,10 +1,11 @@
 import React, { Fragment } from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
 
+import { BackgroundTool } from './components/Tool';
 import { ADDON_ID } from './constants';
 import { BackgroundToolLegacy } from './legacy/BackgroundSelectorLegacy';
 import { GridToolLegacy } from './legacy/GridSelectorLegacy';
-import { BackgroundTool } from './components/Tool';
 
 addons.register(ADDON_ID, () => {
   addons.add(ADDON_ID, {
diff --git a/code/addons/backgrounds/src/preview.ts b/code/addons/backgrounds/src/preview.ts
index dad8dad077bb..9d773da2d48e 100644
--- a/code/addons/backgrounds/src/preview.ts
+++ b/code/addons/backgrounds/src/preview.ts
@@ -1,8 +1,9 @@
 import type { Addon_DecoratorFunction } from 'storybook/internal/types';
-import { withBackground } from './legacy/withBackgroundLegacy';
-import { withGrid } from './legacy/withGridLegacy';
+
 import { PARAM_KEY as KEY } from './constants';
 import { withBackgroundAndGrid } from './decorator';
+import { withBackground } from './legacy/withBackgroundLegacy';
+import { withGrid } from './legacy/withGridLegacy';
 import type { Config, GlobalState } from './types';
 
 export const decorators: Addon_DecoratorFunction[] = FEATURES?.backgroundsStoryGlobals
diff --git a/code/addons/backgrounds/vitest.config.ts b/code/addons/backgrounds/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/backgrounds/vitest.config.ts
+++ b/code/addons/backgrounds/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/controls/package.json b/code/addons/controls/package.json
index 8d5fe84da8ec..9f109664fdcb 100644
--- a/code/addons/controls/package.json
+++ b/code/addons/controls/package.json
@@ -28,9 +28,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./manager": "./dist/manager.js",
     "./register": "./dist/manager.js",
@@ -47,8 +47,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "dequal": "^2.0.2",
diff --git a/code/addons/controls/src/ControlsPanel.tsx b/code/addons/controls/src/ControlsPanel.tsx
index 20d3e695c2bd..a84591aefb41 100644
--- a/code/addons/controls/src/ControlsPanel.tsx
+++ b/code/addons/controls/src/ControlsPanel.tsx
@@ -1,19 +1,22 @@
-import { dequal as deepEqual } from 'dequal';
 import React, { useEffect, useMemo, useState } from 'react';
-import { global } from '@storybook/global';
+
 import {
+  useArgTypes,
   useArgs,
   useGlobals,
-  useArgTypes,
   useParameter,
   useStorybookState,
 } from 'storybook/internal/manager-api';
-import { PureArgsTable as ArgsTable, type PresetColor, type SortType } from '@storybook/blocks';
 import { styled } from 'storybook/internal/theming';
 import type { ArgTypes } from 'storybook/internal/types';
 
-import { PARAM_KEY } from './constants';
+import { PureArgsTable as ArgsTable, type PresetColor, type SortType } from '@storybook/blocks';
+import { global } from '@storybook/global';
+
+import { dequal as deepEqual } from 'dequal';
+
 import { SaveStory } from './SaveStory';
+import { PARAM_KEY } from './constants';
 
 // Remove undefined values (top-level only)
 const clean = (obj: { [key: string]: any }) =>
diff --git a/code/addons/controls/src/SaveStory.stories.tsx b/code/addons/controls/src/SaveStory.stories.tsx
index 9dbe620da7fb..9c39f6746e04 100644
--- a/code/addons/controls/src/SaveStory.stories.tsx
+++ b/code/addons/controls/src/SaveStory.stories.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
+
 import type { Meta, StoryObj } from '@storybook/react';
+import { expect, fireEvent, fn, userEvent, within } from '@storybook/test';
+
+import { action } from '@storybook/addon-actions';
 
 import { SaveStory } from './SaveStory';
-import { expect, fireEvent, fn, userEvent, within } from '@storybook/test';
 
 const meta = {
   component: SaveStory,
diff --git a/code/addons/controls/src/SaveStory.tsx b/code/addons/controls/src/SaveStory.tsx
index 8cb9bf716a3f..56e50a0f0326 100644
--- a/code/addons/controls/src/SaveStory.tsx
+++ b/code/addons/controls/src/SaveStory.tsx
@@ -1,3 +1,5 @@
+import React from 'react';
+
 import {
   Bar as BaseBar,
   Button,
@@ -7,9 +9,9 @@ import {
   TooltipNote,
   WithTooltip,
 } from 'storybook/internal/components';
-import { AddIcon, CheckIcon, UndoIcon } from '@storybook/icons';
 import { keyframes, styled } from 'storybook/internal/theming';
-import React from 'react';
+
+import { AddIcon, CheckIcon, UndoIcon } from '@storybook/icons';
 
 const slideIn = keyframes({
   from: { transform: 'translateY(40px)' },
diff --git a/code/addons/controls/src/manager.tsx b/code/addons/controls/src/manager.tsx
index 31640963a522..b745bad9eb16 100644
--- a/code/addons/controls/src/manager.tsx
+++ b/code/addons/controls/src/manager.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { dequal as deepEqual } from 'dequal';
+
 import { AddonPanel, Badge, Spaced } from 'storybook/internal/components';
 import type {
   ResponseData,
@@ -14,9 +14,13 @@ import {
   useArgTypes,
 } from 'storybook/internal/manager-api';
 import { color } from 'storybook/internal/theming';
+
+import type { Args } from '@storybook/csf';
+
+import { dequal as deepEqual } from 'dequal';
+
 import { ControlsPanel } from './ControlsPanel';
 import { ADDON_ID, PARAM_KEY } from './constants';
-import type { Args } from '@storybook/csf';
 
 function Title() {
   const rows = useArgTypes();
diff --git a/code/addons/controls/src/preset/checkDocsLoaded.ts b/code/addons/controls/src/preset/checkDocsLoaded.ts
index bd801324a1ee..7f97c3267c5d 100644
--- a/code/addons/controls/src/preset/checkDocsLoaded.ts
+++ b/code/addons/controls/src/preset/checkDocsLoaded.ts
@@ -1,5 +1,6 @@
+import { isAbsolute, join } from 'node:path';
+
 import { checkAddonOrder, serverRequire } from 'storybook/internal/common';
-import path from 'path';
 
 export const checkDocsLoaded = (configDir: string) => {
   checkAddonOrder({
@@ -11,9 +12,9 @@ export const checkDocsLoaded = (configDir: string) => {
       name: '@storybook/addon-controls',
       inEssentials: true,
     },
-    configFile: path.isAbsolute(configDir)
-      ? path.join(configDir, 'main')
-      : path.join(process.cwd(), configDir, 'main'),
+    configFile: isAbsolute(configDir)
+      ? join(configDir, 'main')
+      : join(process.cwd(), configDir, 'main'),
     getConfig: (configFile) => serverRequire(configFile),
   });
 };
diff --git a/code/addons/controls/template/stories/basics.stories.ts b/code/addons/controls/template/stories/basics.stories.ts
index a75abbf2fb4d..bcd5cd147aae 100644
--- a/code/addons/controls/template/stories/basics.stories.ts
+++ b/code/addons/controls/template/stories/basics.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/template/stories/conditional.stories.ts b/code/addons/controls/template/stories/conditional.stories.ts
index ed3c51d8ba8e..56d43aa7366f 100644
--- a/code/addons/controls/template/stories/conditional.stories.ts
+++ b/code/addons/controls/template/stories/conditional.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/template/stories/disable.stories.ts b/code/addons/controls/template/stories/disable.stories.ts
index 653840df5de8..2402d982e451 100644
--- a/code/addons/controls/template/stories/disable.stories.ts
+++ b/code/addons/controls/template/stories/disable.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/template/stories/filters.stories.ts b/code/addons/controls/template/stories/filters.stories.ts
index 983e58905243..e2378d6d0cad 100644
--- a/code/addons/controls/template/stories/filters.stories.ts
+++ b/code/addons/controls/template/stories/filters.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/template/stories/issues.stories.ts b/code/addons/controls/template/stories/issues.stories.ts
index b320f54b1eba..636baf38d531 100644
--- a/code/addons/controls/template/stories/issues.stories.ts
+++ b/code/addons/controls/template/stories/issues.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/template/stories/matchers.stories.ts b/code/addons/controls/template/stories/matchers.stories.ts
index bc5a896d4f6e..b54703120f72 100644
--- a/code/addons/controls/template/stories/matchers.stories.ts
+++ b/code/addons/controls/template/stories/matchers.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/template/stories/sorting.stories.ts b/code/addons/controls/template/stories/sorting.stories.ts
index dc6a66acdc31..c3b7b831dec6 100644
--- a/code/addons/controls/template/stories/sorting.stories.ts
+++ b/code/addons/controls/template/stories/sorting.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 export default {
   component: globalThis.Components.Pre,
   decorators: [
diff --git a/code/addons/controls/vitest.config.ts b/code/addons/controls/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/controls/vitest.config.ts
+++ b/code/addons/controls/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/docs/docs/docspage.md b/code/addons/docs/docs/docspage.md
index ea50050f6b94..26f75811de5b 100644
--- a/code/addons/docs/docs/docspage.md
+++ b/code/addons/docs/docs/docspage.md
@@ -70,6 +70,7 @@ You can replace DocsPage at any level by overriding the `docs.page` parameter:
 
 ```js
 import { addParameters } from '@storybook/react';
+
 addParameters({ docs: { page: null } });
 ```
 
@@ -77,6 +78,7 @@ addParameters({ docs: { page: null } });
 
 ```js
 import { Button } from './Button';
+
 export default {
   title: 'Demo/Button',
   component: Button,
@@ -101,7 +103,7 @@ Here's an example of rebuilding `DocsPage` out of doc blocks:
 
 ```js
 import React from 'react';
-import { Title, Subtitle, Description, Primary, ArgsTable, Stories } from '@storybook/addon-docs';
+import { ArgsTable, Description, Primary, Stories, Subtitle, Title } from '@storybook/addon-docs';
 import { DocgenButton } from '../../components/DocgenButton';
 
 export default {
@@ -141,8 +143,8 @@ That being said, there is a system in place to remove the necessity of this trad
 ```js
 import React from 'react';
 import { render } from 'react-dom';
-import toReact from '@egoist/vue-to-react';
 import { addParameters } from '@storybook/vue';
+import toReact from '@egoist/vue-to-react';
 
 addParameters({
   docs: {
diff --git a/code/addons/docs/docs/multiframework.md b/code/addons/docs/docs/multiframework.md
index 070d94089b00..c68201aabdc3 100644
--- a/code/addons/docs/docs/multiframework.md
+++ b/code/addons/docs/docs/multiframework.md
@@ -113,7 +113,7 @@ This dynamic rendering is framework-specific, meaning it needs a custom implemen
 Let's take a look at the React framework implementation of `dynamic` snippets as a reference for implementing this feature in other frameworks:
 
 ```tsx
-import { addons, StoryContext } from '@storybook/preview-api';
+import { StoryContext, addons } from '@storybook/preview-api';
 import { SNIPPET_RENDERED } from '../../shared';
 
 export const jsxDecorator = (storyFn: any, context: StoryContext) => {
@@ -150,6 +150,7 @@ Now we need a way to configure how it's displayed in the UI:
 
 ```tsx
 import { jsxDecorator } from './jsxDecorator';
+
 export const decorators = [jsxDecorator];
 ```
 
diff --git a/code/addons/docs/docs/props-tables.md b/code/addons/docs/docs/props-tables.md
index 8dd5e8f7a285..7a44a6c653ae 100644
--- a/code/addons/docs/docs/props-tables.md
+++ b/code/addons/docs/docs/props-tables.md
@@ -104,6 +104,7 @@ Consider the following input:
 // Button.js
 import React from 'react';
 import PropTypes from 'prop-types';
+
 export const Button = ({ label }) => <button>{label}</button>;
 Button.propTypes = {
   /** demo description */
diff --git a/code/addons/docs/docs/recipes.md b/code/addons/docs/docs/recipes.md
index 0a982974f390..e760a61e08f4 100644
--- a/code/addons/docs/docs/recipes.md
+++ b/code/addons/docs/docs/recipes.md
@@ -106,6 +106,7 @@ And I can also embed arbitrary markdown & JSX in this file.
 import React from 'react';
 import { Button } from './Button';
 import mdx from './Button.mdx';
+
 export default {
   title: 'Demo/Button',
   parameters: {
diff --git a/code/addons/docs/docs/theming.md b/code/addons/docs/docs/theming.md
index 6f66a2d37267..6c4c8ac13082 100644
--- a/code/addons/docs/docs/theming.md
+++ b/code/addons/docs/docs/theming.md
@@ -14,9 +14,9 @@ Storybook theming is the **recommended way** to theme your docs. Docs uses the s
 Supposing you have a Storybook theme defined for the main UI in `.storybook/manager.js`:
 
 ```js
-import { addons } from '@storybook/manager-api';
 // or a custom theme
 import { themes } from '@storybook/theming';
+import { addons } from '@storybook/manager-api';
 
 addons.setConfig({
   theme: themes.dark,
diff --git a/code/addons/docs/ember/README.md b/code/addons/docs/ember/README.md
index 7491de442845..9418707e31b1 100644
--- a/code/addons/docs/ember/README.md
+++ b/code/addons/docs/ember/README.md
@@ -52,6 +52,7 @@ Next, add the following to your `.storybook/preview.js` to load the generated js
 ```js
 import { setJSONDoc } from '@storybook/addon-docs/ember';
 import docJson from '../dist/storybook-docgen/index.json';
+
 setJSONDoc(docJson);
 ```
 
diff --git a/code/addons/docs/package.json b/code/addons/docs/package.json
index a1302ed0a8c4..5e3d735bfef6 100644
--- a/code/addons/docs/package.json
+++ b/code/addons/docs/package.json
@@ -27,9 +27,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -94,8 +94,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.24.4",
diff --git a/code/addons/docs/src/DocsRenderer.tsx b/code/addons/docs/src/DocsRenderer.tsx
index 0124bf4dabe6..afb3c1e1402c 100644
--- a/code/addons/docs/src/DocsRenderer.tsx
+++ b/code/addons/docs/src/DocsRenderer.tsx
@@ -1,13 +1,16 @@
 import type { PropsWithChildren } from 'react';
 import React, { Component } from 'react';
-import { renderElement, unmountElement } from '@storybook/react-dom-shim';
+
 import type {
-  Renderer,
-  Parameters,
   DocsContextProps,
   DocsRenderFunction,
+  Parameters,
+  Renderer,
 } from 'storybook/internal/types';
-import { Docs, CodeOrSourceMdx, AnchorMdx, HeadersMdx } from '@storybook/blocks';
+
+import { AnchorMdx, CodeOrSourceMdx, Docs, HeadersMdx } from '@storybook/blocks';
+
+import { renderElement, unmountElement } from '@storybook/react-dom-shim';
 
 // TS doesn't like that we export a component with types that it doesn't know about (TS4203)
 export const defaultComponents: Record<string, any> = {
diff --git a/code/addons/docs/src/compiler/index.test.ts b/code/addons/docs/src/compiler/index.test.ts
index 54ea2c2d2911..6f4ec7b4bd8b 100644
--- a/code/addons/docs/src/compiler/index.test.ts
+++ b/code/addons/docs/src/compiler/index.test.ts
@@ -1,6 +1,8 @@
-import { expect, describe, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { dedent } from 'ts-dedent';
-import { compileSync, compile } from './index';
+
+import { compile, compileSync } from './index';
 
 expect.addSnapshotSerializer({
   serialize: (val: any) => (typeof val === 'string' ? val : val.toString()),
diff --git a/code/addons/docs/src/mdx-loader.ts b/code/addons/docs/src/mdx-loader.ts
index 639fb0c70f0d..3f8603457e01 100644
--- a/code/addons/docs/src/mdx-loader.ts
+++ b/code/addons/docs/src/mdx-loader.ts
@@ -1,5 +1,6 @@
 import type { transformAsync } from '@babel/core';
 import type { compile as mdxCompile } from '@mdx-js/mdx';
+
 import { compile } from './compiler';
 
 export type MdxCompileOptions = Parameters<typeof mdxCompile>[1];
diff --git a/code/addons/docs/src/plugins/mdx-plugin.ts b/code/addons/docs/src/plugins/mdx-plugin.ts
index 84ce92afeacc..2e2112a91a88 100644
--- a/code/addons/docs/src/plugins/mdx-plugin.ts
+++ b/code/addons/docs/src/plugins/mdx-plugin.ts
@@ -1,9 +1,12 @@
+import { dirname, join } from 'node:path';
+
 import type { Options } from 'storybook/internal/types';
-import type { Plugin } from 'vite';
-import rehypeSlug from 'rehype-slug';
-import rehypeExternalLinks from 'rehype-external-links';
+
 import { createFilter } from '@rollup/pluginutils';
-import { dirname, join } from 'path';
+import rehypeExternalLinks from 'rehype-external-links';
+import rehypeSlug from 'rehype-slug';
+import type { Plugin } from 'vite';
+
 import type { CompileOptions } from '../compiler';
 import { compile } from '../compiler';
 
diff --git a/code/addons/docs/src/preset.ts b/code/addons/docs/src/preset.ts
index 8d359204c227..90933f7d8a9c 100644
--- a/code/addons/docs/src/preset.ts
+++ b/code/addons/docs/src/preset.ts
@@ -1,10 +1,13 @@
-import { dirname, join, isAbsolute } from 'path';
-import rehypeSlug from 'rehype-slug';
-import rehypeExternalLinks from 'rehype-external-links';
+import { dirname, isAbsolute, join } from 'node:path';
 
+import { logger } from 'storybook/internal/node-logger';
 import type { DocsOptions, Options, PresetProperty } from 'storybook/internal/types';
+
 import type { CsfPluginOptions } from '@storybook/csf-plugin';
-import { logger } from 'storybook/internal/node-logger';
+
+import rehypeExternalLinks from 'rehype-external-links';
+import rehypeSlug from 'rehype-slug';
+
 import type { CompileOptions } from './compiler';
 
 /**
diff --git a/code/addons/docs/src/preview.ts b/code/addons/docs/src/preview.ts
index bf3c02329580..735de9f72234 100644
--- a/code/addons/docs/src/preview.ts
+++ b/code/addons/docs/src/preview.ts
@@ -1,4 +1,5 @@
 import type { PreparedStory } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
 
 const excludeTags = Object.entries(global.TAGS_OPTIONS ?? {}).reduce(
diff --git a/code/addons/docs/template/stories/docs2/resolved-react.stories.ts b/code/addons/docs/template/stories/docs2/resolved-react.stories.ts
index 20095ec6164b..331b7e1dfd89 100644
--- a/code/addons/docs/template/stories/docs2/resolved-react.stories.ts
+++ b/code/addons/docs/template/stories/docs2/resolved-react.stories.ts
@@ -1,8 +1,9 @@
-import { within, expect } from '@storybook/test';
 import * as ReactExport from 'react';
 import * as ReactDom from 'react-dom';
 import * as ReactDomServer from 'react-dom/server';
 
+import { expect, within } from '@storybook/test';
+
 /**
  * This component is used to display the resolved version of React and its related packages.
  * As long as `@storybook/addon-docs` is installed, `react` and `react-dom` should be available to import from and should resolve to the same version.
diff --git a/code/addons/docs/template/stories/docspage/source.stories.ts b/code/addons/docs/template/stories/docspage/source.stories.ts
index 2c92512198dd..faa8517dc54d 100644
--- a/code/addons/docs/template/stories/docspage/source.stories.ts
+++ b/code/addons/docs/template/stories/docspage/source.stories.ts
@@ -1,5 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { StoryContext } from 'storybook/internal/types';
+
+import { global as globalThis } from '@storybook/global';
+
 import { dedent } from 'ts-dedent';
 
 export default {
diff --git a/code/addons/docs/template/stories/toc/basic.stories.ts b/code/addons/docs/template/stories/toc/basic.stories.ts
index 63938a400e8f..2a81297d25be 100644
--- a/code/addons/docs/template/stories/toc/basic.stories.ts
+++ b/code/addons/docs/template/stories/toc/basic.stories.ts
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+import { fn } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Button,
diff --git a/code/addons/docs/vitest.config.ts b/code/addons/docs/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/docs/vitest.config.ts
+++ b/code/addons/docs/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/essentials/package.json b/code/addons/essentials/package.json
index beb8eb4b8517..63e90588853a 100644
--- a/code/addons/essentials/package.json
+++ b/code/addons/essentials/package.json
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./actions/preview": {
       "types": "./dist/actions/preview.d.ts",
@@ -85,8 +85,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/addon-actions": "workspace:*",
diff --git a/code/addons/essentials/src/docs/preset.ts b/code/addons/essentials/src/docs/preset.ts
index 5c7409f65b14..1d6ed6fbbc54 100644
--- a/code/addons/essentials/src/docs/preset.ts
+++ b/code/addons/essentials/src/docs/preset.ts
@@ -1,4 +1,4 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
 
 export * from '@storybook/addon-docs/dist/preset';
 
diff --git a/code/addons/essentials/src/index.ts b/code/addons/essentials/src/index.ts
index d2b1ca20785c..ce80fc37634e 100644
--- a/code/addons/essentials/src/index.ts
+++ b/code/addons/essentials/src/index.ts
@@ -1,6 +1,7 @@
-import path from 'path';
-import { logger } from 'storybook/internal/node-logger';
+import { isAbsolute, join } from 'node:path';
+
 import { serverRequire } from 'storybook/internal/common';
+import { logger } from 'storybook/internal/node-logger';
 
 interface PresetOptions {
   /**
@@ -56,10 +57,8 @@ interface PresetOptions {
 }
 
 const requireMain = (configDir: string) => {
-  const absoluteConfigDir = path.isAbsolute(configDir)
-    ? configDir
-    : path.join(process.cwd(), configDir);
-  const mainFile = path.join(absoluteConfigDir, 'main');
+  const absoluteConfigDir = isAbsolute(configDir) ? configDir : join(process.cwd(), configDir);
+  const mainFile = join(absoluteConfigDir, 'main');
 
   return serverRequire(mainFile) ?? {};
 };
diff --git a/code/addons/essentials/vitest.config.ts b/code/addons/essentials/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/essentials/vitest.config.ts
+++ b/code/addons/essentials/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/gfm/package.json b/code/addons/gfm/package.json
index 58fe31499140..e5602723dd6e 100644
--- a/code/addons/gfm/package.json
+++ b/code/addons/gfm/package.json
@@ -40,8 +40,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "remark-gfm": "^4.0.0",
diff --git a/code/addons/gfm/src/index.ts b/code/addons/gfm/src/index.ts
index 2ae1e565529a..08b13e81842f 100644
--- a/code/addons/gfm/src/index.ts
+++ b/code/addons/gfm/src/index.ts
@@ -1,7 +1,7 @@
-import { dedent } from 'ts-dedent';
 import { deprecate } from 'storybook/internal/node-logger';
 
 import remarkGfm from 'remark-gfm';
+import { dedent } from 'ts-dedent';
 
 export const mdxLoaderOptions = async (config: any) => {
   config.mdxCompileOptions.remarkPlugins = config.mdxCompileOptions.remarkPlugins || [];
diff --git a/code/addons/gfm/vitest.config.ts b/code/addons/gfm/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/gfm/vitest.config.ts
+++ b/code/addons/gfm/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/highlight/README.md b/code/addons/highlight/README.md
index 5f7ffbe0c3a9..6f27d1fda606 100644
--- a/code/addons/highlight/README.md
+++ b/code/addons/highlight/README.md
@@ -32,7 +32,6 @@ Add `"@storybook/addon-highlight"` to the addons array in your `.storybook/main.
 
 ```ts
 // .storybook/main.ts
-
 // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
 import type { StorybookConfig } from '@storybook/your-framework';
 
@@ -49,11 +48,9 @@ Highlight DOM nodes by emitting the `HIGHLIGHT` event from within a story or an
 
 ```ts
 // MyComponent.stories.ts
-
 import type { Meta, StoryObj } from '@storybook/react';
 import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT } from '@storybook/addon-highlight';
-
 import { MyComponent } from './MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
@@ -82,11 +79,9 @@ Highlights are automatically cleared when the story changes. You can also manual
 
 ```ts
 // MyComponent.stories.ts|tsx
-
 import type { Meta, StoryObj } from '@storybook/react';
 import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT, RESET_HIGHLIGHT } from '@storybook/addon-highlight';
-
 import { MyComponent } from './MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
@@ -116,11 +111,9 @@ The addon applies a standard style to the highlighted elements you've enabled fo
 
 ```ts
 // MyComponent.stories.ts
-
 import type { Meta, StoryObj } from '@storybook/react';
 import { useChannel } from '@storybook/preview-api';
 import { HIGHLIGHT } from '@storybook/addon-highlight';
-
 import { MyComponent } from './MyComponent';
 
 const meta: Meta<typeof MyComponent> = {
diff --git a/code/addons/highlight/package.json b/code/addons/highlight/package.json
index 1a3ebc1535fc..29e1f0352416 100644
--- a/code/addons/highlight/package.json
+++ b/code/addons/highlight/package.json
@@ -26,9 +26,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -48,8 +48,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0"
diff --git a/code/addons/highlight/src/preview.ts b/code/addons/highlight/src/preview.ts
index 5d38b0aa87b9..7d7d43bd14d4 100644
--- a/code/addons/highlight/src/preview.ts
+++ b/code/addons/highlight/src/preview.ts
@@ -1,8 +1,10 @@
 /* eslint-env browser */
-import { global } from '@storybook/global';
-import { addons } from 'storybook/internal/preview-api';
 import { STORY_CHANGED } from 'storybook/internal/core-events';
-import { HIGHLIGHT, RESET_HIGHLIGHT, HIGHLIGHT_STYLE_ID } from './constants';
+import { addons } from 'storybook/internal/preview-api';
+
+import { global } from '@storybook/global';
+
+import { HIGHLIGHT, HIGHLIGHT_STYLE_ID, RESET_HIGHLIGHT } from './constants';
 
 const { document } = global;
 
diff --git a/code/addons/highlight/vitest.config.ts b/code/addons/highlight/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/highlight/vitest.config.ts
+++ b/code/addons/highlight/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/interactions/README.md b/code/addons/interactions/README.md
index 815a83b1804d..8e97267a65d3 100644
--- a/code/addons/interactions/README.md
+++ b/code/addons/interactions/README.md
@@ -27,8 +27,8 @@ Note that `@storybook/addon-interactions` must be listed **after** `@storybook/a
 Interactions relies on "instrumented" versions of Vitest and Testing Library, that you import from `@storybook/test` instead of their original package. You can then use these libraries in your `play` function.
 
 ```js
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { Button } from './Button';
-import { within, userEvent, expect, fn } from '@storybook/test';
 
 export default {
   title: 'Button',
diff --git a/code/addons/interactions/package.json b/code/addons/interactions/package.json
index 264ccbf8068d..43123c029ce2 100644
--- a/code/addons/interactions/package.json
+++ b/code/addons/interactions/package.json
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -49,8 +49,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
@@ -62,7 +62,7 @@
   "devDependencies": {
     "@devtools-ds/object-inspector": "^1.1.2",
     "@storybook/icons": "^1.2.5",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "formik": "^2.2.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/code/addons/interactions/src/Panel.test.ts b/code/addons/interactions/src/Panel.test.ts
index bb05a875e29d..1d25d154dadc 100644
--- a/code/addons/interactions/src/Panel.test.ts
+++ b/code/addons/interactions/src/Panel.test.ts
@@ -1,7 +1,8 @@
 // @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
 import { type Call, CallStates, type LogItem } from '@storybook/instrumenter';
+
 import { getInteractions } from './Panel';
 
 describe('Panel', () => {
diff --git a/code/addons/interactions/src/Panel.tsx b/code/addons/interactions/src/Panel.tsx
index f6e1b06b8619..eec7d8a80e96 100644
--- a/code/addons/interactions/src/Panel.tsx
+++ b/code/addons/interactions/src/Panel.tsx
@@ -1,15 +1,17 @@
-import { global } from '@storybook/global';
 import type { Dispatch, SetStateAction } from 'react';
 import React, { Fragment, memo, useEffect, useMemo, useRef, useState } from 'react';
-import { useAddonState, useChannel, useParameter } from 'storybook/internal/manager-api';
+
 import {
   FORCE_REMOUNT,
+  PLAY_FUNCTION_THREW_EXCEPTION,
   STORY_RENDER_PHASE_CHANGED,
   STORY_THREW_EXCEPTION,
-  PLAY_FUNCTION_THREW_EXCEPTION,
   UNHANDLED_ERRORS_WHILE_PLAYING,
 } from 'storybook/internal/core-events';
-import { EVENTS, type Call, CallStates, type LogItem } from '@storybook/instrumenter';
+import { useAddonState, useChannel, useParameter } from 'storybook/internal/manager-api';
+
+import { global } from '@storybook/global';
+import { type Call, CallStates, EVENTS, type LogItem } from '@storybook/instrumenter';
 
 import { InteractionsPanel } from './components/InteractionsPanel';
 import { ADDON_ID } from './constants';
diff --git a/code/addons/interactions/src/components/EmptyState.tsx b/code/addons/interactions/src/components/EmptyState.tsx
index effaabee839e..5c0ee95a1bc7 100644
--- a/code/addons/interactions/src/components/EmptyState.tsx
+++ b/code/addons/interactions/src/components/EmptyState.tsx
@@ -1,9 +1,11 @@
 import React, { useEffect, useState } from 'react';
-import { Link, EmptyTabContent } from 'storybook/internal/components';
-import { DocumentIcon, VideoIcon } from '@storybook/icons';
+
+import { EmptyTabContent, Link } from 'storybook/internal/components';
 import { useStorybookApi } from 'storybook/internal/manager-api';
 import { styled } from 'storybook/internal/theming';
 
+import { DocumentIcon, VideoIcon } from '@storybook/icons';
+
 import { DOCUMENTATION_LINK, TUTORIAL_VIDEO_LINK } from '../constants';
 
 const Links = styled.div(({ theme }) => ({
diff --git a/code/addons/interactions/src/components/Interaction.stories.tsx b/code/addons/interactions/src/components/Interaction.stories.tsx
index 98f579090986..784c5251bf34 100644
--- a/code/addons/interactions/src/components/Interaction.stories.tsx
+++ b/code/addons/interactions/src/components/Interaction.stories.tsx
@@ -1,8 +1,8 @@
-import type { StoryObj, Meta } from '@storybook/react';
 import { CallStates } from '@storybook/instrumenter';
-import { userEvent, within, expect } from '@storybook/test';
-import { getCalls } from '../mocks';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
 
+import { getCalls } from '../mocks';
 import { Interaction } from './Interaction';
 import SubnavStories from './Subnav.stories';
 
diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
index 6b4682f61bea..3e613391e856 100644
--- a/code/addons/interactions/src/components/Interaction.tsx
+++ b/code/addons/interactions/src/components/Interaction.tsx
@@ -1,17 +1,19 @@
 import * as React from 'react';
+
 import { IconButton, TooltipNote, WithTooltip } from 'storybook/internal/components';
-import { type Call, CallStates, type ControlStates } from '@storybook/instrumenter';
 import { styled, typography } from 'storybook/internal/theming';
-import { transparentize } from 'polished';
 
 import { ListUnorderedIcon } from '@storybook/icons';
+import { type Call, CallStates, type ControlStates } from '@storybook/instrumenter';
+
+import { transparentize } from 'polished';
+
+import { isChaiError, isJestError } from '../utils';
+import type { Controls } from './InteractionsPanel';
 import { MatcherResult } from './MatcherResult';
 import { MethodCall } from './MethodCall';
 import { StatusIcon } from './StatusIcon';
 
-import type { Controls } from './InteractionsPanel';
-import { isChaiError, isJestError } from '../utils';
-
 const MethodCallWrapper = styled.div(() => ({
   fontFamily: typography.fonts.mono,
   fontSize: typography.size.s1,
diff --git a/code/addons/interactions/src/components/InteractionsPanel.stories.tsx b/code/addons/interactions/src/components/InteractionsPanel.stories.tsx
index 9105ea7f2a3a..c2fb2b9af2ac 100644
--- a/code/addons/interactions/src/components/InteractionsPanel.stories.tsx
+++ b/code/addons/interactions/src/components/InteractionsPanel.stories.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { CallStates } from '@storybook/instrumenter';
+
 import { styled } from 'storybook/internal/theming';
-import { userEvent, within, waitFor, expect } from '@storybook/test';
-import { isChromatic } from '../../../../.storybook/isChromatic';
 
+import { CallStates } from '@storybook/instrumenter';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
+
+import { isChromatic } from '../../../../.storybook/isChromatic';
 import { getCalls, getInteractions } from '../mocks';
 import { InteractionsPanel } from './InteractionsPanel';
 import SubnavStories from './Subnav.stories';
diff --git a/code/addons/interactions/src/components/InteractionsPanel.tsx b/code/addons/interactions/src/components/InteractionsPanel.tsx
index 56165d5e3769..c86a1df8ffde 100644
--- a/code/addons/interactions/src/components/InteractionsPanel.tsx
+++ b/code/addons/interactions/src/components/InteractionsPanel.tsx
@@ -1,13 +1,15 @@
 import * as React from 'react';
-import { type Call, CallStates, type ControlStates } from '@storybook/instrumenter';
+
 import { styled } from 'storybook/internal/theming';
-import { transparentize } from 'polished';
 
-import { Subnav } from './Subnav';
+import { type Call, CallStates, type ControlStates } from '@storybook/instrumenter';
+
+import { transparentize } from 'polished';
 
-import { Interaction } from './Interaction';
 import { isTestAssertionError } from '../utils';
 import { Empty } from './EmptyState';
+import { Interaction } from './Interaction';
+import { Subnav } from './Subnav';
 
 export interface Controls {
   start: (args: any) => void;
diff --git a/code/addons/interactions/src/components/List.tsx b/code/addons/interactions/src/components/List.tsx
index e3a435ffa535..dece58b465ea 100644
--- a/code/addons/interactions/src/components/List.tsx
+++ b/code/addons/interactions/src/components/List.tsx
@@ -1,5 +1,7 @@
 import React, { Fragment, useState } from 'react';
-import { styled, themes, convert } from 'storybook/internal/theming';
+
+import { convert, styled, themes } from 'storybook/internal/theming';
+
 import { ChevronSmallDownIcon } from '@storybook/icons';
 
 const ListWrapper = styled.ul({
diff --git a/code/addons/interactions/src/components/MatcherResult.stories.tsx b/code/addons/interactions/src/components/MatcherResult.stories.tsx
index 9e812673f6b6..516aaed5cd63 100644
--- a/code/addons/interactions/src/components/MatcherResult.stories.tsx
+++ b/code/addons/interactions/src/components/MatcherResult.stories.tsx
@@ -1,6 +1,9 @@
 import React from 'react';
-import { dedent } from 'ts-dedent';
+
 import { styled } from 'storybook/internal/theming';
+
+import { dedent } from 'ts-dedent';
+
 import { MatcherResult } from './MatcherResult';
 
 const StyledWrapper = styled.div(({ theme }) => ({
diff --git a/code/addons/interactions/src/components/MatcherResult.tsx b/code/addons/interactions/src/components/MatcherResult.tsx
index f1bc83d56ec1..a56f96abf627 100644
--- a/code/addons/interactions/src/components/MatcherResult.tsx
+++ b/code/addons/interactions/src/components/MatcherResult.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { styled, typography } from 'storybook/internal/theming';
+
 import { Node } from './MethodCall';
 
 const getParams = (line: string, fromIndex = 0): string => {
diff --git a/code/addons/interactions/src/components/MethodCall.stories.tsx b/code/addons/interactions/src/components/MethodCall.stories.tsx
index 3c9354d44c8e..1ab027dd5dec 100644
--- a/code/addons/interactions/src/components/MethodCall.stories.tsx
+++ b/code/addons/interactions/src/components/MethodCall.stories.tsx
@@ -1,7 +1,10 @@
-import type { Call } from '@storybook/instrumenter';
 import React from 'react';
+
 import { styled, typography } from 'storybook/internal/theming';
-import { Node, MethodCall } from './MethodCall';
+
+import type { Call } from '@storybook/instrumenter';
+
+import { MethodCall, Node } from './MethodCall';
 
 const StyledWrapper = styled.div(({ theme }) => ({
   backgroundColor: theme.background.content,
diff --git a/code/addons/interactions/src/components/MethodCall.tsx b/code/addons/interactions/src/components/MethodCall.tsx
index 4b6896eb4bf5..8e19ea9e6549 100644
--- a/code/addons/interactions/src/components/MethodCall.tsx
+++ b/code/addons/interactions/src/components/MethodCall.tsx
@@ -1,9 +1,12 @@
-import { ObjectInspector } from '@devtools-ds/object-inspector';
-import type { Call, CallRef, ElementRef } from '@storybook/instrumenter';
-import { useTheme } from 'storybook/internal/theming';
 import type { ReactElement } from 'react';
 import React, { Fragment } from 'react';
 
+import { useTheme } from 'storybook/internal/theming';
+
+import type { Call, CallRef, ElementRef } from '@storybook/instrumenter';
+
+import { ObjectInspector } from '@devtools-ds/object-inspector';
+
 const colorsLight = {
   base: '#444',
   nullish: '#7D99AA',
diff --git a/code/addons/interactions/src/components/StatusBadge.stories.tsx b/code/addons/interactions/src/components/StatusBadge.stories.tsx
index 8fa3f91ae3a3..afac03be0a11 100644
--- a/code/addons/interactions/src/components/StatusBadge.stories.tsx
+++ b/code/addons/interactions/src/components/StatusBadge.stories.tsx
@@ -1,4 +1,5 @@
 import { CallStates } from '@storybook/instrumenter';
+
 import { StatusBadge } from './StatusBadge';
 
 export default {
diff --git a/code/addons/interactions/src/components/StatusBadge.tsx b/code/addons/interactions/src/components/StatusBadge.tsx
index 3a989492f1b3..d730b8ef985c 100644
--- a/code/addons/interactions/src/components/StatusBadge.tsx
+++ b/code/addons/interactions/src/components/StatusBadge.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
-import { type Call, CallStates } from '@storybook/instrumenter';
+
 import { styled, typography } from 'storybook/internal/theming';
 
+import { type Call, CallStates } from '@storybook/instrumenter';
+
 export interface StatusBadgeProps {
   status: Call['status'];
 }
diff --git a/code/addons/interactions/src/components/StatusIcon.stories.tsx b/code/addons/interactions/src/components/StatusIcon.stories.tsx
index 4e8ea4217489..7d465dc64001 100644
--- a/code/addons/interactions/src/components/StatusIcon.stories.tsx
+++ b/code/addons/interactions/src/components/StatusIcon.stories.tsx
@@ -1,4 +1,5 @@
 import { CallStates } from '@storybook/instrumenter';
+
 import { StatusIcon } from './StatusIcon';
 
 export default {
diff --git a/code/addons/interactions/src/components/StatusIcon.tsx b/code/addons/interactions/src/components/StatusIcon.tsx
index c09a9e3c9c8f..1e9ec4c9aa99 100644
--- a/code/addons/interactions/src/components/StatusIcon.tsx
+++ b/code/addons/interactions/src/components/StatusIcon.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
-import { type Call, CallStates } from '@storybook/instrumenter';
+
 import { styled, useTheme } from 'storybook/internal/theming';
 
-import { transparentize } from 'polished';
 import { CheckIcon, CircleIcon, PlayIcon, StopAltIcon } from '@storybook/icons';
+import { type Call, CallStates } from '@storybook/instrumenter';
+
+import { transparentize } from 'polished';
 
 export interface StatusIconProps {
   status: Call['status'];
diff --git a/code/addons/interactions/src/components/Subnav.stories.tsx b/code/addons/interactions/src/components/Subnav.stories.tsx
index bdaa5fae2831..e19f86fc9847 100644
--- a/code/addons/interactions/src/components/Subnav.stories.tsx
+++ b/code/addons/interactions/src/components/Subnav.stories.tsx
@@ -1,7 +1,9 @@
-import { action } from '@storybook/addon-actions';
 import { CallStates } from '@storybook/instrumenter';
-import { Subnav } from './Subnav';
+
+import { action } from '@storybook/addon-actions';
+
 import { parameters } from '../preview';
+import { Subnav } from './Subnav';
 
 export default {
   title: 'Subnav',
diff --git a/code/addons/interactions/src/components/Subnav.tsx b/code/addons/interactions/src/components/Subnav.tsx
index 8818248e2b5b..59564dab2b67 100644
--- a/code/addons/interactions/src/components/Subnav.tsx
+++ b/code/addons/interactions/src/components/Subnav.tsx
@@ -1,16 +1,15 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
+
 import {
+  Bar,
   Button,
   IconButton,
-  Separator,
   P,
+  Separator,
   TooltipNote,
   WithTooltip,
-  Bar,
 } from 'storybook/internal/components';
-import type { Call, ControlStates } from '@storybook/instrumenter';
-import { CallStates } from '@storybook/instrumenter';
 import { styled } from 'storybook/internal/theming';
 
 import {
@@ -20,9 +19,11 @@ import {
   RewindIcon,
   SyncIcon,
 } from '@storybook/icons';
-import { StatusBadge } from './StatusBadge';
+import type { Call, ControlStates } from '@storybook/instrumenter';
+import { CallStates } from '@storybook/instrumenter';
 
 import type { Controls } from './InteractionsPanel';
+import { StatusBadge } from './StatusBadge';
 
 const SubnavWrapper = styled.div(({ theme }) => ({
   background: theme.background.app,
diff --git a/code/addons/interactions/src/manager.tsx b/code/addons/interactions/src/manager.tsx
index 2de5d48d8fa6..e2d9c50f8758 100644
--- a/code/addons/interactions/src/manager.tsx
+++ b/code/addons/interactions/src/manager.tsx
@@ -1,9 +1,11 @@
 import React, { useCallback } from 'react';
-import type { Combo } from 'storybook/internal/manager-api';
-import { addons, Consumer, types, useAddonState } from 'storybook/internal/manager-api';
+
 import { AddonPanel, Badge, Spaced } from 'storybook/internal/components';
-import { ADDON_ID, PANEL_ID } from './constants';
+import type { Combo } from 'storybook/internal/manager-api';
+import { Consumer, addons, types, useAddonState } from 'storybook/internal/manager-api';
+
 import { Panel } from './Panel';
+import { ADDON_ID, PANEL_ID } from './constants';
 
 function Title() {
   const [addonState = {}] = useAddonState(ADDON_ID);
diff --git a/code/addons/interactions/src/mocks/index.ts b/code/addons/interactions/src/mocks/index.ts
index cffabc3352bc..02760bce429d 100644
--- a/code/addons/interactions/src/mocks/index.ts
+++ b/code/addons/interactions/src/mocks/index.ts
@@ -1,4 +1,4 @@
-import { CallStates, type Call } from '@storybook/instrumenter';
+import { type Call, CallStates } from '@storybook/instrumenter';
 
 export const getCalls = (finalStatus: CallStates) => {
   const calls: Call[] = [
diff --git a/code/addons/interactions/src/preset.ts b/code/addons/interactions/src/preset.ts
index fa827d0e86d0..b58832d5e36e 100644
--- a/code/addons/interactions/src/preset.ts
+++ b/code/addons/interactions/src/preset.ts
@@ -1,5 +1,6 @@
+import { isAbsolute, join } from 'node:path';
+
 import { checkAddonOrder, serverRequire } from 'storybook/internal/common';
-import path from 'path';
 
 export const checkActionsLoaded = (configDir: string) => {
   checkAddonOrder({
@@ -11,9 +12,9 @@ export const checkActionsLoaded = (configDir: string) => {
       name: '@storybook/addon-interactions',
       inEssentials: false,
     },
-    configFile: path.isAbsolute(configDir)
-      ? path.join(configDir, 'main')
-      : path.join(process.cwd(), configDir, 'main'),
+    configFile: isAbsolute(configDir)
+      ? join(configDir, 'main')
+      : join(process.cwd(), configDir, 'main'),
     getConfig: (configFile) => serverRequire(configFile),
   });
 };
diff --git a/code/addons/interactions/src/preview.ts b/code/addons/interactions/src/preview.ts
index c74a3aa742d6..6abc30f63b93 100644
--- a/code/addons/interactions/src/preview.ts
+++ b/code/addons/interactions/src/preview.ts
@@ -1,4 +1,5 @@
 import type { PlayFunction, StepLabel, StoryContext } from 'storybook/internal/types';
+
 import { instrument } from '@storybook/instrumenter';
 
 export const { step: runStep } = instrument(
diff --git a/code/addons/interactions/template/stories/basics.stories.ts b/code/addons/interactions/template/stories/basics.stories.ts
index 459471817711..e208654602ea 100644
--- a/code/addons/interactions/template/stories/basics.stories.ts
+++ b/code/addons/interactions/template/stories/basics.stories.ts
@@ -1,8 +1,8 @@
 import { global as globalThis } from '@storybook/global';
 import {
   expect,
-  fn,
   fireEvent,
+  fn,
   userEvent,
   waitFor,
   waitForElementToBeRemoved,
diff --git a/code/addons/interactions/vitest.config.ts b/code/addons/interactions/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/interactions/vitest.config.ts
+++ b/code/addons/interactions/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/jest/README.md b/code/addons/jest/README.md
index ec2cc8a34c6c..73b37e6dc21c 100644
--- a/code/addons/jest/README.md
+++ b/code/addons/jest/README.md
@@ -88,12 +88,9 @@ In your story file, add a [decorator](https://storybook.js.org/docs/react/writin
 
 ```js
 // MyComponent.stories.js|jsx
-
-import MyComponent from './MyComponent';
-
-import results from '../.jest-test-results.json';
-
 import { withTests } from '@storybook/addon-jest';
+import results from '../.jest-test-results.json';
+import MyComponent from './MyComponent';
 
 export default {
   component: MyComponent,
@@ -137,9 +134,7 @@ your [`.storybook/preview.js`](https://storybook.js.org/docs/react/configure/#co
 
 ```js
 // .storybook/preview.js
-
 import { withTests } from '@storybook/addon-jest';
-
 import results from '../.jest-test-results.json';
 
 export const decorators = [
@@ -181,7 +176,6 @@ You can disable the addon for a single story by setting the `jest` parameter to
 
 ```js
 // MyComponent.stories.js|jsx
-
 import MyComponent from './MyComponent';
 
 export default {
@@ -209,9 +203,7 @@ Then, in your `.storybook/preview.js`, you'll need to add a decorator with the f
 
 ```js
 // .storybook/preview.js
-
 import { withTests } from '@storybook/addon-jest';
-
 import results from '../.jest-test-results.json';
 
 export const decorators = [
@@ -226,9 +218,7 @@ Finally, in your story, you'll need to include the following:
 
 ```ts
 // MyComponent.stories.ts
-
 import type { Meta, StoryFn } from '@storybook/angular';
-
 import MyComponent from './MyComponent.component';
 
 export default {
diff --git a/code/addons/jest/package.json b/code/addons/jest/package.json
index d0a2ec7b1609..84e35aeb94d4 100644
--- a/code/addons/jest/package.json
+++ b/code/addons/jest/package.json
@@ -30,9 +30,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./manager": "./dist/manager.js",
     "./register": "./dist/manager.js",
@@ -49,8 +49,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
diff --git a/code/addons/jest/src/components/Message.tsx b/code/addons/jest/src/components/Message.tsx
index 13c38a1d5074..2fdfcd41e46a 100644
--- a/code/addons/jest/src/components/Message.tsx
+++ b/code/addons/jest/src/components/Message.tsx
@@ -1,5 +1,6 @@
 import type { FC, ReactElement } from 'react';
 import React, { Fragment } from 'react';
+
 import { styled } from 'storybook/internal/theming';
 
 const positiveConsoleRegex = /\[32m(.*?)\[39m/;
diff --git a/code/addons/jest/src/components/Panel.tsx b/code/addons/jest/src/components/Panel.tsx
index 5b2024ca4258..27be5cbf7a5c 100644
--- a/code/addons/jest/src/components/Panel.tsx
+++ b/code/addons/jest/src/components/Panel.tsx
@@ -1,11 +1,14 @@
 import type { FC } from 'react';
 import React, { Fragment } from 'react';
-import { styled, themes, convert } from 'storybook/internal/theming';
-import { ScrollArea, TabsState, Link, Placeholder } from 'storybook/internal/components';
+
+import { Link, Placeholder, ScrollArea, TabsState } from 'storybook/internal/components';
+import { convert, styled, themes } from 'storybook/internal/theming';
+
 import { useResizeDetector } from 'react-resize-detector';
-import { Result } from './Result';
+
 import type { Test } from '../hoc/provideJestResult';
 import { provideTests as provideJestResult } from '../hoc/provideJestResult';
+import { Result } from './Result';
 
 const StatusTypes = {
   PASSED_TYPE: 'passed',
diff --git a/code/addons/jest/src/components/Result.tsx b/code/addons/jest/src/components/Result.tsx
index 832bc3b988f9..332178a32bed 100644
--- a/code/addons/jest/src/components/Result.tsx
+++ b/code/addons/jest/src/components/Result.tsx
@@ -1,8 +1,11 @@
 import React, { Fragment, useState } from 'react';
-import { styled, themes, convert } from 'storybook/internal/theming';
+
+import { convert, styled, themes } from 'storybook/internal/theming';
+
+import { ChevronSmallDownIcon } from '@storybook/icons';
+
 // eslint-disable-next-line import/no-named-as-default
 import Message from './Message';
-import { ChevronSmallDownIcon } from '@storybook/icons';
 
 const Wrapper = styled.div<{ status: string }>(({ theme, status }) => ({
   display: 'flex',
diff --git a/code/addons/jest/src/hoc/provideJestResult.tsx b/code/addons/jest/src/hoc/provideJestResult.tsx
index c1af585d2709..f2c891c647b6 100644
--- a/code/addons/jest/src/hoc/provideJestResult.tsx
+++ b/code/addons/jest/src/hoc/provideJestResult.tsx
@@ -1,7 +1,9 @@
 import type { ComponentType } from 'react';
 import React, { Component as ReactComponent } from 'react';
+
 import { STORY_CHANGED } from 'storybook/internal/core-events';
 import type { API } from 'storybook/internal/manager-api';
+
 import { ADD_TESTS } from '../shared';
 
 // TODO: import type from @types/jest
diff --git a/code/addons/jest/src/index.ts b/code/addons/jest/src/index.ts
index ca96f5bf9148..0ec5000c1b48 100644
--- a/code/addons/jest/src/index.ts
+++ b/code/addons/jest/src/index.ts
@@ -1,5 +1,7 @@
 import { addons } from 'storybook/internal/preview-api';
+
 import { normalize, sep } from 'upath';
+
 import { ADD_TESTS, defineJestParameter } from './shared';
 
 const findTestResults = (
diff --git a/code/addons/jest/src/manager.tsx b/code/addons/jest/src/manager.tsx
index 60b3c9fb0f0b..ca1b84bb60ee 100644
--- a/code/addons/jest/src/manager.tsx
+++ b/code/addons/jest/src/manager.tsx
@@ -1,8 +1,9 @@
 import * as React from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
-import { ADDON_ID, PANEL_ID, PARAM_KEY } from './shared';
 
 import Panel from './components/Panel';
+import { ADDON_ID, PANEL_ID, PARAM_KEY } from './shared';
 
 addons.register(ADDON_ID, (api) => {
   addons.add(PANEL_ID, {
diff --git a/code/addons/jest/src/shared.test.ts b/code/addons/jest/src/shared.test.ts
index 599276a12355..6ef232fe5a32 100644
--- a/code/addons/jest/src/shared.test.ts
+++ b/code/addons/jest/src/shared.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { defineJestParameter } from './shared';
 
 describe('defineJestParameter', () => {
diff --git a/code/addons/jest/src/shared.ts b/code/addons/jest/src/shared.ts
index 69c7930102b7..32107bdf23ef 100644
--- a/code/addons/jest/src/shared.ts
+++ b/code/addons/jest/src/shared.ts
@@ -1,6 +1,7 @@
-import invariant from 'tiny-invariant';
 import type { StorybookInternalParameters } from 'storybook/internal/types';
 
+import invariant from 'tiny-invariant';
+
 // addons, panels and events get unique names using a prefix
 export const PARAM_KEY = 'test';
 export const ADDON_ID = 'storybookjs/test';
diff --git a/code/addons/jest/vitest.config.ts b/code/addons/jest/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/jest/vitest.config.ts
+++ b/code/addons/jest/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/links/README.md b/code/addons/links/README.md
index 8b8d94afff28..cc50832328fa 100644
--- a/code/addons/links/README.md
+++ b/code/addons/links/README.md
@@ -80,8 +80,8 @@ export const third = () => <LinkTo story="index">Go back</LinkTo>;
 If you want to get an URL for a particular story, you may use `hrefTo` function. It returns a promise, which resolves to string containing a relative URL:
 
 ```js
-import { hrefTo } from '@storybook/addon-links';
 import { action } from '@storybook/addon-actions';
+import { hrefTo } from '@storybook/addon-links';
 
 export default {
   title: 'Href',
diff --git a/code/addons/links/package.json b/code/addons/links/package.json
index c1259e50cb19..e6d1175a502c 100644
--- a/code/addons/links/package.json
+++ b/code/addons/links/package.json
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./react": {
       "types": "./dist/react/index.d.ts",
@@ -63,8 +63,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/csf": "^0.1.11",
diff --git a/code/addons/links/src/preview.ts b/code/addons/links/src/preview.ts
index c0da77c598b7..6270d133ab77 100644
--- a/code/addons/links/src/preview.ts
+++ b/code/addons/links/src/preview.ts
@@ -1,4 +1,5 @@
 import type { Addon_DecoratorFunction } from 'storybook/internal/types';
+
 import { withLinks } from './index';
 
 export const decorators: Addon_DecoratorFunction[] = [withLinks];
diff --git a/code/addons/links/src/react/components/link.test.tsx b/code/addons/links/src/react/components/link.test.tsx
index 78b8bb3876a4..e0b87be09dca 100644
--- a/code/addons/links/src/react/components/link.test.tsx
+++ b/code/addons/links/src/react/components/link.test.tsx
@@ -1,12 +1,14 @@
 // @vitest-environment happy-dom
-
 /// <reference types="@testing-library/jest-dom" />;
-import { describe, it, expect, afterEach, vi } from 'vitest';
-import React from 'react';
-import { addons } from 'storybook/internal/preview-api';
-import { render, screen, waitFor, cleanup, act } from '@testing-library/react';
+import { act, cleanup, render, screen, waitFor } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import React from 'react';
+
 import { SELECT_STORY } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/preview-api';
+
 import LinkTo from './link';
 
 vi.mock('storybook/internal/preview-api');
diff --git a/code/addons/links/src/react/components/link.tsx b/code/addons/links/src/react/components/link.tsx
index 12437029ba67..0f1f5d34718f 100644
--- a/code/addons/links/src/react/components/link.tsx
+++ b/code/addons/links/src/react/components/link.tsx
@@ -1,8 +1,9 @@
-import type { ComponentTitle, StoryKind, StoryName } from 'storybook/internal/types';
 import type { MouseEvent, ReactNode } from 'react';
 import React, { PureComponent } from 'react';
 
-import { navigate, hrefTo } from '../../utils';
+import type { ComponentTitle, StoryKind, StoryName } from 'storybook/internal/types';
+
+import { hrefTo, navigate } from '../../utils';
 
 // FIXME: copied from Typography.Link. Code is duplicated to
 // avoid emotion dependency which breaks React 15.x back-compat
diff --git a/code/addons/links/src/utils.test.ts b/code/addons/links/src/utils.test.ts
index 3ca7c0c4631a..44a6601d36e2 100644
--- a/code/addons/links/src/utils.test.ts
+++ b/code/addons/links/src/utils.test.ts
@@ -1,10 +1,10 @@
 // @vitest-environment happy-dom
+import { beforeAll, beforeEach, describe, expect, it, vi } from 'vitest';
 
-import { describe, beforeAll, beforeEach, it, expect, vi } from 'vitest';
-import { addons } from 'storybook/internal/preview-api';
 import { SELECT_STORY } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/preview-api';
 
-import { linkTo, hrefTo } from './utils';
+import { hrefTo, linkTo } from './utils';
 
 vi.mock('storybook/internal/preview-api');
 vi.mock('@storybook/global', () => ({
diff --git a/code/addons/links/src/utils.ts b/code/addons/links/src/utils.ts
index 93eb4dc19b94..86aa75c4fc4a 100644
--- a/code/addons/links/src/utils.ts
+++ b/code/addons/links/src/utils.ts
@@ -1,8 +1,10 @@
-import { global } from '@storybook/global';
+import { SELECT_STORY, STORY_CHANGED } from 'storybook/internal/core-events';
 import { addons, makeDecorator } from 'storybook/internal/preview-api';
-import { STORY_CHANGED, SELECT_STORY } from 'storybook/internal/core-events';
-import type { StoryId, StoryName, ComponentTitle, StoryKind } from 'storybook/internal/types';
+import type { ComponentTitle, StoryId, StoryKind, StoryName } from 'storybook/internal/types';
+
 import { toId } from '@storybook/csf';
+import { global } from '@storybook/global';
+
 import { PARAM_KEY } from './constants';
 
 const { document, HTMLElement } = global;
diff --git a/code/addons/links/template/stories/decorator.stories.ts b/code/addons/links/template/stories/decorator.stories.ts
index 53a05f380e74..afe2cd34a6a1 100644
--- a/code/addons/links/template/stories/decorator.stories.ts
+++ b/code/addons/links/template/stories/decorator.stories.ts
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+
 import { withLinks } from '@storybook/addon-links';
 
 export default {
diff --git a/code/addons/links/template/stories/linkto.stories.ts b/code/addons/links/template/stories/linkto.stories.ts
index 502509a8d5aa..07df223f009e 100644
--- a/code/addons/links/template/stories/linkto.stories.ts
+++ b/code/addons/links/template/stories/linkto.stories.ts
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+
 import { linkTo } from '@storybook/addon-links';
 
 export default {
diff --git a/code/addons/links/vitest.config.ts b/code/addons/links/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/links/vitest.config.ts
+++ b/code/addons/links/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/measure/package.json b/code/addons/measure/package.json
index b3dafc43f25f..d28e60d56672 100644
--- a/code/addons/measure/package.json
+++ b/code/addons/measure/package.json
@@ -27,9 +27,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -64,8 +64,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
diff --git a/code/addons/measure/src/Tool.tsx b/code/addons/measure/src/Tool.tsx
index 8662a32beec4..b6e9cbf21caa 100644
--- a/code/addons/measure/src/Tool.tsx
+++ b/code/addons/measure/src/Tool.tsx
@@ -1,8 +1,11 @@
 import React, { useCallback, useEffect } from 'react';
-import { useGlobals, useStorybookApi } from 'storybook/internal/manager-api';
+
 import { IconButton } from 'storybook/internal/components';
+import { useGlobals, useStorybookApi } from 'storybook/internal/manager-api';
+
 import { RulerIcon } from '@storybook/icons';
-import { TOOL_ID, ADDON_ID } from './constants';
+
+import { ADDON_ID, TOOL_ID } from './constants';
 
 export const Tool = () => {
   const [globals, updateGlobals] = useGlobals();
diff --git a/code/addons/measure/src/box-model/canvas.ts b/code/addons/measure/src/box-model/canvas.ts
index 09c769c6d244..80d0f1d3b10a 100644
--- a/code/addons/measure/src/box-model/canvas.ts
+++ b/code/addons/measure/src/box-model/canvas.ts
@@ -1,4 +1,5 @@
 import { global } from '@storybook/global';
+
 import invariant from 'tiny-invariant';
 
 interface Size {
diff --git a/code/addons/measure/src/box-model/visualizer.ts b/code/addons/measure/src/box-model/visualizer.ts
index 5d07189cedbd..00b1425f7f13 100644
--- a/code/addons/measure/src/box-model/visualizer.ts
+++ b/code/addons/measure/src/box-model/visualizer.ts
@@ -2,6 +2,7 @@
  * Based on https://gist.github.com/awestbro/e668c12662ad354f02a413205b65fce7
  */
 import { global } from '@storybook/global';
+
 import { draw } from './canvas';
 import type { Label, LabelStack } from './labels';
 import { labelStacks } from './labels';
diff --git a/code/addons/measure/src/manager.tsx b/code/addons/measure/src/manager.tsx
index 0b6aa66a74cc..df36d8211718 100644
--- a/code/addons/measure/src/manager.tsx
+++ b/code/addons/measure/src/manager.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
 
-import { ADDON_ID, TOOL_ID } from './constants';
 import { Tool } from './Tool';
+import { ADDON_ID, TOOL_ID } from './constants';
 
 addons.register(ADDON_ID, () => {
   addons.add(TOOL_ID, {
diff --git a/code/addons/measure/src/preview.tsx b/code/addons/measure/src/preview.tsx
index 596823c3b905..8898eb58dd6b 100644
--- a/code/addons/measure/src/preview.tsx
+++ b/code/addons/measure/src/preview.tsx
@@ -1,6 +1,7 @@
 import type { Addon_DecoratorFunction } from 'storybook/internal/types';
-import { withMeasure } from './withMeasure';
+
 import { PARAM_KEY } from './constants';
+import { withMeasure } from './withMeasure';
 
 export const decorators: Addon_DecoratorFunction[] = [withMeasure];
 
diff --git a/code/addons/measure/src/withMeasure.ts b/code/addons/measure/src/withMeasure.ts
index c9c9a8c57a2c..8524a7f71fce 100644
--- a/code/addons/measure/src/withMeasure.ts
+++ b/code/addons/measure/src/withMeasure.ts
@@ -2,11 +2,12 @@
 import { useEffect } from 'storybook/internal/preview-api';
 import type {
   Renderer,
-  PartialStoryFn as StoryFunction,
   StoryContext,
+  PartialStoryFn as StoryFunction,
 } from 'storybook/internal/types';
+
+import { destroy, init, rescale } from './box-model/canvas';
 import { drawSelectedElement } from './box-model/visualizer';
-import { init, rescale, destroy } from './box-model/canvas';
 import { deepElementFromPoint } from './util';
 
 let nodeAtPointerRef;
diff --git a/code/addons/measure/vitest.config.ts b/code/addons/measure/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/measure/vitest.config.ts
+++ b/code/addons/measure/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/onboarding/package.json b/code/addons/onboarding/package.json
index ad9b4fdec033..8d7c2ddb6189 100644
--- a/code/addons/onboarding/package.json
+++ b/code/addons/onboarding/package.json
@@ -23,9 +23,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./manager": "./dist/manager.js",
     "./preset": "./dist/preset.js",
@@ -42,8 +42,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "react-confetti": "^6.1.0"
diff --git a/code/addons/onboarding/src/Onboarding.tsx b/code/addons/onboarding/src/Onboarding.tsx
index fde1526aa483..2fe360db7e93 100644
--- a/code/addons/onboarding/src/Onboarding.tsx
+++ b/code/addons/onboarding/src/Onboarding.tsx
@@ -1,16 +1,17 @@
+import React, { useCallback, useEffect, useState } from 'react';
+
 import { SyntaxHighlighter } from 'storybook/internal/components';
 import { SAVE_STORY_RESPONSE } from 'storybook/internal/core-events';
 import { type API } from 'storybook/internal/manager-api';
 import { ThemeProvider, convert, styled, themes } from 'storybook/internal/theming';
-import React, { useCallback, useEffect, useState } from 'react';
+
 import type { Step } from 'react-joyride';
 
-import { GuidedTour } from './features/GuidedTour/GuidedTour';
 import { Confetti } from './components/Confetti/Confetti';
+import { HighlightElement } from './components/HighlightElement/HighlightElement';
 import type { STORYBOOK_ADDON_ONBOARDING_STEPS } from './constants';
 import { STORYBOOK_ADDON_ONBOARDING_CHANNEL } from './constants';
-
-import { HighlightElement } from './components/HighlightElement/HighlightElement';
+import { GuidedTour } from './features/GuidedTour/GuidedTour';
 import { SplashScreen } from './features/SplashScreen/SplashScreen';
 
 const SpanHighlight = styled.span(({ theme }) => ({
diff --git a/code/addons/onboarding/src/components/Button/Button.stories.tsx b/code/addons/onboarding/src/components/Button/Button.stories.tsx
index cf8a824713fb..1d4396a29c63 100644
--- a/code/addons/onboarding/src/components/Button/Button.stories.tsx
+++ b/code/addons/onboarding/src/components/Button/Button.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
diff --git a/code/addons/onboarding/src/components/Button/Button.tsx b/code/addons/onboarding/src/components/Button/Button.tsx
index b4836f8bd93b..e8cc30d4cbd6 100644
--- a/code/addons/onboarding/src/components/Button/Button.tsx
+++ b/code/addons/onboarding/src/components/Button/Button.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from 'react';
 import React, { forwardRef } from 'react';
+
 import { styled } from 'storybook/internal/theming';
 
 export interface ButtonProps extends ComponentProps<'button'> {
diff --git a/code/addons/onboarding/src/components/Confetti/Confetti.stories.tsx b/code/addons/onboarding/src/components/Confetti/Confetti.stories.tsx
index 80b01c7e31d8..b55fdf783b34 100644
--- a/code/addons/onboarding/src/components/Confetti/Confetti.stories.tsx
+++ b/code/addons/onboarding/src/components/Confetti/Confetti.stories.tsx
@@ -1,6 +1,8 @@
+import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Confetti } from './Confetti';
-import React from 'react';
 
 const meta: Meta<typeof Confetti> = {
   component: Confetti,
diff --git a/code/addons/onboarding/src/components/Confetti/Confetti.tsx b/code/addons/onboarding/src/components/Confetti/Confetti.tsx
index e913712c170a..b9b816d3e051 100644
--- a/code/addons/onboarding/src/components/Confetti/Confetti.tsx
+++ b/code/addons/onboarding/src/components/Confetti/Confetti.tsx
@@ -1,8 +1,10 @@
-import ReactConfetti from 'react-confetti';
 import React, { useEffect } from 'react';
-import { styled } from 'storybook/internal/theming';
-import { createPortal } from 'react-dom';
 import { useState } from 'react';
+import { createPortal } from 'react-dom';
+
+import { styled } from 'storybook/internal/theming';
+
+import ReactConfetti from 'react-confetti';
 
 interface ConfettiProps extends Omit<React.ComponentProps<typeof ReactConfetti>, 'drawShape'> {
   top?: number;
diff --git a/code/addons/onboarding/src/components/HighlightElement/HighlightElement.stories.tsx b/code/addons/onboarding/src/components/HighlightElement/HighlightElement.stories.tsx
index 44d894260a20..0a6cb70831b9 100644
--- a/code/addons/onboarding/src/components/HighlightElement/HighlightElement.stories.tsx
+++ b/code/addons/onboarding/src/components/HighlightElement/HighlightElement.stories.tsx
@@ -1,7 +1,9 @@
+import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
+import { expect, within } from '@storybook/test';
+
 import { HighlightElement } from './HighlightElement';
-import React from 'react';
-import { within, expect } from '@storybook/test';
 
 const meta: Meta<typeof HighlightElement> = {
   component: HighlightElement,
diff --git a/code/addons/onboarding/src/components/List/List.stories.tsx b/code/addons/onboarding/src/components/List/List.stories.tsx
index 9ff667586fc3..8e7667d8a12e 100644
--- a/code/addons/onboarding/src/components/List/List.stories.tsx
+++ b/code/addons/onboarding/src/components/List/List.stories.tsx
@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
-import { userEvent, waitFor, within, expect } from '@storybook/test';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 
 import { List } from './List';
 import { ListItem } from './ListItem/ListItem';
diff --git a/code/addons/onboarding/src/components/List/List.tsx b/code/addons/onboarding/src/components/List/List.tsx
index 0b9640f7d909..69467f1101ce 100644
--- a/code/addons/onboarding/src/components/List/List.tsx
+++ b/code/addons/onboarding/src/components/List/List.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { ListWrapper } from './List.styled';
 
 interface ListProps {
diff --git a/code/addons/onboarding/src/components/List/ListItem/ListItem.tsx b/code/addons/onboarding/src/components/List/ListItem/ListItem.tsx
index e8a9945c0bbe..2b493b456157 100644
--- a/code/addons/onboarding/src/components/List/ListItem/ListItem.tsx
+++ b/code/addons/onboarding/src/components/List/ListItem/ListItem.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
-import { ListItemContentWrapper, ListItemIndexWrapper, ListItemWrapper } from './ListItem.styled';
+
 import { CheckIcon } from '@storybook/icons';
 
+import { ListItemContentWrapper, ListItemIndexWrapper, ListItemWrapper } from './ListItem.styled';
+
 interface ListItemProps {
   children: React.ReactNode;
   index: number;
diff --git a/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx b/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
index 38fd595bdc25..a61e44a420a9 100644
--- a/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
+++ b/code/addons/onboarding/src/features/GuidedTour/GuidedTour.tsx
@@ -1,10 +1,12 @@
 import React, { useEffect, useState } from 'react';
+
+import { useTheme } from 'storybook/internal/theming';
+
 import type { CallBackProps } from 'react-joyride';
 import Joyride, { ACTIONS } from 'react-joyride';
-import { useTheme } from 'storybook/internal/theming';
 
-import { Tooltip } from './Tooltip';
 import type { StepDefinition, StepKey } from '../../Onboarding';
+import { Tooltip } from './Tooltip';
 
 export function GuidedTour({
   step,
diff --git a/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx b/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx
index a20554757654..34ba2593b560 100644
--- a/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx
+++ b/code/addons/onboarding/src/features/GuidedTour/Tooltip.tsx
@@ -1,9 +1,12 @@
 import type { FC } from 'react';
 import React, { useEffect } from 'react';
-import type { Step, TooltipRenderProps } from 'react-joyride';
+
 import { IconButton } from 'storybook/internal/components';
+import { color, styled } from 'storybook/internal/theming';
+
 import { CloseAltIcon } from '@storybook/icons';
-import { styled, color } from 'storybook/internal/theming';
+
+import type { Step, TooltipRenderProps } from 'react-joyride';
 
 import { Button } from '../../components/Button/Button';
 
diff --git a/code/addons/onboarding/src/features/SplashScreen/SplashScreen.stories.tsx b/code/addons/onboarding/src/features/SplashScreen/SplashScreen.stories.tsx
index fffa7ce4d3a9..7e83cd3e6558 100644
--- a/code/addons/onboarding/src/features/SplashScreen/SplashScreen.stories.tsx
+++ b/code/addons/onboarding/src/features/SplashScreen/SplashScreen.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { SplashScreen } from './SplashScreen';
 
 const meta = {
diff --git a/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx b/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx
index 683bca455289..0e373f63e16e 100644
--- a/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx
+++ b/code/addons/onboarding/src/features/SplashScreen/SplashScreen.tsx
@@ -1,7 +1,9 @@
-import { ArrowRightIcon } from '@storybook/icons';
-import { styled, keyframes } from 'storybook/internal/theming';
 import React, { useCallback, useEffect, useState } from 'react';
 
+import { keyframes, styled } from 'storybook/internal/theming';
+
+import { ArrowRightIcon } from '@storybook/icons';
+
 const fadeIn = keyframes({
   from: {
     opacity: 0,
diff --git a/code/addons/onboarding/src/manager.tsx b/code/addons/onboarding/src/manager.tsx
index 07c543be8bc2..b4e2edebedeb 100644
--- a/code/addons/onboarding/src/manager.tsx
+++ b/code/addons/onboarding/src/manager.tsx
@@ -1,7 +1,8 @@
+import React, { Suspense, lazy } from 'react';
 import ReactDOM from 'react-dom';
-import React, { lazy, Suspense } from 'react';
-import { addons } from 'storybook/internal/manager-api';
+
 import { STORY_SPECIFIED } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/manager-api';
 
 const Onboarding = lazy(() => import('./Onboarding'));
 
diff --git a/code/addons/onboarding/src/preset.ts b/code/addons/onboarding/src/preset.ts
index c88501d0a3e2..f93b16235bfd 100644
--- a/code/addons/onboarding/src/preset.ts
+++ b/code/addons/onboarding/src/preset.ts
@@ -1,8 +1,10 @@
-import type { CoreConfig, Options } from 'storybook/internal/types';
+import { readFileSync } from 'node:fs';
+
 import type { Channel } from 'storybook/internal/channels';
-import { STORYBOOK_ADDON_ONBOARDING_CHANNEL } from './constants';
 import { telemetry } from 'storybook/internal/telemetry';
-import fs from 'fs';
+import type { CoreConfig, Options } from 'storybook/internal/types';
+
+import { STORYBOOK_ADDON_ONBOARDING_CHANNEL } from './constants';
 
 type Event = {
   type: 'telemetry';
@@ -18,7 +20,7 @@ export const experimental_serverChannel = async (channel: Channel, options: Opti
     const packageJsonPath = require.resolve('@storybook/addon-onboarding/package.json');
 
     const { version: addonVersion } = JSON.parse(
-      fs.readFileSync(packageJsonPath, { encoding: 'utf-8' })
+      readFileSync(packageJsonPath, { encoding: 'utf-8' })
     );
 
     channel.on(STORYBOOK_ADDON_ONBOARDING_CHANNEL, ({ type, ...event }: Event) => {
diff --git a/code/addons/onboarding/vitest.config.ts b/code/addons/onboarding/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/onboarding/vitest.config.ts
+++ b/code/addons/onboarding/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/outline/package.json b/code/addons/outline/package.json
index 2a1eb92d7607..b46927903cee 100644
--- a/code/addons/outline/package.json
+++ b/code/addons/outline/package.json
@@ -30,9 +30,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -54,8 +54,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
diff --git a/code/addons/outline/src/OutlineSelector.tsx b/code/addons/outline/src/OutlineSelector.tsx
index 54fb87eda53e..a8fb501ca851 100644
--- a/code/addons/outline/src/OutlineSelector.tsx
+++ b/code/addons/outline/src/OutlineSelector.tsx
@@ -1,7 +1,10 @@
 import React, { memo, useCallback, useEffect } from 'react';
-import { useGlobals, useStorybookApi } from 'storybook/internal/manager-api';
+
 import { IconButton } from 'storybook/internal/components';
+import { useGlobals, useStorybookApi } from 'storybook/internal/manager-api';
+
 import { OutlineIcon } from '@storybook/icons';
+
 import { ADDON_ID, PARAM_KEY } from './constants';
 
 export const OutlineSelector = memo(function OutlineSelector() {
diff --git a/code/addons/outline/src/manager.tsx b/code/addons/outline/src/manager.tsx
index 708ee358a61c..61084e2c6abd 100644
--- a/code/addons/outline/src/manager.tsx
+++ b/code/addons/outline/src/manager.tsx
@@ -1,8 +1,9 @@
 import React from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
 
-import { ADDON_ID } from './constants';
 import { OutlineSelector } from './OutlineSelector';
+import { ADDON_ID } from './constants';
 
 addons.register(ADDON_ID, () => {
   addons.add(ADDON_ID, {
diff --git a/code/addons/outline/src/preview.tsx b/code/addons/outline/src/preview.tsx
index 394a6fbabe60..19deb3a9afe0 100644
--- a/code/addons/outline/src/preview.tsx
+++ b/code/addons/outline/src/preview.tsx
@@ -1,6 +1,7 @@
 import type { Addon_DecoratorFunction } from 'storybook/internal/types';
-import { withOutline } from './withOutline';
+
 import { PARAM_KEY } from './constants';
+import { withOutline } from './withOutline';
 
 export const decorators: Addon_DecoratorFunction[] = [withOutline];
 
diff --git a/code/addons/outline/src/withOutline.ts b/code/addons/outline/src/withOutline.ts
index 5a9185e7ea02..219b93a3acd2 100644
--- a/code/addons/outline/src/withOutline.ts
+++ b/code/addons/outline/src/withOutline.ts
@@ -1,12 +1,12 @@
-import { useMemo, useEffect } from 'storybook/internal/preview-api';
+import { useEffect, useMemo } from 'storybook/internal/preview-api';
 import type {
   Renderer,
-  PartialStoryFn as StoryFunction,
   StoryContext,
+  PartialStoryFn as StoryFunction,
 } from 'storybook/internal/types';
 
-import { clearStyles, addOutlineStyles } from './helpers';
 import { PARAM_KEY } from './constants';
+import { addOutlineStyles, clearStyles } from './helpers';
 import outlineCSS from './outlineCSS';
 
 export const withOutline = (StoryFn: StoryFunction<Renderer>, context: StoryContext<Renderer>) => {
diff --git a/code/addons/outline/vitest.config.ts b/code/addons/outline/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/outline/vitest.config.ts
+++ b/code/addons/outline/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/storysource/package.json b/code/addons/storysource/package.json
index 5e19655dbb88..ec7ba777613c 100644
--- a/code/addons/storysource/package.json
+++ b/code/addons/storysource/package.json
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preset": "./dist/preset.js",
     "./manager": "./dist/manager.js",
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "@storybook/source-loader": "workspace:*",
diff --git a/code/addons/storysource/src/StoryPanel.tsx b/code/addons/storysource/src/StoryPanel.tsx
index 3800837778d9..aada383782ea 100644
--- a/code/addons/storysource/src/StoryPanel.tsx
+++ b/code/addons/storysource/src/StoryPanel.tsx
@@ -1,18 +1,19 @@
 import React from 'react';
-import { type API, useParameter } from 'storybook/internal/manager-api';
-import { styled } from 'storybook/internal/theming';
-import { Link } from 'storybook/internal/router';
+
 import {
   SyntaxHighlighter,
   type SyntaxHighlighterProps,
   type SyntaxHighlighterRendererProps,
 } from 'storybook/internal/components';
-import invariant from 'tiny-invariant';
+import { type API, useParameter } from 'storybook/internal/manager-api';
+import { Link } from 'storybook/internal/router';
+import { styled } from 'storybook/internal/theming';
+
+import type { LocationsMap, SourceBlock } from '@storybook/source-loader';
 
 // @ts-expect-error Typedefs don't currently expose `createElement` even though it exists
 import { createElement as createSyntaxHighlighterElement } from 'react-syntax-highlighter';
-
-import type { SourceBlock, LocationsMap } from '@storybook/source-loader';
+import invariant from 'tiny-invariant';
 
 const StyledStoryLink = styled(Link)<{ to: string; key: string }>(({ theme }) => ({
   display: 'block',
diff --git a/code/addons/storysource/src/manager.tsx b/code/addons/storysource/src/manager.tsx
index d08e2480fcac..7e07f90b595e 100644
--- a/code/addons/storysource/src/manager.tsx
+++ b/code/addons/storysource/src/manager.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
 
 import { StoryPanel } from './StoryPanel';
diff --git a/code/addons/storysource/vitest.config.ts b/code/addons/storysource/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/storysource/vitest.config.ts
+++ b/code/addons/storysource/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/themes/docs/api.md b/code/addons/themes/docs/api.md
index 0c8fc32996dd..143178b00047 100644
--- a/code/addons/themes/docs/api.md
+++ b/code/addons/themes/docs/api.md
@@ -95,6 +95,7 @@ Pulls the selected theme from storybook's global state.
 
 ```js
 import { DecoratorHelpers } from '@storybook/addon-themes';
+
 const { pluckThemeFromContext } = DecoratorHelpers;
 
 export const myCustomDecorator =
@@ -112,6 +113,7 @@ Returns the theme parameters for this addon.
 
 ```js
 import { DecoratorHelpers } from '@storybook/addon-themes';
+
 const { useThemeParameters } = DecoratorHelpers;
 
 export const myCustomDecorator =
@@ -129,6 +131,7 @@ Used to register the themes and defaultTheme with the addon state.
 
 ```js
 import { DecoratorHelpers } from '@storybook/addon-themes';
+
 const { initializeThemeState } = DecoratorHelpers;
 
 export const myCustomDecorator = ({ themes, defaultState, ...rest }) => {
@@ -146,7 +149,6 @@ Let's use Vuetify as an example. Vuetify uses it's own global state to know whic
 
 ```js
 // .storybook/withVeutifyTheme.decorator.js
-
 import { DecoratorHelpers } from '@storybook/addon-themes';
 import { useTheme } from 'vuetify';
 
@@ -182,7 +184,6 @@ This can then be provided to Storybook in `.storybook/preview.js`:
 
 ```js
 // .storybook/preview.js
-
 import { setup } from '@storybook/vue3';
 import { registerPlugins } from '../src/plugins';
 import { withVuetifyTheme } from './withVuetifyTheme.decorator';
diff --git a/code/addons/themes/package.json b/code/addons/themes/package.json
index ff0ed5d26f77..dd45712d437e 100644
--- a/code/addons/themes/package.json
+++ b/code/addons/themes/package.json
@@ -29,9 +29,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -53,8 +53,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "ts-dedent": "^2.0.0"
diff --git a/code/addons/themes/src/decorators/data-attribute.decorator.tsx b/code/addons/themes/src/decorators/data-attribute.decorator.tsx
index 05ad62792e7c..6d4b1cfe26f9 100644
--- a/code/addons/themes/src/decorators/data-attribute.decorator.tsx
+++ b/code/addons/themes/src/decorators/data-attribute.decorator.tsx
@@ -1,5 +1,6 @@
 import { useEffect } from 'storybook/internal/preview-api';
 import type { DecoratorFunction, Renderer } from 'storybook/internal/types';
+
 import { initializeThemeState, pluckThemeFromContext, useThemeParameters } from './helpers';
 
 export interface DataAttributeStrategyConfiguration {
diff --git a/code/addons/themes/src/decorators/helpers.ts b/code/addons/themes/src/decorators/helpers.ts
index d26ce0410320..396f0d257f24 100644
--- a/code/addons/themes/src/decorators/helpers.ts
+++ b/code/addons/themes/src/decorators/helpers.ts
@@ -1,7 +1,8 @@
 import { addons, useParameter } from 'storybook/internal/preview-api';
 import type { StoryContext } from 'storybook/internal/types';
+
 import type { ThemeParameters } from '../constants';
-import { GLOBAL_KEY, PARAM_KEY, THEMING_EVENTS, DEFAULT_THEME_PARAMETERS } from '../constants';
+import { DEFAULT_THEME_PARAMETERS, GLOBAL_KEY, PARAM_KEY, THEMING_EVENTS } from '../constants';
 
 /**
  *
diff --git a/code/addons/themes/src/decorators/provider.decorator.tsx b/code/addons/themes/src/decorators/provider.decorator.tsx
index f8b477810035..3cc1bce2fdb3 100644
--- a/code/addons/themes/src/decorators/provider.decorator.tsx
+++ b/code/addons/themes/src/decorators/provider.decorator.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { useMemo } from 'storybook/internal/preview-api';
 import type { DecoratorFunction, Renderer } from 'storybook/internal/types';
 
diff --git a/code/addons/themes/src/preview.tsx b/code/addons/themes/src/preview.tsx
index 6f4a444e7f7c..5d33f51b94f7 100644
--- a/code/addons/themes/src/preview.tsx
+++ b/code/addons/themes/src/preview.tsx
@@ -1,4 +1,5 @@
-import type { Renderer, ProjectAnnotations } from 'storybook/internal/types';
+import type { ProjectAnnotations, Renderer } from 'storybook/internal/types';
+
 import { GLOBAL_KEY as KEY } from './constants';
 
 export const initialGlobals: ProjectAnnotations<Renderer>['initialGlobals'] = {
diff --git a/code/addons/themes/src/theme-switcher.tsx b/code/addons/themes/src/theme-switcher.tsx
index d57b9ce1e5e8..2af5530a0a86 100644
--- a/code/addons/themes/src/theme-switcher.tsx
+++ b/code/addons/themes/src/theme-switcher.tsx
@@ -1,23 +1,25 @@
 import React from 'react';
+
+import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
 import {
+  addons,
   useAddonState,
   useChannel,
   useGlobals,
   useParameter,
-  addons,
 } from 'storybook/internal/manager-api';
 import { styled } from 'storybook/internal/theming';
-import { IconButton, WithTooltip, TooltipLinkList } from 'storybook/internal/components';
 
 import { PaintBrushIcon } from '@storybook/icons';
+
 import type { ThemeAddonState, ThemeParameters } from './constants';
 import {
-  PARAM_KEY,
-  THEME_SWITCHER_ID,
-  THEMING_EVENTS,
   DEFAULT_ADDON_STATE,
   DEFAULT_THEME_PARAMETERS,
   GLOBAL_KEY as KEY,
+  PARAM_KEY,
+  THEME_SWITCHER_ID,
+  THEMING_EVENTS,
 } from './constants';
 
 const IconButtonLabel = styled.div(({ theme }) => ({
diff --git a/code/addons/themes/template/stories/decorators.stories.ts b/code/addons/themes/template/stories/decorators.stories.ts
index aba8f17d0e79..f4308ba9e02b 100644
--- a/code/addons/themes/template/stories/decorators.stories.ts
+++ b/code/addons/themes/template/stories/decorators.stories.ts
@@ -1,10 +1,12 @@
+import { useEffect } from 'storybook/internal/preview-api';
+
 import { global as globalThis } from '@storybook/global';
+
 import {
   withThemeByClassName,
   withThemeByDataAttribute,
   withThemeFromJSXProvider,
 } from '@storybook/addon-themes';
-import { useEffect } from 'storybook/internal/preview-api';
 
 const cleanup = () => {
   const existing = globalThis.document.querySelector('style[data-theme-css]');
diff --git a/code/addons/themes/template/stories/globals.stories.ts b/code/addons/themes/template/stories/globals.stories.ts
index 3d193d1fa71a..e2d5aed08aec 100644
--- a/code/addons/themes/template/stories/globals.stories.ts
+++ b/code/addons/themes/template/stories/globals.stories.ts
@@ -1,6 +1,8 @@
+import { useEffect } from 'storybook/internal/preview-api';
+
 import { global as globalThis } from '@storybook/global';
+
 import { withThemeByClassName } from '@storybook/addon-themes';
-import { useEffect } from 'storybook/internal/preview-api';
 
 const cleanup = () => {
   const existing = globalThis.document.querySelector('style[data-theme-css]');
diff --git a/code/addons/themes/template/stories/parameters.stories.ts b/code/addons/themes/template/stories/parameters.stories.ts
index f2906696859f..2c243e085e62 100644
--- a/code/addons/themes/template/stories/parameters.stories.ts
+++ b/code/addons/themes/template/stories/parameters.stories.ts
@@ -1,6 +1,8 @@
+import { useEffect } from 'storybook/internal/preview-api';
+
 import { global as globalThis } from '@storybook/global';
+
 import { withThemeByClassName } from '@storybook/addon-themes';
-import { useEffect } from 'storybook/internal/preview-api';
 
 const cleanup = () => {
   const existing = globalThis.document.querySelector('style[data-theme-css]');
diff --git a/code/addons/themes/vitest.config.ts b/code/addons/themes/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/themes/vitest.config.ts
+++ b/code/addons/themes/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/toolbars/package.json b/code/addons/toolbars/package.json
index da507489ca9d..1a59a4f7b0b4 100644
--- a/code/addons/toolbars/package.json
+++ b/code/addons/toolbars/package.json
@@ -28,9 +28,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./manager": "./dist/manager.js",
     "./register": "./dist/manager.js",
@@ -47,8 +47,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "devDependencies": {
     "react": "^18.2.0",
diff --git a/code/addons/toolbars/src/components/ToolbarManager.tsx b/code/addons/toolbars/src/components/ToolbarManager.tsx
index 1570b72883f6..79ce101cb027 100644
--- a/code/addons/toolbars/src/components/ToolbarManager.tsx
+++ b/code/addons/toolbars/src/components/ToolbarManager.tsx
@@ -1,10 +1,12 @@
 import type { FC } from 'react';
 import React from 'react';
-import { useGlobalTypes } from 'storybook/internal/manager-api';
+
 import { Separator } from 'storybook/internal/components';
-import { ToolbarMenuList } from './ToolbarMenuList';
-import { normalizeArgType } from '../utils/normalize-toolbar-arg-type';
+import { useGlobalTypes } from 'storybook/internal/manager-api';
+
 import type { ToolbarArgType } from '../types';
+import { normalizeArgType } from '../utils/normalize-toolbar-arg-type';
+import { ToolbarMenuList } from './ToolbarMenuList';
 
 /**
  * A smart component for handling manager-preview interactions.
diff --git a/code/addons/toolbars/src/components/ToolbarMenuButton.tsx b/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
index bc093fabfade..30e4aa5365a8 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuButton.tsx
@@ -1,6 +1,7 @@
 import type { FC } from 'react';
 import React from 'react';
-import { Icons, IconButton, type IconsProps } from 'storybook/internal/components';
+
+import { IconButton, Icons, type IconsProps } from 'storybook/internal/components';
 
 interface ToolbarMenuButtonProps {
   active: boolean;
diff --git a/code/addons/toolbars/src/components/ToolbarMenuList.tsx b/code/addons/toolbars/src/components/ToolbarMenuList.tsx
index b54f0df44e59..032cccdca4f5 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuList.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuList.tsx
@@ -1,12 +1,14 @@
 import type { FC } from 'react';
-import React, { useState, useCallback } from 'react';
+import React, { useCallback, useState } from 'react';
+
+import { TooltipLinkList, WithTooltip } from 'storybook/internal/components';
 import { useGlobals } from 'storybook/internal/manager-api';
-import { WithTooltip, TooltipLinkList } from 'storybook/internal/components';
-import { ToolbarMenuButton } from './ToolbarMenuButton';
+
 import type { WithKeyboardCycleProps } from '../hoc/withKeyboardCycle';
 import { withKeyboardCycle } from '../hoc/withKeyboardCycle';
-import { getSelectedIcon, getSelectedTitle } from '../utils/get-selected';
 import type { ToolbarMenuProps } from '../types';
+import { getSelectedIcon, getSelectedTitle } from '../utils/get-selected';
+import { ToolbarMenuButton } from './ToolbarMenuButton';
 import { ToolbarMenuListItem } from './ToolbarMenuListItem';
 
 type ToolbarMenuListProps = ToolbarMenuProps & WithKeyboardCycleProps;
diff --git a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
index 39fa7df5dace..829829de4b25 100644
--- a/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
+++ b/code/addons/toolbars/src/components/ToolbarMenuListItem.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
+
 import type { TooltipLinkListLink } from 'storybook/internal/components';
 import { Icons } from 'storybook/internal/components';
+
 import type { ToolbarItem } from '../types';
 
 export type ToolbarMenuListItemProps = {
diff --git a/code/addons/toolbars/src/hoc/withKeyboardCycle.tsx b/code/addons/toolbars/src/hoc/withKeyboardCycle.tsx
index 9bdcc8e8b6a5..15b2e75eb60c 100644
--- a/code/addons/toolbars/src/hoc/withKeyboardCycle.tsx
+++ b/code/addons/toolbars/src/hoc/withKeyboardCycle.tsx
@@ -1,8 +1,10 @@
-import React, { useRef, useEffect, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef } from 'react';
+
 import { useGlobals, useStorybookApi } from 'storybook/internal/manager-api';
+
+import type { ToolbarMenuProps } from '../types';
 import { createCycleValueArray } from '../utils/create-cycle-value-array';
 import { registerShortcuts } from '../utils/register-shortcuts';
-import type { ToolbarMenuProps } from '../types';
 
 export type WithKeyboardCycleProps = {
   cycleValues?: string[];
diff --git a/code/addons/toolbars/src/manager.tsx b/code/addons/toolbars/src/manager.tsx
index 306e857544b0..7b63e9e7b52e 100644
--- a/code/addons/toolbars/src/manager.tsx
+++ b/code/addons/toolbars/src/manager.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
+
 import { ToolbarManager } from './components/ToolbarManager';
 import { ADDON_ID } from './constants';
 
diff --git a/code/addons/toolbars/src/utils/register-shortcuts.ts b/code/addons/toolbars/src/utils/register-shortcuts.ts
index 98ef5cc03f5b..423543db6944 100644
--- a/code/addons/toolbars/src/utils/register-shortcuts.ts
+++ b/code/addons/toolbars/src/utils/register-shortcuts.ts
@@ -1,4 +1,5 @@
 import type { API } from 'storybook/internal/manager-api';
+
 import { ADDON_ID } from '../constants';
 import type { ToolbarShortcutConfig } from '../types';
 
diff --git a/code/addons/toolbars/template/stories/globals.stories.ts b/code/addons/toolbars/template/stories/globals.stories.ts
index dd5b52ddece0..8c8ec6a5f0f5 100644
--- a/code/addons/toolbars/template/stories/globals.stories.ts
+++ b/code/addons/toolbars/template/stories/globals.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { DecoratorFunction } from 'storybook/internal/types';
 
+import { global as globalThis } from '@storybook/global';
+
 const greetingForLocale = (locale: string) => {
   switch (locale) {
     case 'es':
diff --git a/code/addons/toolbars/vitest.config.ts b/code/addons/toolbars/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/toolbars/vitest.config.ts
+++ b/code/addons/toolbars/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/addons/viewport/package.json b/code/addons/viewport/package.json
index e06d56ff12be..42fab30abd92 100644
--- a/code/addons/viewport/package.json
+++ b/code/addons/viewport/package.json
@@ -25,9 +25,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preview": {
       "types": "./dist/preview.d.ts",
@@ -48,8 +48,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/addon-bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/addon-bundle.ts"
   },
   "dependencies": {
     "memoizerific": "^1.11.3"
diff --git a/code/addons/viewport/src/components/Tool.tsx b/code/addons/viewport/src/components/Tool.tsx
index 8ee3c3bfb966..3564ecad2c08 100644
--- a/code/addons/viewport/src/components/Tool.tsx
+++ b/code/addons/viewport/src/components/Tool.tsx
@@ -1,22 +1,23 @@
-import React, { useState, Fragment, useEffect, type FC, useCallback } from 'react';
+import React, { type FC, Fragment, useCallback, useEffect, useState } from 'react';
 
+import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
+import { type API, useGlobals, useParameter } from 'storybook/internal/manager-api';
 import { Global } from 'storybook/internal/theming';
-import { IconButton, WithTooltip, TooltipLinkList } from 'storybook/internal/components';
-import { useGlobals, type API, useParameter } from 'storybook/internal/manager-api';
 
 import { GrowIcon, RefreshIcon, TransferIcon } from '@storybook/icons';
+
 import { PARAM_KEY as KEY } from '../constants';
+import { responsiveViewport } from '../responsiveViewport';
 import { registerShortcuts } from '../shortcuts';
+import type { Config, GlobalState, GlobalStateUpdate, Viewport, ViewportMap } from '../types';
 import {
-  IconButtonWithLabel,
-  IconButtonLabel,
-  ActiveViewportSize,
   ActiveViewportLabel,
-  iconsMap,
+  ActiveViewportSize,
+  IconButtonLabel,
+  IconButtonWithLabel,
   emptyViewportMap,
+  iconsMap,
 } from '../utils';
-import { responsiveViewport } from '../responsiveViewport';
-import type { Config, Viewport, ViewportMap, GlobalState, GlobalStateUpdate } from '../types';
 
 interface PureProps {
   item: Viewport;
diff --git a/code/addons/viewport/src/legacy/ToolLegacy.tsx b/code/addons/viewport/src/legacy/ToolLegacy.tsx
index c3eb3f59f7ae..7035bd79789d 100644
--- a/code/addons/viewport/src/legacy/ToolLegacy.tsx
+++ b/code/addons/viewport/src/legacy/ToolLegacy.tsx
@@ -1,17 +1,18 @@
-import type { ReactNode, FC } from 'react';
-import React, { useState, Fragment, useEffect, useRef, memo } from 'react';
-import memoize from 'memoizerific';
-
-import { styled, Global } from 'storybook/internal/theming';
+import type { FC, ReactNode } from 'react';
+import React, { Fragment, memo, useEffect, useRef, useState } from 'react';
 
-import { IconButton, WithTooltip, TooltipLinkList } from 'storybook/internal/components';
+import { IconButton, TooltipLinkList, WithTooltip } from 'storybook/internal/components';
+import { useGlobals, useParameter, useStorybookApi } from 'storybook/internal/manager-api';
+import { Global, styled } from 'storybook/internal/theming';
 
-import { useStorybookApi, useParameter, useGlobals } from 'storybook/internal/manager-api';
 import { GrowIcon, TransferIcon } from '@storybook/icons';
-import { registerShortcuts } from '../shortcuts';
+
+import memoize from 'memoizerific';
+
 import { PARAM_KEY } from '../constants';
 import { MINIMAL_VIEWPORTS } from '../defaults';
-import type { ViewportMap, ViewportStyles, Styles } from '../types';
+import { registerShortcuts } from '../shortcuts';
+import type { Styles, ViewportMap, ViewportStyles } from '../types';
 import type { ViewportAddonParameter } from './ViewportAddonParameter';
 
 interface ViewportItem {
diff --git a/code/addons/viewport/src/manager.tsx b/code/addons/viewport/src/manager.tsx
index e7425aff76d3..df05367498f8 100644
--- a/code/addons/viewport/src/manager.tsx
+++ b/code/addons/viewport/src/manager.tsx
@@ -1,10 +1,10 @@
 import * as React from 'react';
+
 import { addons, types } from 'storybook/internal/manager-api';
 
+import { ViewportTool } from './components/Tool';
 import { ADDON_ID } from './constants';
-
 import { ViewportToolLegacy } from './legacy/ToolLegacy';
-import { ViewportTool } from './components/Tool';
 
 addons.register(ADDON_ID, (api) => {
   addons.add(ADDON_ID, {
diff --git a/code/addons/viewport/src/shortcuts.ts b/code/addons/viewport/src/shortcuts.ts
index f53d460b81bd..59ef7787e208 100644
--- a/code/addons/viewport/src/shortcuts.ts
+++ b/code/addons/viewport/src/shortcuts.ts
@@ -1,4 +1,5 @@
 import { type API } from 'storybook/internal/manager-api';
+
 import { ADDON_ID } from './constants';
 import { initialGlobals as defaultGlobals } from './preview';
 
diff --git a/code/addons/viewport/src/utils.tsx b/code/addons/viewport/src/utils.tsx
index be4f3cb16096..e83572e89628 100644
--- a/code/addons/viewport/src/utils.tsx
+++ b/code/addons/viewport/src/utils.tsx
@@ -1,9 +1,10 @@
 import React, { Fragment } from 'react';
 
-import { styled } from 'storybook/internal/theming';
 import { IconButton } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
 import { BrowserIcon, MobileIcon, TabletIcon } from '@storybook/icons';
+
 import type { Viewport, ViewportMap } from './types';
 
 export const ActiveViewportSize = styled.div(() => ({
diff --git a/code/addons/viewport/template/stories/globals.stories.ts b/code/addons/viewport/template/stories/globals.stories.ts
index 621bf0b02c62..ebfcc11f9b6b 100644
--- a/code/addons/viewport/template/stories/globals.stories.ts
+++ b/code/addons/viewport/template/stories/globals.stories.ts
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+
 import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 const first = Object.keys(MINIMAL_VIEWPORTS)[0];
diff --git a/code/addons/viewport/template/stories/parameters.stories.ts b/code/addons/viewport/template/stories/parameters.stories.ts
index f98de1eda0c4..b715564e1753 100644
--- a/code/addons/viewport/template/stories/parameters.stories.ts
+++ b/code/addons/viewport/template/stories/parameters.stories.ts
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+
 import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 // these stories only work with `viewportStoryGlobals` set to false
diff --git a/code/addons/viewport/vitest.config.ts b/code/addons/viewport/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/addons/viewport/vitest.config.ts
+++ b/code/addons/viewport/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/builders/builder-vite/README.md b/code/builders/builder-vite/README.md
index 18a2e0ec6df3..d6116b3c30fe 100644
--- a/code/builders/builder-vite/README.md
+++ b/code/builders/builder-vite/README.md
@@ -117,7 +117,9 @@ The function should return the updated Vite configuration.
 Configure your `.storybook/main.ts` to use TypeScript:
 
 ```typescript
-import type { StorybookConfig } from '@storybook/react-vite'; // (or whatever framework you are using)
+import type { StorybookConfig } from '@storybook/react-vite';
+
+// (or whatever framework you are using)
 
 const config: StorybookConfig = {
   // other storybook options...,
diff --git a/code/builders/builder-vite/package.json b/code/builders/builder-vite/package.json
index a5df7a0333a5..0b191cd58d97 100644
--- a/code/builders/builder-vite/package.json
+++ b/code/builders/builder-vite/package.json
@@ -39,8 +39,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/csf-plugin": "workspace:*",
@@ -55,7 +55,7 @@
   },
   "devDependencies": {
     "@types/express": "^4.17.21",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "glob": "^10.0.0",
     "slash": "^5.0.0",
     "typescript": "^5.3.2",
diff --git a/code/builders/builder-vite/src/build.ts b/code/builders/builder-vite/src/build.ts
index f55423e0e979..581ce74a7569 100644
--- a/code/builders/builder-vite/src/build.ts
+++ b/code/builders/builder-vite/src/build.ts
@@ -1,13 +1,14 @@
-import type { Options } from 'storybook/internal/types';
 import { logger } from 'storybook/internal/node-logger';
+import type { Options } from 'storybook/internal/types';
+
 import { dedent } from 'ts-dedent';
+import type { InlineConfig } from 'vite';
 
-import { commonConfig } from './vite-config';
 import { sanitizeEnvVars } from './envs';
 import type { WebpackStatsPlugin } from './plugins';
-import type { InlineConfig } from 'vite';
 import { hasVitePlugins } from './utils/has-vite-plugins';
 import { withoutVitePlugins } from './utils/without-vite-plugins';
+import { commonConfig } from './vite-config';
 
 function findPlugin(config: InlineConfig, name: string) {
   return config.plugins?.find((p) => p && 'name' in p && p.name === name);
diff --git a/code/builders/builder-vite/src/codegen-importfn-script.ts b/code/builders/builder-vite/src/codegen-importfn-script.ts
index 48ce451b74f8..abf89ce09a73 100644
--- a/code/builders/builder-vite/src/codegen-importfn-script.ts
+++ b/code/builders/builder-vite/src/codegen-importfn-script.ts
@@ -1,4 +1,4 @@
-import * as path from 'path';
+import { relative } from 'node:path';
 
 import type { Options } from 'storybook/internal/types';
 
@@ -27,7 +27,7 @@ function toImportPath(relativePath: string) {
 async function toImportFn(stories: string[]) {
   const { normalizePath } = await import('vite');
   const objectEntries = stories.map((file) => {
-    const relativePath = normalizePath(path.relative(process.cwd(), file));
+    const relativePath = normalizePath(relative(process.cwd(), file));
 
     return `  '${toImportPath(relativePath)}': async () => import('/@fs/${file}')`;
   });
diff --git a/code/builders/builder-vite/src/codegen-modern-iframe-script.ts b/code/builders/builder-vite/src/codegen-modern-iframe-script.ts
index bcafede02125..86a39776ddeb 100644
--- a/code/builders/builder-vite/src/codegen-modern-iframe-script.ts
+++ b/code/builders/builder-vite/src/codegen-modern-iframe-script.ts
@@ -1,7 +1,8 @@
-import { loadPreviewOrConfigFile, getFrameworkName } from 'storybook/internal/common';
+import { getFrameworkName, loadPreviewOrConfigFile } from 'storybook/internal/common';
 import type { Options, PreviewAnnotation } from 'storybook/internal/types';
-import { virtualStoriesFile, virtualAddonSetupFile } from './virtual-file-names';
+
 import { processPreviewAnnotation } from './utils/process-preview-annotation';
+import { virtualAddonSetupFile, virtualStoriesFile } from './virtual-file-names';
 
 export async function generateModernIframeScriptCode(options: Options, projectRoot: string) {
   const { presets, configDir } = options;
diff --git a/code/builders/builder-vite/src/envs.ts b/code/builders/builder-vite/src/envs.ts
index 1b9495d78828..422ce3ae28bf 100644
--- a/code/builders/builder-vite/src/envs.ts
+++ b/code/builders/builder-vite/src/envs.ts
@@ -1,7 +1,8 @@
 import { stringifyEnvs } from 'storybook/internal/common';
-import type { UserConfig as ViteConfig } from 'vite';
 import type { Builder_EnvsRaw, Options } from 'storybook/internal/types';
 
+import type { UserConfig as ViteConfig } from 'vite';
+
 // Allowed env variables on the client
 const allowedEnvVariables = [
   'STORYBOOK',
diff --git a/code/builders/builder-vite/src/index.ts b/code/builders/builder-vite/src/index.ts
index d62d230b676c..a8a775a13344 100644
--- a/code/builders/builder-vite/src/index.ts
+++ b/code/builders/builder-vite/src/index.ts
@@ -1,17 +1,19 @@
 // noinspection JSUnusedGlobalSymbols
+import { join, parse } from 'node:path';
 
-import * as fs from 'fs-extra';
-import type { RequestHandler } from 'express';
-import type { ViteDevServer } from 'vite';
-import express from 'express';
-import { join, parse } from 'path';
 import { NoStatsForViteDevError } from 'storybook/internal/server-errors';
 import type { Options } from 'storybook/internal/types';
+
+import type { RequestHandler } from 'express';
+import express from 'express';
+import * as fs from 'fs-extra';
 import { corePath } from 'storybook/core-path';
-import { transformIframeHtml } from './transform-iframe-html';
-import { createViteServer } from './vite-server';
+import type { ViteDevServer } from 'vite';
+
 import { build as viteBuild } from './build';
+import { transformIframeHtml } from './transform-iframe-html';
 import type { ViteBuilder } from './types';
+import { createViteServer } from './vite-server';
 
 export { withoutVitePlugins } from './utils/without-vite-plugins';
 export { hasVitePlugins } from './utils/has-vite-plugins';
diff --git a/code/builders/builder-vite/src/list-stories.ts b/code/builders/builder-vite/src/list-stories.ts
index e484ba6cc0c4..5eefb9b8fb74 100644
--- a/code/builders/builder-vite/src/list-stories.ts
+++ b/code/builders/builder-vite/src/list-stories.ts
@@ -1,10 +1,11 @@
-import * as path from 'path';
-import slash from 'slash';
-import { glob } from 'glob';
-import { normalizeStories, commonGlobOptions } from 'storybook/internal/common';
+import { isAbsolute, join } from 'node:path';
 
+import { commonGlobOptions, normalizeStories } from 'storybook/internal/common';
 import type { Options } from 'storybook/internal/types';
 
+import { glob } from 'glob';
+import slash from 'slash';
+
 export async function listStories(options: Options) {
   const { normalizePath } = await import('vite');
 
@@ -15,10 +16,8 @@ export async function listStories(options: Options) {
           configDir: options.configDir,
           workingDir: options.configDir,
         }).map(({ directory, files }) => {
-          const pattern = path.join(directory, files);
-          const absolutePattern = path.isAbsolute(pattern)
-            ? pattern
-            : path.join(options.configDir, pattern);
+          const pattern = join(directory, files);
+          const absolutePattern = isAbsolute(pattern) ? pattern : join(options.configDir, pattern);
 
           return glob(slash(absolutePattern), {
             ...commonGlobOptions(absolutePattern),
diff --git a/code/builders/builder-vite/src/optimizeDeps.ts b/code/builders/builder-vite/src/optimizeDeps.ts
index 2b0cb4ad9049..5937c4497720 100644
--- a/code/builders/builder-vite/src/optimizeDeps.ts
+++ b/code/builders/builder-vite/src/optimizeDeps.ts
@@ -1,6 +1,9 @@
-import * as path from 'path';
-import type { InlineConfig as ViteInlineConfig, UserConfig } from 'vite';
+import { relative } from 'node:path';
+
 import type { Options } from 'storybook/internal/types';
+
+import type { UserConfig, InlineConfig as ViteInlineConfig } from 'vite';
+
 import { listStories } from './list-stories';
 
 // It ensures that vite converts cjs deps into esm without vite having to find them during startup and then having to log a message about them and restart
@@ -119,7 +122,7 @@ export async function getOptimizeDeps(config: ViteInlineConfig, options: Options
   const { root = process.cwd() } = config;
   const { normalizePath, resolveConfig } = await import('vite');
   const absoluteStories = await listStories(options);
-  const stories = absoluteStories.map((storyPath) => normalizePath(path.relative(root, storyPath)));
+  const stories = absoluteStories.map((storyPath) => normalizePath(relative(root, storyPath)));
   // TODO: check if resolveConfig takes a lot of time, possible optimizations here
   const resolvedConfig = await resolveConfig(config, 'serve', 'development');
 
diff --git a/code/builders/builder-vite/src/plugins/code-generator-plugin.ts b/code/builders/builder-vite/src/plugins/code-generator-plugin.ts
index 65015129cb3f..ac0fe2a3b970 100644
--- a/code/builders/builder-vite/src/plugins/code-generator-plugin.ts
+++ b/code/builders/builder-vite/src/plugins/code-generator-plugin.ts
@@ -1,11 +1,13 @@
-import * as fs from 'fs';
-import type { Plugin } from 'vite';
+import { readFileSync } from 'node:fs';
+
 import type { Options } from 'storybook/internal/types';
-import { transformIframeHtml } from '../transform-iframe-html';
-import { generateModernIframeScriptCode } from '../codegen-modern-iframe-script';
+
+import type { Plugin } from 'vite';
+
 import { generateImportFnScriptCode } from '../codegen-importfn-script';
+import { generateModernIframeScriptCode } from '../codegen-modern-iframe-script';
 import { generateAddonSetupCode } from '../codegen-set-addon-channel';
-
+import { transformIframeHtml } from '../transform-iframe-html';
 import {
   virtualAddonSetupFile,
   virtualFileId,
@@ -68,41 +70,38 @@ export function codeGeneratorPlugin(options: Options): Plugin {
     },
     resolveId(source) {
       if (source === virtualFileId) {
-        return virtualFileId;
+        return `\0${virtualFileId}`;
       }
       if (source === iframePath) {
         return iframeId;
       }
       if (source === virtualStoriesFile) {
-        return virtualStoriesFile;
+        return `\0${virtualStoriesFile}`;
       }
       if (source === virtualPreviewFile) {
         return virtualPreviewFile;
       }
       if (source === virtualAddonSetupFile) {
-        return virtualAddonSetupFile;
+        return `\0${virtualAddonSetupFile}`;
       }
 
       return undefined;
     },
     async load(id, config) {
-      if (id === virtualStoriesFile) {
+      if (id === `\0${virtualStoriesFile}`) {
         return generateImportFnScriptCode(options);
       }
 
-      if (id === virtualAddonSetupFile) {
+      if (id === `\0${virtualAddonSetupFile}`) {
         return generateAddonSetupCode();
       }
 
-      if (id === virtualFileId) {
+      if (id === `\0${virtualFileId}`) {
         return generateModernIframeScriptCode(options, projectRoot);
       }
 
       if (id === iframeId) {
-        return fs.readFileSync(
-          require.resolve('@storybook/builder-vite/input/iframe.html'),
-          'utf-8'
-        );
+        return readFileSync(require.resolve('@storybook/builder-vite/input/iframe.html'), 'utf-8');
       }
 
       return undefined;
diff --git a/code/builders/builder-vite/src/plugins/csf-plugin.ts b/code/builders/builder-vite/src/plugins/csf-plugin.ts
index cb549f165b89..2541f7b74758 100644
--- a/code/builders/builder-vite/src/plugins/csf-plugin.ts
+++ b/code/builders/builder-vite/src/plugins/csf-plugin.ts
@@ -1,7 +1,9 @@
-import type { Plugin } from 'vite';
-import { vite } from '@storybook/csf-plugin';
 import type { Options } from 'storybook/internal/types';
 
+import { vite } from '@storybook/csf-plugin';
+
+import type { Plugin } from 'vite';
+
 export async function csfPlugin(config: Options): Promise<Plugin> {
   const { presets } = config;
 
diff --git a/code/builders/builder-vite/src/plugins/external-globals-plugin.test.ts b/code/builders/builder-vite/src/plugins/external-globals-plugin.test.ts
index fc9ec9e47abc..9555a4dd6b86 100644
--- a/code/builders/builder-vite/src/plugins/external-globals-plugin.test.ts
+++ b/code/builders/builder-vite/src/plugins/external-globals-plugin.test.ts
@@ -1,4 +1,5 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import { rewriteImport } from './external-globals-plugin';
 
 const packageName = '@storybook/package';
diff --git a/code/builders/builder-vite/src/plugins/external-globals-plugin.ts b/code/builders/builder-vite/src/plugins/external-globals-plugin.ts
index 94af1a74999c..8fbe95669f1d 100644
--- a/code/builders/builder-vite/src/plugins/external-globals-plugin.ts
+++ b/code/builders/builder-vite/src/plugins/external-globals-plugin.ts
@@ -1,8 +1,9 @@
 import { join } from 'node:path';
-import findCacheDirectory from 'find-cache-dir';
+
 import { init, parse } from 'es-module-lexer';
-import MagicString from 'magic-string';
+import findCacheDirectory from 'find-cache-dir';
 import { ensureFile, writeFile } from 'fs-extra';
+import MagicString from 'magic-string';
 import type { Alias, Plugin } from 'vite';
 
 const escapeKeys = (key: string) => key.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&');
diff --git a/code/builders/builder-vite/src/plugins/strip-story-hmr-boundaries.ts b/code/builders/builder-vite/src/plugins/strip-story-hmr-boundaries.ts
index c249fc523d1a..d393d41476b1 100644
--- a/code/builders/builder-vite/src/plugins/strip-story-hmr-boundaries.ts
+++ b/code/builders/builder-vite/src/plugins/strip-story-hmr-boundaries.ts
@@ -1,5 +1,5 @@
-import type { Plugin } from 'vite';
 import MagicString from 'magic-string';
+import type { Plugin } from 'vite';
 
 /**
  * This plugin removes HMR `accept` calls in story files.  Stories should not be treated
diff --git a/code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts b/code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts
index 672ff4531a6d..3669bfd4a745 100644
--- a/code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts
+++ b/code/builders/builder-vite/src/plugins/webpack-stats-plugin.ts
@@ -1,7 +1,8 @@
 // This plugin is a direct port of https://github.com/IanVS/vite-plugin-turbosnap
+import { relative } from 'node:path';
 
 import type { BuilderStats } from 'storybook/internal/types';
-import path from 'path';
+
 import slash from 'slash';
 import type { Plugin } from 'vite';
 
@@ -57,7 +58,7 @@ export function pluginWebpackStats({ workingDir }: WebpackStatsPluginOptions): W
     }
     // Otherwise, we need them in the format `./path/to/file.js`.
     else {
-      const relativePath = path.relative(workingDir, stripQueryParams(filename));
+      const relativePath = relative(workingDir, stripQueryParams(filename));
       // This seems hacky, got to be a better way to add a `./` to the start of a path.
       return `./${slash(relativePath)}`;
     }
diff --git a/code/builders/builder-vite/src/transform-iframe-html.ts b/code/builders/builder-vite/src/transform-iframe-html.ts
index 0cf17c2cd8d7..6f864b5e4189 100644
--- a/code/builders/builder-vite/src/transform-iframe-html.ts
+++ b/code/builders/builder-vite/src/transform-iframe-html.ts
@@ -1,5 +1,5 @@
 import { normalizeStories } from 'storybook/internal/common';
-import type { DocsOptions, TagsOptions, Options } from 'storybook/internal/types';
+import type { DocsOptions, Options, TagsOptions } from 'storybook/internal/types';
 
 export type PreviewHtml = string | undefined;
 
diff --git a/code/builders/builder-vite/src/types.ts b/code/builders/builder-vite/src/types.ts
index a6579ed938cf..404a259243a5 100644
--- a/code/builders/builder-vite/src/types.ts
+++ b/code/builders/builder-vite/src/types.ts
@@ -1,6 +1,7 @@
-import type { InlineConfig, UserConfig } from 'vite';
 import type { Builder, Options } from 'storybook/internal/types';
 
+import type { InlineConfig, UserConfig } from 'vite';
+
 // Storybook's Stats are optional Webpack related property
 type ViteStats = {
   toJson: () => any;
diff --git a/code/builders/builder-vite/src/utils/has-vite-plugins.test.ts b/code/builders/builder-vite/src/utils/has-vite-plugins.test.ts
index 8070b69220be..b8d5a3e44617 100644
--- a/code/builders/builder-vite/src/utils/has-vite-plugins.test.ts
+++ b/code/builders/builder-vite/src/utils/has-vite-plugins.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { hasVitePlugins } from './has-vite-plugins';
 
 describe('hasVitePlugins', () => {
diff --git a/code/builders/builder-vite/src/utils/process-preview-annotation.test.ts b/code/builders/builder-vite/src/utils/process-preview-annotation.test.ts
index 4d211fd5fafb..3a01623919d5 100644
--- a/code/builders/builder-vite/src/utils/process-preview-annotation.test.ts
+++ b/code/builders/builder-vite/src/utils/process-preview-annotation.test.ts
@@ -1,6 +1,7 @@
-import { describe, it, expect } from 'vitest';
-import { processPreviewAnnotation } from './process-preview-annotation';
+import { describe, expect, it } from 'vitest';
+
 import { onlyWindows, skipWindows } from '../../../../vitest.helpers';
+import { processPreviewAnnotation } from './process-preview-annotation';
 
 describe('processPreviewAnnotation()', () => {
   it('should pull the `bare` value from an object', () => {
diff --git a/code/builders/builder-vite/src/utils/process-preview-annotation.ts b/code/builders/builder-vite/src/utils/process-preview-annotation.ts
index e87259d00941..d63dc9d375d1 100644
--- a/code/builders/builder-vite/src/utils/process-preview-annotation.ts
+++ b/code/builders/builder-vite/src/utils/process-preview-annotation.ts
@@ -1,7 +1,9 @@
+import { isAbsolute, relative, resolve } from 'node:path';
+
+import { stripAbsNodeModulesPath } from 'storybook/internal/common';
 import type { PreviewAnnotation } from 'storybook/internal/types';
-import { resolve, isAbsolute, relative } from 'path';
+
 import slash from 'slash';
-import { stripAbsNodeModulesPath } from 'storybook/internal/common';
 
 /**
  * Preview annotations can take several forms, and vite needs them to be
diff --git a/code/builders/builder-vite/src/utils/without-vite-plugins.test.ts b/code/builders/builder-vite/src/utils/without-vite-plugins.test.ts
index dea82e6af9cb..e0efee13036b 100644
--- a/code/builders/builder-vite/src/utils/without-vite-plugins.test.ts
+++ b/code/builders/builder-vite/src/utils/without-vite-plugins.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { withoutVitePlugins } from './without-vite-plugins';
 
 describe('withoutVitePlugins', () => {
diff --git a/code/builders/builder-vite/src/vite-config.test.ts b/code/builders/builder-vite/src/vite-config.test.ts
index 6f83d67b5479..d88da0305397 100644
--- a/code/builders/builder-vite/src/vite-config.test.ts
+++ b/code/builders/builder-vite/src/vite-config.test.ts
@@ -1,7 +1,10 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { Options, Presets } from 'storybook/internal/types';
+
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import { loadConfigFromFile } from 'vite';
+
 import { commonConfig } from './vite-config';
 
 vi.mock('vite', async (importOriginal) => ({
diff --git a/code/builders/builder-vite/src/vite-config.ts b/code/builders/builder-vite/src/vite-config.ts
index 2a965dbacffc..e3eff12d038e 100644
--- a/code/builders/builder-vite/src/vite-config.ts
+++ b/code/builders/builder-vite/src/vite-config.ts
@@ -1,28 +1,30 @@
-import * as path from 'path';
-import type {
-  ConfigEnv,
-  InlineConfig as ViteInlineConfig,
-  PluginOption,
-  UserConfig as ViteConfig,
-  InlineConfig,
-} from 'vite';
+import { resolve } from 'node:path';
+
 import {
-  isPreservingSymlinks,
-  getFrameworkName,
   getBuilderOptions,
+  getFrameworkName,
+  isPreservingSymlinks,
   resolvePathInStorybookCache,
 } from 'storybook/internal/common';
 import { globalsNameReferenceMap } from 'storybook/internal/preview/globals';
 import type { Options } from 'storybook/internal/types';
+
+import type {
+  ConfigEnv,
+  InlineConfig,
+  PluginOption,
+  UserConfig as ViteConfig,
+  InlineConfig as ViteInlineConfig,
+} from 'vite';
+
 import {
   codeGeneratorPlugin,
   csfPlugin,
-  injectExportOrderPlugin,
-  stripStoryHMRBoundary,
   externalGlobalsPlugin,
+  injectExportOrderPlugin,
   pluginWebpackStats,
+  stripStoryHMRBoundary,
 } from './plugins';
-
 import type { BuilderOptions } from './types';
 
 export type PluginConfigType = 'build' | 'development';
@@ -49,7 +51,7 @@ export async function commonConfig(
 
   const { viteConfigPath } = await getBuilderOptions<BuilderOptions>(options);
 
-  const projectRoot = path.resolve(options.configDir, '..');
+  const projectRoot = resolve(options.configDir, '..');
 
   // I destructure away the `build` property from the user's config object
   // I do this because I can contain config that breaks storybook, such as we had in a lit project.
diff --git a/code/builders/builder-vite/src/vite-server.ts b/code/builders/builder-vite/src/vite-server.ts
index 41cc40ed9470..ff235aa93833 100644
--- a/code/builders/builder-vite/src/vite-server.ts
+++ b/code/builders/builder-vite/src/vite-server.ts
@@ -1,9 +1,11 @@
-import type { Server } from 'http';
 import type { Options } from 'storybook/internal/types';
-import { commonConfig } from './vite-config';
-import { getOptimizeDeps } from './optimizeDeps';
-import { sanitizeEnvVars } from './envs';
+
+import type { Server } from 'http';
+
 import { getAssetsInclude } from './assetsInclude';
+import { sanitizeEnvVars } from './envs';
+import { getOptimizeDeps } from './optimizeDeps';
+import { commonConfig } from './vite-config';
 
 export async function createViteServer(options: Options, devServer: Server) {
   const { presets } = options;
diff --git a/code/builders/builder-vite/vitest.config.ts b/code/builders/builder-vite/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/builders/builder-vite/vitest.config.ts
+++ b/code/builders/builder-vite/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/builders/builder-webpack5/package.json b/code/builders/builder-webpack5/package.json
index b66000089f29..430d7b0b94d3 100644
--- a/code/builders/builder-webpack5/package.json
+++ b/code/builders/builder-webpack5/package.json
@@ -59,12 +59,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "@types/semver": "^7.3.4",
     "browser-assert": "^1.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
diff --git a/code/builders/builder-webpack5/src/index.ts b/code/builders/builder-webpack5/src/index.ts
index 635643626e62..12b38b0709ee 100644
--- a/code/builders/builder-webpack5/src/index.ts
+++ b/code/builders/builder-webpack5/src/index.ts
@@ -1,22 +1,24 @@
-import type { Stats, Configuration, StatsOptions } from 'webpack';
-import webpack, { ProgressPlugin } from 'webpack';
-import webpackDevMiddleware from 'webpack-dev-middleware';
-import webpackHotMiddleware from 'webpack-hot-middleware';
-import { logger } from 'storybook/internal/node-logger';
-import type { Builder, Options } from 'storybook/internal/types';
-import { corePath } from 'storybook/core-path';
-import { checkWebpackVersion } from '@storybook/core-webpack';
-import { join, parse } from 'path';
-import express from 'express';
-import fs from 'fs-extra';
+import { join, parse } from 'node:path';
+
 import { PREVIEW_BUILDER_PROGRESS } from 'storybook/internal/core-events';
+import { logger } from 'storybook/internal/node-logger';
 import {
   WebpackCompilationError,
   WebpackInvocationError,
   WebpackMissingStatsError,
 } from 'storybook/internal/server-errors';
+import type { Builder, Options } from 'storybook/internal/types';
 
+import { checkWebpackVersion } from '@storybook/core-webpack';
+
+import express from 'express';
+import fs from 'fs-extra';
 import prettyTime from 'pretty-hrtime';
+import { corePath } from 'storybook/core-path';
+import type { Configuration, Stats, StatsOptions } from 'webpack';
+import webpack, { ProgressPlugin } from 'webpack';
+import webpackDevMiddleware from 'webpack-dev-middleware';
+import webpackHotMiddleware from 'webpack-hot-middleware';
 
 export * from './types';
 export * from './preview/virtual-module-mapping';
diff --git a/code/builders/builder-webpack5/src/loaders/export-order-loader.ts b/code/builders/builder-webpack5/src/loaders/export-order-loader.ts
index ef3149a424c1..43f5fd00db42 100644
--- a/code/builders/builder-webpack5/src/loaders/export-order-loader.ts
+++ b/code/builders/builder-webpack5/src/loaders/export-order-loader.ts
@@ -1,5 +1,6 @@
 import assert from 'node:assert';
-import { parse as parseCjs, init as initCjsParser } from 'cjs-module-lexer';
+
+import { init as initCjsParser, parse as parseCjs } from 'cjs-module-lexer';
 import { parse as parseEs } from 'es-module-lexer';
 import MagicString from 'magic-string';
 import type { LoaderContext } from 'webpack';
diff --git a/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts b/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts
index f8978d512973..31a90cf794f9 100644
--- a/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts
+++ b/code/builders/builder-webpack5/src/presets/custom-webpack-preset.ts
@@ -1,8 +1,11 @@
-import * as webpackReal from 'webpack';
 import { logger } from 'storybook/internal/node-logger';
 import type { Options, PresetProperty } from 'storybook/internal/types';
-import type { Configuration } from 'webpack';
+
 import { loadCustomWebpackConfig } from '@storybook/core-webpack';
+
+import * as webpackReal from 'webpack';
+import type { Configuration } from 'webpack';
+
 import { createDefaultWebpackConfig } from '../preview/base-webpack.config';
 
 export const swc: PresetProperty<'swc'> = (config: Record<string, any>): Record<string, any> => {
diff --git a/code/builders/builder-webpack5/src/preview/base-webpack.config.ts b/code/builders/builder-webpack5/src/preview/base-webpack.config.ts
index e99fab6b769f..d53b437989ee 100644
--- a/code/builders/builder-webpack5/src/preview/base-webpack.config.ts
+++ b/code/builders/builder-webpack5/src/preview/base-webpack.config.ts
@@ -1,5 +1,6 @@
 import { logger } from 'storybook/internal/node-logger';
 import type { Options } from 'storybook/internal/types';
+
 import type { Configuration } from 'webpack';
 
 export async function createDefaultWebpackConfig(
diff --git a/code/builders/builder-webpack5/src/preview/iframe-webpack.config.ts b/code/builders/builder-webpack5/src/preview/iframe-webpack.config.ts
index c594b12978de..461a36aec648 100644
--- a/code/builders/builder-webpack5/src/preview/iframe-webpack.config.ts
+++ b/code/builders/builder-webpack5/src/preview/iframe-webpack.config.ts
@@ -1,23 +1,27 @@
-import { dirname, join, resolve } from 'path';
-import { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin, ProvidePlugin } from 'webpack';
-import type { Configuration } from 'webpack';
-import HtmlWebpackPlugin from 'html-webpack-plugin';
-// @ts-expect-error (I removed this on purpose, because it's incorrect)
-import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
-import TerserWebpackPlugin from 'terser-webpack-plugin';
-import VirtualModulePlugin from 'webpack-virtual-modules';
-import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
-import type { TransformOptions as EsbuildOptions } from 'esbuild';
-import type { Options } from 'storybook/internal/types';
-import { globalsNameReferenceMap } from 'storybook/internal/preview/globals';
+import { dirname, join, resolve } from 'node:path';
+
 import {
   getBuilderOptions,
-  stringifyProcessEnvs,
-  normalizeStories,
   isPreservingSymlinks,
+  normalizeStories,
+  stringifyProcessEnvs,
 } from 'storybook/internal/common';
+import { globalsNameReferenceMap } from 'storybook/internal/preview/globals';
+import type { Options } from 'storybook/internal/types';
+
 import { type BuilderOptions } from '@storybook/core-webpack';
+
+// @ts-expect-error (I removed this on purpose, because it's incorrect)
+import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
+import type { TransformOptions as EsbuildOptions } from 'esbuild';
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import HtmlWebpackPlugin from 'html-webpack-plugin';
+import TerserWebpackPlugin from 'terser-webpack-plugin';
 import { dedent } from 'ts-dedent';
+import { DefinePlugin, HotModuleReplacementPlugin, ProgressPlugin, ProvidePlugin } from 'webpack';
+import type { Configuration } from 'webpack';
+import VirtualModulePlugin from 'webpack-virtual-modules';
+
 import type { TypescriptOptions } from '../types';
 import { getVirtualModules } from './virtual-module-mapping';
 
diff --git a/code/builders/builder-webpack5/src/preview/virtual-module-mapping.ts b/code/builders/builder-webpack5/src/preview/virtual-module-mapping.ts
index 69f64ad41921..2b78d926f12e 100644
--- a/code/builders/builder-webpack5/src/preview/virtual-module-mapping.ts
+++ b/code/builders/builder-webpack5/src/preview/virtual-module-mapping.ts
@@ -1,5 +1,5 @@
-import type { Options, PreviewAnnotation } from 'storybook/internal/types';
-import { join, resolve } from 'path';
+import { join, resolve } from 'node:path';
+
 import {
   getBuilderOptions,
   handlebars,
@@ -7,8 +7,12 @@ import {
   normalizeStories,
   readTemplate,
 } from 'storybook/internal/common';
-import slash from 'slash';
+import type { Options, PreviewAnnotation } from 'storybook/internal/types';
+
 import { toImportFn } from '@storybook/core-webpack';
+
+import slash from 'slash';
+
 import type { BuilderOptions } from '../types';
 
 export const getVirtualModules = async (options: Options) => {
diff --git a/code/builders/builder-webpack5/src/types.ts b/code/builders/builder-webpack5/src/types.ts
index 38621af56274..1064cdb485f6 100644
--- a/code/builders/builder-webpack5/src/types.ts
+++ b/code/builders/builder-webpack5/src/types.ts
@@ -1,12 +1,12 @@
-import type { Configuration, Stats } from 'webpack';
 import type {
-  Options,
   BuilderResult as BuilderResultBase,
+  Options,
   StorybookConfig,
   TypescriptOptions as WebpackTypescriptOptions,
 } from '@storybook/core-webpack';
 
 import type ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import type { Configuration, Stats } from 'webpack';
 
 type TypeScriptOptionsBase = Partial<WebpackTypescriptOptions>;
 
diff --git a/code/builders/builder-webpack5/vitest.config.ts b/code/builders/builder-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/builders/builder-webpack5/vitest.config.ts
+++ b/code/builders/builder-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/core/package.json b/code/core/package.json
index bb87c60bcfd7..400c9c392e52 100644
--- a/code/core/package.json
+++ b/code/core/package.json
@@ -265,13 +265,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "bun ./scripts/check.ts",
-    "prep": "bun ./scripts/prep.ts"
+    "check": "jiti ./scripts/check.ts",
+    "prep": "jiti ./scripts/prep.ts"
   },
   "dependencies": {
     "@storybook/csf": "^0.1.11",
     "@types/express": "^4.17.21",
-    "@types/node": "^18.0.0",
     "browser-assert": "^1.2.1",
     "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0",
     "esbuild-register": "^3.5.0",
@@ -314,8 +313,7 @@
     "@types/fs-extra": "^11.0.1",
     "@types/js-yaml": "^4.0.5",
     "@types/lodash": "^4.14.167",
-    "@types/mock-fs": "^4.13.1",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "@types/npmlog": "^7.0.0",
     "@types/picomatch": "^2.3.0",
     "@types/prettier": "^3.0.0",
@@ -326,7 +324,6 @@
     "@types/react-transition-group": "^4",
     "@types/semver": "^7.5.8",
     "@types/ws": "^8",
-    "@vitest/utils": "^1.3.1",
     "@yarnpkg/esbuild-plugin-pnp": "^3.0.0-rc.10",
     "@yarnpkg/fslib": "2.10.3",
     "@yarnpkg/libzip": "2.3.0",
@@ -376,8 +373,8 @@
     "leven": "^4.0.0",
     "lodash": "^4.17.21",
     "markdown-to-jsx": "^7.4.5",
+    "memfs": "^4.11.1",
     "memoizerific": "^1.11.3",
-    "mock-fs": "^5.2.0",
     "nanoid": "^4.0.2",
     "npmlog": "^7.0.0",
     "open": "^8.4.0",
diff --git a/code/core/scripts/check.ts b/code/core/scripts/check.ts
index ca51bcf847f5..945fe125c138 100644
--- a/code/core/scripts/check.ts
+++ b/code/core/scripts/check.ts
@@ -1,4 +1,4 @@
-import { getTSFilesAndConfig, getTSProgramAndHost, getTSDiagnostics } from './helpers/typescript';
+import { getTSDiagnostics, getTSFilesAndConfig, getTSProgramAndHost } from './helpers/typescript';
 
 const tsconfigPath = 'tsconfig.json';
 
diff --git a/code/core/scripts/dts.ts b/code/core/scripts/dts.ts
index 932a2ae228e5..93458c07dfac 100644
--- a/code/core/scripts/dts.ts
+++ b/code/core/scripts/dts.ts
@@ -1,49 +1,55 @@
 import { join } from 'node:path';
-import { process, dts, nodeInternals } from '../../../scripts/prepare/tools';
-import { getEntries } from './entries';
+
+import { dts, nodeInternals, process } from '../../../scripts/prepare/tools';
 import pkg from '../package.json';
+import { getEntries } from './entries';
+
+async function run() {
+  const cwd = process.cwd();
+
+  const flags = process.argv.slice(2);
+
+  const selection = flags[0] || 'all';
+
+  const entries = getEntries(cwd);
+  const external = [
+    ...Object.keys((pkg as any).dependencies || {}),
+    ...Object.keys((pkg as any).peerDependencies || {}),
+    ...nodeInternals,
+    'typescript',
+    '@storybook/core',
+
+    '@storybook/core/builder-manager',
+    '@storybook/core/channels',
+    '@storybook/core/client-logger',
+    '@storybook/core/common',
+    '@storybook/core/components',
+    '@storybook/core/core-events',
+    '@storybook/core/core-server',
+    '@storybook/core/csf-tools',
+    '@storybook/core/docs-tools',
+    '@storybook/core/manager-api',
+    '@storybook/core/node-logger',
+    '@storybook/core/preview-api',
+    '@storybook/core/router',
+    '@storybook/core/telemetry',
+    '@storybook/core/theming',
+    '@storybook/core/types',
+  ];
+
+  const all = entries.filter((e) => e.dts);
+  const list = selection === 'all' ? all : [all[Number(selection)]];
+
+  console.log('Generating d.ts files for', list.map((i) => i.file).join(', '));
+
+  await Promise.all(
+    list.map(async (i) => {
+      await dts(i.file, [...external, ...i.externals], join(__dirname, '..', 'tsconfig.json'));
+    })
+  );
+}
 
-const cwd = process.cwd();
-
-const flags = process.argv.slice(2);
-
-const selection = flags[0] || 'all';
-
-const entries = getEntries(cwd);
-const external = [
-  ...Object.keys((pkg as any).dependencies || {}),
-  ...Object.keys((pkg as any).peerDependencies || {}),
-  ...nodeInternals,
-  'typescript',
-  '@storybook/core',
-
-  '@storybook/core/builder-manager',
-  '@storybook/core/channels',
-  '@storybook/core/client-logger',
-  '@storybook/core/common',
-  '@storybook/core/components',
-  '@storybook/core/core-events',
-  '@storybook/core/core-server',
-  '@storybook/core/csf-tools',
-  '@storybook/core/docs-tools',
-  '@storybook/core/manager-api',
-  '@storybook/core/node-logger',
-  '@storybook/core/preview-api',
-  '@storybook/core/router',
-  '@storybook/core/telemetry',
-  '@storybook/core/theming',
-  '@storybook/core/types',
-];
-
-const all = entries.filter((e) => e.dts);
-const list = selection === 'all' ? all : [all[Number(selection)]];
-
-await Promise.all(
-  list.map(async (i) => {
-    await dts(
-      i.file,
-      [...external, ...i.externals],
-      join(import.meta.dirname, '..', 'tsconfig.json')
-    );
-  })
-);
+run().catch((e) => {
+  process.stderr.write(e.toString());
+  process.exit(1);
+});
diff --git a/code/core/scripts/helpers/dependencies.ts b/code/core/scripts/helpers/dependencies.ts
index b94144854034..82b22a022ad4 100644
--- a/code/core/scripts/helpers/dependencies.ts
+++ b/code/core/scripts/helpers/dependencies.ts
@@ -1,5 +1,7 @@
 import { join } from 'node:path';
 
+import { readJson } from 'fs-extra';
+
 export async function flattenDependencies(
   list: string[],
   output: string[] = [],
@@ -16,7 +18,7 @@ export async function flattenDependencies(
         console.log(dep + ' not found');
         return;
       }
-      const { dependencies = {}, peerDependencies = {} } = await Bun.file(path).json();
+      const { dependencies = {}, peerDependencies = {} } = await readJson(path);
       const all: string[] = [
         ...new Set([...Object.keys(dependencies), ...Object.keys(peerDependencies)]),
       ]
diff --git a/code/core/scripts/helpers/generatePackageJsonFile.ts b/code/core/scripts/helpers/generatePackageJsonFile.ts
index 7d87d25ae9e2..08a7975e3d9b 100644
--- a/code/core/scripts/helpers/generatePackageJsonFile.ts
+++ b/code/core/scripts/helpers/generatePackageJsonFile.ts
@@ -1,13 +1,17 @@
+import { writeFile } from 'node:fs/promises';
 import { join, relative } from 'node:path';
+
+import { readJSON } from 'fs-extra';
 import slash from 'slash';
-import { sortPackageJson, Bun } from '../../../../scripts/prepare/tools';
+
+import { sortPackageJson } from '../../../../scripts/prepare/tools';
 import type { getEntries } from '../entries';
 
 const cwd = process.cwd();
 
 export async function generatePackageJsonFile(entries: ReturnType<typeof getEntries>) {
   const location = join(cwd, 'package.json');
-  const pkgJson = await Bun.file(location).json();
+  const pkgJson = await readJSON(location);
 
   /** Re-create the `exports` field in `code/core/package.json`
    * This way we only need to update the `./scripts/entries.ts` file to ensure all things we create actually exist and are mapped to the correct path.
@@ -67,5 +71,5 @@ export async function generatePackageJsonFile(entries: ReturnType<typeof getEntr
     },
   };
 
-  await Bun.write(location, `${sortPackageJson(JSON.stringify(pkgJson, null, 2))}\n`, {});
+  await writeFile(location, `${sortPackageJson(JSON.stringify(pkgJson, null, 2))}\n`, {});
 }
diff --git a/code/core/scripts/helpers/generateTypesFiles.ts b/code/core/scripts/helpers/generateTypesFiles.ts
index 7faffbcf8360..a657c6fbd8a7 100644
--- a/code/core/scripts/helpers/generateTypesFiles.ts
+++ b/code/core/scripts/helpers/generateTypesFiles.ts
@@ -1,5 +1,7 @@
-import { relative } from 'node:path';
-import { process, chalk, limit, Bun } from '../../../../scripts/prepare/tools';
+import { join, relative } from 'node:path';
+
+import { spawn } from '../../../../scripts/prepare/tools';
+import { chalk, limit, process } from '../../../../scripts/prepare/tools';
 import type { getEntries } from '../entries';
 
 export async function generateTypesFiles(
@@ -14,38 +16,53 @@ export async function generateTypesFiles(
     // ...this way we do not bog down the main process/esbuild and can run them in parallel
     // we limit the number of concurrent processes to 3, because we don't want to overload the host machine
     // by trial and error, 3 seems to be the sweet spot between perf and consistency
-    const limited = limit(3);
-    let processes: ReturnType<(typeof Bun)['spawn']>[] = [];
+    const limited = limit(10);
+    let processes: ReturnType<typeof spawn>[] = [];
 
     await Promise.all(
       dtsEntries.map(async (fileName, index) => {
         return limited(async () => {
           const getDtsProcess = () =>
-            Bun.spawn(['bun', './scripts/dts.ts', index.toString()], {
-              cwd,
-              stdio: ['ignore', 'pipe', 'inherit'],
-            });
+            spawn(
+              join(__dirname, '../../../../scripts/node_modules/.bin/jiti'),
+              ['./scripts/dts.ts', index.toString()],
+              {
+                cwd,
+                stdio: ['ignore', 'pipe', 'inherit'],
+              }
+            );
           let timer: ReturnType<typeof setTimeout> | undefined;
-          let dtsProcess = getDtsProcess();
+          const dtsProcess = getDtsProcess();
           processes.push(dtsProcess);
+
           await Promise.race([
-            dtsProcess.exited.catch(async () => {
-              await dtsProcess.kill();
-              dtsProcess = getDtsProcess();
-              return dtsProcess.exited;
+            new Promise((resolve) => {
+              dtsProcess.on('exit', () => {
+                resolve(void 0);
+              });
+              dtsProcess.on('error', () => {
+                resolve(void 0);
+              });
+              dtsProcess.on('close', () => {
+                resolve(void 0);
+              });
             }),
-            new Promise((_, reject) => {
+            new Promise((resolve) => {
               timer = setTimeout(() => {
                 console.log(index, fileName);
 
-                reject(new Error('timed out'));
+                dtsProcess.kill(408); // timed out
+                resolve(void 0);
               }, 60000);
             }),
           ]);
+
           if (timer) {
             clearTimeout(timer);
           }
+
           if (dtsProcess.exitCode !== 0) {
+            console.log(dtsProcess.exitCode);
             // If any fail, kill all the other processes and exit (bail)
             processes.forEach((p) => p.kill());
             processes = [];
diff --git a/code/core/scripts/helpers/generateTypesMapperFiles.ts b/code/core/scripts/helpers/generateTypesMapperFiles.ts
index f50f9b4fb07d..11423eaa0b58 100644
--- a/code/core/scripts/helpers/generateTypesMapperFiles.ts
+++ b/code/core/scripts/helpers/generateTypesMapperFiles.ts
@@ -1,7 +1,10 @@
-import { Bun } from '../../../../scripts/prepare/tools';
-import type { getEntries } from '../entries';
+import { writeFile } from 'node:fs/promises';
 import { join, relative } from 'node:path';
+
+import { ensureFile } from 'fs-extra';
+
 import { dedent } from '../../../../scripts/prepare/tools';
+import type { getEntries } from '../entries';
 
 const cwd = process.cwd();
 
@@ -10,7 +13,7 @@ async function generateTypesMapperContent(filePath: string) {
   const downwards = relative(cwd, filePath);
 
   return dedent`
-    // auto generated file from ${import.meta.filename}, do not edit
+    // auto generated file from ${__filename}, do not edit
     export * from '${join(upwards, downwards)}';
     export type * from '${join(upwards, downwards)}';
   `;
@@ -27,11 +30,10 @@ export async function generateTypesMapperFiles(entries: ReturnType<typeof getEnt
   const all = entries.filter((e) => e.dts).map((e) => e.file);
 
   await Promise.all(
-    all.map(async (filePath) =>
-      Bun.write(
-        filePath.replace('src', 'dist').replace(/\.tsx?/, '.d.ts'),
-        await generateTypesMapperContent(filePath)
-      )
-    )
+    all.map(async (filePath) => {
+      const location = filePath.replace('src', 'dist').replace(/\.tsx?/, '.d.ts');
+      await ensureFile(location);
+      await writeFile(location, await generateTypesMapperContent(filePath));
+    })
   );
 }
diff --git a/code/core/scripts/helpers/modifyThemeTypes.ts b/code/core/scripts/helpers/modifyThemeTypes.ts
index 3faf5c37af63..5e586f4763bc 100644
--- a/code/core/scripts/helpers/modifyThemeTypes.ts
+++ b/code/core/scripts/helpers/modifyThemeTypes.ts
@@ -1,5 +1,7 @@
+import { readFile, writeFile } from 'node:fs/promises';
 import { join } from 'node:path';
-import { dedent, Bun } from '../../../../scripts/prepare/tools';
+
+import { dedent } from '../../../../scripts/prepare/tools';
 
 export async function modifyThemeTypes() {
   /**
@@ -7,8 +9,8 @@ export async function modifyThemeTypes() {
    * This is not an option for us, because we pre-bundle emotion in.
    * The little hack work to ensure the `Theme` export is overloaded with our `StorybookTheme` interface. (in both development and production builds)
    */
-  const target = join(import.meta.dirname, '..', '..', 'dist', 'theming', 'index.d.ts');
-  const contents = await Bun.file(target).text();
+  const target = join(__dirname, '..', '..', 'dist', 'theming', 'index.d.ts');
+  const contents = await readFile(target, 'utf-8');
 
   const footer = contents.includes('// auto generated file')
     ? `export { StorybookTheme as Theme } from '../src/index';`
@@ -22,5 +24,5 @@ export async function modifyThemeTypes() {
     ${footer}
   `;
 
-  await Bun.write(target, newContents);
+  await writeFile(target, newContents);
 }
diff --git a/code/core/scripts/helpers/sourcefiles.ts b/code/core/scripts/helpers/sourcefiles.ts
index 867f401ad15b..7b38a00e025e 100644
--- a/code/core/scripts/helpers/sourcefiles.ts
+++ b/code/core/scripts/helpers/sourcefiles.ts
@@ -1,17 +1,18 @@
+import { readdir, writeFile } from 'node:fs/promises';
 import { join } from 'node:path';
-import { readdir } from 'node:fs/promises';
-import { dedent, prettier, getWorkspace, esbuild } from '../../../../scripts/prepare/tools';
-import { temporaryFile } from '../../src/common/utils/cli';
 
 import { GlobalRegistrator } from '@happy-dom/global-registrator';
 
+import { dedent, esbuild, getWorkspace, prettier } from '../../../../scripts/prepare/tools';
+import { temporaryFile } from '../../src/common/utils/cli';
+
 GlobalRegistrator.register({ url: 'http://localhost:3000', width: 1920, height: 1080 });
 
 // read code/frameworks subfolders and generate a list of available frameworks
 // save this list into ./code/core/src/types/frameworks.ts and export it as a union type.
 // The name of the type is `SupportedFrameworks`. Add additionally 'qwik' and `solid` to that list.
 export const generateSourceFiles = async () => {
-  const location = join(import.meta.dirname, '..', '..', 'src');
+  const location = join(__dirname, '..', '..', 'src');
   const prettierConfig = await prettier.resolveConfig(location);
 
   await Promise.all([
@@ -23,7 +24,7 @@ export const generateSourceFiles = async () => {
 };
 
 async function generateVersionsFile(prettierConfig: prettier.Options | null): Promise<void> {
-  const location = join(import.meta.dirname, '..', '..', 'src', 'common', 'versions.ts');
+  const location = join(__dirname, '..', '..', 'src', 'common', 'versions.ts');
 
   const workspace = await getWorkspace();
 
@@ -38,7 +39,7 @@ async function generateVersionsFile(prettierConfig: prettier.Options | null): Pr
       }, {})
   );
 
-  await Bun.write(
+  await writeFile(
     location,
     await prettier.format(
       dedent`
@@ -55,23 +56,15 @@ async function generateVersionsFile(prettierConfig: prettier.Options | null): Pr
 
 async function generateFrameworksFile(prettierConfig: prettier.Options | null): Promise<void> {
   const thirdPartyFrameworks = ['qwik', 'solid'];
-  const location = join(
-    import.meta.dirname,
-    '..',
-    '..',
-    'src',
-    'types',
-    'modules',
-    'frameworks.ts'
-  );
-  const frameworksDirectory = join(import.meta.dirname, '..', '..', '..', 'frameworks');
+  const location = join(__dirname, '..', '..', 'src', 'types', 'modules', 'frameworks.ts');
+  const frameworksDirectory = join(__dirname, '..', '..', '..', 'frameworks');
 
   const readFrameworks = await readdir(frameworksDirectory);
   const frameworks = [...readFrameworks.sort(), ...thirdPartyFrameworks]
     .map((framework) => `'${framework}'`)
     .join(' | ');
 
-  await Bun.write(
+  await writeFile(
     location,
     await prettier.format(
       dedent`
@@ -87,25 +80,17 @@ async function generateFrameworksFile(prettierConfig: prettier.Options | null):
 }
 
 const localAlias = {
-  '@storybook/core': join(import.meta.dirname, '..', '..', 'src'),
-  storybook: join(import.meta.dirname, '..', '..', 'src'),
+  '@storybook/core': join(__dirname, '..', '..', 'src'),
+  storybook: join(__dirname, '..', '..', 'src'),
 };
 async function generateExportsFile(prettierConfig: prettier.Options | null): Promise<void> {
   function removeDefault(input: string) {
     return input !== 'default';
   }
 
-  const location = join(import.meta.dirname, '..', '..', 'src', 'manager', 'globals', 'exports.ts');
+  const location = join(__dirname, '..', '..', 'src', 'manager', 'globals', 'exports.ts');
 
-  const entryFile = join(
-    import.meta.dirname,
-    '..',
-    '..',
-    'src',
-    'manager',
-    'globals',
-    'runtime.ts'
-  );
+  const entryFile = join(__dirname, '..', '..', 'src', 'manager', 'globals', 'runtime.ts');
   const outFile = await temporaryFile({ extension: 'js' });
 
   await esbuild.build({
@@ -133,7 +118,7 @@ async function generateExportsFile(prettierConfig: prettier.Options | null): Pro
     }
   }
 
-  await Bun.write(
+  await writeFile(
     location,
     await prettier.format(
       dedent`
diff --git a/code/core/scripts/helpers/typescript.ts b/code/core/scripts/helpers/typescript.ts
index 474a64e8bc7e..13d26b9be642 100644
--- a/code/core/scripts/helpers/typescript.ts
+++ b/code/core/scripts/helpers/typescript.ts
@@ -1,4 +1,5 @@
 import { join } from 'node:path';
+
 import { typescript } from '../../../../scripts/prepare/tools';
 
 export function getTSDiagnostics(
diff --git a/code/core/scripts/prep.ts b/code/core/scripts/prep.ts
index 4bd99e8837a3..a24980b296f5 100644
--- a/code/core/scripts/prep.ts
+++ b/code/core/scripts/prep.ts
@@ -1,161 +1,163 @@
 /* eslint-disable local-rules/no-uncategorized-errors */
-
 import { watch } from 'node:fs';
-import { rmdir } from 'node:fs/promises';
-import { join, dirname } from 'node:path';
+import { mkdir, rm } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+
 import {
-  esbuild,
-  process,
-  merge,
-  measure,
   chalk,
-  prettyTime,
-  nodeInternals,
   dedent,
+  esbuild,
   globalExternals,
+  measure,
+  merge,
+  nodeInternals,
+  prettyTime,
+  process,
 } from '../../../scripts/prepare/tools';
-import { getBundles, getEntries, getFinals } from './entries';
-
-import { globalsModuleInfoMap } from '../src/manager/globals-module-info';
-
 import pkg from '../package.json';
-import { generateSourceFiles } from './helpers/sourcefiles';
-import { modifyThemeTypes } from './helpers/modifyThemeTypes';
+import { globalsModuleInfoMap } from '../src/manager/globals-module-info';
+import { getBundles, getEntries, getFinals } from './entries';
 import { generatePackageJsonFile } from './helpers/generatePackageJsonFile';
-import { generateTypesMapperFiles } from './helpers/generateTypesMapperFiles';
 import { generateTypesFiles } from './helpers/generateTypesFiles';
-import { isNode, noExternals, isBrowser } from './helpers/isEntryType';
+import { generateTypesMapperFiles } from './helpers/generateTypesMapperFiles';
+import { isBrowser, isNode, noExternals } from './helpers/isEntryType';
+import { modifyThemeTypes } from './helpers/modifyThemeTypes';
+import { generateSourceFiles } from './helpers/sourcefiles';
 
-const flags = process.argv.slice(2);
-const cwd = process.cwd();
+async function run() {
+  const flags = process.argv.slice(2);
+  const cwd = process.cwd();
 
-const isOptimized = flags.includes('--optimized');
-const isWatch = flags.includes('--watch');
-const isReset = flags.includes('--reset');
+  const isOptimized = flags.includes('--optimized');
+  const isWatch = flags.includes('--watch');
+  const isReset = flags.includes('--reset');
 
-const external = [
-  ...new Set([
-    ...Object.keys(pkg.dependencies),
-    ...Object.keys((pkg as any).peerDependencies || {}),
-  ]),
-];
+  const external = [
+    ...new Set([
+      ...Object.keys(pkg.dependencies),
+      ...Object.keys((pkg as any).peerDependencies || {}),
+    ]),
+  ];
 
-if (isOptimized && isWatch) {
-  throw new Error('Cannot watch and optimize at the same time');
-}
+  if (isOptimized && isWatch) {
+    throw new Error('Cannot watch and optimize at the same time');
+  }
 
-if (isReset) {
-  await rmdir(join(cwd, 'dist'), { recursive: true });
-}
+  if (isReset) {
+    await rm(join(cwd, 'dist'), { recursive: true }).catch(() => {});
+    await mkdir(join(cwd, 'dist'));
+  }
 
-const entries = getEntries(cwd);
-const bundles = getBundles(cwd);
-const finals = getFinals(cwd);
+  const entries = getEntries(cwd);
+  const bundles = getBundles(cwd);
+  const finals = getFinals(cwd);
 
-type EsbuildContextOptions = Parameters<(typeof esbuild)['context']>[0];
+  type EsbuildContextOptions = Parameters<(typeof esbuild)['context']>[0];
 
-console.log(isWatch ? 'Watching...' : 'Bundling...');
+  console.log(isWatch ? 'Watching...' : 'Bundling...');
 
-const files = measure(generateSourceFiles);
-const packageJson = measure(() => generatePackageJsonFile(entries));
-const dist = files.then(() => measure(generateDistFiles));
-const types = measure(async () => {
-  await generateTypesMapperFiles(entries);
-  await modifyThemeTypes();
-  await generateTypesFiles(entries, isOptimized, cwd);
-  await modifyThemeTypes();
-});
+  const files = measure(generateSourceFiles);
+  const packageJson = measure(() => generatePackageJsonFile(entries));
+  const dist = files.then(() => measure(generateDistFiles));
+  const types = files.then(() =>
+    measure(async () => {
+      await generateTypesMapperFiles(entries);
+      await modifyThemeTypes();
+      await generateTypesFiles(entries, isOptimized, cwd);
+      await modifyThemeTypes();
+    })
+  );
 
-const [filesTime, packageJsonTime, distTime, typesTime] = await Promise.all([
-  files,
-  packageJson,
-  dist,
-  types,
-]);
+  const [filesTime, packageJsonTime, distTime, typesTime] = await Promise.all([
+    files,
+    packageJson,
+    dist,
+    types,
+  ]);
 
-console.log('Files generated in', chalk.yellow(prettyTime(filesTime)));
-console.log('Package.json generated in', chalk.yellow(prettyTime(packageJsonTime)));
-console.log(isWatch ? 'Watcher started in' : 'Bundled in', chalk.yellow(prettyTime(distTime)));
-console.log(
-  isOptimized ? 'Generated types in' : 'Generated type mappers in',
-  chalk.yellow(prettyTime(typesTime))
-);
+  console.log('Files generated in', chalk.yellow(prettyTime(filesTime)));
+  console.log('Package.json generated in', chalk.yellow(prettyTime(packageJsonTime)));
+  console.log(isWatch ? 'Watcher started in' : 'Bundled in', chalk.yellow(prettyTime(distTime)));
+  console.log(
+    isOptimized ? 'Generated types in' : 'Generated type mappers in',
+    chalk.yellow(prettyTime(typesTime))
+  );
 
-async function generateDistFiles() {
-  const esbuildDefaultOptions = {
-    absWorkingDir: cwd,
-    allowOverwrite: false,
-    assetNames: 'assets/[name]-[hash]',
-    bundle: true,
-    chunkNames: 'chunks/[name]-[hash]',
-    external: ['@storybook/core', ...external],
-    keepNames: true,
-    legalComments: 'none',
-    lineLimit: 140,
-    metafile: true,
-    minifyIdentifiers: isOptimized,
-    minifySyntax: isOptimized,
-    minifyWhitespace: false,
-    outdir: 'dist',
-    sourcemap: false,
-    treeShaking: true,
-  } satisfies EsbuildContextOptions;
+  async function generateDistFiles() {
+    const esbuildDefaultOptions = {
+      absWorkingDir: cwd,
+      allowOverwrite: false,
+      assetNames: 'assets/[name]-[hash]',
+      bundle: true,
+      chunkNames: 'chunks/[name]-[hash]',
+      external: ['@storybook/core', ...external],
+      keepNames: true,
+      legalComments: 'none',
+      lineLimit: 140,
+      metafile: true,
+      minifyIdentifiers: isOptimized,
+      minifySyntax: isOptimized,
+      minifyWhitespace: false,
+      outdir: 'dist',
+      sourcemap: false,
+      treeShaking: true,
+    } satisfies EsbuildContextOptions;
 
-  const browserEsbuildOptions = {
-    ...esbuildDefaultOptions,
-    format: 'esm',
-    target: ['chrome100', 'safari15', 'firefox91'],
-    splitting: false,
-    platform: 'browser',
+    const browserEsbuildOptions = {
+      ...esbuildDefaultOptions,
+      format: 'esm',
+      target: ['chrome100', 'safari15', 'firefox91'],
+      splitting: false,
+      platform: 'browser',
 
-    conditions: ['browser', 'module', 'import', 'default'],
-  } satisfies EsbuildContextOptions;
+      conditions: ['browser', 'module', 'import', 'default'],
+    } satisfies EsbuildContextOptions;
 
-  const nodeEsbuildOptions = {
-    ...esbuildDefaultOptions,
-    target: 'node18',
-    splitting: false,
-    platform: 'neutral',
-    mainFields: ['main', 'module', 'node'],
-    conditions: ['node', 'module', 'import', 'require'],
-  } satisfies EsbuildContextOptions;
+    const nodeEsbuildOptions = {
+      ...esbuildDefaultOptions,
+      target: 'node18',
+      splitting: false,
+      platform: 'neutral',
+      mainFields: ['main', 'module', 'node'],
+      conditions: ['node', 'module', 'import', 'require'],
+    } satisfies EsbuildContextOptions;
 
-  const browserAliases = {
-    assert: require.resolve('browser-assert'),
-    process: require.resolve('process/browser.js'),
-    util: require.resolve('util/util.js'),
-  };
+    const browserAliases = {
+      assert: require.resolve('browser-assert'),
+      process: require.resolve('process/browser.js'),
+      util: require.resolve('util/util.js'),
+    };
 
-  const compile = await Promise.all([
-    esbuild.context(
-      merge<EsbuildContextOptions>(nodeEsbuildOptions, {
-        entryPoints: entries
-          .filter(isNode)
-          .filter(noExternals)
-          .map((e) => e.file),
-        external: [...nodeInternals, ...esbuildDefaultOptions.external],
-        format: 'cjs',
-        outExtension: {
-          '.js': '.cjs',
-        },
-      })
-    ),
-    esbuild.context(
-      merge<EsbuildContextOptions>(browserEsbuildOptions, {
-        alias: browserAliases,
-        entryPoints: entries
-          .filter(isBrowser)
-          .filter(noExternals)
-          .map((entry) => entry.file),
-        outExtension: {
-          '.js': '.js',
-        },
-      })
-    ),
-    esbuild.context(
-      merge<EsbuildContextOptions>(nodeEsbuildOptions, {
-        banner: {
-          js: dedent`
+    const compile = await Promise.all([
+      esbuild.context(
+        merge<EsbuildContextOptions>(nodeEsbuildOptions, {
+          entryPoints: entries
+            .filter(isNode)
+            .filter(noExternals)
+            .map((e) => e.file),
+          external: [...nodeInternals, ...esbuildDefaultOptions.external],
+          format: 'cjs',
+          outExtension: {
+            '.js': '.cjs',
+          },
+        })
+      ),
+      esbuild.context(
+        merge<EsbuildContextOptions>(browserEsbuildOptions, {
+          alias: browserAliases,
+          entryPoints: entries
+            .filter(isBrowser)
+            .filter(noExternals)
+            .map((entry) => entry.file),
+          outExtension: {
+            '.js': '.js',
+          },
+        })
+      ),
+      esbuild.context(
+        merge<EsbuildContextOptions>(nodeEsbuildOptions, {
+          banner: {
+            js: dedent`
             import ESM_COMPAT_Module from "node:module";
             import { fileURLToPath as ESM_COMPAT_fileURLToPath } from 'node:url';
             import { dirname as ESM_COMPAT_dirname } from 'node:path';
@@ -163,167 +165,173 @@ async function generateDistFiles() {
             const __dirname = ESM_COMPAT_dirname(__filename);
             const require = ESM_COMPAT_Module.createRequire(import.meta.url);
           `,
-        },
-        entryPoints: entries
-          .filter(isNode)
-          .filter(noExternals)
-          .filter((i) => !isBrowser(i))
-          .map((entry) => entry.file),
-        external: [...nodeInternals, ...esbuildDefaultOptions.external],
-        format: 'esm',
-        outExtension: {
-          '.js': '.js',
-        },
-      })
-    ),
-    ...bundles.flatMap((entry) => {
-      const results = [];
-      results.push(
-        esbuild.context(
-          merge<EsbuildContextOptions>(browserEsbuildOptions, {
-            outdir: dirname(entry.file).replace('src', 'dist'),
-            entryPoints: [entry.file],
-            outExtension: { '.js': '.js' },
-            alias: {
-              ...browserAliases,
-              '@storybook/core': join(cwd, 'src'),
-              react: dirname(require.resolve('react/package.json')),
-              'react-dom': dirname(require.resolve('react-dom/package.json')),
-            },
-            external: [],
-          })
-        )
-      );
-
-      return results;
-    }),
-    ...finals.flatMap((entry) => {
-      const results = [];
-      results.push(
-        esbuild.context(
-          merge<EsbuildContextOptions>(browserEsbuildOptions, {
-            alias: {
-              '@storybook/core': join(cwd, 'src'),
-              react: dirname(require.resolve('react/package.json')),
-              'react-dom': dirname(require.resolve('react-dom/package.json')),
-              'react-dom/client': join(
-                dirname(require.resolve('react-dom/package.json')),
-                'client'
-              ),
-            },
-            define: {
-              // This should set react in prod mode for the manager
-              'process.env.NODE_ENV': JSON.stringify('production'),
-            },
-            entryPoints: [entry.file],
-            external: [],
-            outdir: dirname(entry.file).replace('src', 'dist'),
-            outExtension: {
-              '.js': '.js',
-            },
-            plugins: [globalExternals(globalsModuleInfoMap)],
-          })
-        )
-      );
+          },
+          entryPoints: entries
+            .filter(isNode)
+            .filter(noExternals)
+            .filter((i) => !isBrowser(i))
+            .map((entry) => entry.file),
+          external: [...nodeInternals, ...esbuildDefaultOptions.external],
+          format: 'esm',
+          outExtension: {
+            '.js': '.js',
+          },
+        })
+      ),
+      ...bundles.flatMap((entry) => {
+        const results = [];
+        results.push(
+          esbuild.context(
+            merge<EsbuildContextOptions>(browserEsbuildOptions, {
+              outdir: dirname(entry.file).replace('src', 'dist'),
+              entryPoints: [entry.file],
+              outExtension: { '.js': '.js' },
+              alias: {
+                ...browserAliases,
+                '@storybook/core': join(cwd, 'src'),
+                react: dirname(require.resolve('react/package.json')),
+                'react-dom': dirname(require.resolve('react-dom/package.json')),
+              },
+              external: [],
+            })
+          )
+        );
 
-      return results;
-    }),
-    ...entries
-      .filter((entry) => !noExternals(entry))
-      .flatMap((entry) => {
+        return results;
+      }),
+      ...finals.flatMap((entry) => {
         const results = [];
-        if (entry.node) {
-          results.push(
-            esbuild.context(
-              merge<EsbuildContextOptions>(nodeEsbuildOptions, {
-                entryPoints: [entry.file],
-                external: [
-                  ...nodeInternals,
-                  ...esbuildDefaultOptions.external,
-                  ...entry.externals,
-                ].filter((e) => !entry.internals.includes(e)),
-                format: 'cjs',
-                outdir: dirname(entry.file).replace('src', 'dist'),
-                outExtension: {
-                  '.js': '.cjs',
-                },
-              })
-            )
-          );
-        }
-        if (entry.browser) {
-          results.push(
-            esbuild.context(
-              merge<EsbuildContextOptions>(browserEsbuildOptions, {
-                entryPoints: [entry.file],
-                external: [
-                  ...nodeInternals,
-                  ...esbuildDefaultOptions.external,
-                  ...entry.externals,
-                ].filter((e) => !entry.internals.includes(e)),
-                outdir: dirname(entry.file).replace('src', 'dist'),
-                outExtension: {
-                  '.js': '.js',
-                },
-              })
-            )
-          );
-        } else if (entry.node) {
-          results.push(
-            esbuild.context(
-              merge<EsbuildContextOptions>(nodeEsbuildOptions, {
-                entryPoints: [entry.file],
-                external: [
-                  ...nodeInternals,
-                  ...esbuildDefaultOptions.external,
-                  ...entry.externals,
-                ].filter((e) => !entry.internals.includes(e)),
-                format: 'esm',
-                outdir: dirname(entry.file).replace('src', 'dist'),
-                outExtension: {
-                  '.js': '.js',
-                },
-              })
-            )
-          );
-        }
+        results.push(
+          esbuild.context(
+            merge<EsbuildContextOptions>(browserEsbuildOptions, {
+              alias: {
+                '@storybook/core': join(cwd, 'src'),
+                react: dirname(require.resolve('react/package.json')),
+                'react-dom': dirname(require.resolve('react-dom/package.json')),
+                'react-dom/client': join(
+                  dirname(require.resolve('react-dom/package.json')),
+                  'client'
+                ),
+              },
+              define: {
+                // This should set react in prod mode for the manager
+                'process.env.NODE_ENV': JSON.stringify('production'),
+              },
+              entryPoints: [entry.file],
+              external: [],
+              outdir: dirname(entry.file).replace('src', 'dist'),
+              outExtension: {
+                '.js': '.js',
+              },
+              plugins: [globalExternals(globalsModuleInfoMap)],
+            })
+          )
+        );
 
         return results;
       }),
-  ]);
+      ...entries
+        .filter((entry) => !noExternals(entry))
+        .flatMap((entry) => {
+          const results = [];
+          if (entry.node) {
+            results.push(
+              esbuild.context(
+                merge<EsbuildContextOptions>(nodeEsbuildOptions, {
+                  entryPoints: [entry.file],
+                  external: [
+                    ...nodeInternals,
+                    ...esbuildDefaultOptions.external,
+                    ...entry.externals,
+                  ].filter((e) => !entry.internals.includes(e)),
+                  format: 'cjs',
+                  outdir: dirname(entry.file).replace('src', 'dist'),
+                  outExtension: {
+                    '.js': '.cjs',
+                  },
+                })
+              )
+            );
+          }
+          if (entry.browser) {
+            results.push(
+              esbuild.context(
+                merge<EsbuildContextOptions>(browserEsbuildOptions, {
+                  entryPoints: [entry.file],
+                  external: [
+                    ...nodeInternals,
+                    ...esbuildDefaultOptions.external,
+                    ...entry.externals,
+                  ].filter((e) => !entry.internals.includes(e)),
+                  outdir: dirname(entry.file).replace('src', 'dist'),
+                  outExtension: {
+                    '.js': '.js',
+                  },
+                })
+              )
+            );
+          } else if (entry.node) {
+            results.push(
+              esbuild.context(
+                merge<EsbuildContextOptions>(nodeEsbuildOptions, {
+                  entryPoints: [entry.file],
+                  external: [
+                    ...nodeInternals,
+                    ...esbuildDefaultOptions.external,
+                    ...entry.externals,
+                  ].filter((e) => !entry.internals.includes(e)),
+                  format: 'esm',
+                  outdir: dirname(entry.file).replace('src', 'dist'),
+                  outExtension: {
+                    '.js': '.js',
+                  },
+                })
+              )
+            );
+          }
 
-  if (isWatch) {
-    await Promise.all(
-      compile.map(async (context) => {
-        await context.watch();
-      })
-    );
+          return results;
+        }),
+    ]);
 
-    // show a log message when a file is compiled
-    watch(join(cwd, 'dist'), { recursive: true }, (event, filename) => {
-      console.log(`compiled ${chalk.cyan(filename)}`);
-    });
-  } else {
-    await Promise.all(
-      compile.map(async (context) => {
-        const out = await context.rebuild();
-        await context.dispose();
+    if (isWatch) {
+      await Promise.all(
+        compile.map(async (context) => {
+          await context.watch();
+        })
+      );
+
+      // show a log message when a file is compiled
+      watch(join(cwd, 'dist'), { recursive: true }, (event, filename) => {
+        console.log(`compiled ${chalk.cyan(filename)}`);
+      });
+    } else {
+      await Promise.all(
+        compile.map(async (context) => {
+          const out = await context.rebuild();
+          await context.dispose();
 
-        /**
-         * I'm leaving this in place, because I want to start utilizing it in the future.
-         * I'm imagining a github action that shows the bundle analysis in the PR.
-         * I didn't have the project-scope to make that happen now, but I want expose this very rich useful data accessible, for the next person investigating bundle size issues.
-         */
+          /**
+           * I'm leaving this in place, because I want to start utilizing it in the future.
+           * I'm imagining a github action that shows the bundle analysis in the PR.
+           * I didn't have the project-scope to make that happen now, but I want expose this very rich useful data accessible, for the next person investigating bundle size issues.
+           */
 
-        // if (out.metafile) {
-        //   await Bun.write('report/meta.json', JSON.stringify(out.metafile, null, 2));
-        //   await Bun.write(
-        //     'report/meta.txt',
-        //     await esbuild.analyzeMetafile(out.metafile, { color: false, verbose: false })
-        //   );
-        //   console.log(await esbuild.analyzeMetafile(out.metafile, { color: true }));
-        // }
-      })
-    );
+          // if (out.metafile) {
+          //   await writeFile('report/meta.json', JSON.stringify(out.metafile, null, 2));
+          //   await writeFile(
+          //     'report/meta.txt',
+          //     await esbuild.analyzeMetafile(out.metafile, { color: false, verbose: false })
+          //   );
+          //   console.log(await esbuild.analyzeMetafile(out.metafile, { color: true }));
+          // }
+        })
+      );
+    }
   }
 }
+
+run().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/code/core/src/ERRORS.md b/code/core/src/ERRORS.md
index 3638cb7e4780..bba4fbbc6a9b 100644
--- a/code/core/src/ERRORS.md
+++ b/code/core/src/ERRORS.md
@@ -26,6 +26,7 @@ Second use the `StorybookError` class to define custom errors with specific code
 
 ```typescript
 import { StorybookError } from './storybook-error';
+
 export class YourCustomError extends StorybookError {
   constructor() {
     super({
diff --git a/code/core/src/__mocks__/composeStories.txt b/code/core/src/__mocks__/composeStories.txt
new file mode 100644
index 000000000000..9337671400bb
--- /dev/null
+++ b/code/core/src/__mocks__/composeStories.txt
@@ -0,0 +1,2 @@
+// THIS IS A MOCK FILE, DO NOT TOUCH
+const Primary = composeStory(stories.Primary, stories.default)
\ No newline at end of file
diff --git a/code/core/src/__mocks__/composeStory.txt b/code/core/src/__mocks__/composeStory.txt
new file mode 100644
index 000000000000..8f400a3b0a52
--- /dev/null
+++ b/code/core/src/__mocks__/composeStory.txt
@@ -0,0 +1,2 @@
+// THIS IS A MOCK FILE, DO NOT TOUCH
+const { Primary } = composeStories(stories)
\ No newline at end of file
diff --git a/code/core/src/__tests/preview-errors.test.ts b/code/core/src/__tests/preview-errors.test.ts
index ae573d0f4eaf..6c780167947f 100644
--- a/code/core/src/__tests/preview-errors.test.ts
+++ b/code/core/src/__tests/preview-errors.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { UnknownArgTypesError } from '../preview-errors';
 
 describe('UnknownFlowArgTypesError', () => {
diff --git a/code/core/src/__tests/server-errors.test.ts b/code/core/src/__tests/server-errors.test.ts
index e5a23d7054c5..e268a8b43e55 100644
--- a/code/core/src/__tests/server-errors.test.ts
+++ b/code/core/src/__tests/server-errors.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { WebpackCompilationError } from '../server-errors';
 
 describe('WebpackCompilationError', () => {
diff --git a/code/core/src/__tests/storybook-error.test.ts b/code/core/src/__tests/storybook-error.test.ts
index dfbec1546375..770997b00fe9 100644
--- a/code/core/src/__tests/storybook-error.test.ts
+++ b/code/core/src/__tests/storybook-error.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { StorybookError } from '../storybook-error';
 
 describe('StorybookError', () => {
diff --git a/code/core/src/builder-manager/index.ts b/code/core/src/builder-manager/index.ts
index 01755fbdef2c..e23d3bb89ac0 100644
--- a/code/core/src/builder-manager/index.ts
+++ b/code/core/src/builder-manager/index.ts
@@ -1,17 +1,16 @@
 import { dirname, join, parse } from 'node:path';
-import fs from 'fs-extra';
-import express from 'express';
 
+import { stringifyProcessEnvs } from '@storybook/core/common';
+
+import { globalsModuleInfoMap } from '@storybook/core/manager/globals-module-info';
 import { logger } from '@storybook/core/node-logger';
 
 import { globalExternals } from '@fal-works/esbuild-plugin-global-externals';
 import { pnpPlugin } from '@yarnpkg/esbuild-plugin-pnp';
 import aliasPlugin from 'esbuild-plugin-alias';
+import express from 'express';
+import fs from 'fs-extra';
 
-import { stringifyProcessEnvs } from '@storybook/core/common';
-import { globalsModuleInfoMap } from '@storybook/core/manager/globals-module-info';
-import { getTemplatePath, renderHTML } from './utils/template';
-import { wrapManagerEntries } from './utils/managerEntries';
 import type {
   BuilderBuildResult,
   BuilderFunction,
@@ -20,11 +19,12 @@ import type {
   ManagerBuilder,
   StarterFunction,
 } from './types';
-
 import { getData } from './utils/data';
-import { safeResolve } from './utils/safeResolve';
 import { readOrderedFiles } from './utils/files';
 import { buildFrameworkGlobalsFromOptions } from './utils/framework';
+import { wrapManagerEntries } from './utils/managerEntries';
+import { safeResolve } from './utils/safeResolve';
+import { getTemplatePath, renderHTML } from './utils/template';
 
 let compilation: Compilation;
 let asyncIterator: ReturnType<StarterFunction> | ReturnType<BuilderFunction>;
diff --git a/code/core/src/builder-manager/types.ts b/code/core/src/builder-manager/types.ts
index a56481f2c5e8..e7541dced4bc 100644
--- a/code/core/src/builder-manager/types.ts
+++ b/code/core/src/builder-manager/types.ts
@@ -1,8 +1,8 @@
 import type {
   Builder,
-  Builder_WithRequiredProperty,
   BuilderStats,
   Builder_Unpromise,
+  Builder_WithRequiredProperty,
 } from '@storybook/core/types';
 
 import type { BuildOptions, BuildResult } from 'esbuild';
diff --git a/code/core/src/builder-manager/utils/data.ts b/code/core/src/builder-manager/utils/data.ts
index fc21a933c499..233d3186c38e 100644
--- a/code/core/src/builder-manager/utils/data.ts
+++ b/code/core/src/builder-manager/utils/data.ts
@@ -1,10 +1,10 @@
 import { basename } from 'node:path';
-import type { Options } from '@storybook/core/types';
-import { getRefs } from '@storybook/core/common';
 
-import { readTemplate } from './template';
+import { getRefs } from '@storybook/core/common';
+import type { Options } from '@storybook/core/types';
 
 import { executor, getConfig } from '../index';
+import { readTemplate } from './template';
 
 export const getData = async (options: Options) => {
   const refs = getRefs(options);
diff --git a/code/core/src/builder-manager/utils/files.test.ts b/code/core/src/builder-manager/utils/files.test.ts
index ed902f1d391f..4d37bbd3af6c 100644
--- a/code/core/src/builder-manager/utils/files.test.ts
+++ b/code/core/src/builder-manager/utils/files.test.ts
@@ -1,6 +1,8 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import type { OutputFile } from 'esbuild';
 import { platform } from 'os';
+
 import { sanitizePath } from './files';
 
 const os = platform();
diff --git a/code/core/src/builder-manager/utils/files.ts b/code/core/src/builder-manager/utils/files.ts
index 15e7d1838e27..94ec31677c4a 100644
--- a/code/core/src/builder-manager/utils/files.ts
+++ b/code/core/src/builder-manager/utils/files.ts
@@ -1,7 +1,9 @@
+import { join, normalize } from 'node:path';
+
 import type { OutputFile } from 'esbuild';
 import fs from 'fs-extra';
-import { join, normalize } from 'node:path';
 import slash from 'slash';
+
 import type { Compilation } from '../types';
 
 export async function readOrderedFiles(
diff --git a/code/core/src/builder-manager/utils/framework.test.ts b/code/core/src/builder-manager/utils/framework.test.ts
index ecdcb42ead50..cea3453294e2 100644
--- a/code/core/src/builder-manager/utils/framework.test.ts
+++ b/code/core/src/builder-manager/utils/framework.test.ts
@@ -1,5 +1,6 @@
-import path from 'node:path';
-import { describe, it, expect } from 'vitest';
+import { join } from 'node:path';
+
+import { describe, expect, it } from 'vitest';
 
 import {
   pluckNameFromConfigProperty,
@@ -24,24 +25,24 @@ describe('UTILITIES: Framework information', () => {
 
   describe('UTILITY: pluckStorybookPackageFromPath', () => {
     it('should return the package name if the path is a storybook package', () => {
-      const packagePath = path.join(process.cwd(), 'node_modules', '@storybook', 'foo');
+      const packagePath = join(process.cwd(), 'node_modules', '@storybook', 'foo');
       expect(pluckStorybookPackageFromPath(packagePath)).toBe('@storybook/foo');
     });
 
     it('should return undefined if the path is not a storybook package', () => {
-      const packagePath = path.join(process.cwd(), 'foo');
+      const packagePath = join(process.cwd(), 'foo');
       expect(pluckStorybookPackageFromPath(packagePath)).toBe(undefined);
     });
   });
 
   describe('UTILITY: pluckThirdPartyPackageFromPath', () => {
     it('should return the package name if the path is a third party package', () => {
-      const packagePath = path.join(process.cwd(), 'node_modules', 'bar');
+      const packagePath = join(process.cwd(), 'node_modules', 'bar');
       expect(pluckThirdPartyPackageFromPath(packagePath)).toBe('bar');
     });
 
     it('should return the given path if the path is not a third party package', () => {
-      const packagePath = path.join(process.cwd(), 'foo', 'bar', 'baz');
+      const packagePath = join(process.cwd(), 'foo', 'bar', 'baz');
       expect(pluckThirdPartyPackageFromPath(packagePath)).toBe(packagePath);
     });
   });
diff --git a/code/core/src/builder-manager/utils/framework.ts b/code/core/src/builder-manager/utils/framework.ts
index a40c72ae9042..d399494c049c 100644
--- a/code/core/src/builder-manager/utils/framework.ts
+++ b/code/core/src/builder-manager/utils/framework.ts
@@ -1,6 +1,7 @@
-import path from 'node:path';
-import type { Options } from '@storybook/core/types';
+import { sep } from 'node:path';
+
 import { extractProperRendererNameFromFramework, getFrameworkName } from '@storybook/core/common';
+import type { Options } from '@storybook/core/types';
 
 interface PropertyObject {
   name: string;
@@ -18,7 +19,7 @@ export const pluckNameFromConfigProperty = (property: Property) => {
 };
 
 // For replacing Windows backslashes with forward slashes
-const normalizePath = (packagePath: string) => packagePath.replaceAll(path.sep, '/');
+const normalizePath = (packagePath: string) => packagePath.replaceAll(sep, '/');
 
 export const pluckStorybookPackageFromPath = (packagePath: string) =>
   normalizePath(packagePath).match(/(@storybook\/.*)$/)?.[1];
diff --git a/code/core/src/builder-manager/utils/managerEntries.ts b/code/core/src/builder-manager/utils/managerEntries.ts
index 8d60a077759d..a30fbab4a4bd 100644
--- a/code/core/src/builder-manager/utils/managerEntries.ts
+++ b/code/core/src/builder-manager/utils/managerEntries.ts
@@ -1,6 +1,8 @@
-import fs from 'fs-extra';
-import { resolvePathInStorybookCache } from '@storybook/core/common';
 import { join, parse, relative, sep } from 'node:path';
+
+import { resolvePathInStorybookCache } from '@storybook/core/common';
+
+import fs from 'fs-extra';
 import slash from 'slash';
 
 const sanitizeBase = (path: string) => {
diff --git a/code/core/src/builder-manager/utils/template.ts b/code/core/src/builder-manager/utils/template.ts
index 222bb80a0a64..b264a3d5e02e 100644
--- a/code/core/src/builder-manager/utils/template.ts
+++ b/code/core/src/builder-manager/utils/template.ts
@@ -1,9 +1,9 @@
 import { dirname, join } from 'node:path';
-import fs from 'fs-extra';
 
-import { render } from 'ejs';
+import type { DocsOptions, Options, Ref, TagsOptions } from '@storybook/core/types';
 
-import type { DocsOptions, TagsOptions, Options, Ref } from '@storybook/core/types';
+import { render } from 'ejs';
+import fs from 'fs-extra';
 
 export const getTemplatePath = async (template: string) => {
   return join(dirname(require.resolve('@storybook/core/package.json')), 'assets/server', template);
diff --git a/code/core/src/channels/index.test.ts b/code/core/src/channels/index.test.ts
index f99e04f6099c..44a9aba61090 100644
--- a/code/core/src/channels/index.test.ts
+++ b/code/core/src/channels/index.test.ts
@@ -1,4 +1,5 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import type { ChannelTransport, Listener } from '.';
 import { Channel, WebsocketTransport } from '.';
 
diff --git a/code/core/src/channels/index.ts b/code/core/src/channels/index.ts
index 1823011d8b8f..ab2d311b097f 100644
--- a/code/core/src/channels/index.ts
+++ b/code/core/src/channels/index.ts
@@ -1,6 +1,6 @@
 /// <reference path="../typings.d.ts" />
-
 import { global } from '@storybook/global';
+
 import { Channel } from './main';
 import { PostMessageTransport } from './postmessage';
 import type { ChannelTransport, Config } from './types';
diff --git a/code/core/src/channels/main.ts b/code/core/src/channels/main.ts
index 795e9eaa2f60..62bebb4dd54b 100644
--- a/code/core/src/channels/main.ts
+++ b/code/core/src/channels/main.ts
@@ -1,11 +1,11 @@
 import type {
   ChannelArgs,
   ChannelArgsMulti,
-  EventsKeyValue,
-  ChannelTransport,
   ChannelArgsSingle,
-  Listener,
   ChannelEvent,
+  ChannelTransport,
+  EventsKeyValue,
+  Listener,
 } from './types';
 
 const isMulti = (args: ChannelArgs): args is ChannelArgsMulti => {
diff --git a/code/core/src/channels/postmessage/index.ts b/code/core/src/channels/postmessage/index.ts
index 7d2bb67baf7b..a60ba16a47b4 100644
--- a/code/core/src/channels/postmessage/index.ts
+++ b/code/core/src/channels/postmessage/index.ts
@@ -1,16 +1,18 @@
 /// <reference path="../../typings.d.ts" />
-
 import { global } from '@storybook/global';
-import * as EVENTS from '@storybook/core/core-events';
+
 import { logger, pretty } from '@storybook/core/client-logger';
+import * as EVENTS from '@storybook/core/core-events';
+
 import { isJSON, parse, stringify } from 'telejson';
 import invariant from 'tiny-invariant';
+
 import type {
-  ChannelTransport,
   BufferedEvent,
+  ChannelEvent,
   ChannelHandler,
+  ChannelTransport,
   Config,
-  ChannelEvent,
 } from '../types';
 import { getEventSourceUrl } from './getEventSourceUrl';
 
diff --git a/code/core/src/channels/websocket/index.ts b/code/core/src/channels/websocket/index.ts
index 989b53862683..15033296512b 100644
--- a/code/core/src/channels/websocket/index.ts
+++ b/code/core/src/channels/websocket/index.ts
@@ -1,11 +1,12 @@
 /// <reference path="../../typings.d.ts" />
-
 import { global } from '@storybook/global';
+
+import * as EVENTS from '@storybook/core/core-events';
+
 import { isJSON, parse, stringify } from 'telejson';
 import invariant from 'tiny-invariant';
 
-import * as EVENTS from '@storybook/core/core-events';
-import type { ChannelTransport, ChannelHandler, Config } from '../types';
+import type { ChannelHandler, ChannelTransport, Config } from '../types';
 
 const { WebSocket } = global;
 
diff --git a/code/core/src/cli/angular/helpers.ts b/code/core/src/cli/angular/helpers.ts
index 9d651fa60cae..78ef8836996f 100644
--- a/code/core/src/cli/angular/helpers.ts
+++ b/code/core/src/cli/angular/helpers.ts
@@ -1,10 +1,12 @@
-import fs from 'fs';
-import { join } from 'path';
-import prompts from 'prompts';
-import { dedent } from 'ts-dedent';
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { logger } from '@storybook/core/node-logger';
 import { MissingAngularJsonError } from '@storybook/core/server-errors';
+
 import boxen from 'boxen';
-import { logger } from '@storybook/core/node-logger';
+import prompts from 'prompts';
+import { dedent } from 'ts-dedent';
 
 export const ANGULAR_JSON_PATH = 'angular.json';
 
@@ -42,11 +44,11 @@ export class AngularJSON {
   };
 
   constructor() {
-    if (!fs.existsSync(ANGULAR_JSON_PATH)) {
+    if (!existsSync(ANGULAR_JSON_PATH)) {
       throw new MissingAngularJsonError({ path: join(process.cwd(), ANGULAR_JSON_PATH) });
     }
 
-    const jsonContent = fs.readFileSync(ANGULAR_JSON_PATH, 'utf8');
+    const jsonContent = readFileSync(ANGULAR_JSON_PATH, 'utf8');
     this.json = JSON.parse(jsonContent);
   }
 
@@ -148,6 +150,6 @@ export class AngularJSON {
   }
 
   write() {
-    fs.writeFileSync(ANGULAR_JSON_PATH, JSON.stringify(this.json, null, 2));
+    writeFileSync(ANGULAR_JSON_PATH, JSON.stringify(this.json, null, 2));
   }
 }
diff --git a/code/core/src/cli/bin/index.ts b/code/core/src/cli/bin/index.ts
index 512dc963924b..38cbce23efb1 100644
--- a/code/core/src/cli/bin/index.ts
+++ b/code/core/src/cli/bin/index.ts
@@ -1,15 +1,16 @@
-import program from 'commander';
+import { getEnvConfig, parseList, versions } from '@storybook/core/common';
+import { addToGlobalContext } from '@storybook/core/telemetry';
+
+import { logger } from '@storybook/core/node-logger';
+
 import chalk from 'chalk';
-import leven from 'leven';
+import program from 'commander';
 import { findPackageSync } from 'fd-package-json';
+import leven from 'leven';
 import invariant from 'tiny-invariant';
 
-import { logger } from '@storybook/core/node-logger';
-import { addToGlobalContext } from '@storybook/core/telemetry';
-import { parseList, getEnvConfig, versions } from '@storybook/core/common';
-
-import { dev } from '../dev';
 import { build } from '../build';
+import { dev } from '../dev';
 
 addToGlobalContext('cliVersion', versions.storybook);
 
diff --git a/code/core/src/cli/build.ts b/code/core/src/cli/build.ts
index a596eb6278d1..2a8594cf76ed 100644
--- a/code/core/src/cli/build.ts
+++ b/code/core/src/cli/build.ts
@@ -1,6 +1,8 @@
-import { findPackage } from 'fd-package-json';
-import { buildStaticStandalone, withTelemetry } from '@storybook/core/core-server';
 import { cache } from '@storybook/core/common';
+
+import { buildStaticStandalone, withTelemetry } from '@storybook/core/core-server';
+
+import { findPackage } from 'fd-package-json';
 import invariant from 'tiny-invariant';
 
 export const build = async (cliOptions: any) => {
diff --git a/code/core/src/cli/detect.test.ts b/code/core/src/cli/detect.test.ts
index cf21f8bc423c..f12ece4314fa 100644
--- a/code/core/src/cli/detect.test.ts
+++ b/code/core/src/cli/detect.test.ts
@@ -1,9 +1,13 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import * as fs from 'fs';
+import { existsSync } from 'node:fs';
+
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager, PackageJsonWithMaybeDeps } from '@storybook/core/common';
+
 import { logger } from '@storybook/core/node-logger';
+
 import { detect, detectFrameworkPreset, detectLanguage } from './detect';
 import { ProjectType, SupportedLanguage } from './project_types';
-import type { JsPackageManager, PackageJsonWithMaybeDeps } from '@storybook/core/common';
 
 vi.mock('./helpers', () => ({
   isNxProject: vi.fn(),
@@ -417,7 +421,7 @@ describe('Detect', () => {
 
     MOCK_FRAMEWORK_FILES.forEach((structure) => {
       it(`${structure.name}`, () => {
-        vi.mocked(fs.existsSync).mockImplementation((filePath) => {
+        vi.mocked(existsSync).mockImplementation((filePath) => {
           return typeof filePath === 'string' && Object.keys(structure.files).includes(filePath);
         });
 
@@ -450,7 +454,7 @@ describe('Detect', () => {
         '/node_modules/.bin/react-scripts': 'file content',
       };
 
-      vi.mocked(fs.existsSync).mockImplementation((filePath) => {
+      vi.mocked(existsSync).mockImplementation((filePath) => {
         return (
           typeof filePath === 'string' && Object.keys(forkedReactScriptsConfig).includes(filePath)
         );
diff --git a/code/core/src/cli/detect.ts b/code/core/src/cli/detect.ts
index 83b90237aa9b..96ab4c785cee 100644
--- a/code/core/src/cli/detect.ts
+++ b/code/core/src/cli/detect.ts
@@ -1,21 +1,24 @@
-import * as fs from 'fs';
-import { findUpSync } from 'find-up';
-import semver from 'semver';
+import { existsSync } from 'node:fs';
+import { resolve } from 'node:path';
+
+import type { JsPackageManager, PackageJsonWithMaybeDeps } from '@storybook/core/common';
+import { HandledError, commandLog } from '@storybook/core/common';
+
 import { logger } from '@storybook/core/node-logger';
 
-import { resolve } from 'node:path';
+import { findUpSync } from 'find-up';
 import prompts from 'prompts';
+import semver from 'semver';
+
+import { isNxProject } from './helpers';
 import type { TemplateConfiguration, TemplateMatcher } from './project_types';
 import {
+  CoreBuilder,
   ProjectType,
-  supportedTemplates,
   SupportedLanguage,
+  supportedTemplates,
   unsupportedTemplate,
-  CoreBuilder,
 } from './project_types';
-import { isNxProject } from './helpers';
-import type { JsPackageManager, PackageJsonWithMaybeDeps } from '@storybook/core/common';
-import { commandLog, HandledError } from '@storybook/core/common';
 
 const viteConfigFiles = ['vite.config.ts', 'vite.config.js', 'vite.config.mjs'];
 const webpackConfigFiles = ['webpack.config.js'];
@@ -87,7 +90,7 @@ const getFrameworkPreset = (
   }
 
   if (Array.isArray(files) && files.length > 0) {
-    matcher.files = files.map((name) => fs.existsSync(name));
+    matcher.files = files.map((name) => existsSync(name));
   }
 
   return matcherFunction(matcher) ? preset : null;
@@ -157,7 +160,7 @@ export async function detectBuilder(packageManager: JsPackageManager, projectTyp
 }
 
 export function isStorybookInstantiated(configDir = resolve(process.cwd(), '.storybook')) {
-  return fs.existsSync(configDir);
+  return existsSync(configDir);
 }
 
 export async function detectPnp() {
@@ -167,7 +170,7 @@ export async function detectPnp() {
 export async function detectLanguage(packageManager: JsPackageManager) {
   let language = SupportedLanguage.JAVASCRIPT;
 
-  if (fs.existsSync('jsconfig.json')) {
+  if (existsSync('jsconfig.json')) {
     return language;
   }
 
diff --git a/code/core/src/cli/dev.ts b/code/core/src/cli/dev.ts
index f8c7ecbcd112..6d05f140fa38 100644
--- a/code/core/src/cli/dev.ts
+++ b/code/core/src/cli/dev.ts
@@ -1,10 +1,12 @@
-import { dedent } from 'ts-dedent';
-import { findPackage } from 'fd-package-json';
-import { logger, instance as npmLog } from '@storybook/core/node-logger';
-import { buildDevStandalone, withTelemetry } from '@storybook/core/core-server';
 import { cache } from '@storybook/core/common';
 import type { CLIOptions } from '@storybook/core/types';
+
+import { buildDevStandalone, withTelemetry } from '@storybook/core/core-server';
+import { logger, instance as npmLog } from '@storybook/core/node-logger';
+
+import { findPackage } from 'fd-package-json';
 import invariant from 'tiny-invariant';
+import { dedent } from 'ts-dedent';
 
 function printError(error: any) {
   // this is a weird bugfix, somehow 'node-pre-gyp' is polluting the npmLog header
diff --git a/code/core/src/cli/dirs.ts b/code/core/src/cli/dirs.ts
index 88515e6b6683..11ca9cb67441 100644
--- a/code/core/src/cli/dirs.ts
+++ b/code/core/src/cli/dirs.ts
@@ -1,14 +1,15 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
 
-import downloadTarball from '@ndelangen/get-tarball';
-import getNpmTarballUrl from 'get-npm-tarball-url';
+import type { JsPackageManager } from '@storybook/core/common';
+import { temporaryDirectory, versions } from '@storybook/core/common';
+import type { SupportedFrameworks } from '@storybook/core/types';
 
+import downloadTarballDefault from '@ndelangen/get-tarball';
+import getNpmTarballUrlDefault from 'get-npm-tarball-url';
 import invariant from 'tiny-invariant';
+
 import { externalFrameworks } from './project_types';
 import type { SupportedRenderers } from './project_types';
-import type { JsPackageManager } from '@storybook/core/common';
-import { temporaryDirectory, versions } from '@storybook/core/common';
-import type { SupportedFrameworks } from '@storybook/core/types';
 
 const resolveUsingBranchInstall = async (packageManager: JsPackageManager, request: string) => {
   const tempDirectory = await temporaryDirectory();
@@ -17,6 +18,12 @@ const resolveUsingBranchInstall = async (packageManager: JsPackageManager, reque
   // FIXME: this might not be the right version for community packages
   const version = versions[name] || (await packageManager.latestVersion(request));
 
+  // an artifact of esbuild + type=commonjs + exportmap
+  // @ts-expect-error (default export)
+  const getNpmTarballUrl = getNpmTarballUrlDefault.default || getNpmTarballUrlDefault;
+  // @ts-expect-error (default export)
+  const downloadTarball = downloadTarballDefault.default || downloadTarballDefault;
+
   const url = getNpmTarballUrl(request, version, {
     registry: await packageManager.getRegistryURL(),
   });
diff --git a/code/core/src/cli/eslintPlugin.test.ts b/code/core/src/cli/eslintPlugin.test.ts
index cb428df7d27b..4752f8734ebf 100644
--- a/code/core/src/cli/eslintPlugin.test.ts
+++ b/code/core/src/cli/eslintPlugin.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { normalizeExtends } from './eslintPlugin';
 
 describe('normalizeExtends', () => {
diff --git a/code/core/src/cli/eslintPlugin.ts b/code/core/src/cli/eslintPlugin.ts
index 75fcaa96bb4c..53371725f84a 100644
--- a/code/core/src/cli/eslintPlugin.ts
+++ b/code/core/src/cli/eslintPlugin.ts
@@ -1,13 +1,15 @@
-import fse, { readFile, readJson, writeJson } from 'fs-extra';
-import { dedent } from 'ts-dedent';
-import detectIndent from 'detect-indent';
-import prompts from 'prompts';
-import chalk from 'chalk';
+import { existsSync } from 'node:fs';
 
-import { readConfig, writeConfig } from '@storybook/core/csf-tools';
 import type { JsPackageManager } from '@storybook/core/common';
 import { paddedLog } from '@storybook/core/common';
-import fs from 'node:fs';
+
+import { readConfig, writeConfig } from '@storybook/core/csf-tools';
+
+import chalk from 'chalk';
+import detectIndent from 'detect-indent';
+import { readFile, readJson, writeJson } from 'fs-extra';
+import prompts from 'prompts';
+import { dedent } from 'ts-dedent';
 
 export const SUPPORTED_ESLINT_EXTENSIONS = ['js', 'cjs', 'json'];
 const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml'];
@@ -15,7 +17,7 @@ const UNSUPPORTED_ESLINT_EXTENSIONS = ['yaml', 'yml'];
 export const findEslintFile = () => {
   const filePrefix = '.eslintrc';
   const unsupportedExtension = UNSUPPORTED_ESLINT_EXTENSIONS.find((ext: string) =>
-    fs.existsSync(`${filePrefix}.${ext}`)
+    existsSync(`${filePrefix}.${ext}`)
   );
 
   if (unsupportedExtension) {
@@ -23,7 +25,7 @@ export const findEslintFile = () => {
   }
 
   const extension = SUPPORTED_ESLINT_EXTENSIONS.find((ext: string) =>
-    fs.existsSync(`${filePrefix}.${ext}`)
+    existsSync(`${filePrefix}.${ext}`)
   );
   return extension ? `${filePrefix}.${extension}` : null;
 };
diff --git a/code/core/src/cli/helpers.test.ts b/code/core/src/cli/helpers.test.ts
index 9464c8551a9f..cff797a8f505 100644
--- a/code/core/src/cli/helpers.test.ts
+++ b/code/core/src/cli/helpers.test.ts
@@ -1,10 +1,12 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
-import fse from 'fs-extra';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager } from '@storybook/core/common';
 
+import fse from 'fs-extra';
 import { sep } from 'path';
-import * as helpers from './helpers';
+
 import { IS_WINDOWS } from '../../../vitest.helpers';
-import type { JsPackageManager } from '@storybook/core/common';
+import * as helpers from './helpers';
 import type { SupportedRenderers } from './project_types';
 import { SupportedLanguage } from './project_types';
 
@@ -76,7 +78,7 @@ describe('Helpers', () => {
 
   describe('copyTemplate', () => {
     it(`should copy template files when directory is present`, () => {
-      const csfDirectory = /template-csf$/;
+      const csfDirectory = /template-csf\/$/;
       fsMocks.existsSync.mockReturnValue(true);
 
       helpers.copyTemplate('');
diff --git a/code/core/src/cli/helpers.ts b/code/core/src/cli/helpers.ts
index e0af5f76af9f..5970a1276237 100644
--- a/code/core/src/cli/helpers.ts
+++ b/code/core/src/cli/helpers.ts
@@ -1,32 +1,34 @@
-import chalk from 'chalk';
-import fs from 'fs';
-import fse from 'fs-extra';
-import path, { join } from 'path';
-import { coerce, satisfies } from 'semver';
-import stripJsonComments from 'strip-json-comments';
+import { existsSync, readFileSync, writeFileSync } from 'node:fs';
+import { join, resolve } from 'node:path';
 
-import { findUpSync } from 'find-up';
-import invariant from 'tiny-invariant';
-import { getRendererDir } from './dirs';
 import {
+  frameworkToRenderer as CoreFrameworkToRenderer,
   type JsPackageManager,
   type PackageJson,
   type PackageJsonWithDepsAndDevDeps,
-  frameworkToRenderer as CoreFrameworkToRenderer,
 } from '@storybook/core/common';
+import { versions as storybookMonorepoPackages } from '@storybook/core/common';
 import type { SupportedFrameworks, SupportedRenderers } from '@storybook/core/types';
+
+import chalk from 'chalk';
+import { findUpSync } from 'find-up';
+import { copy, copySync, pathExists, readFile, writeFile } from 'fs-extra';
+import { coerce, satisfies } from 'semver';
+import stripJsonComments from 'strip-json-comments';
+import invariant from 'tiny-invariant';
+
+import { getRendererDir } from './dirs';
 import { CoreBuilder, SupportedLanguage } from './project_types';
-import { versions as storybookMonorepoPackages } from '@storybook/core/common';
 
 const logger = console;
 
 export function readFileAsJson(jsonPath: string, allowComments?: boolean) {
-  const filePath = path.resolve(jsonPath);
-  if (!fs.existsSync(filePath)) {
+  const filePath = resolve(jsonPath);
+  if (!existsSync(filePath)) {
     return false;
   }
 
-  const fileContent = fs.readFileSync(filePath, 'utf8');
+  const fileContent = readFileSync(filePath, 'utf8');
   const jsonContent = allowComments ? stripJsonComments(fileContent) : fileContent;
 
   try {
@@ -38,12 +40,12 @@ export function readFileAsJson(jsonPath: string, allowComments?: boolean) {
 }
 
 export const writeFileAsJson = (jsonPath: string, content: unknown) => {
-  const filePath = path.resolve(jsonPath);
-  if (!fs.existsSync(filePath)) {
+  const filePath = resolve(jsonPath);
+  if (!existsSync(filePath)) {
     return false;
   }
 
-  fs.writeFileSync(filePath, `${JSON.stringify(content, null, 2)}\n`);
+  writeFileSync(filePath, `${JSON.stringify(content, null, 2)}\n`);
   return true;
 };
 
@@ -114,13 +116,13 @@ export function addToDevDependenciesIfNotPresent(
 }
 
 export function copyTemplate(templateRoot: string, destination = '.') {
-  const templateDir = path.resolve(templateRoot, `template-csf/`);
+  const templateDir = resolve(templateRoot, `template-csf/`);
 
-  if (!fs.existsSync(templateDir)) {
+  if (!existsSync(templateDir)) {
     throw new Error(`Couldn't find template dir`);
   }
 
-  fse.copySync(templateDir, destination, { overwrite: true });
+  copySync(templateDir, destination, { overwrite: true });
 }
 
 type CopyTemplateFilesOptions = {
@@ -142,6 +144,7 @@ export const frameworkToDefaultBuilder: Record<SupportedFrameworks, CoreBuilder>
   'html-vite': CoreBuilder.Vite,
   'html-webpack5': CoreBuilder.Webpack5,
   nextjs: CoreBuilder.Webpack5,
+  'experimental-nextjs-vite': CoreBuilder.Vite,
   'preact-vite': CoreBuilder.Vite,
   'preact-webpack5': CoreBuilder.Webpack5,
   qwik: CoreBuilder.Vite,
@@ -182,30 +185,30 @@ export async function copyTemplateFiles({
     const assetsTS38 = join(assetsDir, languageFolderMapping[SupportedLanguage.TYPESCRIPT_3_8]);
 
     // Ideally use the assets that match the language & version.
-    if (await fse.pathExists(assetsLanguage)) {
+    if (await pathExists(assetsLanguage)) {
       return assetsLanguage;
     }
     // Use fallback typescript 3.8 assets if new ones aren't available
-    if (language === SupportedLanguage.TYPESCRIPT_4_9 && (await fse.pathExists(assetsTS38))) {
+    if (language === SupportedLanguage.TYPESCRIPT_4_9 && (await pathExists(assetsTS38))) {
       return assetsTS38;
     }
     // Fallback further to TS (for backwards compatibility purposes)
-    if (await fse.pathExists(assetsTS)) {
+    if (await pathExists(assetsTS)) {
       return assetsTS;
     }
     // Fallback further to JS
-    if (await fse.pathExists(assetsJS)) {
+    if (await pathExists(assetsJS)) {
       return assetsJS;
     }
     // As a last resort, look for the root of the asset directory
-    if (await fse.pathExists(assetsDir)) {
+    if (await pathExists(assetsDir)) {
       return assetsDir;
     }
     throw new Error(`Unsupported renderer: ${renderer} (${baseDir})`);
   };
 
   const targetPath = async () => {
-    if (await fse.pathExists('./src')) {
+    if (await pathExists('./src')) {
       return './src/stories';
     }
     return './stories';
@@ -213,11 +216,11 @@ export async function copyTemplateFiles({
 
   const destinationPath = destination ?? (await targetPath());
   if (commonAssetsDir) {
-    await fse.copy(commonAssetsDir, destinationPath, {
+    await copy(commonAssetsDir, destinationPath, {
       overwrite: true,
     });
   }
-  await fse.copy(await templatePath(), destinationPath, { overwrite: true });
+  await copy(await templatePath(), destinationPath, { overwrite: true });
 
   if (commonAssetsDir) {
     let rendererType = frameworkToRenderer[renderer] || 'react';
@@ -230,13 +233,13 @@ export async function copyTemplateFiles({
 export async function adjustTemplate(templatePath: string, templateData: Record<string, any>) {
   // for now, we're just doing a simple string replace
   // in the future we might replace this with a proper templating engine
-  let template = await fse.readFile(templatePath, 'utf8');
+  let template = await readFile(templatePath, 'utf8');
 
   Object.keys(templateData).forEach((key) => {
     template = template.replaceAll(`{{${key}}}`, `${templateData[key]}`);
   });
 
-  await fse.writeFile(templatePath, template);
+  await writeFile(templatePath, template);
 }
 
 // Given a package.json, finds any official storybook package within it
diff --git a/code/core/src/cli/project_types.test.ts b/code/core/src/cli/project_types.test.ts
index 95bca595dfc7..c5b6e4adc82f 100644
--- a/code/core/src/cli/project_types.test.ts
+++ b/code/core/src/cli/project_types.test.ts
@@ -1,5 +1,6 @@
-import { describe, it, expect } from 'vitest';
-import { installableProjectTypes, SUPPORTED_RENDERERS } from './project_types';
+import { describe, expect, it } from 'vitest';
+
+import { SUPPORTED_RENDERERS, installableProjectTypes } from './project_types';
 
 describe('installableProjectTypes should have an entry for the supported framework', () => {
   SUPPORTED_RENDERERS.forEach((framework) => {
diff --git a/code/core/src/cli/project_types.ts b/code/core/src/cli/project_types.ts
index b0f6c889c7c5..1efeba6cc52f 100644
--- a/code/core/src/cli/project_types.ts
+++ b/code/core/src/cli/project_types.ts
@@ -1,9 +1,10 @@
-import { minVersion, validRange } from 'semver';
 import type {
-  SupportedFrameworks,
   SupportedRenderers as CoreSupportedFrameworks,
+  SupportedFrameworks,
 } from '@storybook/core/types';
 
+import { minVersion, validRange } from 'semver';
+
 function eqMajor(versionRange: string, major: number) {
   // Uses validRange to avoid a throw from minVersion if an invalid range gets passed
   if (validRange(versionRange)) {
diff --git a/code/core/src/client-logger/index.test.ts b/code/core/src/client-logger/index.test.ts
index 8574cef5066d..c46f70f2fd00 100644
--- a/code/core/src/client-logger/index.test.ts
+++ b/code/core/src/client-logger/index.test.ts
@@ -1,4 +1,5 @@
-import { describe, beforeEach, afterAll, it, expect, vi } from 'vitest';
+import { afterAll, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { logger } from '.';
 
 vi.mock('@storybook/global', () => ({ global: { ...global, LOGLEVEL: 'debug' } }));
diff --git a/code/core/src/common/config.test.ts b/code/core/src/common/config.test.ts
index 3e75aeb0396f..de70dd7fe9a4 100644
--- a/code/core/src/common/config.test.ts
+++ b/code/core/src/common/config.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { filterPresetsConfig } from './presets';
 
 describe('filterPresetsConfig', () => {
diff --git a/code/core/src/common/index.ts b/code/core/src/common/index.ts
index d16c9118ae8b..107ce9b6d98f 100644
--- a/code/core/src/common/index.ts
+++ b/code/core/src/common/index.ts
@@ -1,3 +1,5 @@
+import versions from './versions';
+
 /// <reference types="@types/compression" />
 
 export * from './presets';
@@ -40,7 +42,6 @@ export * from './utils/strip-abs-node-modules-path';
 export * from './utils/formatter';
 export * from './js-package-manager';
 
-import versions from './versions';
 export { versions };
 
 export { createFileSystemCache } from './utils/file-cache';
diff --git a/code/core/src/common/js-package-manager/JsPackageManager.ts b/code/core/src/common/js-package-manager/JsPackageManager.ts
index 5a18b572f248..d126db20aa8a 100644
--- a/code/core/src/common/js-package-manager/JsPackageManager.ts
+++ b/code/core/src/common/js-package-manager/JsPackageManager.ts
@@ -1,17 +1,18 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { readFile, writeFile } from 'node:fs/promises';
+import { dirname, resolve } from 'node:path';
+
 import chalk from 'chalk';
-import { gt, satisfies } from 'semver';
 import type { CommonOptions } from 'execa';
 import { execaCommand, execaCommandSync } from 'execa';
-import path from 'node:path';
-
-import { dedent } from 'ts-dedent';
-import { existsSync, readFileSync } from 'node:fs';
-import { readFile, writeFile } from 'node:fs/promises';
+import { gt, satisfies } from 'semver';
 import invariant from 'tiny-invariant';
-import type { PackageJson, PackageJsonWithDepsAndDevDeps } from './PackageJson';
+import { dedent } from 'ts-dedent';
+
+import { HandledError } from '../utils/HandledError';
 import storybookPackagesVersions from '../versions';
+import type { PackageJson, PackageJsonWithDepsAndDevDeps } from './PackageJson';
 import type { InstallationMetadata } from './types';
-import { HandledError } from '../utils/HandledError';
 
 const logger = console;
 
@@ -98,7 +99,7 @@ export abstract class JsPackageManager {
       }
 
       // Move up to the parent directory
-      const parentDir = path.dirname(cwd);
+      const parentDir = dirname(cwd);
 
       // Check if we have reached the root of the filesystem
       if (parentDir === cwd) {
@@ -131,7 +132,7 @@ export abstract class JsPackageManager {
     if (!this.cwd) {
       throw new Error('Missing cwd');
     }
-    return path.resolve(this.cwd, 'package.json');
+    return resolve(this.cwd, 'package.json');
   }
 
   async readPackageJson(): Promise<PackageJson> {
diff --git a/code/core/src/common/js-package-manager/JsPackageManagerFactory.test.ts b/code/core/src/common/js-package-manager/JsPackageManagerFactory.test.ts
index 0a5e6e626731..9f703d7c5ba3 100644
--- a/code/core/src/common/js-package-manager/JsPackageManagerFactory.test.ts
+++ b/code/core/src/common/js-package-manager/JsPackageManagerFactory.test.ts
@@ -1,7 +1,10 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { join } from 'node:path';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { sync as spawnSync } from 'cross-spawn';
 import { findUpSync } from 'find-up';
-import path from 'node:path';
+
 import { JsPackageManagerFactory } from './JsPackageManagerFactory';
 import { NPMProxy } from './NPMProxy';
 import { PNPMProxy } from './PNPMProxy';
@@ -150,7 +153,7 @@ describe('CLASS: JsPackageManagerFactory', () => {
             status: 1,
           } as any;
         });
-        const fixture = path.join(__dirname, 'fixtures', 'pnpm-workspace', 'package');
+        const fixture = join(__dirname, 'fixtures', 'pnpm-workspace', 'package');
         expect(JsPackageManagerFactory.getPackageManager({}, fixture)).toBeInstanceOf(PNPMProxy);
       });
     });
@@ -268,7 +271,7 @@ describe('CLASS: JsPackageManagerFactory', () => {
             status: 1,
           } as any;
         });
-        const fixture = path.join(__dirname, 'fixtures', 'multiple-lockfiles');
+        const fixture = join(__dirname, 'fixtures', 'multiple-lockfiles');
         expect(JsPackageManagerFactory.getPackageManager({}, fixture)).toBeInstanceOf(Yarn1Proxy);
       });
     });
diff --git a/code/core/src/common/js-package-manager/JsPackageManagerFactory.ts b/code/core/src/common/js-package-manager/JsPackageManagerFactory.ts
index badd60ea6cf7..0b09f57bac52 100644
--- a/code/core/src/common/js-package-manager/JsPackageManagerFactory.ts
+++ b/code/core/src/common/js-package-manager/JsPackageManagerFactory.ts
@@ -1,14 +1,13 @@
-import path, { parse, relative } from 'node:path';
+import { basename, parse, relative } from 'node:path';
+
 import { sync as spawnSync } from 'cross-spawn';
 import { findUpSync } from 'find-up';
 
+import type { JsPackageManager, PackageManagerName } from './JsPackageManager';
 import { NPMProxy } from './NPMProxy';
 import { PNPMProxy } from './PNPMProxy';
-
-import type { JsPackageManager, PackageManagerName } from './JsPackageManager';
-
-import { Yarn2Proxy } from './Yarn2Proxy';
 import { Yarn1Proxy } from './Yarn1Proxy';
+import { Yarn2Proxy } from './Yarn2Proxy';
 
 const NPM_LOCKFILE = 'package-lock.json';
 const PNPM_LOCKFILE = 'pnpm-lock.yaml';
@@ -56,7 +55,7 @@ export class JsPackageManagerFactory {
     // Option 2: We try to infer the package manager from the closest lockfile
     const closestLockfilePath = lockFiles[0];
 
-    const closestLockfile = closestLockfilePath && path.basename(closestLockfilePath);
+    const closestLockfile = closestLockfilePath && basename(closestLockfilePath);
 
     const hasNPMCommand = hasNPM(cwd);
     const hasPNPMCommand = hasPNPM(cwd);
diff --git a/code/core/src/common/js-package-manager/NPMProxy.test.ts b/code/core/src/common/js-package-manager/NPMProxy.test.ts
index 9c88ea60af45..4a783017d917 100644
--- a/code/core/src/common/js-package-manager/NPMProxy.test.ts
+++ b/code/core/src/common/js-package-manager/NPMProxy.test.ts
@@ -1,4 +1,5 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { NPMProxy } from './NPMProxy';
 
 // mock createLogStream
diff --git a/code/core/src/common/js-package-manager/NPMProxy.ts b/code/core/src/common/js-package-manager/NPMProxy.ts
index 3cdadeb17ff3..69a89a741d53 100644
--- a/code/core/src/common/js-package-manager/NPMProxy.ts
+++ b/code/core/src/common/js-package-manager/NPMProxy.ts
@@ -1,16 +1,18 @@
-import sort from 'semver/functions/sort.js';
-import { platform } from 'os';
-import dedent from 'ts-dedent';
-import { findUpSync } from 'find-up';
 import { existsSync, readFileSync } from 'node:fs';
-import path from 'node:path';
+import { join } from 'node:path';
+
 import { logger } from '@storybook/core/node-logger';
 import { FindPackageVersionsError } from '@storybook/core/server-errors';
 
+import { findUp } from 'find-up';
+import { platform } from 'os';
+import sort from 'semver/functions/sort.js';
+import dedent from 'ts-dedent';
+
+import { createLogStream } from '../utils/cli';
 import { JsPackageManager } from './JsPackageManager';
 import type { PackageJson } from './PackageJson';
 import type { InstallationMetadata, PackageMetadata } from './types';
-import { createLogStream } from '../utils/cli';
 
 type NpmDependency = {
   version: string;
@@ -87,9 +89,9 @@ export class NPMProxy extends JsPackageManager {
     packageName: string,
     basePath = this.cwd
   ): Promise<PackageJson | null> {
-    const packageJsonPath = await findUpSync(
+    const packageJsonPath = await findUp(
       (dir) => {
-        const possiblePath = path.join(dir, 'node_modules', packageName, 'package.json');
+        const possiblePath = join(dir, 'node_modules', packageName, 'package.json');
         return existsSync(possiblePath) ? possiblePath : undefined;
       },
       { cwd: basePath }
diff --git a/code/core/src/common/js-package-manager/PNPMProxy.test.ts b/code/core/src/common/js-package-manager/PNPMProxy.test.ts
index cca2ca4ea364..f869dcb8181d 100644
--- a/code/core/src/common/js-package-manager/PNPMProxy.test.ts
+++ b/code/core/src/common/js-package-manager/PNPMProxy.test.ts
@@ -1,4 +1,5 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { PNPMProxy } from './PNPMProxy';
 
 describe('PNPM Proxy', () => {
diff --git a/code/core/src/common/js-package-manager/PNPMProxy.ts b/code/core/src/common/js-package-manager/PNPMProxy.ts
index 652310bf87b3..8256926e35b6 100644
--- a/code/core/src/common/js-package-manager/PNPMProxy.ts
+++ b/code/core/src/common/js-package-manager/PNPMProxy.ts
@@ -1,14 +1,16 @@
-import { pathExistsSync } from 'fs-extra';
-import dedent from 'ts-dedent';
 import { existsSync, readFileSync } from 'node:fs';
-import { findUpSync } from 'find-up';
-import path from 'node:path';
+import { join } from 'node:path';
+
 import { FindPackageVersionsError } from '@storybook/core/server-errors';
 
+import { findUpSync } from 'find-up';
+import { pathExistsSync } from 'fs-extra';
+import dedent from 'ts-dedent';
+
+import { createLogStream } from '../utils/cli';
 import { JsPackageManager } from './JsPackageManager';
 import type { PackageJson } from './PackageJson';
 import type { InstallationMetadata, PackageMetadata } from './types';
-import { createLogStream } from '../utils/cli';
 
 type PnpmDependency = {
   from: string;
@@ -142,7 +144,7 @@ export class PNPMProxy extends JsPackageManager {
         const pkg = pnpApi.getPackageInformation(pkgLocator);
 
         const packageJSON = JSON.parse(
-          readFileSync(path.join(pkg.packageLocation, 'package.json'), 'utf-8')
+          readFileSync(join(pkg.packageLocation, 'package.json'), 'utf-8')
         );
 
         return packageJSON;
@@ -156,7 +158,7 @@ export class PNPMProxy extends JsPackageManager {
 
     const packageJsonPath = await findUpSync(
       (dir) => {
-        const possiblePath = path.join(dir, 'node_modules', packageName, 'package.json');
+        const possiblePath = join(dir, 'node_modules', packageName, 'package.json');
         return existsSync(possiblePath) ? possiblePath : undefined;
       },
       { cwd: basePath }
diff --git a/code/core/src/common/js-package-manager/Yarn1Proxy.test.ts b/code/core/src/common/js-package-manager/Yarn1Proxy.test.ts
index c20f496fed80..69bbc046aaf0 100644
--- a/code/core/src/common/js-package-manager/Yarn1Proxy.test.ts
+++ b/code/core/src/common/js-package-manager/Yarn1Proxy.test.ts
@@ -1,5 +1,7 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { dedent } from 'ts-dedent';
+
 import { Yarn1Proxy } from './Yarn1Proxy';
 
 describe('Yarn 1 Proxy', () => {
diff --git a/code/core/src/common/js-package-manager/Yarn1Proxy.ts b/code/core/src/common/js-package-manager/Yarn1Proxy.ts
index a6387bc34176..8922a581ce55 100644
--- a/code/core/src/common/js-package-manager/Yarn1Proxy.ts
+++ b/code/core/src/common/js-package-manager/Yarn1Proxy.ts
@@ -1,9 +1,11 @@
 import { existsSync, readFileSync } from 'node:fs';
-import dedent from 'ts-dedent';
-import { findUpSync } from 'find-up';
-import path from 'node:path';
+import { join } from 'node:path';
+
 import { FindPackageVersionsError } from '@storybook/core/server-errors';
 
+import { findUp } from 'find-up';
+import dedent from 'ts-dedent';
+
 import { createLogStream } from '../utils/cli';
 import { JsPackageManager } from './JsPackageManager';
 import type { PackageJson } from './PackageJson';
@@ -68,9 +70,9 @@ export class Yarn1Proxy extends JsPackageManager {
     packageName: string,
     basePath = this.cwd
   ): Promise<PackageJson | null> {
-    const packageJsonPath = await findUpSync(
+    const packageJsonPath = await findUp(
       (dir) => {
-        const possiblePath = path.join(dir, 'node_modules', packageName, 'package.json');
+        const possiblePath = join(dir, 'node_modules', packageName, 'package.json');
         return existsSync(possiblePath) ? possiblePath : undefined;
       },
       { cwd: basePath }
diff --git a/code/core/src/common/js-package-manager/Yarn2Proxy.test.ts b/code/core/src/common/js-package-manager/Yarn2Proxy.test.ts
index 4e4441aedb4d..fad7e829d180 100644
--- a/code/core/src/common/js-package-manager/Yarn2Proxy.test.ts
+++ b/code/core/src/common/js-package-manager/Yarn2Proxy.test.ts
@@ -1,4 +1,5 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { Yarn2Proxy } from './Yarn2Proxy';
 
 describe('Yarn 2 Proxy', () => {
@@ -309,6 +310,15 @@ describe('Yarn 2 Proxy', () => {
       expect(yarn2Proxy.parseErrorFromLogs(YARN2_ERROR_SAMPLE)).toMatchInlineSnapshot(
         `
         "YARN2 error
+        YN0002: MISSING_PEER_DEPENDENCY
+        -> before-storybook@workspace:. doesn't provide @testing-library/dom (p1ac37), requested by @testing-library/user-event.
+
+        YN0002: MISSING_PEER_DEPENDENCY
+        -> before-storybook@workspace:. doesn't provide eslint (p1f657), requested by eslint-plugin-storybook.
+
+        YN0086: EXPLAIN_PEER_DEPENDENCIES_CTA
+        -> Some peer dependencies are incorrectly met; run yarn explain peer-requirements <hash> for details, where <hash> is the six-letter p-prefixed code.
+
         YN0014: YARN_IMPORT_FAILED
         -> Failed to import certain dependencies
 
diff --git a/code/core/src/common/js-package-manager/Yarn2Proxy.ts b/code/core/src/common/js-package-manager/Yarn2Proxy.ts
index 05156d146130..711d34240292 100644
--- a/code/core/src/common/js-package-manager/Yarn2Proxy.ts
+++ b/code/core/src/common/js-package-manager/Yarn2Proxy.ts
@@ -1,10 +1,12 @@
-import { dedent } from 'ts-dedent';
-import { findUpSync } from 'find-up';
 import { existsSync, readFileSync } from 'node:fs';
-import path from 'node:path';
+import { join } from 'node:path';
+
+import { FindPackageVersionsError } from '@storybook/core/server-errors';
+
 import { PosixFS, VirtualFS, ZipOpenFS } from '@yarnpkg/fslib';
 import { getLibzipSync } from '@yarnpkg/libzip';
-import { FindPackageVersionsError } from '@storybook/core/server-errors';
+import { findUp, findUpSync } from 'find-up';
+import { dedent } from 'ts-dedent';
 
 import { createLogStream } from '../utils/cli';
 import { JsPackageManager } from './JsPackageManager';
@@ -12,36 +14,9 @@ import type { PackageJson } from './PackageJson';
 import type { InstallationMetadata, PackageMetadata } from './types';
 import { parsePackageData } from './util';
 
+// more info at https://yarnpkg.com/advanced/error-codes
 const CRITICAL_YARN2_ERROR_CODES = {
   YN0001: 'EXCEPTION',
-  YN0009: 'BUILD_FAILED',
-  YN0010: 'RESOLVER_NOT_FOUND',
-  YN0011: 'FETCHER_NOT_FOUND',
-  YN0012: 'LINKER_NOT_FOUND',
-  YN0014: 'YARN_IMPORT_FAILED',
-  YN0015: 'REMOTE_INVALID',
-  YN0016: 'REMOTE_NOT_FOUND',
-  YN0020: 'MISSING_LOCKFILE_ENTRY',
-  YN0021: 'WORKSPACE_NOT_FOUND',
-  YN0028: 'FROZEN_LOCKFILE_EXCEPTION',
-  YN0030: 'FETCH_FAILED',
-  YN0046: 'AUTOMERGE_FAILED_TO_PARSE',
-  YN0062: 'INCOMPATIBLE_OS',
-  YN0063: 'INCOMPATIBLE_CPU',
-  YN0071: 'NM_CANT_INSTALL_EXTERNAL_SOFT_LINK',
-  YN0072: 'NM_PRESERVE_SYMLINKS_REQUIRED',
-  YN0075: 'PROLOG_INSTANTIATION_ERROR',
-  YN0076: 'INCOMPATIBLE_ARCHITECTURE',
-  YN0078: 'RESOLUTION_MISMATCH',
-  YN0081: 'NETWORK_UNSAFE_HTTP',
-  YN0082: 'RESOLUTION_FAILED',
-  YN0083: 'AUTOMERGE_GIT_ERROR',
-};
-
-// Keep the codes here, they might be helpful in the future
-const YARN2_ERROR_CODES = {
-  ...CRITICAL_YARN2_ERROR_CODES,
-  YN0000: 'UNNAMED',
   YN0002: 'MISSING_PEER_DEPENDENCY',
   YN0003: 'CYCLIC_DEPENDENCIES',
   YN0004: 'DISABLED_BUILD_SCRIPTS',
@@ -49,36 +24,50 @@ const YARN2_ERROR_CODES = {
   YN0006: 'SOFT_LINK_BUILD',
   YN0007: 'MUST_BUILD',
   YN0008: 'MUST_REBUILD',
+  YN0009: 'BUILD_FAILED',
+  YN0010: 'RESOLVER_NOT_FOUND',
+  YN0011: 'FETCHER_NOT_FOUND',
+  YN0012: 'LINKER_NOT_FOUND',
   YN0013: 'FETCH_NOT_CACHED',
-  YN0017: 'RESOLUTION_PACK',
+  YN0014: 'YARN_IMPORT_FAILED',
+  YN0015: 'REMOTE_INVALID',
+  YN0016: 'REMOTE_NOT_FOUND',
   YN0018: 'CACHE_CHECKSUM_MISMATCH',
   YN0019: 'UNUSED_CACHE_ENTRY',
+  YN0020: 'MISSING_LOCKFILE_ENTRY',
   YN0022: 'TOO_MANY_MATCHING_WORKSPACES',
   YN0023: 'CONSTRAINTS_MISSING_DEPENDENCY',
   YN0024: 'CONSTRAINTS_INCOMPATIBLE_DEPENDENCY',
   YN0025: 'CONSTRAINTS_EXTRANEOUS_DEPENDENCY',
   YN0026: 'CONSTRAINTS_INVALID_DEPENDENCY',
   YN0027: 'CANT_SUGGEST_RESOLUTIONS',
+  YN0028: 'FROZEN_LOCKFILE_EXCEPTION',
   YN0029: 'CROSS_DRIVE_VIRTUAL_LOCAL',
+  YN0030: 'FETCH_FAILED',
   YN0031: 'DANGEROUS_NODE_MODULES',
-  YN0032: 'NODE_GYP_INJECTED',
+  YN0035: 'NETWORK_ERROR',
+  YN0046: 'AUTOMERGE_FAILED_TO_PARSE',
   YN0047: 'AUTOMERGE_IMMUTABLE',
   YN0048: 'AUTOMERGE_SUCCESS',
   YN0049: 'AUTOMERGE_REQUIRED',
   YN0050: 'DEPRECATED_CLI_SETTINGS',
   YN0059: 'INVALID_RANGE_PEER_DEPENDENCY',
   YN0060: 'INCOMPATIBLE_PEER_DEPENDENCY',
-  YN0061: 'DEPRECATED_PACKAGE',
-  YN0068: 'UNUSED_PACKAGE_EXTENSION',
+  YN0062: 'INCOMPATIBLE_OS',
+  YN0063: 'INCOMPATIBLE_CPU',
   YN0069: 'REDUNDANT_PACKAGE_EXTENSION',
+  YN0071: 'NM_CANT_INSTALL_EXTERNAL_SOFT_LINK',
+  YN0072: 'NM_PRESERVE_SYMLINKS_REQUIRED',
   YN0074: 'NM_HARDLINKS_MODE_DOWNGRADED',
+  YN0075: 'PROLOG_INSTANTIATION_ERROR',
+  YN0076: 'INCOMPATIBLE_ARCHITECTURE',
   YN0077: 'GHOST_ARCHITECTURE',
+  YN0078: 'RESOLUTION_MISMATCH',
   YN0080: 'NETWORK_DISABLED',
-  YN0085: 'UPDATED_RESOLUTION_RECORD',
+  YN0081: 'NETWORK_UNSAFE_HTTP',
+  YN0082: 'RESOLUTION_FAILED',
+  YN0083: 'AUTOMERGE_GIT_ERROR',
   YN0086: 'EXPLAIN_PEER_DEPENDENCIES_CTA',
-  YN0087: 'MIGRATION_SUCCESS',
-  YN0088: 'VERSION_NOTICE',
-  YN0089: 'TIPS_NOTICE',
   YN0090: 'OFFLINE_MODE_ENABLED',
 };
 
@@ -163,7 +152,7 @@ export class Yarn2Proxy extends JsPackageManager {
         const virtualFs = new VirtualFS({ baseFs: zipOpenFs });
         const crossFs = new PosixFS(virtualFs);
 
-        const virtualPath = path.join(pkg.packageLocation, 'package.json');
+        const virtualPath = join(pkg.packageLocation, 'package.json');
 
         return crossFs.readJsonSync(virtualPath);
       } catch (error: any) {
@@ -174,9 +163,9 @@ export class Yarn2Proxy extends JsPackageManager {
       }
     }
 
-    const packageJsonPath = await findUpSync(
+    const packageJsonPath = await findUp(
       (dir) => {
-        const possiblePath = path.join(dir, 'node_modules', packageName, 'package.json');
+        const possiblePath = join(dir, 'node_modules', packageName, 'package.json');
         return existsSync(possiblePath) ? possiblePath : undefined;
       },
       { cwd: basePath }
diff --git a/code/core/src/common/presets.test.ts b/code/core/src/common/presets.test.ts
index d7a847949f5c..565abe4521f4 100644
--- a/code/core/src/common/presets.test.ts
+++ b/code/core/src/common/presets.test.ts
@@ -1,8 +1,12 @@
-import mockRequire from 'mock-require';
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
-import path from 'node:path';
+import { normalize } from 'node:path';
+
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { logger } from '@storybook/core/node-logger';
-import { getPresets, resolveAddonName, loadPreset } from './presets';
+
+import mockRequire from 'mock-require';
+
+import { getPresets, loadPreset, resolveAddonName } from './presets';
 
 function wrapPreset(basePresets: any): { babel: Function; webpack: Function } {
   return {
@@ -410,7 +414,7 @@ describe('resolveAddonName', () => {
   it('should resolve managerEntries', () => {
     expect(resolveAddonName({} as any, '@storybook/addon-actions/register.js', {})).toEqual({
       name: '@storybook/addon-actions/register.js',
-      managerEntries: [path.normalize('@storybook/addon-actions/register')],
+      managerEntries: [normalize('@storybook/addon-actions/register')],
       type: 'virtual',
     });
   });
@@ -418,7 +422,7 @@ describe('resolveAddonName', () => {
   it('should resolve managerEntries from new /manager path', () => {
     expect(resolveAddonName({} as any, '@storybook/addon-actions/manager', {})).toEqual({
       name: '@storybook/addon-actions/manager',
-      managerEntries: [path.normalize('@storybook/addon-actions/manager')],
+      managerEntries: [normalize('@storybook/addon-actions/manager')],
       type: 'virtual',
     });
   });
@@ -545,14 +549,14 @@ describe('loadPreset', () => {
         name: '@storybook/addon-actions/register.js',
         options: {},
         preset: {
-          managerEntries: [path.normalize('@storybook/addon-actions/register')],
+          managerEntries: [normalize('@storybook/addon-actions/register')],
         },
       },
       {
         name: 'addon-foo/register.js',
         options: {},
         preset: {
-          managerEntries: [path.normalize('addon-foo/register')],
+          managerEntries: [normalize('addon-foo/register')],
         },
       },
       {
@@ -574,14 +578,14 @@ describe('loadPreset', () => {
         name: 'addon-baz/register.js',
         options: {},
         preset: {
-          managerEntries: [path.normalize('addon-baz/register')],
+          managerEntries: [normalize('addon-baz/register')],
         },
       },
       {
         name: '@storybook/addon-notes/register-panel',
         options: {},
         preset: {
-          managerEntries: [path.normalize('@storybook/addon-notes/register-panel')],
+          managerEntries: [normalize('@storybook/addon-notes/register-panel')],
         },
       },
       {
diff --git a/code/core/src/common/presets.ts b/code/core/src/common/presets.ts
index 593d60051192..5651aa3e6a1f 100644
--- a/code/core/src/common/presets.ts
+++ b/code/core/src/common/presets.ts
@@ -1,11 +1,5 @@
-import { dedent } from 'ts-dedent';
-import { logger } from '@storybook/core/node-logger';
 import { join, parse } from 'node:path';
-import { CriticalPresetLoadError } from '@storybook/core/server-errors';
-import { loadCustomPresets } from './utils/load-custom-presets';
-import { safeResolve, safeResolveFrom } from './utils/safeResolve';
-import { interopRequireDefault } from './utils/interpret-require';
-import { stripAbsNodeModulesPath } from './utils/strip-abs-node-modules-path';
+
 import type {
   BuilderOptions,
   CLIOptions,
@@ -18,6 +12,16 @@ import type {
   StorybookConfigRaw,
 } from '@storybook/core/types';
 
+import { logger } from '@storybook/core/node-logger';
+import { CriticalPresetLoadError } from '@storybook/core/server-errors';
+
+import { dedent } from 'ts-dedent';
+
+import { interopRequireDefault } from './utils/interpret-require';
+import { loadCustomPresets } from './utils/load-custom-presets';
+import { safeResolve, safeResolveFrom } from './utils/safeResolve';
+import { stripAbsNodeModulesPath } from './utils/strip-abs-node-modules-path';
+
 type InterPresetOptions = Omit<
   CLIOptions &
     LoadOptions &
diff --git a/code/core/src/common/utils/__tests__/check-addon-order.test.ts b/code/core/src/common/utils/__tests__/check-addon-order.test.ts
index 9b22f83b98f2..c9f67ffd3631 100644
--- a/code/core/src/common/utils/__tests__/check-addon-order.test.ts
+++ b/code/core/src/common/utils/__tests__/check-addon-order.test.ts
@@ -1,10 +1,13 @@
-import { afterEach, it, expect, vi, describe } from 'vitest';
-import { logger } from '@storybook/core/node-logger';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import type {
   CoreCommon_AddonEntry,
   CoreCommon_AddonInfo,
   CoreCommon_OptionsEntry,
 } from '@storybook/core/types';
+
+import { logger } from '@storybook/core/node-logger';
+
 import { checkAddonOrder } from '../check-addon-order';
 
 const configFile = './main.js';
diff --git a/code/core/src/common/utils/__tests__/interpret-files.test.ts b/code/core/src/common/utils/__tests__/interpret-files.test.ts
index fff12806dfb1..7d898af3ab04 100644
--- a/code/core/src/common/utils/__tests__/interpret-files.test.ts
+++ b/code/core/src/common/utils/__tests__/interpret-files.test.ts
@@ -1,10 +1,18 @@
-import { describe, afterEach, it, expect } from 'vitest';
-import mock from 'mock-fs';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import { vol } from 'memfs';
+
 import { getInterpretedFile } from '../interpret-files';
 
+vi.mock('fs', async () => {
+  const memfs = await vi.importActual('memfs');
+
+  return { default: memfs.fs, ...(memfs as any).fs };
+});
+
 describe('interpret-files', () => {
   it('will interpret file as file.ts when it exists in fs', () => {
-    mock({
+    vol.fromNestedJSON({
       'path/to/file.ts': 'ts file contents',
     });
 
@@ -14,7 +22,7 @@ describe('interpret-files', () => {
   });
 
   it('will interpret file as file.js when both are in fs', () => {
-    mock({
+    vol.fromNestedJSON({
       'path/to/file.js': 'js file contents',
       'path/to/file.ts': 'ts file contents',
     });
@@ -25,7 +33,7 @@ describe('interpret-files', () => {
   });
 
   it('will interpret file even if extension is already present', () => {
-    mock({
+    vol.fromNestedJSON({
       'path/to/file.js': 'js file contents',
       'path/to/file.ts': 'ts file contents',
     });
@@ -36,7 +44,7 @@ describe('interpret-files', () => {
   });
 
   it('will return undefined if there is no candidate of a file in fs', () => {
-    mock({
+    vol.fromNestedJSON({
       'path/to/file.js': 'js file contents',
     });
 
@@ -46,7 +54,7 @@ describe('interpret-files', () => {
   });
 
   it('will interpret file as file.mts when it exists in fs', () => {
-    mock({
+    vol.fromNestedJSON({
       'path/to/file.mts': 'ts file contents',
     });
 
@@ -56,7 +64,7 @@ describe('interpret-files', () => {
   });
 
   it('will interpret file as file.cts when it exists in fs', () => {
-    mock({
+    vol.fromNestedJSON({
       'path/to/file.cts': 'ts file contents',
     });
 
@@ -65,5 +73,5 @@ describe('interpret-files', () => {
     expect(file).toEqual('path/to/file.cts');
   });
 
-  afterEach(mock.restore);
+  afterEach(() => vol.reset());
 });
diff --git a/code/core/src/common/utils/__tests__/normalize-stories.test.ts b/code/core/src/common/utils/__tests__/normalize-stories.test.ts
index d16479ee6e73..26e5f1bcc3c8 100644
--- a/code/core/src/common/utils/__tests__/normalize-stories.test.ts
+++ b/code/core/src/common/utils/__tests__/normalize-stories.test.ts
@@ -1,8 +1,10 @@
 /// <reference types="@testing-library/jest-dom" />;
-import { describe, it, expect, vi } from 'vitest';
 import { sep } from 'node:path';
 
+import { describe, expect, it, vi } from 'vitest';
+
 import { InvalidStoriesEntryError } from '@storybook/core/server-errors';
+
 import {
   getDirectoryFromWorkingDir,
   normalizeStories,
diff --git a/code/core/src/common/utils/__tests__/paths.test.ts b/code/core/src/common/utils/__tests__/paths.test.ts
index 71b6b2a1efa0..e353aed6f36e 100644
--- a/code/core/src/common/utils/__tests__/paths.test.ts
+++ b/code/core/src/common/utils/__tests__/paths.test.ts
@@ -1,19 +1,22 @@
-import { describe, it, expect, vi } from 'vitest';
-import path from 'node:path';
+import { join, sep } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import { findUpSync } from 'find-up';
 import slash from 'slash';
-import { normalizeStoryPath, getProjectRoot } from '../paths';
+
+import { getProjectRoot, normalizeStoryPath } from '../paths';
 
 vi.mock('find-up');
 
 describe('paths - normalizeStoryPath()', () => {
   it('returns a path starting with "./" unchanged', () => {
-    const filename = `.${path.sep}${path.join('src', 'Comp.story.js')}`;
+    const filename = `.${sep}${join('src', 'Comp.story.js')}`;
     expect(normalizeStoryPath(filename)).toEqual(filename);
   });
 
   it('returns a path starting with "../" unchanged', () => {
-    const filename = path.join('..', 'src', 'Comp.story.js');
+    const filename = join('..', 'src', 'Comp.story.js');
     expect(normalizeStoryPath(filename)).toEqual(filename);
   });
 
@@ -28,18 +31,18 @@ describe('paths - normalizeStoryPath()', () => {
   });
 
   it('adds "./" to a normalized relative path', () => {
-    const filename = path.join('src', 'Comp.story.js');
-    expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
+    const filename = join('src', 'Comp.story.js');
+    expect(normalizeStoryPath(filename)).toEqual(`.${sep}${filename}`);
   });
 
   it('adds "./" to a hidden folder', () => {
-    const filename = path.join('.storybook', 'Comp.story.js');
-    expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
+    const filename = join('.storybook', 'Comp.story.js');
+    expect(normalizeStoryPath(filename)).toEqual(`.${sep}${filename}`);
   });
 
   it('adds "./" to a hidden file', () => {
     const filename = `.Comp.story.js`;
-    expect(normalizeStoryPath(filename)).toEqual(`.${path.sep}${filename}`);
+    expect(normalizeStoryPath(filename)).toEqual(`.${sep}${filename}`);
   });
 });
 
diff --git a/code/core/src/common/utils/__tests__/template.test.ts b/code/core/src/common/utils/__tests__/template.test.ts
index 53a43e84909e..93fdf7a8ed87 100644
--- a/code/core/src/common/utils/__tests__/template.test.ts
+++ b/code/core/src/common/utils/__tests__/template.test.ts
@@ -1,8 +1,17 @@
-import { describe, beforeEach, afterEach, it, expect } from 'vitest';
-import mock from 'mock-fs';
-import { getPreviewHeadTemplate, getPreviewBodyTemplate } from '../template';
 import { dirname } from 'node:path';
 
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { vol } from 'memfs';
+
+import { getPreviewBodyTemplate, getPreviewHeadTemplate } from '../template';
+
+vi.mock('fs', async () => {
+  const memfs = await vi.importActual('memfs');
+
+  return { default: memfs.fs, ...(memfs as any).fs };
+});
+
 const HEAD_HTML_CONTENTS = '<script>console.log("custom script!");</script>';
 const BASE_HTML_CONTENTS = '<script>console.log("base script!");</script>';
 
@@ -12,18 +21,17 @@ const BODY_HTML_CONTENTS = '<div>custom body contents</div>';
 const base = dirname(require.resolve('@storybook/core/package.json'));
 
 describe('server.getPreviewHeadHtml', () => {
+  afterEach(() => {
+    vol.reset();
+  });
   describe('when .storybook/preview-head.html does not exist', () => {
     beforeEach(() => {
-      mock({
+      vol.fromNestedJSON({
         [`${base}/assets/server/base-preview-head.html`]: BASE_HTML_CONTENTS,
         config: {},
       });
     });
 
-    afterEach(() => {
-      mock.restore();
-    });
-
     it('return an empty string', () => {
       const result = getPreviewHeadTemplate('./config');
       expect(result).toEqual(BASE_HTML_CONTENTS);
@@ -32,7 +40,7 @@ describe('server.getPreviewHeadHtml', () => {
 
   describe('when .storybook/preview-head.html exists', () => {
     beforeEach(() => {
-      mock({
+      vol.fromNestedJSON({
         [`${base}/assets/server/base-preview-head.html`]: BASE_HTML_CONTENTS,
         config: {
           'preview-head.html': HEAD_HTML_CONTENTS,
@@ -40,10 +48,6 @@ describe('server.getPreviewHeadHtml', () => {
       });
     });
 
-    afterEach(() => {
-      mock.restore();
-    });
-
     it('return the contents of the file', () => {
       const result = getPreviewHeadTemplate('./config');
       expect(result).toEqual(BASE_HTML_CONTENTS + HEAD_HTML_CONTENTS);
@@ -54,16 +58,12 @@ describe('server.getPreviewHeadHtml', () => {
 describe('server.getPreviewBodyHtml', () => {
   describe('when .storybook/preview-body.html does not exist', () => {
     beforeEach(() => {
-      mock({
+      vol.fromNestedJSON({
         [`${base}/assets/server/base-preview-body.html`]: BASE_BODY_HTML_CONTENTS,
         config: {},
       });
     });
 
-    afterEach(() => {
-      mock.restore();
-    });
-
     it('return an empty string', () => {
       const result = getPreviewBodyTemplate('./config');
       expect(result).toEqual(BASE_BODY_HTML_CONTENTS);
@@ -72,7 +72,7 @@ describe('server.getPreviewBodyHtml', () => {
 
   describe('when .storybook/preview-body.html exists', () => {
     beforeEach(() => {
-      mock({
+      vol.fromNestedJSON({
         [`${base}/assets/server/base-preview-body.html`]: BASE_BODY_HTML_CONTENTS,
         config: {
           'preview-body.html': BODY_HTML_CONTENTS,
@@ -80,10 +80,6 @@ describe('server.getPreviewBodyHtml', () => {
       });
     });
 
-    afterEach(() => {
-      mock.restore();
-    });
-
     it('return the contents of the file', () => {
       const result = getPreviewBodyTemplate('./config');
       expect(result).toEqual(BODY_HTML_CONTENTS + BASE_BODY_HTML_CONTENTS);
diff --git a/code/core/src/common/utils/check-addon-order.ts b/code/core/src/common/utils/check-addon-order.ts
index 0669e0f67234..0922a8cce447 100644
--- a/code/core/src/common/utils/check-addon-order.ts
+++ b/code/core/src/common/utils/check-addon-order.ts
@@ -1,10 +1,11 @@
-import { logger } from '@storybook/core/node-logger';
 import type {
   CoreCommon_AddonEntry,
   CoreCommon_AddonInfo,
   CoreCommon_OptionsEntry,
 } from '@storybook/core/types';
 
+import { logger } from '@storybook/core/node-logger';
+
 interface Options {
   before: CoreCommon_AddonInfo;
   after: CoreCommon_AddonInfo;
diff --git a/code/core/src/common/utils/cli.test.ts b/code/core/src/common/utils/cli.test.ts
index 47bcf7d19b3b..eecfcc648889 100644
--- a/code/core/src/common/utils/cli.test.ts
+++ b/code/core/src/common/utils/cli.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { isCorePackage } from './cli';
 
 describe('UTILS', () => {
diff --git a/code/core/src/common/utils/cli.ts b/code/core/src/common/utils/cli.ts
index 40a686df486f..5061d81905c3 100644
--- a/code/core/src/common/utils/cli.ts
+++ b/code/core/src/common/utils/cli.ts
@@ -1,12 +1,15 @@
-import type { WriteStream } from 'fs-extra';
-import { move, remove, writeFile, readFile, createWriteStream, mkdirSync } from 'fs-extra';
+import { realpath } from 'node:fs/promises';
+import os from 'node:os';
 import { join } from 'node:path';
-import { rendererPackages } from './get-storybook-info';
+
+import type { WriteStream } from 'fs-extra';
+import { createWriteStream, mkdirSync, move, readFile, remove, writeFile } from 'fs-extra';
+import { type MergeExclusive } from 'type-fest';
+import uniqueString from 'unique-string';
+
 import type { JsPackageManager } from '../js-package-manager';
 import versions from '../versions';
-import uniqueString from 'unique-string';
-import os from 'node:os';
-import { realpath } from 'node:fs/promises';
+import { rendererPackages } from './get-storybook-info';
 
 const tempDir = () => realpath(os.tmpdir());
 
@@ -18,8 +21,6 @@ export async function temporaryDirectory({ prefix = '' } = {}) {
   return directory;
 }
 
-import { type MergeExclusive } from 'type-fest';
-
 export type FileOptions = MergeExclusive<
   {
     /**
diff --git a/code/core/src/common/utils/envs.ts b/code/core/src/common/utils/envs.ts
index 46401309cea5..adf1297f686f 100644
--- a/code/core/src/common/utils/envs.ts
+++ b/code/core/src/common/utils/envs.ts
@@ -1,6 +1,7 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - Needed for Angular sandbox running without --no-link option. Do NOT convert to @ts-expect-error!
 import { getEnvironment } from 'lazy-universal-dotenv';
+
 import { nodePathsToArray } from './paths';
 
 // Load environment variables starts with STORYBOOK_ to the client side.
diff --git a/code/core/src/common/utils/formatter.test.ts b/code/core/src/common/utils/formatter.test.ts
index 53dfbfb51483..c60ecb09b84f 100644
--- a/code/core/src/common/utils/formatter.test.ts
+++ b/code/core/src/common/utils/formatter.test.ts
@@ -1,6 +1,8 @@
+import { resolve } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import { formatFileContent } from './formatter';
-import { describe, it, expect, vi } from 'vitest';
-import path from 'node:path';
 
 const mockPrettier = vi.hoisted(() => ({
   resolveConfig: vi.fn(),
@@ -32,7 +34,7 @@ type Story = StoryObj<typeof meta>;
 
 describe('formatter', () => {
   describe('withPrettierConfig', () => {
-    const testPath = path.resolve(__dirname, '__tests-formatter__', 'withPrettierConfig');
+    const testPath = resolve(__dirname, '__tests-formatter__', 'withPrettierConfig');
 
     describe('prettier', async () => {
       const prettierV3 = await import('prettier');
@@ -42,7 +44,7 @@ describe('formatter', () => {
         mockPrettier.version.mockReturnValue(prettierV3.version);
         mockPrettier.resolveConfig.mockImplementation(prettierV3.resolveConfig);
 
-        const filePath = path.resolve(testPath, 'testFile.ts');
+        const filePath = resolve(testPath, 'testFile.ts');
 
         const result = await formatFileContent(filePath, dummyContent);
 
@@ -52,7 +54,7 @@ describe('formatter', () => {
   });
 
   describe('withoutPrettierConfigAndWithEditorConfig', () => {
-    const testPath = path.resolve(__dirname, '__tests-formatter__', 'withoutPrettierConfig');
+    const testPath = resolve(__dirname, '__tests-formatter__', 'withoutPrettierConfig');
 
     describe('prettier-v3', async () => {
       const prettierV3 = await import('prettier');
@@ -62,7 +64,7 @@ describe('formatter', () => {
         mockPrettier.version.mockReturnValue(prettierV3.version);
         mockPrettier.resolveConfig.mockImplementation(prettierV3.resolveConfig);
 
-        const filePath = path.resolve(testPath, 'testFile.ts');
+        const filePath = resolve(testPath, 'testFile.ts');
 
         const result = await formatFileContent(filePath, dummyContent);
 
@@ -72,7 +74,7 @@ describe('formatter', () => {
   });
 
   describe('withoutPrettierConfigAndWithEditorConfig', () => {
-    const testPath = path.resolve(__dirname, '__tests-formatter__', 'withoutEditorConfig');
+    const testPath = resolve(__dirname, '__tests-formatter__', 'withoutEditorConfig');
 
     describe('prettier-v3', async () => {
       const prettierV3 = await import('prettier');
@@ -82,7 +84,7 @@ describe('formatter', () => {
         mockPrettier.version.mockReturnValue(prettierV3.version);
         mockPrettier.resolveConfig.mockResolvedValue(null);
 
-        const filePath = path.resolve(testPath, 'testFile.ts');
+        const filePath = resolve(testPath, 'testFile.ts');
 
         const result = await formatFileContent(filePath, dummyContent);
 
diff --git a/code/core/src/common/utils/framework-to-renderer.ts b/code/core/src/common/utils/framework-to-renderer.ts
index a34ac765c2c7..63107ad8313b 100644
--- a/code/core/src/common/utils/framework-to-renderer.ts
+++ b/code/core/src/common/utils/framework-to-renderer.ts
@@ -11,6 +11,7 @@ export const frameworkToRenderer: Record<
   'html-vite': 'html',
   'html-webpack5': 'html',
   nextjs: 'react',
+  'experimental-nextjs-vite': 'react',
   'preact-vite': 'preact',
   'preact-webpack5': 'preact',
   qwik: 'qwik',
diff --git a/code/core/src/common/utils/get-framework-name.test.ts b/code/core/src/common/utils/get-framework-name.test.ts
index 9f6a95ba19e7..b0dba5027e01 100644
--- a/code/core/src/common/utils/get-framework-name.test.ts
+++ b/code/core/src/common/utils/get-framework-name.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { extractProperFrameworkName } from './get-framework-name';
 
 describe('get-framework-name', () => {
diff --git a/code/core/src/common/utils/get-framework-name.ts b/code/core/src/common/utils/get-framework-name.ts
index 984de13b7d07..b4fcc57ee344 100644
--- a/code/core/src/common/utils/get-framework-name.ts
+++ b/code/core/src/common/utils/get-framework-name.ts
@@ -1,7 +1,9 @@
+import type { Options } from '@storybook/core/types';
+
 import { dedent } from 'ts-dedent';
+
 import { frameworkPackages } from './get-storybook-info';
 import { normalizePath } from './normalize-path';
-import type { Options } from '@storybook/core/types';
 
 /**
  * Framework can be a string or an object.  This utility always returns the string name.
diff --git a/code/core/src/common/utils/get-renderer-name.test.ts b/code/core/src/common/utils/get-renderer-name.test.ts
index 09c31f36b4f1..5ae7fef96f35 100644
--- a/code/core/src/common/utils/get-renderer-name.test.ts
+++ b/code/core/src/common/utils/get-renderer-name.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, test } from 'vitest';
+
 import { extractProperRendererNameFromFramework } from './get-renderer-name';
 
 describe('get-renderer-name', () => {
diff --git a/code/core/src/common/utils/get-renderer-name.ts b/code/core/src/common/utils/get-renderer-name.ts
index df1380632360..867fa94f3775 100644
--- a/code/core/src/common/utils/get-renderer-name.ts
+++ b/code/core/src/common/utils/get-renderer-name.ts
@@ -1,7 +1,8 @@
+import type { Options } from '@storybook/core/types';
+
+import { frameworkToRenderer } from './framework-to-renderer';
 import { extractProperFrameworkName, getFrameworkName } from './get-framework-name';
 import { frameworkPackages } from './get-storybook-info';
-import { frameworkToRenderer } from './framework-to-renderer';
-import type { Options } from '@storybook/core/types';
 
 /**
  * Render is set as a string on core. It must be set by the framework
diff --git a/code/core/src/common/utils/get-storybook-configuration.test.ts b/code/core/src/common/utils/get-storybook-configuration.test.ts
index aa821e38e594..1bb377f79d94 100644
--- a/code/core/src/common/utils/get-storybook-configuration.test.ts
+++ b/code/core/src/common/utils/get-storybook-configuration.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { getStorybookConfiguration } from './get-storybook-configuration';
 
 describe('getStorybookConfiguration', () => {
diff --git a/code/core/src/common/utils/get-storybook-info.ts b/code/core/src/common/utils/get-storybook-info.ts
index b61f1fd4914a..e86281caad8e 100644
--- a/code/core/src/common/utils/get-storybook-info.ts
+++ b/code/core/src/common/utils/get-storybook-info.ts
@@ -1,9 +1,12 @@
-import path from 'node:path';
-import { pathExistsSync } from 'fs-extra';
-import { getStorybookConfiguration } from './get-storybook-configuration';
+import { join } from 'node:path';
+
 import type { SupportedFrameworks } from '@storybook/core/types';
 import type { CoreCommon_StorybookInfo, PackageJson } from '@storybook/core/types';
 
+import { pathExistsSync } from 'fs-extra';
+
+import { getStorybookConfiguration } from './get-storybook-configuration';
+
 export const rendererPackages: Record<string, string> = {
   '@storybook/react': 'react',
   '@storybook/vue3': 'vue3',
@@ -88,7 +91,7 @@ const getRendererInfo = (packageJson: PackageJson) => {
 const validConfigExtensions = ['ts', 'js', 'tsx', 'jsx', 'mjs', 'cjs'];
 
 export const findConfigFile = (prefix: string, configDir: string) => {
-  const filePrefix = path.join(configDir, prefix);
+  const filePrefix = join(configDir, prefix);
   const extension = validConfigExtensions.find((ext: string) =>
     pathExistsSync(`${filePrefix}.${ext}`)
   );
diff --git a/code/core/src/common/utils/get-storybook-refs.ts b/code/core/src/common/utils/get-storybook-refs.ts
index b24fde29dea5..053ae17abc93 100644
--- a/code/core/src/common/utils/get-storybook-refs.ts
+++ b/code/core/src/common/utils/get-storybook-refs.ts
@@ -1,11 +1,13 @@
-import { readJSON } from 'fs-extra';
 import { dirname, join } from 'node:path';
-import { findUp } from 'find-up';
 
-import resolveFrom from 'resolve-from';
-import { logger } from '@storybook/core/node-logger';
 import type { Options, Ref } from '@storybook/core/types';
 
+import { logger } from '@storybook/core/node-logger';
+
+import { findUp } from 'find-up';
+import { readJSON } from 'fs-extra';
+import resolveFrom from 'resolve-from';
+
 export const getAutoRefs = async (options: Options): Promise<Record<string, Ref>> => {
   const location = await findUp('package.json', { cwd: options.configDir });
   if (!location) {
diff --git a/code/core/src/common/utils/load-custom-presets.ts b/code/core/src/common/utils/load-custom-presets.ts
index 16923ec1a6f0..dcb104351703 100644
--- a/code/core/src/common/utils/load-custom-presets.ts
+++ b/code/core/src/common/utils/load-custom-presets.ts
@@ -1,16 +1,18 @@
-import path from 'node:path';
+import { resolve } from 'node:path';
+
+import type { PresetConfig } from '@storybook/core/types';
+
 import { serverRequire, serverResolve } from './interpret-require';
 import { validateConfigurationFiles } from './validate-configuration-files';
-import type { PresetConfig } from '@storybook/core/types';
 
 export function loadCustomPresets({ configDir }: { configDir: string }): PresetConfig[] {
   validateConfigurationFiles(configDir);
 
-  const presets = serverRequire(path.resolve(configDir, 'presets'));
-  const main = serverRequire(path.resolve(configDir, 'main'));
+  const presets = serverRequire(resolve(configDir, 'presets'));
+  const main = serverRequire(resolve(configDir, 'main'));
 
   if (main) {
-    const resolved = serverResolve(path.resolve(configDir, 'main'));
+    const resolved = serverResolve(resolve(configDir, 'main'));
     if (resolved) {
       return [resolved];
     }
diff --git a/code/core/src/common/utils/load-main-config.ts b/code/core/src/common/utils/load-main-config.ts
index 37d9789afcfb..e594a380d6f8 100644
--- a/code/core/src/common/utils/load-main-config.ts
+++ b/code/core/src/common/utils/load-main-config.ts
@@ -1,9 +1,12 @@
-import path, { relative } from 'node:path';
+import { readFile } from 'node:fs/promises';
+import { relative, resolve } from 'node:path';
+
+import type { StorybookConfig } from '@storybook/core/types';
+
+import { MainFileESMOnlyImportError, MainFileEvaluationError } from '@storybook/core/server-errors';
+
 import { serverRequire, serverResolve } from './interpret-require';
 import { validateConfigurationFiles } from './validate-configuration-files';
-import { readFile } from 'fs/promises';
-import { MainFileESMOnlyImportError, MainFileEvaluationError } from '@storybook/core/server-errors';
-import type { StorybookConfig } from '@storybook/core/types';
 
 export async function loadMainConfig({
   configDir = '.storybook',
@@ -14,7 +17,7 @@ export async function loadMainConfig({
 }): Promise<StorybookConfig> {
   await validateConfigurationFiles(configDir);
 
-  const mainJsPath = serverResolve(path.resolve(configDir, 'main')) as string;
+  const mainJsPath = serverResolve(resolve(configDir, 'main')) as string;
 
   if (noCache && mainJsPath && require.cache[mainJsPath]) {
     delete require.cache[mainJsPath];
diff --git a/code/core/src/common/utils/load-manager-or-addons-file.ts b/code/core/src/common/utils/load-manager-or-addons-file.ts
index 78c10958269c..a60fd6daf9ec 100644
--- a/code/core/src/common/utils/load-manager-or-addons-file.ts
+++ b/code/core/src/common/utils/load-manager-or-addons-file.ts
@@ -1,12 +1,14 @@
-import path from 'node:path';
+import { resolve } from 'node:path';
+
 import { logger } from '@storybook/core/node-logger';
+
 import { dedent } from 'ts-dedent';
 
 import { getInterpretedFile } from './interpret-files';
 
 export function loadManagerOrAddonsFile({ configDir }: { configDir: string }) {
-  const storybookCustomAddonsPath = getInterpretedFile(path.resolve(configDir, 'addons'));
-  const storybookCustomManagerPath = getInterpretedFile(path.resolve(configDir, 'manager'));
+  const storybookCustomAddonsPath = getInterpretedFile(resolve(configDir, 'addons'));
+  const storybookCustomManagerPath = getInterpretedFile(resolve(configDir, 'manager'));
 
   if (storybookCustomAddonsPath || storybookCustomManagerPath) {
     logger.info('=> Loading custom manager config');
@@ -14,7 +16,7 @@ export function loadManagerOrAddonsFile({ configDir }: { configDir: string }) {
 
   if (storybookCustomAddonsPath && storybookCustomManagerPath) {
     throw new Error(dedent`
-      You have both a "addons.js" and a "manager.js", remove the "addons.js" file from your configDir (${path.resolve(
+      You have both a "addons.js" and a "manager.js", remove the "addons.js" file from your configDir (${resolve(
         configDir,
         'addons'
       )})`);
diff --git a/code/core/src/common/utils/load-preview-or-config-file.ts b/code/core/src/common/utils/load-preview-or-config-file.ts
index a6af14cfae16..bc6cadcfbb30 100644
--- a/code/core/src/common/utils/load-preview-or-config-file.ts
+++ b/code/core/src/common/utils/load-preview-or-config-file.ts
@@ -1,15 +1,16 @@
-import path from 'node:path';
+import { resolve } from 'node:path';
+
 import { dedent } from 'ts-dedent';
 
 import { getInterpretedFile } from './interpret-files';
 
 export function loadPreviewOrConfigFile({ configDir }: { configDir: string }) {
-  const storybookConfigPath = getInterpretedFile(path.resolve(configDir, 'config'));
-  const storybookPreviewPath = getInterpretedFile(path.resolve(configDir, 'preview'));
+  const storybookConfigPath = getInterpretedFile(resolve(configDir, 'config'));
+  const storybookPreviewPath = getInterpretedFile(resolve(configDir, 'preview'));
 
   if (storybookConfigPath && storybookPreviewPath) {
     throw new Error(dedent`
-      You have both a "config.js" and a "preview.js", remove the "config.js" file from your configDir (${path.resolve(
+      You have both a "config.js" and a "preview.js", remove the "config.js" file from your configDir (${resolve(
         configDir,
         'config'
       )})`);
diff --git a/code/core/src/common/utils/normalize-path.test.ts b/code/core/src/common/utils/normalize-path.test.ts
index b2688660b6ef..41c5b1dbbf34 100644
--- a/code/core/src/common/utils/normalize-path.test.ts
+++ b/code/core/src/common/utils/normalize-path.test.ts
@@ -1,6 +1,7 @@
-import { normalizePath } from './normalize-path';
 import { describe, expect, it } from 'vitest';
 
+import { normalizePath } from './normalize-path';
+
 describe('normalize-path', () => {
   it('should normalize paths', () => {
     expect(normalizePath('path/to/../file')).toBe('path/file');
diff --git a/code/core/src/common/utils/normalize-path.ts b/code/core/src/common/utils/normalize-path.ts
index 098d8a7a0c58..18c6c00dd157 100644
--- a/code/core/src/common/utils/normalize-path.ts
+++ b/code/core/src/common/utils/normalize-path.ts
@@ -1,4 +1,4 @@
-import path from 'node:path';
+import { posix } from 'node:path';
 
 /**
  * Normalize a path to use forward slashes and remove .. and .
@@ -10,5 +10,5 @@ import path from 'node:path';
  * normalizePath('path\\to\\file') // => 'path/to/file'
  */
 export function normalizePath(p: string) {
-  return path.posix.normalize(p.replace(/\\/g, '/'));
+  return posix.normalize(p.replace(/\\/g, '/'));
 }
diff --git a/code/core/src/common/utils/normalize-stories.ts b/code/core/src/common/utils/normalize-stories.ts
index 44e2bb38f64a..a001209f401b 100644
--- a/code/core/src/common/utils/normalize-stories.ts
+++ b/code/core/src/common/utils/normalize-stories.ts
@@ -1,19 +1,22 @@
 import { lstatSync } from 'node:fs';
-import path from 'node:path';
+import { basename, dirname, relative, resolve } from 'node:path';
+
+import type { NormalizedStoriesSpecifier, StoriesEntry } from '@storybook/core/types';
+
+import { InvalidStoriesEntryError } from '@storybook/core/server-errors';
+
 import * as pico from 'picomatch';
 import slash from 'slash';
 
-import { InvalidStoriesEntryError } from '@storybook/core/server-errors';
-import { normalizeStoryPath } from './paths';
 import { globToRegexp } from './glob-to-regexp';
-import type { NormalizedStoriesSpecifier, StoriesEntry } from '@storybook/core/types';
+import { normalizeStoryPath } from './paths';
 
 const DEFAULT_TITLE_PREFIX = '';
 const DEFAULT_FILES_PATTERN = '**/*.@(mdx|stories.@(js|jsx|mjs|ts|tsx))';
 
 const isDirectory = (configDir: string, entry: string) => {
   try {
-    return lstatSync(path.resolve(configDir, entry)).isDirectory();
+    return lstatSync(resolve(configDir, entry)).isDirectory();
   } catch (err) {
     return false;
   }
@@ -24,8 +27,8 @@ export const getDirectoryFromWorkingDir = ({
   workingDir,
   directory,
 }: NormalizeOptions & { directory: string }) => {
-  const directoryFromConfig = path.resolve(configDir, directory);
-  const directoryFromWorking = path.relative(workingDir, directoryFromConfig);
+  const directoryFromConfig = resolve(configDir, directory);
+  const directoryFromWorking = relative(workingDir, directoryFromConfig);
 
   // relative('/foo', '/foo/src') => 'src'
   // but we want `./src` to match importPaths
@@ -58,8 +61,8 @@ export const normalizeStoriesEntry = (
     } else {
       specifierWithoutMatcher = {
         titlePrefix: DEFAULT_TITLE_PREFIX,
-        directory: path.dirname(entry),
-        files: path.basename(entry),
+        directory: dirname(entry),
+        files: basename(entry),
       };
     }
   } else {
diff --git a/code/core/src/common/utils/notify-telemetry.ts b/code/core/src/common/utils/notify-telemetry.ts
index 53b291b4b6a8..bb39028dedeb 100644
--- a/code/core/src/common/utils/notify-telemetry.ts
+++ b/code/core/src/common/utils/notify-telemetry.ts
@@ -1,4 +1,5 @@
 import chalk from 'chalk';
+
 import { cache } from './cache';
 
 const TELEMETRY_KEY_NOTIFY_DATE = 'telemetry-notification-date';
diff --git a/code/core/src/common/utils/paths.ts b/code/core/src/common/utils/paths.ts
index b2260be135f4..9600f3028e1a 100644
--- a/code/core/src/common/utils/paths.ts
+++ b/code/core/src/common/utils/paths.ts
@@ -1,4 +1,5 @@
-import path from 'node:path';
+import { join, resolve, sep } from 'node:path';
+
 import { findUpSync } from 'find-up';
 
 export const getProjectRoot = () => {
@@ -11,7 +12,7 @@ export const getProjectRoot = () => {
   try {
     const found = findUpSync('.git', { type: 'directory' });
     if (found) {
-      result = path.join(found, '..');
+      result = join(found, '..');
     }
   } catch (e) {
     //
@@ -19,7 +20,7 @@ export const getProjectRoot = () => {
   try {
     const found = findUpSync('.svn', { type: 'directory' });
     if (found) {
-      result = result || path.join(found, '..');
+      result = result || join(found, '..');
     }
   } catch (e) {
     //
@@ -27,7 +28,7 @@ export const getProjectRoot = () => {
   try {
     const found = findUpSync('.hg', { type: 'directory' });
     if (found) {
-      result = result || path.join(found, '..');
+      result = result || join(found, '..');
     }
   } catch (e) {
     //
@@ -43,7 +44,7 @@ export const getProjectRoot = () => {
   try {
     const found = findUpSync('.yarn', { type: 'directory' });
     if (found) {
-      result = result || path.join(found, '..');
+      result = result || join(found, '..');
     }
   } catch (e) {
     //
@@ -56,7 +57,7 @@ export const nodePathsToArray = (nodePath: string) =>
   nodePath
     .split(process.platform === 'win32' ? ';' : ':')
     .filter(Boolean)
-    .map((p) => path.resolve('./', p));
+    .map((p) => resolve('./', p));
 
 const relativePattern = /^\.{1,2}([/\\]|$)/;
 /**
@@ -65,5 +66,5 @@ const relativePattern = /^\.{1,2}([/\\]|$)/;
 export function normalizeStoryPath(filename: string) {
   if (relativePattern.test(filename)) return filename;
 
-  return `.${path.sep}${filename}`;
+  return `.${sep}${filename}`;
 }
diff --git a/code/core/src/common/utils/remove.ts b/code/core/src/common/utils/remove.ts
index f20a9d9f66af..a1be0176cca2 100644
--- a/code/core/src/common/utils/remove.ts
+++ b/code/core/src/common/utils/remove.ts
@@ -1,5 +1,7 @@
-import { dedent } from 'ts-dedent';
 import { readConfig, writeConfig } from '@storybook/core/csf-tools';
+
+import { dedent } from 'ts-dedent';
+
 import type { PackageManagerName } from '../js-package-manager';
 import { JsPackageManagerFactory } from '../js-package-manager';
 import { getStorybookInfo } from './get-storybook-info';
diff --git a/code/core/src/common/utils/resolve-path-in-sb-cache.ts b/code/core/src/common/utils/resolve-path-in-sb-cache.ts
index 4ba6e762ba1b..3bd12c365c2f 100644
--- a/code/core/src/common/utils/resolve-path-in-sb-cache.ts
+++ b/code/core/src/common/utils/resolve-path-in-sb-cache.ts
@@ -1,4 +1,5 @@
-import path from 'node:path';
+import { join } from 'node:path';
+
 import findCacheDirectory from 'find-cache-dir';
 
 /**
@@ -11,7 +12,7 @@ import findCacheDirectory from 'find-cache-dir';
  */
 export function resolvePathInStorybookCache(fileOrDirectoryName: string, sub = 'default'): string {
   let cacheDirectory = findCacheDirectory({ name: 'storybook' });
-  cacheDirectory ||= path.join(process.cwd(), '.cache', 'storybook');
+  cacheDirectory ||= join(process.cwd(), '.cache', 'storybook');
 
-  return path.join(cacheDirectory, sub, fileOrDirectoryName);
+  return join(cacheDirectory, sub, fileOrDirectoryName);
 }
diff --git a/code/core/src/common/utils/strip-abs-node-modules-path.ts b/code/core/src/common/utils/strip-abs-node-modules-path.ts
index b3d83198f1e7..abbb55608a64 100644
--- a/code/core/src/common/utils/strip-abs-node-modules-path.ts
+++ b/code/core/src/common/utils/strip-abs-node-modules-path.ts
@@ -1,15 +1,16 @@
-import path from 'node:path';
+import { posix, sep } from 'node:path';
+
 import slash from 'slash';
 
 function normalizePath(id: string) {
-  return path.posix.normalize(slash(id));
+  return posix.normalize(slash(id));
 }
 
 // We need to convert from an absolute path, to a traditional node module import path,
 // so that vite can correctly pre-bundle/optimize
 export function stripAbsNodeModulesPath(absPath: string) {
   // TODO: Evaluate if searching for node_modules in a yarn pnp environment is correct
-  const splits = absPath.split(`node_modules${path.sep}`);
+  const splits = absPath.split(`node_modules${sep}`);
   // Return everything after the final "node_modules/"
   const module = normalizePath(splits[splits.length - 1]);
   return module;
diff --git a/code/core/src/common/utils/template.ts b/code/core/src/common/utils/template.ts
index 367ea32afe71..eb32545b7ea2 100644
--- a/code/core/src/common/utils/template.ts
+++ b/code/core/src/common/utils/template.ts
@@ -1,5 +1,5 @@
-import { dirname, resolve } from 'node:path';
 import { existsSync, readFileSync } from 'node:fs';
+import { dirname, resolve } from 'node:path';
 
 const interpolate = (string: string, data: Record<string, string> = {}) =>
   Object.entries(data).reduce((acc, [k, v]) => acc.replace(new RegExp(`%${k}%`, 'g'), v), string);
diff --git a/code/core/src/common/utils/validate-config.test.ts b/code/core/src/common/utils/validate-config.test.ts
index d945f374002f..891b5daa63fb 100644
--- a/code/core/src/common/utils/validate-config.test.ts
+++ b/code/core/src/common/utils/validate-config.test.ts
@@ -1,4 +1,5 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import { validateFrameworkName } from './validate-config';
 
 describe('validateFrameworkName', () => {
diff --git a/code/core/src/common/utils/validate-config.ts b/code/core/src/common/utils/validate-config.ts
index 4ca2856d02b9..221ea9235522 100644
--- a/code/core/src/common/utils/validate-config.ts
+++ b/code/core/src/common/utils/validate-config.ts
@@ -1,9 +1,11 @@
 import { join } from 'node:path';
+
 import {
   CouldNotEvaluateFrameworkError,
-  MissingFrameworkFieldError,
   InvalidFrameworkNameError,
+  MissingFrameworkFieldError,
 } from '@storybook/core/server-errors';
+
 import { frameworkPackages } from './get-storybook-info';
 
 const renderers = ['html', 'preact', 'react', 'server', 'svelte', 'vue', 'vue3', 'web-components'];
diff --git a/code/core/src/common/utils/validate-configuration-files.ts b/code/core/src/common/utils/validate-configuration-files.ts
index f177bc84901b..3e35a6f2bafb 100644
--- a/code/core/src/common/utils/validate-configuration-files.ts
+++ b/code/core/src/common/utils/validate-configuration-files.ts
@@ -1,21 +1,23 @@
-import { dedent } from 'ts-dedent';
+import { resolve } from 'node:path';
+
+import { once } from '@storybook/core/node-logger';
+import { MainFileMissingError } from '@storybook/core/server-errors';
+
 import { glob } from 'glob';
-import path from 'node:path';
 import slash from 'slash';
-import { once } from '@storybook/core/node-logger';
+import { dedent } from 'ts-dedent';
 
 import { boost } from './interpret-files';
-import { MainFileMissingError } from '@storybook/core/server-errors';
 
 export async function validateConfigurationFiles(configDir: string) {
   const extensionsPattern = `{${Array.from(boost).join(',')}}`;
-  const mainConfigMatches = await glob(slash(path.resolve(configDir, `main${extensionsPattern}`)));
+  const mainConfigMatches = await glob(slash(resolve(configDir, `main${extensionsPattern}`)));
 
   const [mainConfigPath] = mainConfigMatches;
 
   if (mainConfigMatches.length > 1) {
     once.warn(dedent`
-      Multiple main files found in your configDir (${path.resolve(configDir)}).
+      Multiple main files found in your configDir (${resolve(configDir)}).
       Storybook will use the first one found and ignore the others. Please remove the extra files.
     `);
   }
diff --git a/code/core/src/common/versions.ts b/code/core/src/common/versions.ts
index aa838eab79cc..051878614fe9 100644
--- a/code/core/src/common/versions.ts
+++ b/code/core/src/common/versions.ts
@@ -41,6 +41,7 @@ export default {
   '@storybook/types': '8.3.0-alpha.4',
   '@storybook/angular': '8.3.0-alpha.4',
   '@storybook/ember': '8.3.0-alpha.4',
+  '@storybook/experimental-nextjs-vite': '8.3.0-alpha.4',
   '@storybook/html-vite': '8.3.0-alpha.4',
   '@storybook/html-webpack5': '8.3.0-alpha.4',
   '@storybook/nextjs': '8.3.0-alpha.4',
diff --git a/code/core/src/components/components/ActionBar/ActionBar.stories.tsx b/code/core/src/components/components/ActionBar/ActionBar.stories.tsx
index 48fa2d56f47a..d5598a36ec1f 100644
--- a/code/core/src/components/components/ActionBar/ActionBar.stories.tsx
+++ b/code/core/src/components/components/ActionBar/ActionBar.stories.tsx
@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
+
 import { action } from '@storybook/addon-actions';
 
 import { ActionBar } from './ActionBar';
diff --git a/code/core/src/components/components/Badge/Badge.stories.tsx b/code/core/src/components/components/Badge/Badge.stories.tsx
index 974dc64f8be1..4f51422c0f0e 100644
--- a/code/core/src/components/components/Badge/Badge.stories.tsx
+++ b/code/core/src/components/components/Badge/Badge.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Badge } from './Badge';
 
 const meta = {
diff --git a/code/core/src/components/components/Badge/Badge.tsx b/code/core/src/components/components/Badge/Badge.tsx
index f5e111cd4c69..a76cbd1121cc 100644
--- a/code/core/src/components/components/Badge/Badge.tsx
+++ b/code/core/src/components/components/Badge/Badge.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { transparentize } from 'polished';
 
 const BadgeWrapper = styled.div<BadgeProps>(
diff --git a/code/core/src/components/components/Button/Button.deprecated.stories.tsx b/code/core/src/components/components/Button/Button.deprecated.stories.tsx
index 009ea9627ab5..ee10af77e39b 100644
--- a/code/core/src/components/components/Button/Button.deprecated.stories.tsx
+++ b/code/core/src/components/components/Button/Button.deprecated.stories.tsx
@@ -1,8 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
+
 import { LinkIcon } from '@storybook/icons';
-import { Button } from './Button';
+import type { Meta, StoryObj } from '@storybook/react';
+
 import { Form } from '../form';
+import { Button } from './Button';
 
 const meta: Meta<typeof Button> = {
   title: 'Button (Deprecated)',
diff --git a/code/core/src/components/components/Button/Button.stories.tsx b/code/core/src/components/components/Button/Button.stories.tsx
index a74ce9e308a6..93407ce8cc8d 100644
--- a/code/core/src/components/components/Button/Button.stories.tsx
+++ b/code/core/src/components/components/Button/Button.stories.tsx
@@ -1,7 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import type { ReactNode } from 'react';
 import React from 'react';
+
 import { FaceHappyIcon } from '@storybook/icons';
+import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/core/src/components/components/Button/Button.tsx b/code/core/src/components/components/Button/Button.tsx
index 5c9eb88b693f..4e91549a9874 100644
--- a/code/core/src/components/components/Button/Button.tsx
+++ b/code/core/src/components/components/Button/Button.tsx
@@ -1,10 +1,13 @@
 import type { ButtonHTMLAttributes, SyntheticEvent } from 'react';
 import React, { forwardRef, useEffect, useState } from 'react';
+
 import { isPropValid, styled } from '@storybook/core/theming';
-import { darken, lighten, rgba, transparentize } from 'polished';
-import { Slot } from '@radix-ui/react-slot';
+
 import { deprecate } from '@storybook/core/client-logger';
 
+import { Slot } from '@radix-ui/react-slot';
+import { darken, lighten, rgba, transparentize } from 'polished';
+
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   asChild?: boolean;
   size?: 'small' | 'medium';
diff --git a/code/core/src/components/components/ErrorFormatter/ErrorFormatter.stories.tsx b/code/core/src/components/components/ErrorFormatter/ErrorFormatter.stories.tsx
index 9038928d27a2..3ffc4e68381d 100644
--- a/code/core/src/components/components/ErrorFormatter/ErrorFormatter.stories.tsx
+++ b/code/core/src/components/components/ErrorFormatter/ErrorFormatter.stories.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
 import { dedent } from 'ts-dedent';
 
 import { ErrorFormatter } from './ErrorFormatter';
diff --git a/code/core/src/components/components/ErrorFormatter/ErrorFormatter.tsx b/code/core/src/components/components/ErrorFormatter/ErrorFormatter.tsx
index 422d0a0ff5ad..b33a4c2f4040 100644
--- a/code/core/src/components/components/ErrorFormatter/ErrorFormatter.tsx
+++ b/code/core/src/components/components/ErrorFormatter/ErrorFormatter.tsx
@@ -1,7 +1,7 @@
-import { global } from '@storybook/global';
-
 import React, { Fragment } from 'react';
+
 import { styled } from '@storybook/core/theming';
+import { global } from '@storybook/global';
 
 const { document } = global;
 
diff --git a/code/core/src/components/components/IconButton/IconButton.stories.tsx b/code/core/src/components/components/IconButton/IconButton.stories.tsx
index c3341ac44c92..b7c8584cc150 100644
--- a/code/core/src/components/components/IconButton/IconButton.stories.tsx
+++ b/code/core/src/components/components/IconButton/IconButton.stories.tsx
@@ -1,6 +1,8 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
+
 import { FaceHappyIcon } from '@storybook/icons';
+import type { Meta, StoryObj } from '@storybook/react';
+
 import { IconButton } from './IconButton';
 
 const meta = {
diff --git a/code/core/src/components/components/IconButton/IconButton.tsx b/code/core/src/components/components/IconButton/IconButton.tsx
index 87088d342b52..31bf06902b36 100644
--- a/code/core/src/components/components/IconButton/IconButton.tsx
+++ b/code/core/src/components/components/IconButton/IconButton.tsx
@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+
 import type { ButtonProps } from '../Button/Button';
 import { Button } from '../Button/Button';
 
diff --git a/code/core/src/components/components/Loader/Loader.stories.tsx b/code/core/src/components/components/Loader/Loader.stories.tsx
index c4d7b5eb0019..35b3f4cc14a3 100644
--- a/code/core/src/components/components/Loader/Loader.stories.tsx
+++ b/code/core/src/components/components/Loader/Loader.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { Loader } from './Loader';
 
 const withBackground = (storyFn: any) => (
diff --git a/code/core/src/components/components/Loader/Loader.tsx b/code/core/src/components/components/Loader/Loader.tsx
index c29130e86b5e..e30812e27286 100644
--- a/code/core/src/components/components/Loader/Loader.tsx
+++ b/code/core/src/components/components/Loader/Loader.tsx
@@ -1,9 +1,12 @@
-import { transparentize } from 'polished';
 import React from 'react';
-import { styled, keyframes } from '@storybook/core/theming';
-import { rotate360 } from '../shared/animation';
+
+import { keyframes, styled } from '@storybook/core/theming';
 import { LightningOffIcon } from '@storybook/icons';
 
+import { transparentize } from 'polished';
+
+import { rotate360 } from '../shared/animation';
+
 const LoaderWrapper = styled.div<{ size?: number }>(({ size = 32 }) => ({
   borderRadius: '50%',
   cursor: 'progress',
diff --git a/code/core/src/components/components/Modal/Modal.stories.tsx b/code/core/src/components/components/Modal/Modal.stories.tsx
index 658683e6368b..0793d24c8db5 100644
--- a/code/core/src/components/components/Modal/Modal.stories.tsx
+++ b/code/core/src/components/components/Modal/Modal.stories.tsx
@@ -1,9 +1,10 @@
 import React, { useState } from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
-import { userEvent, within, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
-import { Modal } from './Modal';
 import { Button } from '../Button/Button';
+import { Modal } from './Modal';
 
 type Story = StoryObj<typeof meta>;
 
diff --git a/code/core/src/components/components/Modal/Modal.styled.tsx b/code/core/src/components/components/Modal/Modal.styled.tsx
index 4636eea89d80..ca56fb05627e 100644
--- a/code/core/src/components/components/Modal/Modal.styled.tsx
+++ b/code/core/src/components/components/Modal/Modal.styled.tsx
@@ -1,11 +1,13 @@
-import { keyframes, styled } from '@storybook/core/theming';
-import * as Dialog from '@radix-ui/react-dialog';
 import type { ComponentProps } from 'react';
 import React from 'react';
 
-import { IconButton } from '../IconButton/IconButton';
+import { keyframes, styled } from '@storybook/core/theming';
 import { CrossIcon } from '@storybook/icons';
 
+import * as Dialog from '@radix-ui/react-dialog';
+
+import { IconButton } from '../IconButton/IconButton';
+
 const fadeIn = keyframes({
   from: { opacity: 0 },
   to: { opacity: 1 },
diff --git a/code/core/src/components/components/Modal/Modal.tsx b/code/core/src/components/components/Modal/Modal.tsx
index ad5ddaa85b4e..a31f5aa838b6 100644
--- a/code/core/src/components/components/Modal/Modal.tsx
+++ b/code/core/src/components/components/Modal/Modal.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import * as Dialog from '@radix-ui/react-dialog';
+
 import * as Components from './Modal.styled';
 
 type ContentProps = React.ComponentProps<typeof Dialog.Content>;
diff --git a/code/core/src/components/components/ScrollArea/ScrollArea.stories.tsx b/code/core/src/components/components/ScrollArea/ScrollArea.stories.tsx
index b353f644cec7..134088a66eda 100644
--- a/code/core/src/components/components/ScrollArea/ScrollArea.stories.tsx
+++ b/code/core/src/components/components/ScrollArea/ScrollArea.stories.tsx
@@ -1,6 +1,8 @@
 import type { ReactElement } from 'react';
 import React, { Fragment } from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { ScrollArea } from './ScrollArea';
 
 const Block = styled.span({
diff --git a/code/core/src/components/components/ScrollArea/ScrollArea.tsx b/code/core/src/components/components/ScrollArea/ScrollArea.tsx
index 836294b51f3e..aa1dff7b5c24 100644
--- a/code/core/src/components/components/ScrollArea/ScrollArea.tsx
+++ b/code/core/src/components/components/ScrollArea/ScrollArea.tsx
@@ -1,5 +1,7 @@
 import React, { forwardRef } from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 
 export interface ScrollAreaProps {
diff --git a/code/core/src/components/components/Zoom/Zoom.stories.tsx b/code/core/src/components/components/Zoom/Zoom.stories.tsx
index f4632ece0e4e..b480b78b1925 100644
--- a/code/core/src/components/components/Zoom/Zoom.stories.tsx
+++ b/code/core/src/components/components/Zoom/Zoom.stories.tsx
@@ -1,5 +1,6 @@
 import type { CSSProperties } from 'react';
 import React, { useEffect, useState } from 'react';
+
 import { Zoom } from './Zoom';
 
 export default {
diff --git a/code/core/src/components/components/Zoom/ZoomElement.tsx b/code/core/src/components/components/Zoom/ZoomElement.tsx
index e67a5f821817..7fb8068a3d60 100644
--- a/code/core/src/components/components/Zoom/ZoomElement.tsx
+++ b/code/core/src/components/components/Zoom/ZoomElement.tsx
@@ -1,8 +1,10 @@
 import type { ReactElement } from 'react';
-import React, { useEffect, useRef, useState, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+
+import { styled } from '@storybook/core/theming';
+
 import type { ResizeHandler } from 'use-resize-observer';
 import useResizeObserver from 'use-resize-observer';
-import { styled } from '@storybook/core/theming';
 
 const ZoomElementWrapper = styled.div<{ scale: number; elementHeight: number }>(
   ({ scale = 1, elementHeight }) => ({
diff --git a/code/core/src/components/components/Zoom/ZoomIFrame.tsx b/code/core/src/components/components/Zoom/ZoomIFrame.tsx
index 370b2c4e22de..d166d3b96c28 100644
--- a/code/core/src/components/components/Zoom/ZoomIFrame.tsx
+++ b/code/core/src/components/components/Zoom/ZoomIFrame.tsx
@@ -1,4 +1,4 @@
-import type { RefObject, ReactElement } from 'react';
+import type { ReactElement, RefObject } from 'react';
 import React, { Component } from 'react';
 
 export type IZoomIFrameProps = {
diff --git a/code/core/src/components/components/addon-panel/addon-panel.tsx b/code/core/src/components/components/addon-panel/addon-panel.tsx
index 89e32c0b8592..a34ac48e9efb 100644
--- a/code/core/src/components/components/addon-panel/addon-panel.tsx
+++ b/code/core/src/components/components/addon-panel/addon-panel.tsx
@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import React, { useRef, useEffect } from 'react';
+import React, { useEffect, useRef } from 'react';
 
 const usePrevious = (value: any) => {
   const ref = useRef();
diff --git a/code/core/src/components/components/bar/bar.tsx b/code/core/src/components/components/bar/bar.tsx
index 933cd65cb524..571d84016620 100644
--- a/code/core/src/components/components/bar/bar.tsx
+++ b/code/core/src/components/components/bar/bar.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from 'react';
 import React, { Children } from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 import type { ScrollAreaProps } from '../ScrollArea/ScrollArea';
diff --git a/code/core/src/components/components/bar/button.tsx b/code/core/src/components/components/bar/button.tsx
index 2561f19fa2ae..ef64b7e60647 100644
--- a/code/core/src/components/components/bar/button.tsx
+++ b/code/core/src/components/components/bar/button.tsx
@@ -2,13 +2,14 @@ import type {
   AnchorHTMLAttributes,
   ButtonHTMLAttributes,
   DetailedHTMLProps,
-  ForwardedRef,
   ForwardRefExoticComponent,
+  ForwardedRef,
   ReactElement,
   RefAttributes,
 } from 'react';
 import React, { forwardRef } from 'react';
-import { styled, isPropValid } from '@storybook/core/theming';
+
+import { isPropValid, styled } from '@storybook/core/theming';
 
 interface ButtonProps
   extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
diff --git a/code/core/src/components/components/bar/separator.tsx b/code/core/src/components/components/bar/separator.tsx
index 039c4257ad65..dd06697e9af0 100644
--- a/code/core/src/components/components/bar/separator.tsx
+++ b/code/core/src/components/components/bar/separator.tsx
@@ -1,4 +1,5 @@
 import React, { Fragment } from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 export interface SeparatorProps {
diff --git a/code/core/src/components/components/clipboard/ClipboardCode.tsx b/code/core/src/components/components/clipboard/ClipboardCode.tsx
index 5954e466f62d..bb9ffd1bf736 100644
--- a/code/core/src/components/components/clipboard/ClipboardCode.tsx
+++ b/code/core/src/components/components/clipboard/ClipboardCode.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { color, styled, typography } from '@storybook/core/theming';
 
 const Code = styled.pre`
diff --git a/code/core/src/components/components/form/field/field.tsx b/code/core/src/components/components/form/field/field.tsx
index 6ff17740691a..ad43a1388781 100644
--- a/code/core/src/components/components/form/field/field.tsx
+++ b/code/core/src/components/components/form/field/field.tsx
@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 const Wrapper = styled.label(({ theme }) => ({
diff --git a/code/core/src/components/components/form/form.stories.tsx b/code/core/src/components/components/form/form.stories.tsx
index 45470d60c848..a081368f6db9 100644
--- a/code/core/src/components/components/form/form.stories.tsx
+++ b/code/core/src/components/components/form/form.stories.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { action } from '@storybook/addon-actions';
 
-import * as InputComponents from './input/input';
 import { Field as FieldComponent } from './field/field';
+import * as InputComponents from './input/input';
 
 const Flexed = styled(FieldComponent)({ display: 'flex' });
 
diff --git a/code/core/src/components/components/form/index.tsx b/code/core/src/components/components/form/index.tsx
index 3407f342a862..4eba4e779f11 100644
--- a/code/core/src/components/components/form/index.tsx
+++ b/code/core/src/components/components/form/index.tsx
@@ -1,7 +1,8 @@
 import { styled } from '@storybook/core/theming';
+
+import { Button } from '../Button/Button';
 import { Field } from './field/field';
 import { Input, Select, Textarea } from './input/input';
-import { Button } from '../Button/Button';
 
 export const Form = Object.assign(
   styled.form({
diff --git a/code/core/src/components/components/form/input/input.tsx b/code/core/src/components/components/form/input/input.tsx
index 423da39326a0..5e037b38fb4f 100644
--- a/code/core/src/components/components/form/input/input.tsx
+++ b/code/core/src/components/components/form/input/input.tsx
@@ -1,5 +1,6 @@
 import type { HTMLProps, SelectHTMLAttributes } from 'react';
 import React, { forwardRef } from 'react';
+
 import type { CSSObject, StorybookTheme } from '@storybook/core/theming';
 import { styled } from '@storybook/core/theming';
 
diff --git a/code/core/src/components/components/icon/icon.stories.tsx b/code/core/src/components/components/icon/icon.stories.tsx
index 929319b346a7..acafe6af4425 100644
--- a/code/core/src/components/components/icon/icon.stories.tsx
+++ b/code/core/src/components/components/icon/icon.stories.tsx
@@ -1,6 +1,7 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
-import { styled, css } from '@storybook/core/theming';
+
+import { css, styled } from '@storybook/core/theming';
 
 import type { IconType } from './icon';
 import { Icons, icons } from './icon';
diff --git a/code/core/src/components/components/icon/icon.tsx b/code/core/src/components/components/icon/icon.tsx
index ca80a0700954..9e2a52405cd5 100644
--- a/code/core/src/components/components/icon/icon.tsx
+++ b/code/core/src/components/components/icon/icon.tsx
@@ -1,8 +1,9 @@
 import type { ComponentProps } from 'react';
 import React, { memo } from 'react';
 
-import * as StorybookIcons from '@storybook/icons';
 import { styled } from '@storybook/core/theming';
+import * as StorybookIcons from '@storybook/icons';
+
 import { deprecate, logger } from '@storybook/core/client-logger';
 
 export type IconType = keyof typeof icons;
diff --git a/code/core/src/components/components/placeholder/placeholder.stories.tsx b/code/core/src/components/components/placeholder/placeholder.stories.tsx
index 4e7c53172449..071610125b7f 100644
--- a/code/core/src/components/components/placeholder/placeholder.stories.tsx
+++ b/code/core/src/components/components/placeholder/placeholder.stories.tsx
@@ -1,7 +1,7 @@
 import React, { Fragment } from 'react';
 
-import { Placeholder } from './placeholder';
 import { Link } from '../typography/link/link';
+import { Placeholder } from './placeholder';
 
 export default {
   component: Placeholder,
diff --git a/code/core/src/components/components/placeholder/placeholder.tsx b/code/core/src/components/components/placeholder/placeholder.tsx
index 68f1c026d4d2..faa7d1df78b7 100644
--- a/code/core/src/components/components/placeholder/placeholder.tsx
+++ b/code/core/src/components/components/placeholder/placeholder.tsx
@@ -1,4 +1,5 @@
 import React, { Children } from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 const Title = styled.div(({ theme }) => ({
diff --git a/code/core/src/components/components/spaced/Spaced.stories.tsx b/code/core/src/components/components/spaced/Spaced.stories.tsx
index 4c84f6811661..3f342022e3b5 100644
--- a/code/core/src/components/components/spaced/Spaced.stories.tsx
+++ b/code/core/src/components/components/spaced/Spaced.stories.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 import { Spaced } from './Spaced';
diff --git a/code/core/src/components/components/spaced/Spaced.tsx b/code/core/src/components/components/spaced/Spaced.tsx
index b4a79a919203..4c0afcfb9bfd 100644
--- a/code/core/src/components/components/spaced/Spaced.tsx
+++ b/code/core/src/components/components/spaced/Spaced.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { styled, ignoreSsrWarning } from '@storybook/core/theming';
+
+import { ignoreSsrWarning, styled } from '@storybook/core/theming';
 
 const toNumber = (input: any) => (typeof input === 'number' ? input : Number(input));
 
diff --git a/code/core/src/components/components/syntaxhighlighter/formatter.test.ts b/code/core/src/components/components/syntaxhighlighter/formatter.test.ts
index 041cf2148ee1..4c215c977154 100644
--- a/code/core/src/components/components/syntaxhighlighter/formatter.test.ts
+++ b/code/core/src/components/components/syntaxhighlighter/formatter.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { dedent } from 'ts-dedent';
 
 import { formatter } from './formatter';
diff --git a/code/core/src/components/components/syntaxhighlighter/formatter.ts b/code/core/src/components/components/syntaxhighlighter/formatter.ts
index c0ec2d7ad183..7ff96626bc0e 100644
--- a/code/core/src/components/components/syntaxhighlighter/formatter.ts
+++ b/code/core/src/components/components/syntaxhighlighter/formatter.ts
@@ -1,8 +1,8 @@
 import memoize from 'memoizerific';
-
 import prettierHtml from 'prettier/plugins/html';
 import prettier from 'prettier/standalone';
 import { dedent } from 'ts-dedent';
+
 import type { SyntaxHighlighterFormatTypes } from './syntaxhighlighter-types';
 
 export const formatter = memoize(2)(async (type: SyntaxHighlighterFormatTypes, source: string) => {
diff --git a/code/core/src/components/components/syntaxhighlighter/lazy-syntaxhighlighter.tsx b/code/core/src/components/components/syntaxhighlighter/lazy-syntaxhighlighter.tsx
index 822034aca219..25aacedaafb5 100644
--- a/code/core/src/components/components/syntaxhighlighter/lazy-syntaxhighlighter.tsx
+++ b/code/core/src/components/components/syntaxhighlighter/lazy-syntaxhighlighter.tsx
@@ -1,6 +1,6 @@
 import React, { Suspense, lazy } from 'react';
-
 import type { ComponentProps } from 'react';
+
 import type ReactSyntaxHighlighter from './syntaxhighlighter';
 
 let languages: Parameters<typeof ReactSyntaxHighlighter.registerLanguage>[] = [];
diff --git a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter-types.ts b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter-types.ts
index d7ec7832df8a..389f966e4968 100644
--- a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter-types.ts
+++ b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter-types.ts
@@ -1,5 +1,7 @@
-import type { BuiltInParserName } from 'prettier';
 import type { ReactNode } from 'react';
+
+import type { BuiltInParserName } from 'prettier';
+
 import type { supportedLanguages } from './syntaxhighlighter';
 
 export interface SyntaxHighlighterRendererProps {
diff --git a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.stories.tsx b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.stories.tsx
index 4b817b756c79..cd1fbe7af16b 100644
--- a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.stories.tsx
+++ b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.stories.tsx
@@ -1,7 +1,8 @@
-import { ThemeProvider, ensure, themes } from '@storybook/core/theming';
-
 import type { ComponentProps } from 'react';
 import React from 'react';
+
+import { ThemeProvider, ensure, themes } from '@storybook/core/theming';
+
 import { SyntaxHighlighter } from './lazy-syntaxhighlighter';
 
 export default {
diff --git a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx
index 08a424fe31a0..1c6db28aca22 100644
--- a/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx
+++ b/code/core/src/components/components/syntaxhighlighter/syntaxhighlighter.tsx
@@ -1,31 +1,31 @@
 import type { MouseEvent } from 'react';
 import React, { useCallback, useEffect, useState } from 'react';
-import { logger } from '@storybook/core/client-logger';
+
 import { styled } from '@storybook/core/theming';
 import { global } from '@storybook/global';
-import memoize from 'memoizerific';
 
-import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
+import { logger } from '@storybook/core/client-logger';
+
+import memoize from 'memoizerific';
+// @ts-expect-error (Converted from ts-ignore)
+import { createElement } from 'react-syntax-highlighter/dist/esm/index';
 import bash from 'react-syntax-highlighter/dist/esm/languages/prism/bash';
 import css from 'react-syntax-highlighter/dist/esm/languages/prism/css';
+import graphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql';
 // @ts-expect-error (Converted from ts-ignore)
 import jsExtras from 'react-syntax-highlighter/dist/esm/languages/prism/js-extras';
 import json from 'react-syntax-highlighter/dist/esm/languages/prism/json';
-import graphql from 'react-syntax-highlighter/dist/esm/languages/prism/graphql';
-import html from 'react-syntax-highlighter/dist/esm/languages/prism/markup';
+import jsx from 'react-syntax-highlighter/dist/esm/languages/prism/jsx';
 import md from 'react-syntax-highlighter/dist/esm/languages/prism/markdown';
-import yml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml';
+import html from 'react-syntax-highlighter/dist/esm/languages/prism/markup';
 import tsx from 'react-syntax-highlighter/dist/esm/languages/prism/tsx';
 import typescript from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
-
+import yml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml';
 import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';
-// @ts-expect-error (Converted from ts-ignore)
-import { createElement } from 'react-syntax-highlighter/dist/esm/index';
 
 import { ActionBar } from '../ActionBar/ActionBar';
 import type { ScrollAreaProps } from '../ScrollArea/ScrollArea';
 import { ScrollArea } from '../ScrollArea/ScrollArea';
-
 import type {
   SyntaxHighlighterProps,
   SyntaxHighlighterRenderer,
diff --git a/code/core/src/components/components/tabs/EmptyTabContent.stories.tsx b/code/core/src/components/components/tabs/EmptyTabContent.stories.tsx
index e03fa329532b..9c291b9e6299 100644
--- a/code/core/src/components/components/tabs/EmptyTabContent.stories.tsx
+++ b/code/core/src/components/components/tabs/EmptyTabContent.stories.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
-import { EmptyTabContent } from './EmptyTabContent';
-import { DocumentIcon } from '@storybook/icons';
+
 import { Link } from '@storybook/core/components';
+import { DocumentIcon } from '@storybook/icons';
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { EmptyTabContent } from './EmptyTabContent';
+
 export default {
   title: 'TabContentEmpty',
   component: EmptyTabContent,
diff --git a/code/core/src/components/components/tabs/EmptyTabContent.tsx b/code/core/src/components/components/tabs/EmptyTabContent.tsx
index 1ce8d5e5a9f8..cdb191e59716 100644
--- a/code/core/src/components/components/tabs/EmptyTabContent.tsx
+++ b/code/core/src/components/components/tabs/EmptyTabContent.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 const Wrapper = styled.div(({ theme }) => ({
diff --git a/code/core/src/components/components/tabs/tabs.helpers.tsx b/code/core/src/components/components/tabs/tabs.helpers.tsx
index 2a26b6651139..90ae4c2c10ab 100644
--- a/code/core/src/components/components/tabs/tabs.helpers.tsx
+++ b/code/core/src/components/components/tabs/tabs.helpers.tsx
@@ -1,7 +1,9 @@
-import { styled } from '@storybook/core/theming';
 import type { FC, PropsWithChildren, ReactChild, ReactElement, ReactNode } from 'react';
 import React, { Children } from 'react';
+
+import { styled } from '@storybook/core/theming';
 import type { Addon_RenderOptions } from '@storybook/core/types';
+
 import type { TabsProps } from './tabs';
 
 export interface VisuallyHiddenProps {
diff --git a/code/core/src/components/components/tabs/tabs.hooks.tsx b/code/core/src/components/components/tabs/tabs.hooks.tsx
index d2606644d5a4..be3a8f2060a7 100644
--- a/code/core/src/components/components/tabs/tabs.hooks.tsx
+++ b/code/core/src/components/components/tabs/tabs.hooks.tsx
@@ -1,12 +1,15 @@
 import React, { useCallback, useLayoutEffect, useRef, useState } from 'react';
-import { sanitize } from '@storybook/csf';
+
 import { styled } from '@storybook/core/theming';
+import { sanitize } from '@storybook/csf';
+
 import useResizeObserver from 'use-resize-observer';
+
 import { TabButton } from '../bar/button';
 import { TooltipLinkList } from '../tooltip/TooltipLinkList';
+import type { Link } from '../tooltip/TooltipLinkList';
 import { WithTooltip } from '../tooltip/WithTooltip';
 import type { ChildrenListComplete } from './tabs.helpers';
-import type { Link } from '../tooltip/TooltipLinkList';
 
 const CollapseIcon = styled.span<{ isActive: boolean }>(({ theme, isActive }) => ({
   display: 'inline-block',
diff --git a/code/core/src/components/components/tabs/tabs.stories.tsx b/code/core/src/components/components/tabs/tabs.stories.tsx
index 1958c3e18555..5e23fd7ecb7b 100644
--- a/code/core/src/components/components/tabs/tabs.stories.tsx
+++ b/code/core/src/components/components/tabs/tabs.stories.tsx
@@ -1,12 +1,15 @@
-import { expect } from '@storybook/test';
 import React from 'react';
-import { action } from '@storybook/addon-actions';
-import type { Meta, StoryObj } from '@storybook/react';
-import { within, fireEvent, waitFor, screen, userEvent, findByText } from '@storybook/test';
+
 import { BottomBarIcon, CloseIcon } from '@storybook/icons';
-import { Tabs, TabsState, TabWrapper } from './tabs';
-import type { ChildrenList } from './tabs.helpers';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect } from '@storybook/test';
+import { findByText, fireEvent, screen, userEvent, waitFor, within } from '@storybook/test';
+
+import { action } from '@storybook/addon-actions';
+
 import { IconButton } from '../IconButton/IconButton';
+import { TabWrapper, Tabs, TabsState } from './tabs';
+import type { ChildrenList } from './tabs.helpers';
 
 const colours = Array.from(new Array(15), (val, index) => index).map((i) =>
   Math.floor((1 / 15) * i * 16777215)
diff --git a/code/core/src/components/components/tabs/tabs.tsx b/code/core/src/components/components/tabs/tabs.tsx
index 318fc31c033a..3c8c46c45c1b 100644
--- a/code/core/src/components/components/tabs/tabs.tsx
+++ b/code/core/src/components/components/tabs/tabs.tsx
@@ -1,14 +1,15 @@
 import type { FC, PropsWithChildren, ReactElement, ReactNode, SyntheticEvent } from 'react';
-import React, { useMemo, Component, memo } from 'react';
+import React, { Component, memo, useMemo } from 'react';
+
 import { styled } from '@storybook/core/theming';
+import type { Addon_RenderOptions } from '@storybook/core/types';
 import { sanitize } from '@storybook/csf';
 
-import type { Addon_RenderOptions } from '@storybook/core/types';
-import { TabButton } from '../bar/button';
 import { FlexBar } from '../bar/bar';
-import { childrenToList, VisuallyHidden } from './tabs.helpers';
-import { useList } from './tabs.hooks';
+import { TabButton } from '../bar/button';
 import { EmptyTabContent } from './EmptyTabContent';
+import { VisuallyHidden, childrenToList } from './tabs.helpers';
+import { useList } from './tabs.hooks';
 
 const ignoreSsrWarning =
   '/* emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason */';
diff --git a/code/core/src/components/components/tooltip/ListItem.stories.tsx b/code/core/src/components/components/tooltip/ListItem.stories.tsx
index ab68b8444ba8..b85d3ba4c1ab 100644
--- a/code/core/src/components/components/tooltip/ListItem.stories.tsx
+++ b/code/core/src/components/components/tooltip/ListItem.stories.tsx
@@ -1,5 +1,7 @@
 import React, { Fragment } from 'react';
+
 import { EyeIcon } from '@storybook/icons';
+
 import ListItem from './ListItem';
 
 export default {
diff --git a/code/core/src/components/components/tooltip/ListItem.tsx b/code/core/src/components/components/tooltip/ListItem.tsx
index 58528169f165..9e4dc9d75f9b 100644
--- a/code/core/src/components/components/tooltip/ListItem.tsx
+++ b/code/core/src/components/components/tooltip/ListItem.tsx
@@ -1,6 +1,8 @@
-import type { ReactNode, ComponentProps } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import memoize from 'memoizerific';
 import { transparentize } from 'polished';
 
diff --git a/code/core/src/components/components/tooltip/Tooltip.stories.tsx b/code/core/src/components/components/tooltip/Tooltip.stories.tsx
index 3ca9e21cfc11..35385c1b447f 100644
--- a/code/core/src/components/components/tooltip/Tooltip.stories.tsx
+++ b/code/core/src/components/components/tooltip/Tooltip.stories.tsx
@@ -1,6 +1,8 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { Tooltip } from './Tooltip';
 
 // Popper would position the tooltip absolutely. We just need to make sure we are pos:rel
diff --git a/code/core/src/components/components/tooltip/Tooltip.tsx b/code/core/src/components/components/tooltip/Tooltip.tsx
index 83fbebfd1c9c..77a6d4fc9c25 100644
--- a/code/core/src/components/components/tooltip/Tooltip.tsx
+++ b/code/core/src/components/components/tooltip/Tooltip.tsx
@@ -1,7 +1,8 @@
 import React from 'react';
-import memoize from 'memoizerific';
 
-import { styled, type Color, lighten } from '@storybook/core/theming';
+import { type Color, lighten, styled } from '@storybook/core/theming';
+
+import memoize from 'memoizerific';
 
 const match = memoize(1000)((requests, actual, value, fallback = 0) =>
   actual.split('-')[0] === requests ? value : fallback
diff --git a/code/core/src/components/components/tooltip/TooltipLinkList.stories.tsx b/code/core/src/components/components/tooltip/TooltipLinkList.stories.tsx
index 84186de35444..07f870cc1f24 100644
--- a/code/core/src/components/components/tooltip/TooltipLinkList.stories.tsx
+++ b/code/core/src/components/components/tooltip/TooltipLinkList.stories.tsx
@@ -1,10 +1,13 @@
 import type { FunctionComponent, MouseEvent, PropsWithChildren, ReactElement } from 'react';
 import React, { Children, cloneElement } from 'react';
-import { action } from '@storybook/addon-actions';
-import type { Meta, StoryObj } from '@storybook/react';
+
 import { LinkIcon, LinuxIcon } from '@storybook/icons';
-import { WithTooltip } from './WithTooltip';
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { action } from '@storybook/addon-actions';
+
 import { TooltipLinkList } from './TooltipLinkList';
+import { WithTooltip } from './WithTooltip';
 import ellipseUrl from './assets/ellipse.png';
 
 const onLinkClick = action('onLinkClick');
diff --git a/code/core/src/components/components/tooltip/TooltipLinkList.tsx b/code/core/src/components/components/tooltip/TooltipLinkList.tsx
index 6f05bf2ec90d..7ab5fabf1961 100644
--- a/code/core/src/components/components/tooltip/TooltipLinkList.tsx
+++ b/code/core/src/components/components/tooltip/TooltipLinkList.tsx
@@ -1,5 +1,6 @@
 import type { SyntheticEvent } from 'react';
 import React, { useCallback } from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 import type { LinkWrapperType, ListItemProps } from './ListItem';
diff --git a/code/core/src/components/components/tooltip/TooltipMessage.stories.tsx b/code/core/src/components/components/tooltip/TooltipMessage.stories.tsx
index 9c210eb90bab..c84eb4dcc401 100644
--- a/code/core/src/components/components/tooltip/TooltipMessage.stories.tsx
+++ b/code/core/src/components/components/tooltip/TooltipMessage.stories.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
+
 import type { Meta } from '@storybook/react';
-import { WithTooltip } from './WithTooltip';
+
 import { TooltipMessage } from './TooltipMessage';
+import { WithTooltip } from './WithTooltip';
 
 export default {
   component: TooltipMessage,
diff --git a/code/core/src/components/components/tooltip/TooltipMessage.tsx b/code/core/src/components/components/tooltip/TooltipMessage.tsx
index 8af15a915013..3882e428fab7 100644
--- a/code/core/src/components/components/tooltip/TooltipMessage.tsx
+++ b/code/core/src/components/components/tooltip/TooltipMessage.tsx
@@ -1,5 +1,6 @@
 import type { ReactNode } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 import { Link } from '../typography/link/link';
diff --git a/code/core/src/components/components/tooltip/TooltipNote.stories.tsx b/code/core/src/components/components/tooltip/TooltipNote.stories.tsx
index 6c1e533edc77..fac7e72347eb 100644
--- a/code/core/src/components/components/tooltip/TooltipNote.stories.tsx
+++ b/code/core/src/components/components/tooltip/TooltipNote.stories.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
-import { WithTooltip } from './WithTooltip';
+
 import { TooltipNote } from './TooltipNote';
+import { WithTooltip } from './WithTooltip';
 
 export default {
   component: TooltipNote,
diff --git a/code/core/src/components/components/tooltip/TooltipNote.tsx b/code/core/src/components/components/tooltip/TooltipNote.tsx
index 2366525b0a5a..6bfde56693d6 100644
--- a/code/core/src/components/components/tooltip/TooltipNote.tsx
+++ b/code/core/src/components/components/tooltip/TooltipNote.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 const Note = styled.div(({ theme }) => ({
diff --git a/code/core/src/components/components/tooltip/WithTooltip.stories.tsx b/code/core/src/components/components/tooltip/WithTooltip.stories.tsx
index 4bfae3be6aad..e5651c50bf7e 100644
--- a/code/core/src/components/components/tooltip/WithTooltip.stories.tsx
+++ b/code/core/src/components/components/tooltip/WithTooltip.stories.tsx
@@ -1,8 +1,10 @@
-import type { FunctionComponent, ComponentProps } from 'react';
+import type { ComponentProps, FunctionComponent } from 'react';
 import React from 'react';
+
+import { styled } from '@storybook/core/theming';
 import type { StoryObj } from '@storybook/react';
 import { expect, screen } from '@storybook/test';
-import { styled } from '@storybook/core/theming';
+
 import { TooltipMessage } from './TooltipMessage';
 import { WithToolTipState as WithTooltip } from './WithTooltip';
 
diff --git a/code/core/src/components/components/tooltip/WithTooltip.tsx b/code/core/src/components/components/tooltip/WithTooltip.tsx
index 63cb4e5d5d74..17628604438b 100644
--- a/code/core/src/components/components/tooltip/WithTooltip.tsx
+++ b/code/core/src/components/components/tooltip/WithTooltip.tsx
@@ -1,11 +1,13 @@
 import type { ComponentProps, ReactNode } from 'react';
-import React, { useCallback, useState, useEffect } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
+
 import { styled } from '@storybook/core/theming';
 import { global } from '@storybook/global';
 
-import type { Config as ReactPopperTooltipConfig, PopperOptions } from 'react-popper-tooltip';
+import type { PopperOptions, Config as ReactPopperTooltipConfig } from 'react-popper-tooltip';
 import { usePopperTooltip } from 'react-popper-tooltip';
+
 import { Tooltip } from './Tooltip';
 
 const { document } = global;
diff --git a/code/core/src/components/components/tooltip/lazy-WithTooltip.tsx b/code/core/src/components/components/tooltip/lazy-WithTooltip.tsx
index 4bf90edb5f13..336ffdfacf49 100644
--- a/code/core/src/components/components/tooltip/lazy-WithTooltip.tsx
+++ b/code/core/src/components/components/tooltip/lazy-WithTooltip.tsx
@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import React, { lazy, Suspense } from 'react';
+import React, { Suspense, lazy } from 'react';
 
 const LazyWithTooltip = lazy(() =>
   import('./WithTooltip').then((mod) => ({ default: mod.WithTooltip }))
diff --git a/code/core/src/components/components/typography/ResetWrapper.tsx b/code/core/src/components/components/typography/ResetWrapper.tsx
index 5f639a3fa093..09791ce4c325 100644
--- a/code/core/src/components/components/typography/ResetWrapper.tsx
+++ b/code/core/src/components/components/typography/ResetWrapper.tsx
@@ -1,4 +1,5 @@
 import { styled } from '@storybook/core/theming';
+
 import { withReset } from './lib/common';
 
 /**
diff --git a/code/core/src/components/components/typography/components.tsx b/code/core/src/components/components/typography/components.tsx
index 4f324b3f7a5c..790a8c025013 100644
--- a/code/core/src/components/components/typography/components.tsx
+++ b/code/core/src/components/components/typography/components.tsx
@@ -1,20 +1,22 @@
 import type {
-  HTMLAttributes,
-  DetailedHTMLProps,
   AnchorHTMLAttributes,
   BlockquoteHTMLAttributes,
+  DetailedHTMLProps,
+  HTMLAttributes,
   ImgHTMLAttributes,
-  TableHTMLAttributes,
   LiHTMLAttributes,
   OlHTMLAttributes,
+  TableHTMLAttributes,
 } from 'react';
 import React from 'react';
+
 import { nameSpaceClassNames } from './DocumentFormatting';
+import { ResetWrapper } from './ResetWrapper';
 import { A } from './elements/A';
 import { Blockquote } from './elements/Blockquote';
 import { Code } from './elements/Code';
-import { Div } from './elements/Div';
 import { DL } from './elements/DL';
+import { Div } from './elements/Div';
 import { H1 } from './elements/H1';
 import { H2 } from './elements/H2';
 import { H3 } from './elements/H3';
@@ -28,10 +30,9 @@ import { OL } from './elements/OL';
 import { P } from './elements/P';
 import { Pre } from './elements/Pre';
 import { Span } from './elements/Span';
-import { Table } from './elements/Table';
 import { TT } from './elements/TT';
+import { Table } from './elements/Table';
 import { UL } from './elements/UL';
-import { ResetWrapper } from './ResetWrapper';
 
 export const components = {
   h1: (props: DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>) => (
diff --git a/code/core/src/components/components/typography/elements/A.tsx b/code/core/src/components/components/typography/elements/A.tsx
index 28e8ccc082d6..2eb9cdb4d87a 100644
--- a/code/core/src/components/components/typography/elements/A.tsx
+++ b/code/core/src/components/components/typography/elements/A.tsx
@@ -1,4 +1,5 @@
 import { styled } from '@storybook/core/theming';
+
 import { withReset } from '../lib/common';
 import { Link } from './Link';
 
diff --git a/code/core/src/components/components/typography/elements/Blockquote.tsx b/code/core/src/components/components/typography/elements/Blockquote.tsx
index 5692a72aa9f0..b4e06b210ed0 100644
--- a/code/core/src/components/components/typography/elements/Blockquote.tsx
+++ b/code/core/src/components/components/typography/elements/Blockquote.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, withMargin } from '../lib/common';
+
+import { withMargin, withReset } from '../lib/common';
 
 export const Blockquote = styled.blockquote(withReset, withMargin, ({ theme }) => ({
   borderLeft: `4px solid ${theme.color.medium}`,
diff --git a/code/core/src/components/components/typography/elements/Code.tsx b/code/core/src/components/components/typography/elements/Code.tsx
index 7f67c12e645b..e22b3cca9134 100644
--- a/code/core/src/components/components/typography/elements/Code.tsx
+++ b/code/core/src/components/components/typography/elements/Code.tsx
@@ -1,10 +1,12 @@
-import { styled } from '@storybook/core/theming';
 import type { ComponentProps } from 'react';
 import React, { Children } from 'react';
+
+import { styled } from '@storybook/core/theming';
+
 import { SyntaxHighlighter } from '../../syntaxhighlighter/syntaxhighlighter';
-import { isReactChildString } from '../lib/isReactChildString';
-import { codeCommon } from '../lib/common';
 import type { SupportedLanguage } from '../../syntaxhighlighter/syntaxhighlighter-types';
+import { codeCommon } from '../lib/common';
+import { isReactChildString } from '../lib/isReactChildString';
 
 const isInlineCodeRegex = /[\n\r]/g;
 
diff --git a/code/core/src/components/components/typography/elements/DL.tsx b/code/core/src/components/components/typography/elements/DL.tsx
index 792df46878c3..840dbc0bbede 100644
--- a/code/core/src/components/components/typography/elements/DL.tsx
+++ b/code/core/src/components/components/typography/elements/DL.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, withMargin } from '../lib/common';
+
+import { withMargin, withReset } from '../lib/common';
 
 export const DL = styled.dl(withReset, withMargin, {
   padding: 0,
diff --git a/code/core/src/components/components/typography/elements/Div.tsx b/code/core/src/components/components/typography/elements/Div.tsx
index bf70948dfa1d..7e8b9b6765d4 100644
--- a/code/core/src/components/components/typography/elements/Div.tsx
+++ b/code/core/src/components/components/typography/elements/Div.tsx
@@ -1,4 +1,5 @@
 import { styled } from '@storybook/core/theming';
+
 import { withReset } from '../lib/common';
 
 export const Div = styled.div(withReset);
diff --git a/code/core/src/components/components/typography/elements/H1.tsx b/code/core/src/components/components/typography/elements/H1.tsx
index 9b306ab1343b..6ede5882351d 100644
--- a/code/core/src/components/components/typography/elements/H1.tsx
+++ b/code/core/src/components/components/typography/elements/H1.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, headerCommon } from '../lib/common';
+
+import { headerCommon, withReset } from '../lib/common';
 
 export const H1 = styled.h1(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.l1}px`,
diff --git a/code/core/src/components/components/typography/elements/H2.tsx b/code/core/src/components/components/typography/elements/H2.tsx
index 9d17758aefbe..f2c070827ede 100644
--- a/code/core/src/components/components/typography/elements/H2.tsx
+++ b/code/core/src/components/components/typography/elements/H2.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, headerCommon } from '../lib/common';
+
+import { headerCommon, withReset } from '../lib/common';
 
 export const H2 = styled.h2(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.m2}px`,
diff --git a/code/core/src/components/components/typography/elements/H3.tsx b/code/core/src/components/components/typography/elements/H3.tsx
index 6eea8bd27af1..150474aa427e 100644
--- a/code/core/src/components/components/typography/elements/H3.tsx
+++ b/code/core/src/components/components/typography/elements/H3.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, headerCommon } from '../lib/common';
+
+import { headerCommon, withReset } from '../lib/common';
 
 export const H3 = styled.h3(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.m1}px`,
diff --git a/code/core/src/components/components/typography/elements/H4.tsx b/code/core/src/components/components/typography/elements/H4.tsx
index edd0b2639224..f0933727d8ca 100644
--- a/code/core/src/components/components/typography/elements/H4.tsx
+++ b/code/core/src/components/components/typography/elements/H4.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, headerCommon } from '../lib/common';
+
+import { headerCommon, withReset } from '../lib/common';
 
 export const H4 = styled.h4(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.s3}px`,
diff --git a/code/core/src/components/components/typography/elements/H5.tsx b/code/core/src/components/components/typography/elements/H5.tsx
index e06405f19092..637b64cad8f2 100644
--- a/code/core/src/components/components/typography/elements/H5.tsx
+++ b/code/core/src/components/components/typography/elements/H5.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, headerCommon } from '../lib/common';
+
+import { headerCommon, withReset } from '../lib/common';
 
 export const H5 = styled.h5(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.s2}px`,
diff --git a/code/core/src/components/components/typography/elements/H6.tsx b/code/core/src/components/components/typography/elements/H6.tsx
index bbf7b7cbb435..b862026ede75 100644
--- a/code/core/src/components/components/typography/elements/H6.tsx
+++ b/code/core/src/components/components/typography/elements/H6.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, headerCommon } from '../lib/common';
+
+import { headerCommon, withReset } from '../lib/common';
 
 export const H6 = styled.h6(withReset, headerCommon, ({ theme }) => ({
   fontSize: `${theme.typography.size.s2}px`,
diff --git a/code/core/src/components/components/typography/elements/LI.tsx b/code/core/src/components/components/typography/elements/LI.tsx
index 4b18e602272d..9361defda4e3 100644
--- a/code/core/src/components/components/typography/elements/LI.tsx
+++ b/code/core/src/components/components/typography/elements/LI.tsx
@@ -1,6 +1,7 @@
 import type { CSSObject } from '@storybook/core/theming';
 import { styled } from '@storybook/core/theming';
-import { withReset, codeCommon } from '../lib/common';
+
+import { codeCommon, withReset } from '../lib/common';
 
 export const LI = styled.li(withReset, ({ theme }) => ({
   fontSize: theme.typography.size.s2,
diff --git a/code/core/src/components/components/typography/elements/OL.tsx b/code/core/src/components/components/typography/elements/OL.tsx
index 50d171003582..dd6c328c72ba 100644
--- a/code/core/src/components/components/typography/elements/OL.tsx
+++ b/code/core/src/components/components/typography/elements/OL.tsx
@@ -1,6 +1,7 @@
 import { styled } from '@storybook/core/theming';
 import type { Interpolation } from '@storybook/core/theming';
-import { withReset, withMargin } from '../lib/common';
+
+import { withMargin, withReset } from '../lib/common';
 
 const listCommon: Interpolation = {
   paddingLeft: 30,
diff --git a/code/core/src/components/components/typography/elements/P.tsx b/code/core/src/components/components/typography/elements/P.tsx
index c24405d69a5c..3039d8592270 100644
--- a/code/core/src/components/components/typography/elements/P.tsx
+++ b/code/core/src/components/components/typography/elements/P.tsx
@@ -1,6 +1,7 @@
 import type { CSSObject } from '@storybook/core/theming';
 import { styled } from '@storybook/core/theming';
-import { withReset, withMargin, codeCommon } from '../lib/common';
+
+import { codeCommon, withMargin, withReset } from '../lib/common';
 
 export const P = styled.p(withReset, withMargin, ({ theme }) => ({
   fontSize: theme.typography.size.s2,
diff --git a/code/core/src/components/components/typography/elements/Pre.tsx b/code/core/src/components/components/typography/elements/Pre.tsx
index 4792fe8b387b..d2c3a1258cc4 100644
--- a/code/core/src/components/components/typography/elements/Pre.tsx
+++ b/code/core/src/components/components/typography/elements/Pre.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, withMargin } from '../lib/common';
+
+import { withMargin, withReset } from '../lib/common';
 
 export const Pre = styled.pre(withReset, withMargin, ({ theme }) => ({
   // reset
diff --git a/code/core/src/components/components/typography/elements/Span.tsx b/code/core/src/components/components/typography/elements/Span.tsx
index 3c3a8a119576..35d9e45bd609 100644
--- a/code/core/src/components/components/typography/elements/Span.tsx
+++ b/code/core/src/components/components/typography/elements/Span.tsx
@@ -1,4 +1,5 @@
 import { styled } from '@storybook/core/theming';
+
 import { withReset } from '../lib/common';
 
 export const Span = styled.span(withReset, ({ theme }) => ({
diff --git a/code/core/src/components/components/typography/elements/TT.tsx b/code/core/src/components/components/typography/elements/TT.tsx
index af32c5954423..4544a0b6ded1 100644
--- a/code/core/src/components/components/typography/elements/TT.tsx
+++ b/code/core/src/components/components/typography/elements/TT.tsx
@@ -1,4 +1,5 @@
 import { styled } from '@storybook/core/theming';
+
 import { codeCommon } from '../lib/common';
 
 export const TT = styled.title(codeCommon);
diff --git a/code/core/src/components/components/typography/elements/Table.tsx b/code/core/src/components/components/typography/elements/Table.tsx
index d09639884f64..262adddd3f36 100644
--- a/code/core/src/components/components/typography/elements/Table.tsx
+++ b/code/core/src/components/components/typography/elements/Table.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@storybook/core/theming';
-import { withReset, withMargin } from '../lib/common';
+
+import { withMargin, withReset } from '../lib/common';
 
 export const Table = styled.table(withReset, withMargin, ({ theme }) => ({
   fontSize: theme.typography.size.s2,
diff --git a/code/core/src/components/components/typography/elements/UL.tsx b/code/core/src/components/components/typography/elements/UL.tsx
index 75bb7d5c9dab..1aeb5b10bb66 100644
--- a/code/core/src/components/components/typography/elements/UL.tsx
+++ b/code/core/src/components/components/typography/elements/UL.tsx
@@ -1,6 +1,7 @@
 import { styled } from '@storybook/core/theming';
 import type { Interpolation } from '@storybook/core/theming';
-import { withReset, withMargin } from '../lib/common';
+
+import { withMargin, withReset } from '../lib/common';
 
 const listCommon: Interpolation = {
   paddingLeft: 30,
diff --git a/code/core/src/components/components/typography/lib/common.tsx b/code/core/src/components/components/typography/lib/common.tsx
index 1cf1ccd9e93c..fc0d32f128b1 100644
--- a/code/core/src/components/components/typography/lib/common.tsx
+++ b/code/core/src/components/components/typography/lib/common.tsx
@@ -1,6 +1,7 @@
-import { transparentize } from 'polished';
 import type { CSSObject, FunctionInterpolation } from '@storybook/core/theming';
 
+import { transparentize } from 'polished';
+
 export const headerCommon: FunctionInterpolation = ({ theme }) => ({
   margin: '20px 0 8px',
   padding: 0,
diff --git a/code/core/src/components/components/typography/link/link.stories.tsx b/code/core/src/components/components/typography/link/link.stories.tsx
index 0ee21b793143..9ac42ec35816 100644
--- a/code/core/src/components/components/typography/link/link.stories.tsx
+++ b/code/core/src/components/components/typography/link/link.stories.tsx
@@ -1,7 +1,10 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
-import { action } from '@storybook/addon-actions';
+
 import { DiscordIcon, SidebarIcon } from '@storybook/icons';
+
+import { action } from '@storybook/addon-actions';
+
 import { Link } from './link';
 
 const onClick = action('onClick');
diff --git a/code/core/src/components/components/typography/link/link.test.tsx b/code/core/src/components/components/typography/link/link.test.tsx
index ccf004e87657..5e0af1da2096 100644
--- a/code/core/src/components/components/typography/link/link.test.tsx
+++ b/code/core/src/components/components/typography/link/link.test.tsx
@@ -1,11 +1,13 @@
 // @vitest-environment happy-dom
+import { cleanup, render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 
-import { vi, describe, afterEach, it, expect } from 'vitest';
 import type { AnchorHTMLAttributes } from 'react';
 import React from 'react';
-import { cleanup, render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { ThemeProvider, themes, convert } from '@storybook/core/theming';
+
+import { ThemeProvider, convert, themes } from '@storybook/core/theming';
+
 import type { LinkProps } from './link';
 import { Link } from './link';
 
diff --git a/code/core/src/components/components/typography/link/link.tsx b/code/core/src/components/components/typography/link/link.tsx
index adb92701af28..2ce80ec9612e 100644
--- a/code/core/src/components/components/typography/link/link.tsx
+++ b/code/core/src/components/components/typography/link/link.tsx
@@ -1,9 +1,11 @@
 import type { AnchorHTMLAttributes, MouseEvent } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
-import { darken } from 'polished';
 import { ChevronRightIcon } from '@storybook/icons';
 
+import { darken } from 'polished';
+
 // Cmd/Ctrl/Shift/Alt + Click should trigger default browser behavior. Same applies to non-left clicks
 const LEFT_BUTTON = 0;
 
diff --git a/code/core/src/components/index.ts b/code/core/src/components/index.ts
index ad14eb46e728..eaf6fef4f609 100644
--- a/code/core/src/components/index.ts
+++ b/code/core/src/components/index.ts
@@ -1,7 +1,7 @@
 /// <reference path="../typings.d.ts" />
-
 import type { ElementType } from 'react';
 import { createElement, forwardRef } from 'react';
+
 import * as typography from './components/typography/components';
 
 export { A } from './components/typography/elements/A';
diff --git a/code/core/src/core-events/index.test.ts b/code/core/src/core-events/index.test.ts
index 9ee5d1b0669d..bc3401a71861 100644
--- a/code/core/src/core-events/index.test.ts
+++ b/code/core/src/core-events/index.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import * as EventsPackageExport from './index';
 import EventsDefaultExport, { CHANNEL_CREATED } from './index';
 
diff --git a/code/core/src/core-server/build-dev.ts b/code/core/src/core-server/build-dev.ts
index f1c8cd8468c1..fc07aa11ab95 100644
--- a/code/core/src/core-server/build-dev.ts
+++ b/code/core/src/core-server/build-dev.ts
@@ -1,4 +1,5 @@
-import type { BuilderOptions, CLIOptions, LoadOptions, Options } from '@storybook/core/types';
+import { join, relative, resolve } from 'node:path';
+
 import {
   getProjectRoot,
   loadAllPresets,
@@ -8,25 +9,27 @@ import {
   serverResolve,
   validateFrameworkName,
 } from '@storybook/core/common';
-import prompts from 'prompts';
-import invariant from 'tiny-invariant';
-import { global } from '@storybook/global';
 import { oneWayHash, telemetry } from '@storybook/core/telemetry';
+import type { BuilderOptions, CLIOptions, LoadOptions, Options } from '@storybook/core/types';
+import { global } from '@storybook/global';
 
-import { join, relative, resolve } from 'node:path';
 import { deprecate } from '@storybook/core/node-logger';
-import { dedent } from 'ts-dedent';
-import { readFile } from 'fs-extra';
 import { MissingBuilderError, NoStatsForViteDevError } from '@storybook/core/server-errors';
+
+import { readFile } from 'fs-extra';
+import prompts from 'prompts';
+import invariant from 'tiny-invariant';
+import { dedent } from 'ts-dedent';
+
 import { storybookDevServer } from './dev-server';
-import { outputStats } from './utils/output-stats';
+import { buildOrThrow } from './utils/build-or-throw';
+import { getManagerBuilder, getPreviewBuilder } from './utils/get-builders';
 import { outputStartupInformation } from './utils/output-startup-information';
-import { updateCheck } from './utils/update-check';
+import { outputStats } from './utils/output-stats';
 import { getServerChannelUrl, getServerPort } from './utils/server-address';
-import { getManagerBuilder, getPreviewBuilder } from './utils/get-builders';
+import { updateCheck } from './utils/update-check';
 import { warnOnIncompatibleAddons } from './utils/warnOnIncompatibleAddons';
 import { warnWhenUsingArgTypesRegex } from './utils/warnWhenUsingArgTypesRegex';
-import { buildOrThrow } from './utils/build-or-throw';
 
 export async function buildDevStandalone(
   options: CLIOptions & LoadOptions & BuilderOptions
diff --git a/code/core/src/core-server/build-static.ts b/code/core/src/core-server/build-static.ts
index 16d7de1036bf..248b2746ea8c 100644
--- a/code/core/src/core-server/build-static.ts
+++ b/code/core/src/core-server/build-static.ts
@@ -1,10 +1,5 @@
-import chalk from 'chalk';
-import { copy, emptyDir, ensureDir } from 'fs-extra';
 import { dirname, join, relative, resolve } from 'node:path';
-import { global } from '@storybook/global';
-import { logger } from '@storybook/core/node-logger';
-import { getPrecedingUpgrade, telemetry } from '@storybook/core/telemetry';
-import type { BuilderOptions, CLIOptions, LoadOptions, Options } from '@storybook/core/types';
+
 import {
   loadAllPresets,
   loadMainConfig,
@@ -12,15 +7,23 @@ import {
   normalizeStories,
   resolveAddonName,
 } from '@storybook/core/common';
+import { getPrecedingUpgrade, telemetry } from '@storybook/core/telemetry';
+import type { BuilderOptions, CLIOptions, LoadOptions, Options } from '@storybook/core/types';
+import { global } from '@storybook/global';
 
-import { outputStats } from './utils/output-stats';
+import { logger } from '@storybook/core/node-logger';
+
+import chalk from 'chalk';
+import { copy, emptyDir, ensureDir } from 'fs-extra';
+
+import { StoryIndexGenerator } from './utils/StoryIndexGenerator';
+import { buildOrThrow } from './utils/build-or-throw';
 import { copyAllStaticFilesRelativeToMain } from './utils/copy-all-static-files';
 import { getBuilders } from './utils/get-builders';
-import { extractStoriesJson } from './utils/stories-json';
 import { extractStorybookMetadata } from './utils/metadata';
-import { StoryIndexGenerator } from './utils/StoryIndexGenerator';
+import { outputStats } from './utils/output-stats';
+import { extractStoriesJson } from './utils/stories-json';
 import { summarizeIndex } from './utils/summarizeIndex';
-import { buildOrThrow } from './utils/build-or-throw';
 
 export type BuildStaticStandaloneOptions = CLIOptions &
   LoadOptions &
diff --git a/code/core/src/core-server/dev-server.ts b/code/core/src/core-server/dev-server.ts
index 1639e754fe04..cdf1027d1872 100644
--- a/code/core/src/core-server/dev-server.ts
+++ b/code/core/src/core-server/dev-server.ts
@@ -1,27 +1,26 @@
-import express from 'express';
-import compression from 'compression';
-import invariant from 'tiny-invariant';
-
+import { logConfig } from '@storybook/core/common';
 import type { Options } from '@storybook/core/types';
 
-import { logConfig } from '@storybook/core/common';
 import { logger } from '@storybook/core/node-logger';
-
 import { MissingBuilderError } from '@storybook/core/server-errors';
-import { getMiddleware } from './utils/middleware';
-import { getServerAddresses } from './utils/server-address';
-import { getServer } from './utils/server-init';
-import { useStatics } from './utils/server-statics';
-import { getServerChannel } from './utils/get-server-channel';
 
-import { openInBrowser } from './utils/open-in-browser';
-import { getManagerBuilder, getPreviewBuilder } from './utils/get-builders';
+import compression from 'compression';
+import express from 'express';
+import invariant from 'tiny-invariant';
+
 import type { StoryIndexGenerator } from './utils/StoryIndexGenerator';
-import { getStoryIndexGenerator } from './utils/getStoryIndexGenerator';
 import { doTelemetry } from './utils/doTelemetry';
-import { router } from './utils/router';
-import { getAccessControlMiddleware } from './utils/getAccessControlMiddleware';
+import { getManagerBuilder, getPreviewBuilder } from './utils/get-builders';
 import { getCachingMiddleware } from './utils/get-caching-middleware';
+import { getServerChannel } from './utils/get-server-channel';
+import { getAccessControlMiddleware } from './utils/getAccessControlMiddleware';
+import { getStoryIndexGenerator } from './utils/getStoryIndexGenerator';
+import { getMiddleware } from './utils/middleware';
+import { openInBrowser } from './utils/open-in-browser';
+import { router } from './utils/router';
+import { getServerAddresses } from './utils/server-address';
+import { getServer } from './utils/server-init';
+import { useStatics } from './utils/server-statics';
 
 export async function storybookDevServer(options: Options) {
   const app = express();
diff --git a/code/core/src/core-server/presets/common-manager.ts b/code/core/src/core-server/presets/common-manager.ts
index f12d1d662751..07b11bbaa501 100644
--- a/code/core/src/core-server/presets/common-manager.ts
+++ b/code/core/src/core-server/presets/common-manager.ts
@@ -1,6 +1,7 @@
-import { addons } from '@storybook/core/manager-api';
 import { global } from '@storybook/global';
 
+import { addons } from '@storybook/core/manager-api';
+
 const STATIC_FILTER = 'static-filter';
 
 addons.register(STATIC_FILTER, (api) => {
diff --git a/code/core/src/core-server/presets/common-override-preset.ts b/code/core/src/core-server/presets/common-override-preset.ts
index 83e6ed022ce6..2566bee53593 100644
--- a/code/core/src/core-server/presets/common-override-preset.ts
+++ b/code/core/src/core-server/presets/common-override-preset.ts
@@ -1,4 +1,5 @@
 import type { PresetProperty, TestBuildFlags } from '@storybook/core/types';
+
 import { removeMDXEntries } from '../utils/remove-mdx-entries';
 
 export const framework: PresetProperty<'framework'> = async (config) => {
diff --git a/code/core/src/core-server/presets/common-preset.ts b/code/core/src/core-server/presets/common-preset.ts
index 177944e34534..c1b8ca68f88a 100644
--- a/code/core/src/core-server/presets/common-preset.ts
+++ b/code/core/src/core-server/presets/common-preset.ts
@@ -1,6 +1,6 @@
-import { pathExists, readFile } from 'fs-extra';
-import { logger } from '@storybook/core/node-logger';
-import { telemetry } from '@storybook/core/telemetry';
+import { dirname, isAbsolute, join } from 'node:path';
+
+import type { Channel } from '@storybook/core/channels';
 import {
   getDirectoryFromWorkingDir,
   getPreviewBodyTemplate,
@@ -8,24 +8,28 @@ import {
   loadEnvs,
   removeAddon as removeAddonBase,
 } from '@storybook/core/common';
+import { telemetry } from '@storybook/core/telemetry';
 import type {
   CLIOptions,
   CoreConfig,
   Indexer,
   Options,
-  PresetPropertyFn,
   PresetProperty,
+  PresetPropertyFn,
 } from '@storybook/core/types';
+
 import { readCsf } from '@storybook/core/csf-tools';
-import { join, dirname, isAbsolute } from 'node:path';
+import { logger } from '@storybook/core/node-logger';
+
+import { pathExists, readFile } from 'fs-extra';
 import { dedent } from 'ts-dedent';
-import type { Channel } from '@storybook/core/channels';
-import { parseStaticDir } from '../utils/server-statics';
+
+import { initCreateNewStoryChannel } from '../server-channel/create-new-story-channel';
+import { initFileSearchChannel } from '../server-channel/file-search-channel';
 import { defaultStaticDirs } from '../utils/constants';
-import { initializeWhatsNew, type OptionsWithRequiredCache } from '../utils/whats-new';
 import { initializeSaveStory } from '../utils/save-story/save-story';
-import { initFileSearchChannel } from '../server-channel/file-search-channel';
-import { initCreateNewStoryChannel } from '../server-channel/create-new-story-channel';
+import { parseStaticDir } from '../utils/server-statics';
+import { type OptionsWithRequiredCache, initializeWhatsNew } from '../utils/whats-new';
 
 const interpolate = (string: string, data: Record<string, string> = {}) =>
   Object.entries(data).reduce((acc, [k, v]) => acc.replace(new RegExp(`%${k}%`, 'g'), v), string);
diff --git a/code/core/src/core-server/presets/favicon.test.ts b/code/core/src/core-server/presets/favicon.test.ts
index 2ba8666cc6a6..7af2bfbfb34d 100644
--- a/code/core/src/core-server/presets/favicon.test.ts
+++ b/code/core/src/core-server/presets/favicon.test.ts
@@ -1,8 +1,11 @@
-import { expect, vi, it } from 'vitest';
-
 import { dirname, join } from 'node:path';
-import * as fs from 'fs-extra';
+
+import { expect, it, vi } from 'vitest';
+
 import { logger } from '@storybook/core/node-logger';
+
+import * as fs from 'fs-extra';
+
 import * as m from './common-preset';
 
 const defaultFavicon = join(
diff --git a/code/core/src/core-server/server-channel/create-new-story-channel.test.ts b/code/core/src/core-server/server-channel/create-new-story-channel.test.ts
index 81b9d74fce93..23fa28dbc870 100644
--- a/code/core/src/core-server/server-channel/create-new-story-channel.test.ts
+++ b/code/core/src/core-server/server-channel/create-new-story-channel.test.ts
@@ -1,14 +1,18 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { initCreateNewStoryChannel } from './create-new-story-channel';
-import path from 'node:path';
+import { join } from 'node:path';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import type { ChannelTransport } from '@storybook/core/channels';
 import { Channel } from '@storybook/core/channels';
+
 import type { CreateNewStoryRequestPayload, RequestData } from '@storybook/core/core-events';
 import {
   CREATE_NEW_STORYFILE_REQUEST,
   CREATE_NEW_STORYFILE_RESPONSE,
 } from '@storybook/core/core-events';
 
+import { initCreateNewStoryChannel } from './create-new-story-channel';
+
 vi.mock('@storybook/core/common', async (importOriginal) => {
   const actual = await importOriginal<typeof import('@storybook/core/common')>();
   return {
@@ -52,7 +56,7 @@ describe(
         initCreateNewStoryChannel(
           mockChannel,
           {
-            configDir: path.join(cwd, '.storybook'),
+            configDir: join(cwd, '.storybook'),
             presets: {
               apply: (val: string) => {
                 if (val === 'framework') {
@@ -85,7 +89,7 @@ describe(
           id: 'components-page--default',
           payload: {
             storyId: 'components-page--default',
-            storyFilePath: path.join('src', 'components', 'Page.stories.jsx'),
+            storyFilePath: join('src', 'components', 'Page.stories.jsx'),
             exportedStoryName: 'Default',
           },
           success: true,
@@ -103,7 +107,7 @@ describe(
         initCreateNewStoryChannel(
           mockChannel,
           {
-            configDir: path.join(cwd, '.storybook'),
+            configDir: join(cwd, '.storybook'),
             presets: {
               apply: (val: string) => {
                 if (val === 'framework') {
diff --git a/code/core/src/core-server/server-channel/create-new-story-channel.ts b/code/core/src/core-server/server-channel/create-new-story-channel.ts
index f30fdf2d57a3..a24dda123806 100644
--- a/code/core/src/core-server/server-channel/create-new-story-channel.ts
+++ b/code/core/src/core-server/server-channel/create-new-story-channel.ts
@@ -1,6 +1,11 @@
-import type { CoreConfig, Options } from '@storybook/core/types';
+import { existsSync } from 'node:fs';
+import { writeFile } from 'node:fs/promises';
+import { relative } from 'node:path';
+
 import type { Channel } from '@storybook/core/channels';
 import { telemetry } from '@storybook/core/telemetry';
+import type { CoreConfig, Options } from '@storybook/core/types';
+
 import type {
   CreateNewStoryErrorPayload,
   CreateNewStoryRequestPayload,
@@ -12,11 +17,9 @@ import {
   CREATE_NEW_STORYFILE_REQUEST,
   CREATE_NEW_STORYFILE_RESPONSE,
 } from '@storybook/core/core-events';
-import { writeFile } from 'node:fs/promises';
-import { existsSync } from 'node:fs';
+
 import { getNewStoryFile } from '../utils/get-new-story-file';
 import { getStoryId } from '../utils/get-story-id';
-import path from 'node:path';
 
 export function initCreateNewStoryChannel(
   channel: Channel,
@@ -35,7 +38,7 @@ export function initCreateNewStoryChannel(
           options
         );
 
-        const relativeStoryFilePath = path.relative(process.cwd(), storyFilePath);
+        const relativeStoryFilePath = relative(process.cwd(), storyFilePath);
 
         const { storyId, kind } = await getStoryId({ storyFilePath, exportedStoryName }, options);
 
@@ -67,7 +70,7 @@ export function initCreateNewStoryChannel(
           id: data.id,
           payload: {
             storyId,
-            storyFilePath: path.relative(process.cwd(), storyFilePath),
+            storyFilePath: relative(process.cwd(), storyFilePath),
             exportedStoryName,
           },
           error: null,
diff --git a/code/core/src/core-server/server-channel/file-search-channel.test.ts b/code/core/src/core-server/server-channel/file-search-channel.test.ts
index bb27cfcb1e0d..5594b8a844b4 100644
--- a/code/core/src/core-server/server-channel/file-search-channel.test.ts
+++ b/code/core/src/core-server/server-channel/file-search-channel.test.ts
@@ -1,13 +1,14 @@
 // @vitest-environment happy-dom
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import type { ChannelTransport } from '@storybook/core/channels';
 import { Channel } from '@storybook/core/channels';
-import type { RequestData, FileComponentSearchRequestPayload } from '@storybook/core/core-events';
+
+import type { FileComponentSearchRequestPayload, RequestData } from '@storybook/core/core-events';
 import {
-  FILE_COMPONENT_SEARCH_RESPONSE,
   FILE_COMPONENT_SEARCH_REQUEST,
+  FILE_COMPONENT_SEARCH_RESPONSE,
 } from '@storybook/core/core-events';
-import { beforeEach, describe, expect, vi, it } from 'vitest';
 
 import { initFileSearchChannel } from './file-search-channel';
 
diff --git a/code/core/src/core-server/server-channel/file-search-channel.ts b/code/core/src/core-server/server-channel/file-search-channel.ts
index aaf6af62af35..31f62a909e18 100644
--- a/code/core/src/core-server/server-channel/file-search-channel.ts
+++ b/code/core/src/core-server/server-channel/file-search-channel.ts
@@ -1,15 +1,15 @@
-import type { CoreConfig, Options, SupportedRenderers } from '@storybook/core/types';
+import { readFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+
 import type { Channel } from '@storybook/core/channels';
 import {
   extractProperRendererNameFromFramework,
   getFrameworkName,
   getProjectRoot,
 } from '@storybook/core/common';
-import path from 'node:path';
-import fs from 'fs/promises';
+import { telemetry } from '@storybook/core/telemetry';
+import type { CoreConfig, Options, SupportedRenderers } from '@storybook/core/types';
 
-import { getParser } from '../utils/parser';
-import { searchFiles } from '../utils/search-files';
 import type {
   FileComponentSearchRequestPayload,
   FileComponentSearchResponsePayload,
@@ -20,8 +20,10 @@ import {
   FILE_COMPONENT_SEARCH_REQUEST,
   FILE_COMPONENT_SEARCH_RESPONSE,
 } from '@storybook/core/core-events';
+
 import { doesStoryFileExist, getStoryMetadata } from '../utils/get-new-story-file';
-import { telemetry } from '@storybook/core/telemetry';
+import { getParser } from '../utils/parser';
+import { searchFiles } from '../utils/search-files';
 
 export async function initFileSearchChannel(
   channel: Channel,
@@ -57,14 +59,11 @@ export async function initFileSearchChannel(
           const parser = getParser(rendererName);
 
           try {
-            const content = await fs.readFile(path.join(projectRoot, file), 'utf-8');
-            const { storyFileName } = getStoryMetadata(path.join(projectRoot, file));
-            const dirname = path.dirname(file);
-
-            const storyFileExists = doesStoryFileExist(
-              path.join(projectRoot, dirname),
-              storyFileName
-            );
+            const content = await readFile(join(projectRoot, file), 'utf-8');
+            const { storyFileName } = getStoryMetadata(join(projectRoot, file));
+            const dir = dirname(file);
+
+            const storyFileExists = doesStoryFileExist(join(projectRoot, dir), storyFileName);
 
             const info = await parser.parse(content);
 
diff --git a/code/core/src/core-server/standalone.ts b/code/core/src/core-server/standalone.ts
index 72a98d617112..d79463578146 100644
--- a/code/core/src/core-server/standalone.ts
+++ b/code/core/src/core-server/standalone.ts
@@ -1,7 +1,8 @@
-import { buildStaticStandalone } from './build-static';
-import { buildDevStandalone } from './build-dev';
 import { dirname } from 'node:path';
 
+import { buildDevStandalone } from './build-dev';
+import { buildStaticStandalone } from './build-static';
+
 async function build(options: any = {}, frameworkOptions: any = {}) {
   const { mode = 'dev' } = options;
   const packageJsonDir = dirname(require.resolve('@storybook/core/package.json'));
diff --git a/code/core/src/core-server/utils/StoryIndexGenerator.test.ts b/code/core/src/core-server/utils/StoryIndexGenerator.test.ts
index e07b46ba83af..f199c05cfe7f 100644
--- a/code/core/src/core-server/utils/StoryIndexGenerator.test.ts
+++ b/code/core/src/core-server/utils/StoryIndexGenerator.test.ts
@@ -1,17 +1,18 @@
 /* eslint-disable @typescript-eslint/no-shadow */
+import { join } from 'node:path';
 
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import path from 'node:path';
 import { normalizeStoriesEntry } from '@storybook/core/common';
 import type { NormalizedStoriesSpecifier, StoryIndexEntry } from '@storybook/core/types';
-import { readCsf, getStorySortParameter } from '@storybook/core/csf-tools';
 import { toId } from '@storybook/csf';
+
+import { getStorySortParameter, readCsf } from '@storybook/core/csf-tools';
 import { logger, once } from '@storybook/core/node-logger';
 
+import { csfIndexer } from '../presets/common-preset';
 import type { StoryIndexGeneratorOptions } from './StoryIndexGenerator';
 import { StoryIndexGenerator } from './StoryIndexGenerator';
-import { csfIndexer } from '../presets/common-preset';
 
 vi.mock('@storybook/csf', async (importOriginal) => {
   const csf = await importOriginal<typeof import('@storybook/csf')>();
@@ -37,8 +38,8 @@ const readCsfMock = vi.mocked(readCsf);
 const getStorySortParameterMock = vi.mocked(getStorySortParameter);
 
 const options: StoryIndexGeneratorOptions = {
-  configDir: path.join(__dirname, '__mockdata__'),
-  workingDir: path.join(__dirname, '__mockdata__'),
+  configDir: join(__dirname, '__mockdata__'),
+  workingDir: join(__dirname, '__mockdata__'),
   indexers: [csfIndexer],
   docs: { defaultName: 'docs', autodocs: false },
 };
@@ -94,6 +95,7 @@ describe('StoryIndexGenerator', () => {
         expect(stats).toMatchInlineSnapshot(`
           {
             "beforeEach": 0,
+            "globals": 0,
             "loaders": 0,
             "moduleMock": 0,
             "mount": 0,
@@ -461,6 +463,7 @@ describe('StoryIndexGenerator', () => {
         expect(stats).toMatchInlineSnapshot(`
           {
             "beforeEach": 1,
+            "globals": 0,
             "loaders": 1,
             "moduleMock": 0,
             "mount": 1,
@@ -725,6 +728,7 @@ describe('StoryIndexGenerator', () => {
         expect(stats).toMatchInlineSnapshot(`
           {
             "beforeEach": 1,
+            "globals": 0,
             "loaders": 1,
             "moduleMock": 0,
             "mount": 1,
diff --git a/code/core/src/core-server/utils/StoryIndexGenerator.ts b/code/core/src/core-server/utils/StoryIndexGenerator.ts
index 64aa9744e00e..1a86ac9e3ba7 100644
--- a/code/core/src/core-server/utils/StoryIndexGenerator.ts
+++ b/code/core/src/core-server/utils/StoryIndexGenerator.ts
@@ -1,34 +1,37 @@
 /* eslint-disable no-underscore-dangle */
-import path from 'node:path';
-import chalk from 'chalk';
-import fs from 'fs-extra';
-import slash from 'slash';
-import invariant from 'tiny-invariant';
-import * as TsconfigPaths from 'tsconfig-paths';
-import { findUp } from 'find-up';
+import { dirname, extname, join, normalize, relative, resolve, sep } from 'node:path';
 
+import { commonGlobOptions, normalizeStoryPath } from '@storybook/core/common';
 import type {
-  IndexEntry,
-  StoryIndexEntry,
   DocsIndexEntry,
-  NormalizedStoriesSpecifier,
   DocsOptions,
+  IndexEntry,
+  IndexInputStats,
+  Indexer,
+  NormalizedStoriesSpecifier,
   Path,
-  Tag,
   StoryIndex,
-  Indexer,
+  StoryIndexEntry,
   StorybookConfigRaw,
-  IndexInputStats,
+  Tag,
 } from '@storybook/core/types';
-import { userOrAutoTitleFromSpecifier, sortStoriesV7 } from '@storybook/core/preview-api';
-import { commonGlobOptions, normalizeStoryPath } from '@storybook/core/common';
-import { logger, once } from '@storybook/core/node-logger';
+import { combineTags, storyNameFromExport, toId } from '@storybook/csf';
+
 import { getStorySortParameter, loadConfig } from '@storybook/core/csf-tools';
-import { storyNameFromExport, toId, combineTags } from '@storybook/csf';
+import { logger, once } from '@storybook/core/node-logger';
+import { sortStoriesV7, userOrAutoTitleFromSpecifier } from '@storybook/core/preview-api';
+
+import chalk from 'chalk';
+import { findUp } from 'find-up';
+import fs from 'fs-extra';
+import slash from 'slash';
+import invariant from 'tiny-invariant';
 import { dedent } from 'ts-dedent';
-import { autoName } from './autoName';
+import * as TsconfigPaths from 'tsconfig-paths';
+
 import { IndexingError, MultipleIndexingError } from './IndexingError';
-import { addStats, type IndexStatsSummary } from './summarizeStats';
+import { autoName } from './autoName';
+import { type IndexStatsSummary, addStats } from './summarizeStats';
 
 // Extended type to keep track of the csf meta id so we know the component id when referencing docs in `extractDocs`
 type StoryIndexEntryWithExtra = StoryIndexEntry & {
@@ -69,12 +72,7 @@ export function isMdxEntry({ tags }: DocsIndexEntry) {
 
 const makeAbsolute = (otherImport: Path, normalizedPath: Path, workingDir: Path) =>
   otherImport.startsWith('.')
-    ? slash(
-        path.resolve(
-          workingDir,
-          normalizeStoryPath(path.join(path.dirname(normalizedPath), otherImport))
-        )
-      )
+    ? slash(resolve(workingDir, normalizeStoryPath(join(dirname(normalizedPath), otherImport))))
     : otherImport;
 
 /**
@@ -127,7 +125,7 @@ export class StoryIndexGenerator {
       this.specifiers.map(async (specifier) => {
         const pathToSubIndex = {} as SpecifierStoriesCache;
 
-        const fullGlob = slash(path.join(specifier.directory, specifier.files));
+        const fullGlob = slash(join(specifier.directory, specifier.files));
 
         // Dynamically import globby because it is a pure ESM module
         const { globby } = await import('globby');
@@ -141,15 +139,15 @@ export class StoryIndexGenerator {
         if (files.length === 0) {
           once.warn(
             `No story files found for the specified pattern: ${chalk.blue(
-              path.join(specifier.directory, specifier.files)
+              join(specifier.directory, specifier.files)
             )}`
           );
         }
 
         files.sort().forEach((absolutePath: Path) => {
-          const ext = path.extname(absolutePath);
+          const ext = extname(absolutePath);
           if (ext === '.storyshot') {
-            const relativePath = path.relative(this.options.workingDir, absolutePath);
+            const relativePath = relative(this.options.workingDir, absolutePath);
             logger.info(`Skipping ${ext} file ${relativePath}`);
             return;
           }
@@ -201,10 +199,7 @@ export class StoryIndexGenerator {
             try {
               entry[absolutePath] = await updater(specifier, absolutePath, entry[absolutePath]);
             } catch (err) {
-              const relativePath = `.${path.sep}${path.relative(
-                this.options.workingDir,
-                absolutePath
-              )}`;
+              const relativePath = `.${sep}${relative(this.options.workingDir, absolutePath)}`;
 
               entry[absolutePath] = {
                 type: 'error',
@@ -298,7 +293,7 @@ export class StoryIndexGenerator {
    * the same format as `importPath`. Respect tsconfig paths if available.
    *
    * If no such file exists, assume that the import is from a package and
-   * return the raw path.
+   * return the raw
    */
   resolveComponentPath(
     rawComponentPath: Path,
@@ -310,12 +305,12 @@ export class StoryIndexGenerator {
       rawPath = matchPath(rawPath) ?? rawPath;
     }
 
-    const absoluteComponentPath = path.resolve(path.dirname(absolutePath), rawPath);
+    const absoluteComponentPath = resolve(dirname(absolutePath), rawPath);
     const existing = ['', '.js', '.ts', '.jsx', '.tsx', '.mjs', '.mts']
       .map((ext) => `${absoluteComponentPath}${ext}`)
       .find((candidate) => fs.existsSync(candidate));
     if (existing) {
-      const relativePath = path.relative(this.options.workingDir, existing);
+      const relativePath = relative(this.options.workingDir, existing);
       return slash(normalizeStoryPath(relativePath));
     }
 
@@ -327,7 +322,7 @@ export class StoryIndexGenerator {
     absolutePath: Path,
     projectTags: Tag[] = []
   ): Promise<StoriesCacheEntry | DocsCacheEntry> {
-    const relativePath = path.relative(this.options.workingDir, absolutePath);
+    const relativePath = relative(this.options.workingDir, absolutePath);
     const importPath = slash(normalizeStoryPath(relativePath));
     const defaultMakeTitle = (userTitle?: string) => {
       const title = userOrAutoTitleFromSpecifier(importPath, specifier, userTitle);
@@ -416,7 +411,7 @@ export class StoryIndexGenerator {
     absolutePath: Path,
     projectTags: Tag[] = []
   ) {
-    const relativePath = path.relative(this.options.workingDir, absolutePath);
+    const relativePath = relative(this.options.workingDir, absolutePath);
     try {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
@@ -452,9 +447,9 @@ export class StoryIndexGenerator {
             const first = dep.entries.find((e) => e.type !== 'docs') as StoryIndexEntryWithExtra;
 
             if (
-              path
-                .normalize(path.resolve(this.options.workingDir, first.importPath))
-                .startsWith(path.normalize(absoluteOf))
+              normalize(resolve(this.options.workingDir, first.importPath)).startsWith(
+                normalize(absoluteOf)
+              )
             ) {
               csfEntry = first;
             }
@@ -682,7 +677,7 @@ export class StoryIndexGenerator {
   }
 
   invalidate(specifier: NormalizedStoriesSpecifier, importPath: Path, removed: boolean) {
-    const absolutePath = slash(path.resolve(this.options.workingDir, importPath));
+    const absolutePath = slash(resolve(this.options.workingDir, importPath));
     const cache = this.specifierToCache.get(specifier);
     invariant(
       cache,
@@ -710,7 +705,7 @@ export class StoryIndexGenerator {
     if (removed) {
       if (cacheEntry && cacheEntry.type === 'docs') {
         const absoluteImports = cacheEntry.storiesImports.map((p) =>
-          path.resolve(this.options.workingDir, p)
+          resolve(this.options.workingDir, p)
         );
         const dependencies = this.findDependencies(absoluteImports);
         dependencies.forEach((dep) =>
@@ -727,7 +722,7 @@ export class StoryIndexGenerator {
 
   async getPreviewCode() {
     const previewFile = ['js', 'jsx', 'ts', 'tsx', 'mjs', 'cjs', 'mts']
-      .map((ext) => path.join(this.options.configDir, `preview.${ext}`))
+      .map((ext) => join(this.options.configDir, `preview.${ext}`))
       .find((fname) => fs.existsSync(fname));
 
     return previewFile && (await fs.readFile(previewFile, 'utf-8')).toString();
diff --git a/code/core/src/core-server/utils/__tests__/IndexingError.test.ts b/code/core/src/core-server/utils/__tests__/IndexingError.test.ts
index 20154aa4250b..ad228d2dbb22 100644
--- a/code/core/src/core-server/utils/__tests__/IndexingError.test.ts
+++ b/code/core/src/core-server/utils/__tests__/IndexingError.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { IndexingError, MultipleIndexingError } from '../IndexingError';
 
 it('formats single file errors', () => {
diff --git a/code/core/src/core-server/utils/__tests__/autoName.test.ts b/code/core/src/core-server/utils/__tests__/autoName.test.ts
index 64954fc55d17..273178340f2a 100644
--- a/code/core/src/core-server/utils/__tests__/autoName.test.ts
+++ b/code/core/src/core-server/utils/__tests__/autoName.test.ts
@@ -1,4 +1,5 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import { autoName } from '../autoName';
 
 it('pulls name from named MDX files', () => {
diff --git a/code/core/src/core-server/utils/__tests__/index-extraction.test.ts b/code/core/src/core-server/utils/__tests__/index-extraction.test.ts
index 6fbbdeb41c6c..8377cdb18e2d 100644
--- a/code/core/src/core-server/utils/__tests__/index-extraction.test.ts
+++ b/code/core/src/core-server/utils/__tests__/index-extraction.test.ts
@@ -1,6 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
 
-import path from 'node:path';
 import { normalizeStoriesEntry } from '@storybook/core/common';
 import type { NormalizedStoriesSpecifier } from '@storybook/core/types';
 
@@ -10,8 +11,8 @@ import { AUTODOCS_TAG, StoryIndexGenerator } from '../StoryIndexGenerator';
 vi.mock('@storybook/core/node-logger');
 
 const options: StoryIndexGeneratorOptions = {
-  configDir: path.join(__dirname, '..', '__mockdata__'),
-  workingDir: path.join(__dirname, '..', '__mockdata__'),
+  configDir: join(__dirname, '..', '__mockdata__'),
+  workingDir: join(__dirname, '..', '__mockdata__'),
   indexers: [],
   docs: { defaultName: 'docs', autodocs: false },
 };
@@ -19,7 +20,7 @@ const options: StoryIndexGeneratorOptions = {
 describe('story extraction', () => {
   it('extracts stories from full indexer inputs', async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -98,7 +99,7 @@ describe('story extraction', () => {
 
   it('extracts stories from minimal indexer inputs', async () => {
     const relativePath = './src/first-nested/deeply/F.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -143,7 +144,7 @@ describe('story extraction', () => {
 
   it('auto-generates title from indexer inputs without title', async () => {
     const relativePath = './src/first-nested/deeply/F.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -194,7 +195,7 @@ describe('story extraction', () => {
 
   it('auto-generates name from indexer inputs without name', async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -245,7 +246,7 @@ describe('story extraction', () => {
 
   it('auto-generates id', async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -344,7 +345,7 @@ describe('story extraction', () => {
 
   it('auto-generates id, title and name from exportName input', async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -393,7 +394,7 @@ describe('story extraction', () => {
 describe('docs entries from story extraction', () => {
   it('adds docs entry when autodocs is globally enabled', async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -444,7 +445,7 @@ describe('docs entries from story extraction', () => {
   });
   it(`adds docs entry when autodocs is "tag" and an entry has the "${AUTODOCS_TAG}" tag`, async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
@@ -508,7 +509,7 @@ describe('docs entries from story extraction', () => {
   });
   it(`DOES NOT adds docs entry when autodocs is false and an entry has the "${AUTODOCS_TAG}" tag`, async () => {
     const relativePath = './src/A.stories.js';
-    const absolutePath = path.join(options.workingDir, relativePath);
+    const absolutePath = join(options.workingDir, relativePath);
     const specifier: NormalizedStoriesSpecifier = normalizeStoriesEntry(relativePath, options);
 
     const generator = new StoryIndexGenerator([specifier], {
diff --git a/code/core/src/core-server/utils/__tests__/remove-mdx-stories.test.ts b/code/core/src/core-server/utils/__tests__/remove-mdx-stories.test.ts
index 2dff9f7810e4..f1342ad48a9a 100644
--- a/code/core/src/core-server/utils/__tests__/remove-mdx-stories.test.ts
+++ b/code/core/src/core-server/utils/__tests__/remove-mdx-stories.test.ts
@@ -1,9 +1,13 @@
-import { glob as globOriginal } from 'glob';
-import { type StoriesEntry } from '@storybook/core/types';
-import { normalizeStoriesEntry } from '@storybook/core/common';
 import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
+import { normalizeStoriesEntry } from '@storybook/core/common';
+import { type StoriesEntry } from '@storybook/core/types';
+
+import { glob as globOriginal } from 'glob';
 import slash from 'slash';
-import { vi, it, describe, expect } from 'vitest';
+
 import { removeMDXEntries } from '../remove-mdx-entries';
 
 const configDir = '/configDir/';
diff --git a/code/core/src/core-server/utils/__tests__/server-address.test.ts b/code/core/src/core-server/utils/__tests__/server-address.test.ts
index 4b3636ee9e84..cc9b3dfa6f53 100644
--- a/code/core/src/core-server/utils/__tests__/server-address.test.ts
+++ b/code/core/src/core-server/utils/__tests__/server-address.test.ts
@@ -1,5 +1,7 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import os, { type NetworkInterfaceInfoIPv4 } from 'os';
+
 import { getServerAddresses } from '../server-address';
 
 vi.mock('os');
diff --git a/code/core/src/core-server/utils/__tests__/server-channel.test.ts b/code/core/src/core-server/utils/__tests__/server-channel.test.ts
index 0078b6d78cfa..c43955bd5886 100644
--- a/code/core/src/core-server/utils/__tests__/server-channel.test.ts
+++ b/code/core/src/core-server/utils/__tests__/server-channel.test.ts
@@ -1,10 +1,12 @@
-import { describe, expect, vi, it } from 'vitest';
-import type { Server } from 'http';
+import { describe, expect, it, vi } from 'vitest';
+
 import { Channel } from '@storybook/core/channels';
 
 import { EventEmitter } from 'events';
+import type { Server } from 'http';
 import { stringify } from 'telejson';
-import { getServerChannel, ServerChannelTransport } from '../get-server-channel';
+
+import { ServerChannelTransport, getServerChannel } from '../get-server-channel';
 
 describe('getServerChannel', () => {
   it('should return a channel', () => {
diff --git a/code/core/src/core-server/utils/__tests__/server-statics.test.ts b/code/core/src/core-server/utils/__tests__/server-statics.test.ts
index 7033bec57704..ca532a8b04f9 100644
--- a/code/core/src/core-server/utils/__tests__/server-statics.test.ts
+++ b/code/core/src/core-server/utils/__tests__/server-statics.test.ts
@@ -1,6 +1,9 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { resolve } from 'node:path';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import fs from 'fs-extra';
-import path from 'node:path';
+
 import { onlyWindows, skipWindows } from '../../../../../vitest.helpers';
 import { parseStaticDir } from '../server-statics';
 
@@ -16,14 +19,14 @@ describe('parseStaticDir', () => {
   it('returns the static dir/path and default target', async () => {
     await expect(parseStaticDir('public')).resolves.toEqual({
       staticDir: './public',
-      staticPath: path.resolve('public'),
+      staticPath: resolve('public'),
       targetDir: './',
       targetEndpoint: '/',
     });
 
     await expect(parseStaticDir('foo/bar')).resolves.toEqual({
       staticDir: './foo/bar',
-      staticPath: path.resolve('foo/bar'),
+      staticPath: resolve('foo/bar'),
       targetDir: './',
       targetEndpoint: '/',
     });
@@ -32,14 +35,14 @@ describe('parseStaticDir', () => {
   it('returns the static dir/path and custom target', async () => {
     await expect(parseStaticDir('public:/custom-endpoint')).resolves.toEqual({
       staticDir: './public',
-      staticPath: path.resolve('public'),
+      staticPath: resolve('public'),
       targetDir: './custom-endpoint',
       targetEndpoint: '/custom-endpoint',
     });
 
     await expect(parseStaticDir('foo/bar:/custom-endpoint')).resolves.toEqual({
       staticDir: './foo/bar',
-      staticPath: path.resolve('foo/bar'),
+      staticPath: resolve('foo/bar'),
       targetDir: './custom-endpoint',
       targetEndpoint: '/custom-endpoint',
     });
@@ -56,7 +59,7 @@ describe('parseStaticDir', () => {
   it('checks that the path exists', async () => {
     // @ts-expect-error for some reason vitest does not match the return type with one of the overloads from pathExists
     pathExistsMock.mockResolvedValue(false);
-    await expect(parseStaticDir('nonexistent')).rejects.toThrow(path.resolve('nonexistent'));
+    await expect(parseStaticDir('nonexistent')).rejects.toThrow(resolve('nonexistent'));
   });
 
   skipWindows(() => {
@@ -82,8 +85,8 @@ describe('parseStaticDir', () => {
   onlyWindows(() => {
     it('supports absolute file paths - windows', async () => {
       await expect(parseStaticDir('C:\\foo\\bar')).resolves.toEqual({
-        staticDir: path.resolve('C:\\foo\\bar'),
-        staticPath: path.resolve('C:\\foo\\bar'),
+        staticDir: resolve('C:\\foo\\bar'),
+        staticPath: resolve('C:\\foo\\bar'),
         targetDir: './',
         targetEndpoint: '/',
       });
@@ -92,14 +95,14 @@ describe('parseStaticDir', () => {
     it('supports absolute file paths with custom endpoint - windows', async () => {
       await expect(parseStaticDir('C:\\foo\\bar:/custom-endpoint')).resolves.toEqual({
         staticDir: expect.any(String), // can't test this properly on unix
-        staticPath: path.resolve('C:\\foo\\bar'),
+        staticPath: resolve('C:\\foo\\bar'),
         targetDir: './custom-endpoint',
         targetEndpoint: '/custom-endpoint',
       });
 
       await expect(parseStaticDir('C:\\foo\\bar:\\custom-endpoint')).resolves.toEqual({
         staticDir: expect.any(String), // can't test this properly on unix
-        staticPath: path.resolve('C:\\foo\\bar'),
+        staticPath: resolve('C:\\foo\\bar'),
         targetDir: './custom-endpoint',
         targetEndpoint: '/custom-endpoint',
       });
diff --git a/code/core/src/core-server/utils/autoName.ts b/code/core/src/core-server/utils/autoName.ts
index aa916c865664..953124f7db0f 100644
--- a/code/core/src/core-server/utils/autoName.ts
+++ b/code/core/src/core-server/utils/autoName.ts
@@ -1,6 +1,7 @@
-import type { Path } from '@storybook/core/types';
 import { basename } from 'node:path';
 
+import type { Path } from '@storybook/core/types';
+
 /**
  * Calculate a name to use for a docs entry if not specified. The rule is:
  *
diff --git a/code/core/src/core-server/utils/copy-all-static-files.ts b/code/core/src/core-server/utils/copy-all-static-files.ts
index 344bc12eeb72..b17ceaa1f8dd 100644
--- a/code/core/src/core-server/utils/copy-all-static-files.ts
+++ b/code/core/src/core-server/utils/copy-all-static-files.ts
@@ -1,8 +1,12 @@
-import chalk from 'chalk';
-import fs from 'fs-extra';
 import { join, relative } from 'node:path';
-import { logger } from '@storybook/core/node-logger';
+
 import { getDirectoryFromWorkingDir } from '@storybook/core/common';
+
+import { logger } from '@storybook/core/node-logger';
+
+import chalk from 'chalk';
+import fs from 'fs-extra';
+
 import { parseStaticDir } from './server-statics';
 
 export async function copyAllStaticFiles(staticDirs: any[] | undefined, outputDir: string) {
diff --git a/code/core/src/core-server/utils/doTelemetry.ts b/code/core/src/core-server/utils/doTelemetry.ts
index be9479cf3348..511616d02f24 100644
--- a/code/core/src/core-server/utils/doTelemetry.ts
+++ b/code/core/src/core-server/utils/doTelemetry.ts
@@ -1,12 +1,14 @@
+import { getPrecedingUpgrade, telemetry } from '@storybook/core/telemetry';
+import type { CoreConfig, Options } from '@storybook/core/types';
+
 import invariant from 'tiny-invariant';
-import type { CoreConfig, Options, StoryIndex } from '@storybook/core/types';
-import { telemetry, getPrecedingUpgrade } from '@storybook/core/telemetry';
-import { useStorybookMetadata } from './metadata';
+
+import { sendTelemetryError } from '../withTelemetry';
 import type { StoryIndexGenerator } from './StoryIndexGenerator';
-import { summarizeIndex } from './summarizeIndex';
+import { useStorybookMetadata } from './metadata';
 import { router } from './router';
+import { summarizeIndex } from './summarizeIndex';
 import { versionStatus } from './versionStatus';
-import { sendTelemetryError } from '../withTelemetry';
 
 export async function doTelemetry(
   core: CoreConfig,
diff --git a/code/core/src/core-server/utils/get-builders.ts b/code/core/src/core-server/utils/get-builders.ts
index 13a5365c91e2..5b654a14c955 100644
--- a/code/core/src/core-server/utils/get-builders.ts
+++ b/code/core/src/core-server/utils/get-builders.ts
@@ -1,6 +1,8 @@
+import { pathToFileURL } from 'node:url';
+
 import type { Builder, Options } from '@storybook/core/types';
+
 import { MissingBuilderError } from '@storybook/core/server-errors';
-import { pathToFileURL } from 'node:url';
 
 export async function getManagerBuilder(): Promise<Builder<unknown>> {
   return import('@storybook/core/builder-manager');
diff --git a/code/core/src/core-server/utils/get-component-variable-name.test.ts b/code/core/src/core-server/utils/get-component-variable-name.test.ts
index 07b2fb5599aa..222f97226d5d 100644
--- a/code/core/src/core-server/utils/get-component-variable-name.test.ts
+++ b/code/core/src/core-server/utils/get-component-variable-name.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { getComponentVariableName } from './get-component-variable-name';
 
 describe('get-variable-name', () => {
diff --git a/code/core/src/core-server/utils/get-new-story-file.test.ts b/code/core/src/core-server/utils/get-new-story-file.test.ts
index c1a4e5e083de..6144927e478e 100644
--- a/code/core/src/core-server/utils/get-new-story-file.test.ts
+++ b/code/core/src/core-server/utils/get-new-story-file.test.ts
@@ -1,6 +1,8 @@
+import { join } from 'node:path';
+
 import { describe, expect, it, vi } from 'vitest';
+
 import { getNewStoryFile } from './get-new-story-file';
-import path from 'node:path';
 
 vi.mock('@storybook/core/common', async (importOriginal) => {
   const actual = await importOriginal<typeof import('@storybook/core/common')>();
@@ -46,7 +48,7 @@ describe('get-new-story-file', () => {
 
       export const Default: Story = {};"
     `);
-    expect(storyFilePath).toBe(path.join(__dirname, 'src', 'components', 'Page.stories.tsx'));
+    expect(storyFilePath).toBe(join(__dirname, 'src', 'components', 'Page.stories.tsx'));
   });
 
   it('should create a new story file (JavaScript)', async () => {
@@ -80,6 +82,6 @@ describe('get-new-story-file', () => {
 
       export const Default = {};"
     `);
-    expect(storyFilePath).toBe(path.join(__dirname, 'src', 'components', 'Page.stories.jsx'));
+    expect(storyFilePath).toBe(join(__dirname, 'src', 'components', 'Page.stories.jsx'));
   });
 });
diff --git a/code/core/src/core-server/utils/get-new-story-file.ts b/code/core/src/core-server/utils/get-new-story-file.ts
index 61de20234995..570ab8aecf7e 100644
--- a/code/core/src/core-server/utils/get-new-story-file.ts
+++ b/code/core/src/core-server/utils/get-new-story-file.ts
@@ -1,16 +1,19 @@
-import type { Options } from '@storybook/core/types';
+import { existsSync } from 'node:fs';
+import { basename, dirname, extname, join } from 'node:path';
+
 import {
   extractProperRendererNameFromFramework,
   getFrameworkName,
   getProjectRoot,
   rendererPackages,
 } from '@storybook/core/common';
-import path from 'node:path';
-import fs from 'node:fs';
-import { getTypeScriptTemplateForNewStoryFile } from './new-story-templates/typescript';
-import { getJavaScriptTemplateForNewStoryFile } from './new-story-templates/javascript';
+import type { Options } from '@storybook/core/types';
+
 import type { CreateNewStoryRequestPayload } from '@storybook/core/core-events';
 
+import { getJavaScriptTemplateForNewStoryFile } from './new-story-templates/javascript';
+import { getTypeScriptTemplateForNewStoryFile } from './new-story-templates/typescript';
+
 export async function getNewStoryFile(
   {
     componentFilePath,
@@ -28,10 +31,10 @@ export async function getNewStoryFile(
     ([, value]) => value === rendererName
   )?.[0];
 
-  const basename = path.basename(componentFilePath);
-  const extension = path.extname(componentFilePath);
-  const basenameWithoutExtension = basename.replace(extension, '');
-  const dirname = path.dirname(componentFilePath);
+  const base = basename(componentFilePath);
+  const extension = extname(componentFilePath);
+  const basenameWithoutExtension = base.replace(extension, '');
+  const dir = dirname(componentFilePath);
 
   const { storyFileName, isTypescript, storyFileExtension } = getStoryMetadata(componentFilePath);
   const storyFileNameWithExtension = `${storyFileName}.${storyFileExtension}`;
@@ -56,18 +59,18 @@ export async function getNewStoryFile(
         });
 
   const storyFilePath =
-    doesStoryFileExist(path.join(cwd, dirname), storyFileName) && componentExportCount > 1
-      ? path.join(cwd, dirname, alternativeStoryFileNameWithExtension)
-      : path.join(cwd, dirname, storyFileNameWithExtension);
+    doesStoryFileExist(join(cwd, dir), storyFileName) && componentExportCount > 1
+      ? join(cwd, dir, alternativeStoryFileNameWithExtension)
+      : join(cwd, dir, storyFileNameWithExtension);
 
   return { storyFilePath, exportedStoryName, storyFileContent, dirname };
 }
 
 export const getStoryMetadata = (componentFilePath: string) => {
   const isTypescript = /\.(ts|tsx|mts|cts)$/.test(componentFilePath);
-  const basename = path.basename(componentFilePath);
-  const extension = path.extname(componentFilePath);
-  const basenameWithoutExtension = basename.replace(extension, '');
+  const base = basename(componentFilePath);
+  const extension = extname(componentFilePath);
+  const basenameWithoutExtension = base.replace(extension, '');
   const storyFileExtension = isTypescript ? 'tsx' : 'jsx';
   return {
     storyFileName: `${basenameWithoutExtension}.stories`,
@@ -78,9 +81,9 @@ export const getStoryMetadata = (componentFilePath: string) => {
 
 export const doesStoryFileExist = (parentFolder: string, storyFileName: string) => {
   return (
-    fs.existsSync(path.join(parentFolder, `${storyFileName}.ts`)) ||
-    fs.existsSync(path.join(parentFolder, `${storyFileName}.tsx`)) ||
-    fs.existsSync(path.join(parentFolder, `${storyFileName}.js`)) ||
-    fs.existsSync(path.join(parentFolder, `${storyFileName}.jsx`))
+    existsSync(join(parentFolder, `${storyFileName}.ts`)) ||
+    existsSync(join(parentFolder, `${storyFileName}.tsx`)) ||
+    existsSync(join(parentFolder, `${storyFileName}.js`)) ||
+    existsSync(join(parentFolder, `${storyFileName}.jsx`))
   );
 };
diff --git a/code/core/src/core-server/utils/get-server-channel.ts b/code/core/src/core-server/utils/get-server-channel.ts
index d7f8c4721de7..ce5844e6235d 100644
--- a/code/core/src/core-server/utils/get-server-channel.ts
+++ b/code/core/src/core-server/utils/get-server-channel.ts
@@ -1,8 +1,9 @@
-import WebSocket, { WebSocketServer } from 'ws';
-import { isJSON, parse, stringify } from 'telejson';
 import type { ChannelHandler } from '@storybook/core/channels';
 import { Channel } from '@storybook/core/channels';
 
+import { isJSON, parse, stringify } from 'telejson';
+import WebSocket, { WebSocketServer } from 'ws';
+
 type Server = NonNullable<NonNullable<ConstructorParameters<typeof WebSocketServer>[0]>['server']>;
 
 /**
diff --git a/code/core/src/core-server/utils/get-story-id.test.ts b/code/core/src/core-server/utils/get-story-id.test.ts
index 26fedcbe03e9..e2056119f155 100644
--- a/code/core/src/core-server/utils/get-story-id.test.ts
+++ b/code/core/src/core-server/utils/get-story-id.test.ts
@@ -1,12 +1,14 @@
-import path from 'node:path';
+import { join } from 'node:path';
+
 import { describe, expect, it } from 'vitest';
+
 import { getStoryId } from './get-story-id';
 
 describe('getStoryId', () => {
   it('should return the storyId', async () => {
     const cwd = process.cwd();
     const options = {
-      configDir: path.join(cwd, '.storybook'),
+      configDir: join(cwd, '.storybook'),
       presets: {
         apply: (val: string) => {
           if (val === 'stories') {
@@ -15,7 +17,7 @@ describe('getStoryId', () => {
         },
       },
     } as any;
-    const storyFilePath = path.join(cwd, 'src', 'components', 'stories', 'Page1.stories.ts');
+    const storyFilePath = join(cwd, 'src', 'components', 'stories', 'Page1.stories.ts');
     const exportedStoryName = 'Default';
 
     const { storyId, kind } = await getStoryId({ storyFilePath, exportedStoryName }, options);
@@ -27,7 +29,7 @@ describe('getStoryId', () => {
   it('should throw an error if the storyId cannot be calculated', async () => {
     const cwd = process.cwd();
     const options = {
-      configDir: path.join(cwd, '.storybook'),
+      configDir: join(cwd, '.storybook'),
       presets: {
         apply: (val: string) => {
           if (val === 'stories') {
@@ -36,7 +38,7 @@ describe('getStoryId', () => {
         },
       },
     } as any;
-    const storyFilePath = path.join(cwd, 'not-covered-path', 'stories', 'Page1.stories.ts');
+    const storyFilePath = join(cwd, 'not-covered-path', 'stories', 'Page1.stories.ts');
     const exportedStoryName = 'Default';
 
     await expect(() =>
diff --git a/code/core/src/core-server/utils/get-story-id.ts b/code/core/src/core-server/utils/get-story-id.ts
index ef44c263f094..7dad86006b97 100644
--- a/code/core/src/core-server/utils/get-story-id.ts
+++ b/code/core/src/core-server/utils/get-story-id.ts
@@ -1,9 +1,13 @@
-import type { Options } from '@storybook/core/types';
-import { dedent } from 'ts-dedent';
+import { relative } from 'node:path';
+
 import { normalizeStories, normalizeStoryPath } from '@storybook/core/common';
-import path from 'node:path';
+import type { Options } from '@storybook/core/types';
 import { sanitize, storyNameFromExport, toId } from '@storybook/csf';
+
 import { userOrAutoTitleFromSpecifier } from '@storybook/core/preview-api';
+
+import { dedent } from 'ts-dedent';
+
 import { posix } from './posix';
 
 interface StoryIdData {
@@ -21,7 +25,7 @@ export async function getStoryId(data: StoryIdData, options: Options) {
     workingDir,
   });
 
-  const relativePath = path.relative(workingDir, data.storyFilePath);
+  const relativePath = relative(workingDir, data.storyFilePath);
   const importPath = posix(normalizeStoryPath(relativePath));
 
   const autoTitle = normalizedStories
diff --git a/code/core/src/core-server/utils/getStoryIndexGenerator.ts b/code/core/src/core-server/utils/getStoryIndexGenerator.ts
index b61a5490c3b4..6e5e4960b132 100644
--- a/code/core/src/core-server/utils/getStoryIndexGenerator.ts
+++ b/code/core/src/core-server/utils/getStoryIndexGenerator.ts
@@ -1,9 +1,10 @@
-import type { DocsOptions, Options } from '@storybook/core/types';
 import { normalizeStories } from '@storybook/core/common';
-import { useStoriesJson } from './stories-json';
-import type { ServerChannel } from './get-server-channel';
+import type { DocsOptions, Options } from '@storybook/core/types';
+
 import { StoryIndexGenerator } from './StoryIndexGenerator';
+import type { ServerChannel } from './get-server-channel';
 import { router } from './router';
+import { useStoriesJson } from './stories-json';
 
 export async function getStoryIndexGenerator(
   features: {
diff --git a/code/core/src/core-server/utils/metadata.ts b/code/core/src/core-server/utils/metadata.ts
index a3a2c755b33b..cc047d841768 100644
--- a/code/core/src/core-server/utils/metadata.ts
+++ b/code/core/src/core-server/utils/metadata.ts
@@ -1,7 +1,8 @@
-import { writeJSON } from 'fs-extra';
-import type { Request, Response, Router } from 'express';
 import { getStorybookMetadata } from '@storybook/core/telemetry';
 
+import type { Request, Response, Router } from 'express';
+import { writeJSON } from 'fs-extra';
+
 export async function extractStorybookMetadata(outputFile: string, configDir: string) {
   const storybookMetadata = await getStorybookMetadata(configDir);
 
diff --git a/code/core/src/core-server/utils/middleware.ts b/code/core/src/core-server/utils/middleware.ts
index 33ad1e641771..366f3f096c6c 100644
--- a/code/core/src/core-server/utils/middleware.ts
+++ b/code/core/src/core-server/utils/middleware.ts
@@ -1,14 +1,14 @@
-import path from 'node:path';
-import fs from 'node:fs';
+import { existsSync } from 'node:fs';
+import { resolve } from 'node:path';
 
 const fileExists = (basename: string) =>
   ['.js', '.cjs'].reduce((found: string, ext: string) => {
     const filename = `${basename}${ext}`;
-    return !found && fs.existsSync(filename) ? filename : found;
+    return !found && existsSync(filename) ? filename : found;
   }, '');
 
 export function getMiddleware(configDir: string) {
-  const middlewarePath = fileExists(path.resolve(configDir, 'middleware'));
+  const middlewarePath = fileExists(resolve(configDir, 'middleware'));
   if (middlewarePath) {
     let middlewareModule = require(middlewarePath);
     // eslint-disable-next-line no-underscore-dangle
diff --git a/code/core/src/core-server/utils/new-story-templates/javascript.test.ts b/code/core/src/core-server/utils/new-story-templates/javascript.test.ts
index 525c0fe25f4c..31d7f7686030 100644
--- a/code/core/src/core-server/utils/new-story-templates/javascript.test.ts
+++ b/code/core/src/core-server/utils/new-story-templates/javascript.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { getJavaScriptTemplateForNewStoryFile } from './javascript';
 
 describe('javascript', () => {
diff --git a/code/core/src/core-server/utils/new-story-templates/javascript.ts b/code/core/src/core-server/utils/new-story-templates/javascript.ts
index cc59e78cf34c..12742502b413 100644
--- a/code/core/src/core-server/utils/new-story-templates/javascript.ts
+++ b/code/core/src/core-server/utils/new-story-templates/javascript.ts
@@ -1,4 +1,5 @@
 import { dedent } from 'ts-dedent';
+
 import { getComponentVariableName } from '../get-component-variable-name';
 
 interface JavaScriptTemplateData {
diff --git a/code/core/src/core-server/utils/new-story-templates/typescript.test.ts b/code/core/src/core-server/utils/new-story-templates/typescript.test.ts
index 338b3209ce95..b470cf0699b1 100644
--- a/code/core/src/core-server/utils/new-story-templates/typescript.test.ts
+++ b/code/core/src/core-server/utils/new-story-templates/typescript.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { getTypeScriptTemplateForNewStoryFile } from './typescript';
 
 describe('typescript', () => {
diff --git a/code/core/src/core-server/utils/new-story-templates/typescript.ts b/code/core/src/core-server/utils/new-story-templates/typescript.ts
index d9e0acaa12cc..892772f06f2d 100644
--- a/code/core/src/core-server/utils/new-story-templates/typescript.ts
+++ b/code/core/src/core-server/utils/new-story-templates/typescript.ts
@@ -1,4 +1,5 @@
 import { dedent } from 'ts-dedent';
+
 import { getComponentVariableName } from '../get-component-variable-name';
 
 interface TypeScriptTemplateData {
diff --git a/code/core/src/core-server/utils/open-in-browser.ts b/code/core/src/core-server/utils/open-in-browser.ts
index b4fe5d77d961..aa5f745b8ce6 100644
--- a/code/core/src/core-server/utils/open-in-browser.ts
+++ b/code/core/src/core-server/utils/open-in-browser.ts
@@ -1,7 +1,9 @@
 import { logger } from '@storybook/core/node-logger';
-import betterOpn from 'better-opn'; // betterOpn alias used because also loading open
-import open from 'open';
+
 import getDefaultBrowser from '@aw-web-design/x-default-browser';
+import betterOpn from 'better-opn';
+// betterOpn alias used because also loading open
+import open from 'open';
 import { dedent } from 'ts-dedent';
 
 export function openInBrowser(address: string) {
diff --git a/code/core/src/core-server/utils/output-startup-information.ts b/code/core/src/core-server/utils/output-startup-information.ts
index 092a29671aa4..cfe60bef6cc9 100644
--- a/code/core/src/core-server/utils/output-startup-information.ts
+++ b/code/core/src/core-server/utils/output-startup-information.ts
@@ -1,10 +1,13 @@
-import chalk from 'chalk';
+import type { VersionCheck } from '@storybook/core/types';
+
 import { colors } from '@storybook/core/node-logger';
+
 import boxen from 'boxen';
-import { dedent } from 'ts-dedent';
+import chalk from 'chalk';
 import Table from 'cli-table3';
 import prettyTime from 'pretty-hrtime';
-import type { VersionCheck } from '@storybook/core/types';
+import { dedent } from 'ts-dedent';
+
 import { createUpdateMessage } from './update-check';
 
 export function outputStartupInformation(options: {
diff --git a/code/core/src/core-server/utils/output-stats.ts b/code/core/src/core-server/utils/output-stats.ts
index 0b99ef1f4eb3..c3a5b9f8aad9 100644
--- a/code/core/src/core-server/utils/output-stats.ts
+++ b/code/core/src/core-server/utils/output-stats.ts
@@ -1,9 +1,12 @@
-import { stringifyStream } from '@discoveryjs/json-ext';
-import { logger } from '@storybook/core/node-logger';
+import { join } from 'node:path';
+
 import type { Stats } from '@storybook/core/types';
+
+import { logger } from '@storybook/core/node-logger';
+
+import { stringifyStream } from '@discoveryjs/json-ext';
 import chalk from 'chalk';
 import fs from 'fs-extra';
-import path from 'node:path';
 
 export async function outputStats(directory: string, previewStats?: any, managerStats?: any) {
   if (previewStats) {
@@ -17,7 +20,7 @@ export async function outputStats(directory: string, previewStats?: any, manager
 }
 
 export const writeStats = async (directory: string, name: string, stats: Stats) => {
-  const filePath = path.join(directory, `${name}-stats.json`);
+  const filePath = join(directory, `${name}-stats.json`);
   const { chunks, ...data } = stats.toJson(); // omit chunks, which is about half of the total data
   await new Promise((resolve, reject) => {
     stringifyStream(data, null, 2)
diff --git a/code/core/src/core-server/utils/parser/generic-parser.test.ts b/code/core/src/core-server/utils/parser/generic-parser.test.ts
index 17995e7ec0f0..e461a9cdbf50 100644
--- a/code/core/src/core-server/utils/parser/generic-parser.test.ts
+++ b/code/core/src/core-server/utils/parser/generic-parser.test.ts
@@ -1,15 +1,17 @@
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
 import { describe, expect, it } from 'vitest';
-import path from 'node:path';
+
 import { GenericParser } from './generic-parser';
-import fs from 'node:fs';
 
 const genericParser = new GenericParser();
 
-const TEST_DIR = path.join(__dirname, '..', '__search-files-tests__');
+const TEST_DIR = join(__dirname, '..', '__search-files-tests__');
 
 describe('generic-parser', () => {
   it('should correctly return exports from ES modules', async () => {
-    const content = fs.readFileSync(path.join(TEST_DIR, 'src', 'es-module.js'), 'utf-8');
+    const content = readFileSync(join(TEST_DIR, 'src', 'es-module.js'), 'utf-8');
     const { exports } = await genericParser.parse(content);
 
     expect(exports).toEqual([
diff --git a/code/core/src/core-server/utils/parser/generic-parser.ts b/code/core/src/core-server/utils/parser/generic-parser.ts
index e3c4754fab44..cbce263ac9ec 100644
--- a/code/core/src/core-server/utils/parser/generic-parser.ts
+++ b/code/core/src/core-server/utils/parser/generic-parser.ts
@@ -1,5 +1,5 @@
-import * as babelParser from '@babel/parser';
 import { types } from '@babel/core';
+import * as babelParser from '@babel/parser';
 
 import type { Parser, ParserResult } from './types';
 
diff --git a/code/core/src/core-server/utils/parser/index.ts b/code/core/src/core-server/utils/parser/index.ts
index 5e3aa13fd866..753e2c1d8afd 100644
--- a/code/core/src/core-server/utils/parser/index.ts
+++ b/code/core/src/core-server/utils/parser/index.ts
@@ -1,4 +1,5 @@
 import type { SupportedRenderers } from '@storybook/core/types';
+
 import { GenericParser } from './generic-parser';
 import type { Parser } from './types';
 
diff --git a/code/core/src/core-server/utils/posix.test.ts b/code/core/src/core-server/utils/posix.test.ts
index 23c8d2ca3bec..960d799e30b1 100644
--- a/code/core/src/core-server/utils/posix.test.ts
+++ b/code/core/src/core-server/utils/posix.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { posix } from './posix';
 
 describe('posix', () => {
diff --git a/code/core/src/core-server/utils/posix.ts b/code/core/src/core-server/utils/posix.ts
index d9b8224cdde5..d4fbcc98b3cf 100644
--- a/code/core/src/core-server/utils/posix.ts
+++ b/code/core/src/core-server/utils/posix.ts
@@ -1,7 +1,7 @@
-import path from 'node:path';
+import { posix as posixPath, sep } from 'node:path';
 
 /**
  * Replaces the path separator with forward slashes
  */
-export const posix = (localPath: string, sep: string = path.sep) =>
-  localPath.split(sep).filter(Boolean).join(path.posix.sep);
+export const posix = (localPath: string, seperator: string = sep) =>
+  localPath.split(seperator).filter(Boolean).join(posixPath.sep);
diff --git a/code/core/src/core-server/utils/remove-mdx-entries.ts b/code/core/src/core-server/utils/remove-mdx-entries.ts
index d9d5a285dcc6..f71488712a49 100644
--- a/code/core/src/core-server/utils/remove-mdx-entries.ts
+++ b/code/core/src/core-server/utils/remove-mdx-entries.ts
@@ -1,8 +1,10 @@
-import type { Options, StoriesEntry } from '@storybook/core/types';
-import { normalizeStories, commonGlobOptions } from '@storybook/core/common';
 import { isAbsolute, join, relative } from 'node:path';
-import slash from 'slash';
+
+import { commonGlobOptions, normalizeStories } from '@storybook/core/common';
+import type { Options, StoriesEntry } from '@storybook/core/types';
+
 import { glob } from 'glob';
+import slash from 'slash';
 
 export async function removeMDXEntries(
   entries: StoriesEntry[],
diff --git a/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.test.ts b/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.test.ts
index da4b26eabb25..549c74337ca9 100644
--- a/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.test.ts
+++ b/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.test.ts
@@ -1,11 +1,14 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, test, expect } from 'vitest';
-import { readCsf, printCsf } from '@storybook/core/csf-tools';
-
-import { duplicateStoryWithNewName } from './duplicate-story-with-new-name';
-import { readFile } from 'fs/promises';
+import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
+
+import { describe, expect, test } from 'vitest';
+
+import { printCsf, readCsf } from '@storybook/core/csf-tools';
+
 import { format } from 'prettier';
+
+import { duplicateStoryWithNewName } from './duplicate-story-with-new-name';
 import { getDiff } from './getDiff';
 
 const makeTitle = (userTitle: string) => userTitle;
diff --git a/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.ts b/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.ts
index f93c02d12afe..25e634a0faf4 100644
--- a/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.ts
+++ b/code/core/src/core-server/utils/save-story/duplicate-story-with-new-name.ts
@@ -1,7 +1,9 @@
 /* eslint-disable no-underscore-dangle */
 import type { CsfFile } from '@storybook/core/csf-tools';
-import * as t from '@babel/types';
+
 import bt from '@babel/traverse';
+import * as t from '@babel/types';
+
 import { SaveStoryError } from './utils';
 
 // @ts-expect-error (needed due to it's use of `exports.default`)
diff --git a/code/core/src/core-server/utils/save-story/mocks/csf-variances.stories.tsx b/code/core/src/core-server/utils/save-story/mocks/csf-variances.stories.tsx
index 9fcbc4bd4df3..35081f422ae3 100644
--- a/code/core/src/core-server/utils/save-story/mocks/csf-variances.stories.tsx
+++ b/code/core/src/core-server/utils/save-story/mocks/csf-variances.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import type { FC } from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
 
 export default {
diff --git a/code/core/src/core-server/utils/save-story/mocks/data-variances.stories.tsx b/code/core/src/core-server/utils/save-story/mocks/data-variances.stories.tsx
index ea2f79bdcc3b..e049efd5339f 100644
--- a/code/core/src/core-server/utils/save-story/mocks/data-variances.stories.tsx
+++ b/code/core/src/core-server/utils/save-story/mocks/data-variances.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import type { FC } from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
 
 export default {
diff --git a/code/core/src/core-server/utils/save-story/mocks/export-variances.stories.tsx b/code/core/src/core-server/utils/save-story/mocks/export-variances.stories.tsx
index 7c853f484468..3fc94bcceaab 100644
--- a/code/core/src/core-server/utils/save-story/mocks/export-variances.stories.tsx
+++ b/code/core/src/core-server/utils/save-story/mocks/export-variances.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import type { FC } from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
 
 export default {
diff --git a/code/core/src/core-server/utils/save-story/mocks/typescript-constructs.stories.tsx b/code/core/src/core-server/utils/save-story/mocks/typescript-constructs.stories.tsx
index d44c95c446be..0d4aa951ad89 100644
--- a/code/core/src/core-server/utils/save-story/mocks/typescript-constructs.stories.tsx
+++ b/code/core/src/core-server/utils/save-story/mocks/typescript-constructs.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import type { FC } from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
 
 export default {
diff --git a/code/core/src/core-server/utils/save-story/mocks/unsupported-csf-variances.stories.tsx b/code/core/src/core-server/utils/save-story/mocks/unsupported-csf-variances.stories.tsx
index b86095381faa..7a300959e0a8 100644
--- a/code/core/src/core-server/utils/save-story/mocks/unsupported-csf-variances.stories.tsx
+++ b/code/core/src/core-server/utils/save-story/mocks/unsupported-csf-variances.stories.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import type { FC } from 'react';
+
 import type { Meta } from '@storybook/react';
 
 export default {
diff --git a/code/core/src/core-server/utils/save-story/save-story.ts b/code/core/src/core-server/utils/save-story/save-story.ts
index 5369d99a4cba..9131107fdc0c 100644
--- a/code/core/src/core-server/utils/save-story/save-story.ts
+++ b/code/core/src/core-server/utils/save-story/save-story.ts
@@ -1,6 +1,13 @@
 /* eslint-disable no-underscore-dangle */
-import fs from 'node:fs/promises';
+import { writeFile } from 'node:fs/promises';
+import { basename, join } from 'node:path';
+
 import type { Channel } from '@storybook/core/channels';
+import { formatFileContent } from '@storybook/core/common';
+import { isExampleStoryId, telemetry } from '@storybook/core/telemetry';
+import type { CoreConfig, Options } from '@storybook/core/types';
+import { storyNameFromExport, toId } from '@storybook/csf';
+
 import type {
   RequestData,
   ResponseData,
@@ -12,16 +19,11 @@ import {
   SAVE_STORY_RESPONSE,
   STORY_RENDERED,
 } from '@storybook/core/core-events';
-import { storyNameFromExport, toId } from '@storybook/csf';
 import { printCsf, readCsf } from '@storybook/core/csf-tools';
 import { logger } from '@storybook/core/node-logger';
-import type { CoreConfig, Options } from '@storybook/core/types';
-import { telemetry } from '@storybook/core/telemetry';
 
-import { basename, join } from 'node:path';
-import { updateArgsInCsfFile } from './update-args-in-csf-file';
 import { duplicateStoryWithNewName } from './duplicate-story-with-new-name';
-import { formatFileContent } from '@storybook/core/common';
+import { updateArgsInCsfFile } from './update-args-in-csf-file';
 import { SaveStoryError } from './utils';
 
 const parseArgs = (args: string): Record<string, any> =>
@@ -101,7 +103,7 @@ export function initializeSaveStory(channel: Channel, options: Options, coreConf
           channel.on(STORY_RENDERED, resolve);
           setTimeout(() => resolve(channel.off(STORY_RENDERED, resolve)), 3000);
         }),
-        fs.writeFile(sourceFilePath, code),
+        writeFile(sourceFilePath, code),
       ]);
 
       channel.emit(SAVE_STORY_RESPONSE, {
@@ -120,7 +122,9 @@ export function initializeSaveStory(channel: Channel, options: Options, coreConf
         error: null,
       } satisfies ResponseData<SaveStoryResponsePayload>);
 
-      if (!coreConfig.disableTelemetry) {
+      // don't take credit for save-from-controls actions against CLI example stories
+      const isCLIExample = isExampleStoryId(newStoryId ?? csfId);
+      if (!coreConfig.disableTelemetry && !isCLIExample) {
         await telemetry('save-story', {
           action: name ? 'createStory' : 'updateStory',
           success: true,
diff --git a/code/core/src/core-server/utils/save-story/update-args-in-csf-file.test.ts b/code/core/src/core-server/utils/save-story/update-args-in-csf-file.test.ts
index c06f71de482f..43bc049fc58b 100644
--- a/code/core/src/core-server/utils/save-story/update-args-in-csf-file.test.ts
+++ b/code/core/src/core-server/utils/save-story/update-args-in-csf-file.test.ts
@@ -1,12 +1,15 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, test, expect } from 'vitest';
-import { readCsf, printCsf } from '@storybook/core/csf-tools';
-
-import { updateArgsInCsfFile } from './update-args-in-csf-file';
-import { readFile } from 'fs/promises';
+import { readFile } from 'node:fs/promises';
 import { join } from 'node:path';
+
+import { describe, expect, test } from 'vitest';
+
+import { printCsf, readCsf } from '@storybook/core/csf-tools';
+
 import { format } from 'prettier';
+
 import { getDiff } from './getDiff';
+import { updateArgsInCsfFile } from './update-args-in-csf-file';
 
 const makeTitle = (userTitle: string) => userTitle;
 
diff --git a/code/core/src/core-server/utils/save-story/update-args-in-csf-file.ts b/code/core/src/core-server/utils/save-story/update-args-in-csf-file.ts
index 8446594f1c71..9f7466ccfc07 100644
--- a/code/core/src/core-server/utils/save-story/update-args-in-csf-file.ts
+++ b/code/core/src/core-server/utils/save-story/update-args-in-csf-file.ts
@@ -1,7 +1,8 @@
-import * as t from '@babel/types';
 import bt from '@babel/traverse';
-import { valueToAST } from './valueToAST';
+import * as t from '@babel/types';
+
 import { SaveStoryError } from './utils';
+import { valueToAST } from './valueToAST';
 
 // @ts-expect-error (needed due to it's use of `exports.default`)
 const traverse = (bt.default || bt) as typeof bt;
diff --git a/code/core/src/core-server/utils/save-story/valueToAST.ts b/code/core/src/core-server/utils/save-story/valueToAST.ts
index f09dd7b65a64..b1227d8619ae 100644
--- a/code/core/src/core-server/utils/save-story/valueToAST.ts
+++ b/code/core/src/core-server/utils/save-story/valueToAST.ts
@@ -1,5 +1,5 @@
-import * as t from '@babel/types';
 import * as babylon from '@babel/parser';
+import * as t from '@babel/types';
 
 export function valueToAST<T>(literal: T): any {
   if (literal === null) {
diff --git a/code/core/src/core-server/utils/search-files.test.ts b/code/core/src/core-server/utils/search-files.test.ts
index 58899c35d35f..c86afac79ac9 100644
--- a/code/core/src/core-server/utils/search-files.test.ts
+++ b/code/core/src/core-server/utils/search-files.test.ts
@@ -1,12 +1,14 @@
+import { join } from 'node:path';
+
 import { describe, expect, it } from 'vitest';
-import path from 'node:path';
+
 import { searchFiles } from './search-files';
 
 describe('search-files', () => {
   it('should automatically convert static search to a dynamic glob search', async (t) => {
     const files = await searchFiles({
       searchQuery: 'ommonjs',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual(['src/commonjs-module-default.js', 'src/commonjs-module.js']);
@@ -15,7 +17,7 @@ describe('search-files', () => {
   it('should automatically convert static search to a dynamic glob search (with file extension)', async (t) => {
     const files = await searchFiles({
       searchQuery: 'module.js',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual(['src/commonjs-module.js', 'src/es-module.js']);
@@ -24,7 +26,7 @@ describe('search-files', () => {
   it('should return all files if the search query matches the parent folder', async (t) => {
     const files = await searchFiles({
       searchQuery: 'file-extensions',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual([
@@ -42,7 +44,7 @@ describe('search-files', () => {
   it('should ignore files that do not have the allowed extensions', async (t) => {
     const files = await searchFiles({
       searchQuery: 'asset',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual([]);
@@ -51,7 +53,7 @@ describe('search-files', () => {
   it('should ignore test files (*.spec.*, *.test.*)', async (t) => {
     const files = await searchFiles({
       searchQuery: 'tests',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual([]);
@@ -60,7 +62,7 @@ describe('search-files', () => {
   it('should work with glob search patterns', async (t) => {
     const files = await searchFiles({
       searchQuery: '**/commonjs-module.js',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual(['src/commonjs-module.js']);
@@ -69,7 +71,7 @@ describe('search-files', () => {
   it('should respect glob but also the allowed file extensions', async (t) => {
     const files = await searchFiles({
       searchQuery: '**/*',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual([
@@ -91,7 +93,7 @@ describe('search-files', () => {
   it('should ignore node_modules', async (t) => {
     const files = await searchFiles({
       searchQuery: 'file-in-common.js',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual([]);
@@ -100,7 +102,7 @@ describe('search-files', () => {
   it('should ignore story files', async (t) => {
     const files = await searchFiles({
       searchQuery: 'es-module.stories.js',
-      cwd: path.join(__dirname, '__search-files-tests__'),
+      cwd: join(__dirname, '__search-files-tests__'),
     });
 
     expect(files).toEqual([]);
@@ -110,7 +112,7 @@ describe('search-files', () => {
     await expect(() =>
       searchFiles({
         searchQuery: '../**/*',
-        cwd: path.join(__dirname, '__search-files-tests__'),
+        cwd: join(__dirname, '__search-files-tests__'),
       })
     ).rejects.toThrowError();
   });
diff --git a/code/core/src/core-server/utils/server-address.test.ts b/code/core/src/core-server/utils/server-address.test.ts
index 81f228c9abdf..114fbfd9608a 100644
--- a/code/core/src/core-server/utils/server-address.test.ts
+++ b/code/core/src/core-server/utils/server-address.test.ts
@@ -1,6 +1,8 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import detectPort from 'detect-port';
-import { getServerAddresses, getServerPort, getServerChannelUrl } from './server-address';
+
+import { getServerAddresses, getServerChannelUrl, getServerPort } from './server-address';
 
 vi.mock('os', () => ({
   default: { release: () => '' },
diff --git a/code/core/src/core-server/utils/server-address.ts b/code/core/src/core-server/utils/server-address.ts
index a7c8f9f2d28a..7fc59312a084 100644
--- a/code/core/src/core-server/utils/server-address.ts
+++ b/code/core/src/core-server/utils/server-address.ts
@@ -1,7 +1,7 @@
-import os from 'os';
-
 import { logger } from '@storybook/core/node-logger';
+
 import detectFreePort from 'detect-port';
+import os from 'os';
 
 export function getServerAddresses(
   port: number,
diff --git a/code/core/src/core-server/utils/server-init.ts b/code/core/src/core-server/utils/server-init.ts
index 0888c37fde4a..b63d663e6857 100644
--- a/code/core/src/core-server/utils/server-init.ts
+++ b/code/core/src/core-server/utils/server-init.ts
@@ -1,4 +1,5 @@
 import { logger } from '@storybook/core/node-logger';
+
 import type { Express } from 'express';
 import { readFile } from 'fs-extra';
 import http from 'http';
diff --git a/code/core/src/core-server/utils/server-statics.ts b/code/core/src/core-server/utils/server-statics.ts
index a2fd5cc8a25f..926fcdb34842 100644
--- a/code/core/src/core-server/utils/server-statics.ts
+++ b/code/core/src/core-server/utils/server-statics.ts
@@ -1,12 +1,14 @@
-import { logger } from '@storybook/core/node-logger';
-import type { Options } from '@storybook/core/types';
+import { basename, isAbsolute, posix, resolve, sep, win32 } from 'node:path';
+
 import { getDirectoryFromWorkingDir } from '@storybook/core/common';
+import type { Options } from '@storybook/core/types';
+
+import { logger } from '@storybook/core/node-logger';
+
 import chalk from 'chalk';
 import type { Router } from 'express';
 import express from 'express';
 import { pathExists } from 'fs-extra';
-import path, { basename, isAbsolute } from 'node:path';
-
 import { dedent } from 'ts-dedent';
 
 export async function useStatics(router: Router, options: Options) {
@@ -52,16 +54,16 @@ export async function useStatics(router: Router, options: Options) {
 export const parseStaticDir = async (arg: string) => {
   // Split on last index of ':', for Windows compatibility (e.g. 'C:\some\dir:\foo')
   const lastColonIndex = arg.lastIndexOf(':');
-  const isWindowsAbsolute = path.win32.isAbsolute(arg);
+  const isWindowsAbsolute = win32.isAbsolute(arg);
   const isWindowsRawDirOnly = isWindowsAbsolute && lastColonIndex === 1; // e.g. 'C:\some\dir'
   const splitIndex = lastColonIndex !== -1 && !isWindowsRawDirOnly ? lastColonIndex : arg.length;
 
   const targetRaw = arg.substring(splitIndex + 1) || '/';
-  const target = targetRaw.split(path.sep).join(path.posix.sep); // Ensure target has forward-slash path
+  const target = targetRaw.split(sep).join(posix.sep); // Ensure target has forward-slash path
 
   const rawDir = arg.substring(0, splitIndex);
-  const staticDir = path.isAbsolute(rawDir) ? rawDir : `./${rawDir}`;
-  const staticPath = path.resolve(staticDir);
+  const staticDir = isAbsolute(rawDir) ? rawDir : `./${rawDir}`;
+  const staticPath = resolve(staticDir);
   const targetDir = target.replace(/^\/?/, './');
   const targetEndpoint = targetDir.substring(1);
 
diff --git a/code/core/src/core-server/utils/stories-json.test.ts b/code/core/src/core-server/utils/stories-json.test.ts
index a4ad0fa780b7..e9f5e73a7378 100644
--- a/code/core/src/core-server/utils/stories-json.test.ts
+++ b/code/core/src/core-server/utils/stories-json.test.ts
@@ -1,23 +1,26 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { join } from 'node:path';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
-import type { Router, Request, Response } from 'express';
-import Watchpack from 'watchpack';
-import path from 'node:path';
-import debounce from 'lodash/debounce.js';
-import { STORY_INDEX_INVALIDATED } from '@storybook/core/core-events';
 import { normalizeStoriesEntry } from '@storybook/core/common';
 
-import { useStoriesJson, DEBOUNCE } from './stories-json';
-import type { ServerChannel } from './get-server-channel';
+import { STORY_INDEX_INVALIDATED } from '@storybook/core/core-events';
+
+import type { Request, Response, Router } from 'express';
+import debounce from 'lodash/debounce.js';
+import Watchpack from 'watchpack';
+
+import { csfIndexer } from '../presets/common-preset';
 import type { StoryIndexGeneratorOptions } from './StoryIndexGenerator';
 import { StoryIndexGenerator } from './StoryIndexGenerator';
-import { csfIndexer } from '../presets/common-preset';
+import type { ServerChannel } from './get-server-channel';
+import { DEBOUNCE, useStoriesJson } from './stories-json';
 
 vi.mock('watchpack');
 vi.mock('lodash/debounce');
 vi.mock('@storybook/core/node-logger');
 
-const workingDir = path.join(__dirname, '__mockdata__');
+const workingDir = join(__dirname, '__mockdata__');
 const normalizedStories = [
   normalizeStoriesEntry(
     {
diff --git a/code/core/src/core-server/utils/stories-json.ts b/code/core/src/core-server/utils/stories-json.ts
index a85791dd6a9b..8956a4ed7ab1 100644
--- a/code/core/src/core-server/utils/stories-json.ts
+++ b/code/core/src/core-server/utils/stories-json.ts
@@ -1,15 +1,17 @@
 import { basename } from 'node:path';
-import type { Router, Request, Response } from 'express';
-import { writeJSON } from 'fs-extra';
 
 import type { NormalizedStoriesSpecifier, StoryIndex } from '@storybook/core/types';
-import debounce from 'lodash/debounce.js';
 
 import { STORY_INDEX_INVALIDATED } from '@storybook/core/core-events';
+
+import type { Request, Response, Router } from 'express';
+import { writeJSON } from 'fs-extra';
+import debounce from 'lodash/debounce.js';
+
 import type { StoryIndexGenerator } from './StoryIndexGenerator';
+import type { ServerChannel } from './get-server-channel';
 import { watchStorySpecifiers } from './watch-story-specifiers';
 import { watchConfig } from './watchConfig';
-import type { ServerChannel } from './get-server-channel';
 
 export const DEBOUNCE = 100;
 
diff --git a/code/core/src/core-server/utils/summarizeIndex.test.ts b/code/core/src/core-server/utils/summarizeIndex.test.ts
index e1be61027c22..5307f05252df 100644
--- a/code/core/src/core-server/utils/summarizeIndex.test.ts
+++ b/code/core/src/core-server/utils/summarizeIndex.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { isPageStory, summarizeIndex } from './summarizeIndex';
 
 describe('isPageStory', () => {
diff --git a/code/core/src/core-server/utils/summarizeIndex.ts b/code/core/src/core-server/utils/summarizeIndex.ts
index 56b4b27ad929..75a5b09696ee 100644
--- a/code/core/src/core-server/utils/summarizeIndex.ts
+++ b/code/core/src/core-server/utils/summarizeIndex.ts
@@ -1,6 +1,7 @@
+import { isExampleStoryId } from '@storybook/core/telemetry';
 import type { IndexEntry, StoryIndex } from '@storybook/core/types';
 
-import { isMdxEntry, AUTODOCS_TAG, PLAY_FN_TAG } from './StoryIndexGenerator';
+import { AUTODOCS_TAG, PLAY_FN_TAG, isMdxEntry } from './StoryIndexGenerator';
 
 const PAGE_REGEX = /(page|screen)/i;
 
@@ -25,15 +26,6 @@ const isCLIExampleEntry = (entry: IndexEntry) =>
     'example-page--logged-out',
   ].includes(entry.id);
 
-/**
- * Is this story part of the CLI generated examples,
- * including user-created stories in those files
- */
-const isAnyExampleEntry = (entry: IndexEntry) =>
-  entry.id.startsWith('example-button--') ||
-  entry.id.startsWith('example-header--') ||
-  entry.id.startsWith('example-page--');
-
 export function summarizeIndex(storyIndex: StoryIndex) {
   let storyCount = 0;
   const componentTitles = new Set<string>();
@@ -49,7 +41,7 @@ export function summarizeIndex(storyIndex: StoryIndex) {
     if (isCLIExampleEntry(entry)) {
       if (entry.type === 'story') exampleStoryCount += 1;
       if (entry.type === 'docs') exampleDocsCount += 1;
-    } else if (isAnyExampleEntry(entry)) {
+    } else if (isExampleStoryId(entry.id)) {
       if (entry.type === 'story') onboardingStoryCount += 1;
       if (entry.type === 'docs') onboardingDocsCount += 1;
     } else if (entry.type === 'story') {
diff --git a/code/core/src/core-server/utils/summarizeStats.test.ts b/code/core/src/core-server/utils/summarizeStats.test.ts
index e1e342e94260..735671fb3c58 100644
--- a/code/core/src/core-server/utils/summarizeStats.test.ts
+++ b/code/core/src/core-server/utils/summarizeStats.test.ts
@@ -1,4 +1,5 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import { summarizeStats } from './summarizeStats';
 
 it('should summarize stats', () => {
diff --git a/code/core/src/core-server/utils/update-check.ts b/code/core/src/core-server/utils/update-check.ts
index 93bf3ac96688..4d1fe03c685c 100644
--- a/code/core/src/core-server/utils/update-check.ts
+++ b/code/core/src/core-server/utils/update-check.ts
@@ -1,9 +1,11 @@
-import chalk from 'chalk';
+import { cache } from '@storybook/core/common';
+import type { VersionCheck } from '@storybook/core/types';
+
 import { colors } from '@storybook/core/node-logger';
+
+import chalk from 'chalk';
 import semver from 'semver';
 import { dedent } from 'ts-dedent';
-import { cache } from '@storybook/core/common';
-import type { VersionCheck } from '@storybook/core/types';
 
 const { STORYBOOK_VERSION_BASE = 'https://storybook.js.org', CI } = process.env;
 
diff --git a/code/core/src/core-server/utils/warnOnIncompatibleAddons.ts b/code/core/src/core-server/utils/warnOnIncompatibleAddons.ts
index a921f4ba3645..aaf64313fd61 100644
--- a/code/core/src/core-server/utils/warnOnIncompatibleAddons.ts
+++ b/code/core/src/core-server/utils/warnOnIncompatibleAddons.ts
@@ -1,7 +1,8 @@
 import { logger } from '@storybook/core/node-logger';
+
 import {
-  getIncompatibleStorybookPackages,
   getIncompatiblePackagesSummary,
+  getIncompatibleStorybookPackages,
 } from '../../../../lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages';
 
 export const warnOnIncompatibleAddons = async (currentStorybookVersion: string) => {
diff --git a/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts b/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts
index c4ab825e51a0..b36755fcd6ab 100644
--- a/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts
+++ b/code/core/src/core-server/utils/warnWhenUsingArgTypesRegex.ts
@@ -1,11 +1,13 @@
-import type { PackageJson, StorybookConfig } from '@storybook/core/types';
 import { getConfigInfo } from '@storybook/core/common';
-import { readFile } from 'fs-extra';
+import type { PackageJson, StorybookConfig } from '@storybook/core/types';
+
+import { babelParse } from '@storybook/core/csf-tools';
+
 import * as babel from '@babel/core';
 import type { BabelFile } from '@babel/core';
-import { babelParse } from '@storybook/core/csf-tools';
-import { dedent } from 'ts-dedent';
 import chalk from 'chalk';
+import { readFile } from 'fs-extra';
+import { dedent } from 'ts-dedent';
 
 export async function warnWhenUsingArgTypesRegex(
   packageJson: PackageJson,
diff --git a/code/core/src/core-server/utils/watch-story-specifiers.test.ts b/code/core/src/core-server/utils/watch-story-specifiers.test.ts
index 7d93002ab37f..9142af5aeb22 100644
--- a/code/core/src/core-server/utils/watch-story-specifiers.test.ts
+++ b/code/core/src/core-server/utils/watch-story-specifiers.test.ts
@@ -1,6 +1,9 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
+import { join } from 'node:path';
+
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import { normalizeStoriesEntry } from '@storybook/core/common';
-import path from 'node:path';
+
 import Watchpack from 'watchpack';
 
 import { watchStorySpecifiers } from './watch-story-specifiers';
@@ -8,12 +11,12 @@ import { watchStorySpecifiers } from './watch-story-specifiers';
 vi.mock('watchpack');
 
 describe('watchStorySpecifiers', () => {
-  const workingDir = path.join(__dirname, '__mockdata__');
+  const workingDir = join(__dirname, '__mockdata__');
   const options = {
-    configDir: path.join(workingDir, '.storybook'),
+    configDir: join(workingDir, '.storybook'),
     workingDir,
   };
-  const abspath = (filename: string) => path.join(workingDir, filename);
+  const abspath = (filename: string) => join(workingDir, filename);
 
   let close: () => void;
   afterEach(() => close?.());
diff --git a/code/core/src/core-server/utils/watch-story-specifiers.ts b/code/core/src/core-server/utils/watch-story-specifiers.ts
index 068d626d8ad8..b320520dc9a4 100644
--- a/code/core/src/core-server/utils/watch-story-specifiers.ts
+++ b/code/core/src/core-server/utils/watch-story-specifiers.ts
@@ -1,14 +1,15 @@
-import Watchpack from 'watchpack';
-import slash from 'slash';
-import fs from 'node:fs';
-import path from 'node:path';
+import { type Dirent, lstatSync, readdirSync } from 'node:fs';
+import { basename, join, relative, resolve } from 'node:path';
 
-import type { NormalizedStoriesSpecifier, Path } from '@storybook/core/types';
 import { commonGlobOptions } from '@storybook/core/common';
+import type { NormalizedStoriesSpecifier, Path } from '@storybook/core/types';
+
+import slash from 'slash';
+import Watchpack from 'watchpack';
 
 const isDirectory = (directory: Path) => {
   try {
-    return fs.lstatSync(directory).isDirectory();
+    return lstatSync(directory).isDirectory();
   } catch (err) {
     return false;
   }
@@ -24,11 +25,11 @@ function getNestedFilesAndDirectories(directories: Path[]) {
     if (traversedDirectories.has(directory)) {
       return;
     }
-    fs.readdirSync(directory, { withFileTypes: true }).forEach((ent: fs.Dirent) => {
+    readdirSync(directory, { withFileTypes: true }).forEach((ent: Dirent) => {
       if (ent.isDirectory()) {
-        traverse(path.join(directory, ent.name));
+        traverse(join(directory, ent.name));
       } else if (ent.isFile()) {
-        files.add(path.join(directory, ent.name));
+        files.add(join(directory, ent.name));
       }
     });
     traversedDirectories.add(directory);
@@ -45,7 +46,7 @@ export function watchStorySpecifiers(
   // Watch all nested files and directories up front to avoid this issue:
   // https://github.com/webpack/watchpack/issues/222
   const { files, directories } = getNestedFilesAndDirectories(
-    specifiers.map((ns) => path.resolve(options.workingDir, ns.directory))
+    specifiers.map((ns) => resolve(options.workingDir, ns.directory))
   );
 
   // See https://www.npmjs.com/package/watchpack for full options.
@@ -58,7 +59,7 @@ export function watchStorySpecifiers(
   wp.watch({ files, directories });
 
   const toImportPath = (absolutePath: Path) => {
-    const relativePath = path.relative(options.workingDir, absolutePath);
+    const relativePath = relative(options.workingDir, absolutePath);
     return slash(relativePath.startsWith('.') ? relativePath : `./${relativePath}`);
   };
 
@@ -87,12 +88,12 @@ export function watchStorySpecifiers(
           .map(async (specifier) => {
             // If `./path/to/dir` was added, check all files matching `./path/to/dir/**/*.stories.*`
             // (where the last bit depends on `files`).
-            const dirGlob = path.join(
+            const dirGlob = join(
               absolutePath,
               '**',
               // files can be e.g. '**/foo/*/*.js' so we just want the last bit,
               // because the directory could already be within the files part (e.g. './x/foo/bar')
-              path.basename(specifier.files)
+              basename(specifier.files)
             );
 
             // Dynamically import globby because it is a pure ESM module
diff --git a/code/core/src/core-server/utils/watchConfig.ts b/code/core/src/core-server/utils/watchConfig.ts
index 614504a1b958..bf8e055c8ced 100644
--- a/code/core/src/core-server/utils/watchConfig.ts
+++ b/code/core/src/core-server/utils/watchConfig.ts
@@ -1,6 +1,7 @@
-import Watchpack from 'watchpack';
 import type { Path } from '@storybook/core/types';
 
+import Watchpack from 'watchpack';
+
 // copied from './watch-story-specifiers.ts'
 /** Watch the .storybook dir for changes */
 export function watchConfig(
diff --git a/code/core/src/core-server/utils/whats-new.ts b/code/core/src/core-server/utils/whats-new.ts
index 024889025d00..324680c8e0c4 100644
--- a/code/core/src/core-server/utils/whats-new.ts
+++ b/code/core/src/core-server/utils/whats-new.ts
@@ -1,19 +1,22 @@
-import fs from 'fs-extra';
-import { logger } from '@storybook/core/node-logger';
-import { telemetry } from '@storybook/core/telemetry';
+import type { Channel } from '@storybook/core/channels';
 import { findConfigFile } from '@storybook/core/common';
+import { telemetry } from '@storybook/core/telemetry';
 import type { CoreConfig, Options } from '@storybook/core/types';
-import { printConfig, readConfig } from '@storybook/core/csf-tools';
-import type { Channel } from '@storybook/core/channels';
+
 import type { WhatsNewCache, WhatsNewData } from '@storybook/core/core-events';
 import {
   REQUEST_WHATS_NEW_DATA,
   RESULT_WHATS_NEW_DATA,
-  TELEMETRY_ERROR,
   SET_WHATS_NEW_CACHE,
+  TELEMETRY_ERROR,
   TOGGLE_WHATS_NEW_NOTIFICATIONS,
 } from '@storybook/core/core-events';
+import { printConfig, readConfig } from '@storybook/core/csf-tools';
+import { logger } from '@storybook/core/node-logger';
+
+import fs from 'fs-extra';
 import invariant from 'tiny-invariant';
+
 import { sendTelemetryError } from '../withTelemetry';
 
 export type OptionsWithRequiredCache = Exclude<Options, 'cache'> & Required<Pick<Options, 'cache'>>;
diff --git a/code/core/src/core-server/withTelemetry.test.ts b/code/core/src/core-server/withTelemetry.test.ts
index 6c085b6dc9e9..6c0628ec4e1e 100644
--- a/code/core/src/core-server/withTelemetry.test.ts
+++ b/code/core/src/core-server/withTelemetry.test.ts
@@ -1,7 +1,9 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { cache, loadAllPresets } from '@storybook/core/common';
+import { oneWayHash, telemetry } from '@storybook/core/telemetry';
+
 import prompts from 'prompts';
-import { describe, beforeEach, it, expect, vi } from 'vitest';
-import { loadAllPresets, cache } from '@storybook/core/common';
-import { telemetry, oneWayHash } from '@storybook/core/telemetry';
 
 import { getErrorLevel, sendTelemetryError, withTelemetry } from './withTelemetry';
 
diff --git a/code/core/src/core-server/withTelemetry.ts b/code/core/src/core-server/withTelemetry.ts
index 7be18cbe15fd..af38bed50a23 100644
--- a/code/core/src/core-server/withTelemetry.ts
+++ b/code/core/src/core-server/withTelemetry.ts
@@ -1,10 +1,12 @@
-import prompts from 'prompts';
-import type { CLIOptions } from '@storybook/core/types';
-import { loadAllPresets, cache } from '@storybook/core/common';
-import { telemetry, getPrecedingUpgrade, oneWayHash } from '@storybook/core/telemetry';
+import { cache, loadAllPresets } from '@storybook/core/common';
+import { getPrecedingUpgrade, oneWayHash, telemetry } from '@storybook/core/telemetry';
 import type { EventType } from '@storybook/core/telemetry';
+import type { CLIOptions } from '@storybook/core/types';
+
 import { logger } from '@storybook/core/node-logger';
 
+import prompts from 'prompts';
+
 type TelemetryOptions = {
   cliOptions: CLIOptions;
   presetOptions?: Parameters<typeof loadAllPresets>[0];
diff --git a/code/core/src/csf-tools/ConfigFile.test.ts b/code/core/src/csf-tools/ConfigFile.test.ts
index b43e98c93d53..9846837cac44 100644
--- a/code/core/src/csf-tools/ConfigFile.test.ts
+++ b/code/core/src/csf-tools/ConfigFile.test.ts
@@ -1,5 +1,7 @@
+import { describe, expect, it } from 'vitest';
+
 import { dedent } from 'ts-dedent';
-import { describe, it, expect } from 'vitest';
+
 import { loadConfig, printConfig } from './ConfigFile';
 import { babelPrint } from './babelParse';
 
diff --git a/code/core/src/csf-tools/ConfigFile.ts b/code/core/src/csf-tools/ConfigFile.ts
index b13e42175a45..a56e3ecf098e 100644
--- a/code/core/src/csf-tools/ConfigFile.ts
+++ b/code/core/src/csf-tools/ConfigFile.ts
@@ -1,16 +1,15 @@
 /* eslint-disable no-underscore-dangle */
 import { readFile, writeFile } from 'node:fs/promises';
-import { dedent } from 'ts-dedent';
 
-import * as t from '@babel/types';
 import bg from '@babel/generator';
 import bt from '@babel/traverse';
-
+import * as t from '@babel/types';
 import type { Options } from 'recast';
 import * as recast from 'recast';
+import { dedent } from 'ts-dedent';
 
-import { babelParse } from './babelParse';
 import type { PrintResultType } from './PrintResultType';
+import { babelParse } from './babelParse';
 
 // @ts-expect-error (needed due to it's use of `exports.default`)
 const traverse = (bt.default || bt) as typeof bt;
diff --git a/code/core/src/csf-tools/CsfFile.test.ts b/code/core/src/csf-tools/CsfFile.test.ts
index 0988e938a51b..f90f25d209f2 100644
--- a/code/core/src/csf-tools/CsfFile.test.ts
+++ b/code/core/src/csf-tools/CsfFile.test.ts
@@ -1,8 +1,10 @@
 /* eslint-disable no-underscore-dangle */
-import { dedent } from 'ts-dedent';
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import yaml from 'js-yaml';
-import { loadCsf, isModuleMock } from './CsfFile';
+import { dedent } from 'ts-dedent';
+
+import { isModuleMock, loadCsf } from './CsfFile';
 
 expect.addSnapshotSerializer({
   print: (val: any) => yaml.dump(val).trimEnd(),
@@ -47,6 +49,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -60,6 +63,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -90,6 +94,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -102,6 +107,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -131,6 +137,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -161,6 +168,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -189,6 +197,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -215,6 +224,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -242,6 +252,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -252,6 +263,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -279,6 +291,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -289,6 +302,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -316,6 +330,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -326,6 +341,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -354,6 +370,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -364,6 +381,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -396,6 +414,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -409,6 +428,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -441,6 +461,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -454,6 +475,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -483,6 +505,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -493,6 +516,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -522,6 +546,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -532,6 +557,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -559,6 +585,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -569,6 +596,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -600,6 +628,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -630,6 +659,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -661,6 +691,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -697,6 +728,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -728,6 +760,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -741,6 +774,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -767,6 +801,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -777,6 +812,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -808,6 +844,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -821,6 +858,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -853,6 +891,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -932,6 +971,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -942,6 +982,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -994,6 +1035,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -1004,6 +1046,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -1080,6 +1123,7 @@ describe('CsfFile', () => {
               render: true
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1111,6 +1155,7 @@ describe('CsfFile', () => {
               render: true
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1140,6 +1185,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1171,6 +1217,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1251,6 +1298,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -1283,6 +1331,7 @@ describe('CsfFile', () => {
               render: true
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1317,6 +1366,7 @@ describe('CsfFile', () => {
               render: true
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1376,6 +1426,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -1410,6 +1461,7 @@ describe('CsfFile', () => {
               render: true
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1440,6 +1492,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: true
               moduleMock: false
@@ -1469,6 +1522,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: true
               moduleMock: false
@@ -1501,6 +1555,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: true
               moduleMock: false
@@ -1533,6 +1588,7 @@ describe('CsfFile', () => {
               render: true
               loaders: true
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: false
@@ -1564,6 +1620,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: true
               mount: false
               moduleMock: false
@@ -1613,6 +1670,7 @@ describe('CsfFile', () => {
             render: false
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1632,6 +1690,7 @@ describe('CsfFile', () => {
             render: false
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1669,6 +1728,7 @@ describe('CsfFile', () => {
             render: false
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1711,6 +1771,7 @@ describe('CsfFile', () => {
             render: false
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1768,6 +1829,7 @@ describe('CsfFile', () => {
             render: true
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1804,6 +1866,7 @@ describe('CsfFile', () => {
             render: true
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1840,6 +1903,7 @@ describe('CsfFile', () => {
             render: true
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1876,6 +1940,7 @@ describe('CsfFile', () => {
             render: true
             loaders: false
             beforeEach: false
+            globals: false
             storyFn: false
             mount: false
             moduleMock: false
@@ -1905,6 +1970,37 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: true
+              globals: false
+              storyFn: false
+              mount: false
+              moduleMock: false
+      `);
+    });
+  });
+
+  describe('globals', () => {
+    it('basic', () => {
+      expect(
+        parse(
+          dedent`
+          export default { title: 'foo/bar' };
+          export const A = {
+            globals: { foo: 'bar' }
+          };
+        `
+        )
+      ).toMatchInlineSnapshot(`
+        meta:
+          title: foo/bar
+        stories:
+          - id: foo-bar--a
+            name: A
+            __stats:
+              play: false
+              render: false
+              loaders: false
+              beforeEach: false
+              globals: true
               storyFn: false
               mount: false
               moduleMock: false
@@ -1933,6 +2029,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: true
@@ -1958,6 +2055,7 @@ describe('CsfFile', () => {
               render: false
               loaders: false
               beforeEach: false
+              globals: false
               storyFn: false
               mount: false
               moduleMock: true
diff --git a/code/core/src/csf-tools/CsfFile.ts b/code/core/src/csf-tools/CsfFile.ts
index 149a182bcf7d..de422f321333 100644
--- a/code/core/src/csf-tools/CsfFile.ts
+++ b/code/core/src/csf-tools/CsfFile.ts
@@ -1,26 +1,26 @@
 /* eslint-disable no-underscore-dangle */
 import { readFile, writeFile } from 'node:fs/promises';
-import { dedent } from 'ts-dedent';
-
-import * as t from '@babel/types';
-import bg, { type GeneratorOptions } from '@babel/generator';
-import bt from '@babel/traverse';
 
-import * as recast from 'recast';
-
-import { toId, isExportStory, storyNameFromExport } from '@storybook/csf';
 import type {
-  Tag,
-  StoryAnnotations,
   ComponentAnnotations,
-  IndexedCSFFile,
   IndexInput,
   IndexInputStats,
+  IndexedCSFFile,
+  StoryAnnotations,
+  Tag,
 } from '@storybook/core/types';
+import { isExportStory, storyNameFromExport, toId } from '@storybook/csf';
+
+import bg, { type GeneratorOptions } from '@babel/generator';
+import bt from '@babel/traverse';
+import * as t from '@babel/types';
+import * as recast from 'recast';
 import type { Options } from 'recast';
+import { dedent } from 'ts-dedent';
+
+import type { PrintResultType } from './PrintResultType';
 import { babelParse } from './babelParse';
 import { findVarInitialization } from './findVarInitialization';
-import type { PrintResultType } from './PrintResultType';
 
 // @ts-expect-error (needed due to it's use of `exports.default`)
 const traverse = (bt.default || bt) as typeof bt;
@@ -566,7 +566,7 @@ export class CsfFile {
           acc[key].tags = [...(acc[key].tags || []), 'play-fn'];
         }
         const stats = acc[key].__stats;
-        ['play', 'render', 'loaders', 'beforeEach'].forEach((annotation) => {
+        ['play', 'render', 'loaders', 'beforeEach', 'globals'].forEach((annotation) => {
           stats[annotation as keyof IndexInputStats] =
             !!storyAnnotations[annotation] || !!self._metaAnnotations[annotation];
         });
diff --git a/code/core/src/csf-tools/babelParse.ts b/code/core/src/csf-tools/babelParse.ts
index 9e3aaf8b53de..c802734ef675 100644
--- a/code/core/src/csf-tools/babelParse.ts
+++ b/code/core/src/csf-tools/babelParse.ts
@@ -1,7 +1,7 @@
-import type * as t from '@babel/types';
 import * as babelParser from '@babel/parser';
-import * as recast from 'recast';
 import type { ParserOptions } from '@babel/parser';
+import type * as t from '@babel/types';
+import * as recast from 'recast';
 
 function parseWithFlowOrTypescript(source: string, parserOptions: babelParser.ParserOptions) {
   const flowCommentPattern = /^\s*\/\/\s*@flow/;
diff --git a/code/core/src/csf-tools/enrichCsf.test.ts b/code/core/src/csf-tools/enrichCsf.test.ts
index 562cacd8c04b..e8c0ce6250eb 100644
--- a/code/core/src/csf-tools/enrichCsf.test.ts
+++ b/code/core/src/csf-tools/enrichCsf.test.ts
@@ -1,6 +1,8 @@
 /* eslint-disable no-underscore-dangle */
+import { describe, expect, it } from 'vitest';
+
 import { dedent } from 'ts-dedent';
-import { describe, it, expect } from 'vitest';
+
 import { formatCsf, loadCsf } from './CsfFile';
 import type { EnrichCsfOptions } from './enrichCsf';
 import { enrichCsf, extractSource } from './enrichCsf';
diff --git a/code/core/src/csf-tools/enrichCsf.ts b/code/core/src/csf-tools/enrichCsf.ts
index dc267458854d..b14e146b1d31 100644
--- a/code/core/src/csf-tools/enrichCsf.ts
+++ b/code/core/src/csf-tools/enrichCsf.ts
@@ -1,7 +1,7 @@
 /* eslint-disable no-underscore-dangle */
+import bg from '@babel/generator';
 import * as t from '@babel/types';
 
-import bg from '@babel/generator';
 import type { CsfFile } from './CsfFile';
 
 // @ts-expect-error (needed due to it's use of `exports.default`)
diff --git a/code/core/src/csf-tools/getStorySortParameter.test.ts b/code/core/src/csf-tools/getStorySortParameter.test.ts
index b2672bb0198c..565e0e10fdf2 100644
--- a/code/core/src/csf-tools/getStorySortParameter.test.ts
+++ b/code/core/src/csf-tools/getStorySortParameter.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { dedent } from 'ts-dedent';
+
 import { getStorySortParameter } from './getStorySortParameter';
 
 describe('getStorySortParameter', () => {
diff --git a/code/core/src/csf-tools/getStorySortParameter.ts b/code/core/src/csf-tools/getStorySortParameter.ts
index 07202029aba7..7766b114935f 100644
--- a/code/core/src/csf-tools/getStorySortParameter.ts
+++ b/code/core/src/csf-tools/getStorySortParameter.ts
@@ -1,8 +1,8 @@
-import * as t from '@babel/types';
-import bt from '@babel/traverse';
 import bg from '@babel/generator';
-
+import bt from '@babel/traverse';
+import * as t from '@babel/types';
 import { dedent } from 'ts-dedent';
+
 import { babelParse } from './babelParse';
 import { findVarInitialization } from './findVarInitialization';
 
diff --git a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/arrays.js b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/arrays.js
index 0f1ebcdae092..b3cb9649b70c 100644
--- a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/arrays.js
+++ b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/arrays.js
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Component = (props) => <>JSON.stringify(props)</>;
diff --git a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/enums.js b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/enums.js
index d8baae693125..2bfa6a5e7417 100644
--- a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/enums.js
+++ b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/enums.js
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Component = (props) => <>JSON.stringify(props)</>;
diff --git a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/misc.js b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/misc.js
index e662474d1ab1..a5e0d60dcf70 100644
--- a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/misc.js
+++ b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/misc.js
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Component = (props) => <>JSON.stringify(props)</>;
diff --git a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/objects.js b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/objects.js
index 09036cf88088..12d81862672a 100644
--- a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/objects.js
+++ b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/objects.js
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Component = (props) => <>JSON.stringify(props)</>;
diff --git a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/react.js b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/react.js
index fd54e9307663..0b772151166a 100644
--- a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/react.js
+++ b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/react.js
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Component = (props) => <>JSON.stringify(props)</>;
diff --git a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/scalars.js b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/scalars.js
index 7e74151596b0..c28a4e4bb991 100644
--- a/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/scalars.js
+++ b/code/core/src/docs-tools/argTypes/convert/__testfixtures__/proptypes/scalars.js
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Component = (props) => <>JSON.stringify(props)</>;
diff --git a/code/core/src/docs-tools/argTypes/convert/convert.test.ts b/code/core/src/docs-tools/argTypes/convert/convert.test.ts
index 3d33efd5ea73..e88f8d00a226 100644
--- a/code/core/src/docs-tools/argTypes/convert/convert.test.ts
+++ b/code/core/src/docs-tools/argTypes/convert/convert.test.ts
@@ -1,11 +1,13 @@
-import { describe, it, expect } from 'vitest';
-import mapValues from 'lodash/mapValues.js';
+import { readFileSync } from 'node:fs';
+
+import { describe, expect, it } from 'vitest';
+
 import { transformSync } from '@babel/core';
+import mapValues from 'lodash/mapValues.js';
 import requireFromString from 'require-from-string';
-import fs from 'node:fs';
 
-import { convert } from './index';
 import { normalizeNewlines } from '../utils';
+import { convert } from './index';
 
 expect.addSnapshotSerializer({
   print: (val: any) => JSON.stringify(val, null, 2),
@@ -508,6 +510,7 @@ describe('storybook type system', () => {
       const input = readFixture('proptypes/scalars.js');
       expect(input).toMatchInlineSnapshot(`
         "import React from 'react';
+
         import PropTypes from 'prop-types';
 
         export const Component = (props) => <>JSON.stringify(props)</>;
@@ -544,6 +547,7 @@ describe('storybook type system', () => {
       const input = readFixture('proptypes/arrays.js');
       expect(input).toMatchInlineSnapshot(`
         "import React from 'react';
+
         import PropTypes from 'prop-types';
 
         export const Component = (props) => <>JSON.stringify(props)</>;
@@ -587,6 +591,7 @@ describe('storybook type system', () => {
       const input = readFixture('proptypes/enums.js');
       expect(input).toMatchInlineSnapshot(`
         "import React from 'react';
+
         import PropTypes from 'prop-types';
 
         export const Component = (props) => <>JSON.stringify(props)</>;
@@ -638,6 +643,7 @@ describe('storybook type system', () => {
       const input = readFixture('proptypes/misc.js');
       expect(input).toMatchInlineSnapshot(`
         "import React from 'react';
+
         import PropTypes from 'prop-types';
 
         export const Component = (props) => <>JSON.stringify(props)</>;
@@ -686,6 +692,7 @@ describe('storybook type system', () => {
       const input = readFixture('proptypes/objects.js');
       expect(input).toMatchInlineSnapshot(`
         "import React from 'react';
+
         import PropTypes from 'prop-types';
 
         export const Component = (props) => <>JSON.stringify(props)</>;
@@ -743,6 +750,7 @@ describe('storybook type system', () => {
       const input = readFixture('proptypes/react.js');
       expect(input).toMatchInlineSnapshot(`
         "import React from 'react';
+
         import PropTypes from 'prop-types';
 
         export const Component = (props) => <>JSON.stringify(props)</>;
@@ -778,7 +786,7 @@ describe('storybook type system', () => {
 });
 
 const readFixture = (fixture: string) =>
-  fs.readFileSync(`${__dirname}/__testfixtures__/${fixture}`).toString();
+  readFileSync(`${__dirname}/__testfixtures__/${fixture}`).toString();
 
 const transformToModule = (inputCode: string) => {
   const options = {
diff --git a/code/core/src/docs-tools/argTypes/convert/flow/convert.ts b/code/core/src/docs-tools/argTypes/convert/flow/convert.ts
index 0166ccfb86da..fe5ecc6a8b7c 100644
--- a/code/core/src/docs-tools/argTypes/convert/flow/convert.ts
+++ b/code/core/src/docs-tools/argTypes/convert/flow/convert.ts
@@ -1,6 +1,8 @@
-import { UnknownArgTypesError } from '@storybook/core/preview-errors';
 import type { SBType } from '@storybook/core/types';
-import type { FlowType, FlowSigType, FlowLiteralType } from './types';
+
+import { UnknownArgTypesError } from '@storybook/core/preview-errors';
+
+import type { FlowLiteralType, FlowSigType, FlowType } from './types';
 
 const isLiteral = (type: FlowType): type is FlowLiteralType => type.name === 'literal';
 const toEnumOption = (element: FlowLiteralType) => element.value.replace(/['|"]/g, '');
diff --git a/code/core/src/docs-tools/argTypes/convert/index.ts b/code/core/src/docs-tools/argTypes/convert/index.ts
index 812fcf517896..1076e9950e97 100644
--- a/code/core/src/docs-tools/argTypes/convert/index.ts
+++ b/code/core/src/docs-tools/argTypes/convert/index.ts
@@ -1,9 +1,9 @@
 import type { DocgenInfo } from '../docgen/types';
-import type { TSType } from './typescript';
-import { convert as tsConvert } from './typescript';
 import type { FlowType } from './flow';
 import { convert as flowConvert } from './flow';
 import { convert as propTypesConvert } from './proptypes';
+import type { TSType } from './typescript';
+import { convert as tsConvert } from './typescript';
 
 export const convert = (docgenInfo: DocgenInfo) => {
   const { type, tsType, flowType } = docgenInfo;
diff --git a/code/core/src/docs-tools/argTypes/convert/proptypes/convert.ts b/code/core/src/docs-tools/argTypes/convert/proptypes/convert.ts
index 895b275e244c..4934af202b49 100644
--- a/code/core/src/docs-tools/argTypes/convert/proptypes/convert.ts
+++ b/code/core/src/docs-tools/argTypes/convert/proptypes/convert.ts
@@ -1,7 +1,9 @@
-import mapValues from 'lodash/mapValues.js';
 import type { SBType } from '@storybook/core/types';
-import type { PTType } from './types';
+
+import mapValues from 'lodash/mapValues.js';
+
 import { parseLiteral } from '../utils';
+import type { PTType } from './types';
 
 const SIGNATURE_REGEXP = /^\(.*\) => /;
 
diff --git a/code/core/src/docs-tools/argTypes/convert/typescript/convert.ts b/code/core/src/docs-tools/argTypes/convert/typescript/convert.ts
index 248dfba4f2b2..bfb8312d2043 100644
--- a/code/core/src/docs-tools/argTypes/convert/typescript/convert.ts
+++ b/code/core/src/docs-tools/argTypes/convert/typescript/convert.ts
@@ -1,7 +1,9 @@
-import { UnknownArgTypesError } from '@storybook/core/preview-errors';
 import type { SBType } from '@storybook/core/types';
-import type { TSType, TSSigType } from './types';
+
+import { UnknownArgTypesError } from '@storybook/core/preview-errors';
+
 import { parseLiteral } from '../utils';
+import type { TSSigType, TSType } from './types';
 
 const convertSig = (type: TSSigType) => {
   switch (type.type) {
diff --git a/code/core/src/docs-tools/argTypes/docgen/createPropDef.ts b/code/core/src/docs-tools/argTypes/docgen/createPropDef.ts
index 4fd5b7f48b04..ea903a9378df 100644
--- a/code/core/src/docs-tools/argTypes/docgen/createPropDef.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/createPropDef.ts
@@ -1,15 +1,12 @@
-import type { JsDocParam, PropDefaultValue } from './PropDef';
-import type { PropDef, DocgenInfo, DocgenType, DocgenPropDefaultValue } from './types';
-import { TypeSystem } from './types';
+import { convert } from '../convert';
 import type { JsDocParsingResult } from '../jsdocParser';
-
 import { createSummaryValue } from '../utils';
-
+import type { JsDocParam, PropDefaultValue } from './PropDef';
 import { createFlowPropDef } from './flow/createPropDef';
-import { isDefaultValueBlacklisted } from './utils/defaultValue';
-
 import { createTsPropDef } from './typeScript/createPropDef';
-import { convert } from '../convert';
+import type { DocgenInfo, DocgenPropDefaultValue, DocgenType, PropDef } from './types';
+import { TypeSystem } from './types';
+import { isDefaultValueBlacklisted } from './utils/defaultValue';
 
 export type PropDefFactory = (
   propName: string,
diff --git a/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.test.ts b/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.test.ts
index 3a8cdc650bf1..83e8f09b8675 100644
--- a/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.test.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.test.ts
@@ -1,5 +1,5 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 import type { Component } from '../types';
 import { extractComponentProps } from './extractDocgenProps';
diff --git a/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.ts b/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.ts
index 3ed22e31d224..1a4d595ad844 100644
--- a/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/extractDocgenProps.ts
@@ -1,12 +1,11 @@
-import type { Component } from '../types';
 import type { ExtractedJsDoc } from '../jsdocParser';
 import { parseJsDoc } from '../jsdocParser';
-import type { PropDef, DocgenInfo } from './types';
-import { TypeSystem } from './types';
-import { getDocgenSection, isValidDocgenSection, getDocgenDescription } from './utils';
-
+import type { Component } from '../types';
 import type { PropDefFactory } from './createPropDef';
 import { getPropDefFactory } from './createPropDef';
+import type { DocgenInfo, PropDef } from './types';
+import { TypeSystem } from './types';
+import { getDocgenDescription, getDocgenSection, isValidDocgenSection } from './utils';
 
 export interface ExtractedProp {
   propDef: PropDef;
diff --git a/code/core/src/docs-tools/argTypes/docgen/flow/createDefaultValue.ts b/code/core/src/docs-tools/argTypes/docgen/flow/createDefaultValue.ts
index 3bb55aec2c6c..00645488910a 100644
--- a/code/core/src/docs-tools/argTypes/docgen/flow/createDefaultValue.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/flow/createDefaultValue.ts
@@ -1,7 +1,6 @@
+import { createSummaryValue, isTooLongForDefaultValueSummary } from '../../utils';
 import type { PropDefaultValue } from '../PropDef';
 import type { DocgenPropDefaultValue, DocgenPropType } from '../types';
-
-import { createSummaryValue, isTooLongForDefaultValueSummary } from '../../utils';
 import { isDefaultValueBlacklisted } from '../utils/defaultValue';
 
 export function createDefaultValue(
diff --git a/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.test.ts b/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.test.ts
index 50cc5d8e95ee..95959caec2f1 100644
--- a/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.test.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.test.ts
@@ -1,6 +1,7 @@
-import { describe, it, expect } from 'vitest';
-import { createFlowPropDef } from './createPropDef';
+import { describe, expect, it } from 'vitest';
+
 import type { DocgenInfo } from '../types';
+import { createFlowPropDef } from './createPropDef';
 
 const PROP_NAME = 'propName';
 
diff --git a/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.ts b/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.ts
index edbad170e702..53c07e365513 100644
--- a/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/flow/createPropDef.ts
@@ -1,8 +1,6 @@
 import type { PropDefFactory } from '../createPropDef';
-
-import { createType } from './createType';
-
 import { createDefaultValue } from './createDefaultValue';
+import { createType } from './createType';
 
 export const createFlowPropDef: PropDefFactory = (propName, docgenInfo) => {
   const { flowType, description, required, defaultValue } = docgenInfo;
diff --git a/code/core/src/docs-tools/argTypes/docgen/flow/createType.ts b/code/core/src/docs-tools/argTypes/docgen/flow/createType.ts
index d4c4bb358f29..03a4dc7885f2 100644
--- a/code/core/src/docs-tools/argTypes/docgen/flow/createType.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/flow/createType.ts
@@ -1,8 +1,7 @@
+import { createSummaryValue, isTooLongForTypeSummary } from '../../utils';
 import type { PropType } from '../PropDef';
 import type { DocgenFlowType } from '../types';
 
-import { createSummaryValue, isTooLongForTypeSummary } from '../../utils';
-
 enum FlowTypesType {
   UNION = 'union',
   SIGNATURE = 'signature',
diff --git a/code/core/src/docs-tools/argTypes/docgen/typeScript/createDefaultValue.ts b/code/core/src/docs-tools/argTypes/docgen/typeScript/createDefaultValue.ts
index 79dc5bcc1c55..de1d5335063e 100644
--- a/code/core/src/docs-tools/argTypes/docgen/typeScript/createDefaultValue.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/typeScript/createDefaultValue.ts
@@ -1,7 +1,6 @@
+import { createSummaryValue } from '../../utils';
 import type { PropDefaultValue } from '../PropDef';
 import type { DocgenInfo } from '../types';
-
-import { createSummaryValue } from '../../utils';
 import { isDefaultValueBlacklisted } from '../utils/defaultValue';
 
 export function createDefaultValue({ defaultValue }: DocgenInfo): PropDefaultValue | null {
diff --git a/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.test.ts b/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.test.ts
index 12fe6c24b514..e816d87ecc1e 100644
--- a/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.test.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.test.ts
@@ -1,6 +1,7 @@
-import { describe, it, expect } from 'vitest';
-import { createTsPropDef } from './createPropDef';
+import { describe, expect, it } from 'vitest';
+
 import type { DocgenInfo } from '../types';
+import { createTsPropDef } from './createPropDef';
 
 const PROP_NAME = 'propName';
 
diff --git a/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.ts b/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.ts
index c6a7f904e3b0..fd81a7a6ed69 100644
--- a/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/typeScript/createPropDef.ts
@@ -1,8 +1,6 @@
 import type { PropDefFactory } from '../createPropDef';
-
-import { createType } from './createType';
-
 import { createDefaultValue } from './createDefaultValue';
+import { createType } from './createType';
 
 export const createTsPropDef: PropDefFactory = (propName, docgenInfo) => {
   const { description, required } = docgenInfo;
diff --git a/code/core/src/docs-tools/argTypes/docgen/typeScript/createType.ts b/code/core/src/docs-tools/argTypes/docgen/typeScript/createType.ts
index af37d97e1dc0..c7408df13b39 100644
--- a/code/core/src/docs-tools/argTypes/docgen/typeScript/createType.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/typeScript/createType.ts
@@ -1,8 +1,7 @@
+import { createSummaryValue } from '../../utils';
 import type { PropType } from '../PropDef';
 import type { DocgenInfo } from '../types';
 
-import { createSummaryValue } from '../../utils';
-
 export function createType({ tsType, required }: DocgenInfo): PropType | null {
   // A type could be null if a defaultProp has been provided without a type definition.
   if (tsType == null) {
diff --git a/code/core/src/docs-tools/argTypes/docgen/types.ts b/code/core/src/docs-tools/argTypes/docgen/types.ts
index dc059af40ed5..9639be964e00 100644
--- a/code/core/src/docs-tools/argTypes/docgen/types.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/types.ts
@@ -1,6 +1,7 @@
 import type { StrictArgTypes } from '@storybook/core/types';
-import type { PropDef } from './PropDef';
+
 import type { Component } from '../types';
+import type { PropDef } from './PropDef';
 
 export type PropsExtractor = (component: Component) => { rows?: PropDef[] } | null;
 
diff --git a/code/core/src/docs-tools/argTypes/docgen/utils/docgenInfo.ts b/code/core/src/docs-tools/argTypes/docgen/utils/docgenInfo.ts
index 6d1a7005ca0c..03cd442cf805 100644
--- a/code/core/src/docs-tools/argTypes/docgen/utils/docgenInfo.ts
+++ b/code/core/src/docs-tools/argTypes/docgen/utils/docgenInfo.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-underscore-dangle */
-
 import type { Component } from '../../types';
 import { str } from './string';
 
diff --git a/code/core/src/docs-tools/argTypes/enhanceArgTypes.test.ts b/code/core/src/docs-tools/argTypes/enhanceArgTypes.test.ts
index a3a83ab2c93c..55b70ef2ea52 100644
--- a/code/core/src/docs-tools/argTypes/enhanceArgTypes.test.ts
+++ b/code/core/src/docs-tools/argTypes/enhanceArgTypes.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { ArgTypes, StrictInputType } from '@storybook/core/types';
+
 import { enhanceArgTypes } from './enhanceArgTypes';
 
 expect.addSnapshotSerializer({
diff --git a/code/core/src/docs-tools/argTypes/enhanceArgTypes.ts b/code/core/src/docs-tools/argTypes/enhanceArgTypes.ts
index 09736e160ce1..96cc2ce44d67 100644
--- a/code/core/src/docs-tools/argTypes/enhanceArgTypes.ts
+++ b/code/core/src/docs-tools/argTypes/enhanceArgTypes.ts
@@ -1,4 +1,5 @@
 import type { Renderer, StoryContextForEnhancers } from '@storybook/core/types';
+
 import { combineParameters } from '@storybook/core/preview-api';
 
 export const enhanceArgTypes = <TRenderer extends Renderer>(
diff --git a/code/core/src/docs-tools/argTypes/jsdocParser.test.ts b/code/core/src/docs-tools/argTypes/jsdocParser.test.ts
index e0f83617605d..899736513476 100644
--- a/code/core/src/docs-tools/argTypes/jsdocParser.test.ts
+++ b/code/core/src/docs-tools/argTypes/jsdocParser.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { parseJsDoc } from './jsdocParser';
 
 describe('parseJsDoc', () => {
diff --git a/code/core/src/docs-tools/argTypes/jsdocParser.ts b/code/core/src/docs-tools/argTypes/jsdocParser.ts
index 0990865a14c4..887bab58c719 100644
--- a/code/core/src/docs-tools/argTypes/jsdocParser.ts
+++ b/code/core/src/docs-tools/argTypes/jsdocParser.ts
@@ -1,11 +1,12 @@
 import type { Block, Spec } from 'comment-parser';
-import type { RootResult as JSDocType } from 'jsdoc-type-pratt-parser';
 import { parse as parseJSDoc } from 'comment-parser';
+import type { RootResult as JSDocType } from 'jsdoc-type-pratt-parser';
 import {
   parse as parseJSDocType,
-  transform as transformJSDocType,
   stringifyRules,
+  transform as transformJSDocType,
 } from 'jsdoc-type-pratt-parser';
+
 import type { JsDocParam, JsDocReturns } from './docgen';
 
 export interface ExtractedJsDocParam extends JsDocParam {
diff --git a/code/core/src/docs-tools/argTypes/utils.test.ts b/code/core/src/docs-tools/argTypes/utils.test.ts
index fc0a204a531c..4ebfba015844 100644
--- a/code/core/src/docs-tools/argTypes/utils.test.ts
+++ b/code/core/src/docs-tools/argTypes/utils.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { createSummaryValue } from './utils';
 
 describe('createSummaryValue', () => {
diff --git a/code/core/src/manager-api/context.ts b/code/core/src/manager-api/context.ts
index c0e2053c4ff0..2344d8361ac6 100644
--- a/code/core/src/manager-api/context.ts
+++ b/code/core/src/manager-api/context.ts
@@ -1,4 +1,5 @@
 import { createContext as ReactCreateContext } from 'react';
+
 import type { Combo } from './root';
 
 export const createContext = ({ api, state }: Combo) => ReactCreateContext({ api, state });
diff --git a/code/core/src/manager-api/initial-state.ts b/code/core/src/manager-api/initial-state.ts
index fa862a9b5892..583944b81be8 100644
--- a/code/core/src/manager-api/initial-state.ts
+++ b/code/core/src/manager-api/initial-state.ts
@@ -1,5 +1,4 @@
 import merge from './lib/merge';
-
 import type { State } from './root';
 
 interface Addition {
diff --git a/code/core/src/manager-api/lib/addons.ts b/code/core/src/manager-api/lib/addons.ts
index c463a9ca4744..f782e80713ed 100644
--- a/code/core/src/manager-api/lib/addons.ts
+++ b/code/core/src/manager-api/lib/addons.ts
@@ -1,23 +1,24 @@
-import { global } from '@storybook/global';
-
 import type { Channel } from '@storybook/core/channels';
-import { SET_CONFIG } from '@storybook/core/core-events';
 import type {
+  Addon_BaseType,
   Addon_Collection,
   Addon_Config,
   Addon_Elements,
   Addon_Loaders,
-  Addon_Type,
-  Addon_BaseType,
   Addon_PageType,
+  Addon_SidebarBottomType,
+  Addon_SidebarTopType,
+  Addon_Type,
   Addon_Types,
   Addon_TypesMapping,
   Addon_WrapperType,
-  Addon_SidebarBottomType,
-  Addon_SidebarTopType,
 } from '@storybook/core/types';
 import { Addon_TypesEnum } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
 import { logger } from '@storybook/core/client-logger';
+import { SET_CONFIG } from '@storybook/core/core-events';
+
 import type { API } from '../root';
 import { mockChannel } from './storybook-channel-mock';
 
diff --git a/code/core/src/manager-api/lib/events.ts b/code/core/src/manager-api/lib/events.ts
index b896961187c3..f964626ac8ef 100644
--- a/code/core/src/manager-api/lib/events.ts
+++ b/code/core/src/manager-api/lib/events.ts
@@ -1,7 +1,7 @@
-import { logger } from '@storybook/core/client-logger';
-
 import type { API_ComposedRef } from '@storybook/core/types';
 
+import { logger } from '@storybook/core/client-logger';
+
 import { getSourceType } from '../modules/refs';
 import type { API } from '../root';
 
diff --git a/code/core/src/manager-api/lib/merge.ts b/code/core/src/manager-api/lib/merge.ts
index e6b7eabf8e9e..ec4c474942b0 100644
--- a/code/core/src/manager-api/lib/merge.ts
+++ b/code/core/src/manager-api/lib/merge.ts
@@ -1,8 +1,8 @@
-import mergeWith from 'lodash/mergeWith.js';
-import isEqual from 'lodash/isEqual.js';
-
 import { logger } from '@storybook/core/client-logger';
 
+import isEqual from 'lodash/isEqual.js';
+import mergeWith from 'lodash/mergeWith.js';
+
 export default <TObj = any>(a: TObj, b: Partial<TObj>) =>
   mergeWith({}, a, b, (objValue: TObj, srcValue: Partial<TObj>) => {
     if (Array.isArray(srcValue) && Array.isArray(objValue)) {
diff --git a/code/core/src/manager-api/lib/request-response.ts b/code/core/src/manager-api/lib/request-response.ts
index d76e1aca5659..da7413f55b1a 100644
--- a/code/core/src/manager-api/lib/request-response.ts
+++ b/code/core/src/manager-api/lib/request-response.ts
@@ -1,4 +1,5 @@
 import type { Channel } from '@storybook/core/channels';
+
 import type { RequestData, ResponseData } from '@storybook/core/core-events';
 
 export class RequestResponseError<Payload extends Record<string, any> | void> extends Error {
diff --git a/code/core/src/manager-api/lib/shortcut.ts b/code/core/src/manager-api/lib/shortcut.ts
index 9ca5b2d7afe5..0db5c65f6596 100644
--- a/code/core/src/manager-api/lib/shortcut.ts
+++ b/code/core/src/manager-api/lib/shortcut.ts
@@ -1,4 +1,5 @@
 import { global } from '@storybook/global';
+
 import type { API_KeyCollection } from '../modules/shortcuts';
 
 const { navigator } = global;
diff --git a/code/core/src/manager-api/lib/store-setup.ts b/code/core/src/manager-api/lib/store-setup.ts
index 805b3237ab0e..291898bede0a 100644
--- a/code/core/src/manager-api/lib/store-setup.ts
+++ b/code/core/src/manager-api/lib/store-setup.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-underscore-dangle */
-
 import { parse, stringify } from 'telejson';
 
 // setting up the store, overriding set and get to use telejson
diff --git a/code/core/src/manager-api/lib/stories.test.ts b/code/core/src/manager-api/lib/stories.test.ts
index 5f005eef9e26..76aaadd7f99d 100644
--- a/code/core/src/manager-api/lib/stories.test.ts
+++ b/code/core/src/manager-api/lib/stories.test.ts
@@ -1,11 +1,13 @@
-import { describe, it, expect } from 'vitest';
-import type { StoryIndexV2, StoryIndexV3, API_PreparedStoryIndex } from '@storybook/core/types';
+import { describe, expect, it } from 'vitest';
+
+import type { API_PreparedStoryIndex, StoryIndexV2, StoryIndexV3 } from '@storybook/core/types';
+
+import { mockEntries } from '../tests/mockStoriesEntries';
 import {
   transformStoryIndexV2toV3,
   transformStoryIndexV3toV4,
   transformStoryIndexV4toV5,
 } from './stories';
-import { mockEntries } from '../tests/mockStoriesEntries';
 
 const baseV2: StoryIndexV2['stories'][0] = {
   id: '1',
diff --git a/code/core/src/manager-api/lib/stories.ts b/code/core/src/manager-api/lib/stories.ts
index 52366345ca08..139b6acaf851 100644
--- a/code/core/src/manager-api/lib/stories.ts
+++ b/code/core/src/manager-api/lib/stories.ts
@@ -1,29 +1,30 @@
-import memoize from 'memoizerific';
-import { dedent } from 'ts-dedent';
-import countBy from 'lodash/countBy.js';
-import mapValues from 'lodash/mapValues.js';
-import { sanitize } from '@storybook/csf';
 import type {
-  StoryId,
-  Parameters,
-  DocsOptions,
-  API_Provider,
-  SetStoriesStoryData,
-  API_PreparedStoryIndex,
-  StoryIndexV3,
-  IndexEntry,
-  API_RootEntry,
-  API_GroupEntry,
   API_ComponentEntry,
-  API_IndexHash,
   API_DocsEntry,
-  API_StoryEntry,
+  API_GroupEntry,
   API_HashEntry,
+  API_IndexHash,
+  API_PreparedStoryIndex,
+  API_Provider,
+  API_RootEntry,
+  API_StoryEntry,
+  DocsOptions,
+  IndexEntry,
+  Parameters,
   SetStoriesPayload,
+  SetStoriesStoryData,
+  StoryId,
   StoryIndexV2,
+  StoryIndexV3,
 } from '@storybook/core/types';
+import { sanitize } from '@storybook/csf';
+
+import countBy from 'lodash/countBy.js';
+import mapValues from 'lodash/mapValues.js';
+import memoize from 'memoizerific';
+import { dedent } from 'ts-dedent';
 
-import { type API, combineParameters, type State } from '../root';
+import { type API, type State, combineParameters } from '../root';
 import merge from './merge';
 
 const TITLE_PATH_SEPARATOR = /\s*\/\s*/;
diff --git a/code/core/src/manager-api/lib/types.tsx b/code/core/src/manager-api/lib/types.tsx
index 2b7a31e2498c..1579954f7e17 100644
--- a/code/core/src/manager-api/lib/types.tsx
+++ b/code/core/src/manager-api/lib/types.tsx
@@ -1,5 +1,5 @@
-import type { API_ProviderData } from '@storybook/core/types';
 import type { RouterData } from '@storybook/core/router';
+import type { API_ProviderData } from '@storybook/core/types';
 
 import type { API, State } from '../root';
 import type Store from '../store';
diff --git a/code/core/src/manager-api/modules/addons.ts b/code/core/src/manager-api/modules/addons.ts
index 2cefd4d9b39c..61e65084f955 100644
--- a/code/core/src/manager-api/modules/addons.ts
+++ b/code/core/src/manager-api/modules/addons.ts
@@ -1,11 +1,12 @@
 import type {
+  API_StateMerger,
   Addon_BaseType,
   Addon_Collection,
   Addon_Types,
   Addon_TypesMapping,
-  API_StateMerger,
 } from '@storybook/core/types';
 import { Addon_TypesEnum } from '@storybook/core/types';
+
 import type { ModuleFn } from '../lib/types';
 import type { Options } from '../store';
 
diff --git a/code/core/src/manager-api/modules/channel.ts b/code/core/src/manager-api/modules/channel.ts
index 8fdc688cf81b..6621aafa2ea4 100644
--- a/code/core/src/manager-api/modules/channel.ts
+++ b/code/core/src/manager-api/modules/channel.ts
@@ -1,8 +1,8 @@
 import type { Listener } from '@storybook/core/channels';
-
 import type { API_Provider } from '@storybook/core/types';
-import type { API } from '../root';
+
 import type { ModuleFn } from '../lib/types';
+import type { API } from '../root';
 
 export interface SubAPI {
   /**
diff --git a/code/core/src/manager-api/modules/globals.ts b/code/core/src/manager-api/modules/globals.ts
index cd990975ad10..0d3c790cf411 100644
--- a/code/core/src/manager-api/modules/globals.ts
+++ b/code/core/src/manager-api/modules/globals.ts
@@ -1,16 +1,17 @@
-import { SET_GLOBALS, UPDATE_GLOBALS, GLOBALS_UPDATED } from '@storybook/core/core-events';
-import { logger } from '@storybook/core/client-logger';
-import { dequal as deepEqual } from 'dequal';
 import type {
-  SetGlobalsPayload,
-  Globals,
   GlobalTypes,
+  Globals,
   GlobalsUpdatedPayload,
+  SetGlobalsPayload,
 } from '@storybook/core/types';
 
-import type { ModuleFn } from '../lib/types';
+import { logger } from '@storybook/core/client-logger';
+import { GLOBALS_UPDATED, SET_GLOBALS, UPDATE_GLOBALS } from '@storybook/core/core-events';
+
+import { dequal as deepEqual } from 'dequal';
 
 import { getEventMetadata } from '../lib/events';
+import type { ModuleFn } from '../lib/types';
 
 export interface SubState {
   globals?: Globals;
diff --git a/code/core/src/manager-api/modules/layout.ts b/code/core/src/manager-api/modules/layout.ts
index 89bd0ab19afd..de5ea65e1f56 100644
--- a/code/core/src/manager-api/modules/layout.ts
+++ b/code/core/src/manager-api/modules/layout.ts
@@ -1,14 +1,16 @@
-import { global } from '@storybook/global';
-import pick from 'lodash/pick.js';
-import { dequal as deepEqual } from 'dequal';
+import type { ThemeVars } from '@storybook/core/theming';
 import { create } from '@storybook/core/theming/create';
+import type { API_Layout, API_PanelPositions, API_UI } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
 import { SET_CONFIG } from '@storybook/core/core-events';
-import type { ThemeVars } from '@storybook/core/theming';
 
-import type { API_Layout, API_PanelPositions, API_UI } from '@storybook/core/types';
+import { dequal as deepEqual } from 'dequal';
+import pick from 'lodash/pick.js';
+
 import merge from '../lib/merge';
-import type { State } from '../root';
 import type { ModuleFn } from '../lib/types';
+import type { State } from '../root';
 
 const { document } = global;
 
diff --git a/code/core/src/manager-api/modules/notifications.ts b/code/core/src/manager-api/modules/notifications.ts
index dcabddd628ec..c234191d0148 100644
--- a/code/core/src/manager-api/modules/notifications.ts
+++ b/code/core/src/manager-api/modules/notifications.ts
@@ -1,5 +1,7 @@
 import type { API_Notification } from '@storybook/core/types';
+
 import partition from 'lodash/partition.js';
+
 import type { ModuleFn } from '../lib/types';
 
 export interface SubState {
diff --git a/code/core/src/manager-api/modules/provider.ts b/code/core/src/manager-api/modules/provider.ts
index 730195392fcf..0e22115369e1 100644
--- a/code/core/src/manager-api/modules/provider.ts
+++ b/code/core/src/manager-api/modules/provider.ts
@@ -1,4 +1,5 @@
 import type { API_IframeRenderer } from '@storybook/core/types';
+
 import type { ModuleFn } from '../lib/types';
 
 export interface SubAPI {
diff --git a/code/core/src/manager-api/modules/refs.ts b/code/core/src/manager-api/modules/refs.ts
index 50901f281901..29b03eadf11c 100644
--- a/code/core/src/manager-api/modules/refs.ts
+++ b/code/core/src/manager-api/modules/refs.ts
@@ -1,21 +1,21 @@
-import { global } from '@storybook/global';
-import { dedent } from 'ts-dedent';
 import type {
   API_ComposedRef,
   API_ComposedRefUpdate,
+  API_IndexHash,
   API_Refs,
   API_SetRefData,
-  SetStoriesStoryData,
-  API_IndexHash,
   API_StoryMapper,
+  SetStoriesStoryData,
   StoryIndex,
 } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
+import { dedent } from 'ts-dedent';
 
 import {
   transformSetStoriesStoryDataToPreparedStoryIndex,
   transformStoryIndexToStoriesHash,
 } from '../lib/stories';
-
 import type { ModuleFn } from '../lib/types';
 
 const { location, fetch } = global;
diff --git a/code/core/src/manager-api/modules/settings.ts b/code/core/src/manager-api/modules/settings.ts
index 24bd16c327d8..59fdab207063 100644
--- a/code/core/src/manager-api/modules/settings.ts
+++ b/code/core/src/manager-api/modules/settings.ts
@@ -1,4 +1,5 @@
 import type { API_Settings, StoryId } from '@storybook/core/types';
+
 import type { ModuleFn } from '../lib/types';
 
 export interface SubAPI {
diff --git a/code/core/src/manager-api/modules/shortcuts.ts b/code/core/src/manager-api/modules/shortcuts.ts
index e65a7767faa9..58d2c2d642d6 100644
--- a/code/core/src/manager-api/modules/shortcuts.ts
+++ b/code/core/src/manager-api/modules/shortcuts.ts
@@ -1,5 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import { global } from '@storybook/global';
+
 import {
   FORCE_REMOUNT,
   PREVIEW_KEYDOWN,
@@ -7,10 +8,9 @@ import {
   STORIES_EXPAND_ALL,
 } from '@storybook/core/core-events';
 
-import type { ModuleFn } from '../lib/types';
-
 import type { KeyboardEventLike } from '../lib/shortcut';
-import { shortcutMatchesShortcut, eventToShortcut } from '../lib/shortcut';
+import { eventToShortcut, shortcutMatchesShortcut } from '../lib/shortcut';
+import type { ModuleFn } from '../lib/types';
 import { focusableUIElements } from './layout';
 
 const { navigator, document } = global;
diff --git a/code/core/src/manager-api/modules/stories.ts b/code/core/src/manager-api/modules/stories.ts
index 23edae60ad95..20bfdee92db0 100644
--- a/code/core/src/manager-api/modules/stories.ts
+++ b/code/core/src/manager-api/modules/stories.ts
@@ -1,61 +1,60 @@
-import { global } from '@storybook/global';
-import { toId, sanitize } from '@storybook/csf';
 import type {
-  StoryKind,
-  ComponentTitle,
-  StoryName,
-  StoryId,
-  Args,
   API_ComposedRef,
+  API_DocsEntry,
+  API_FilterFunction,
   API_HashEntry,
+  API_IndexHash,
   API_LeafEntry,
+  API_LoadedRefData,
   API_PreparedStoryIndex,
-  SetStoriesPayload,
+  API_StatusState,
+  API_StatusUpdate,
   API_StoryEntry,
+  API_ViewMode,
+  Args,
+  ComponentTitle,
+  DocsPreparedPayload,
+  SetStoriesPayload,
+  StoryId,
   StoryIndex,
-  API_LoadedRefData,
-  API_IndexHash,
+  StoryKind,
+  StoryName,
   StoryPreparedPayload,
-  DocsPreparedPayload,
-  API_DocsEntry,
-  API_ViewMode,
-  API_StatusState,
-  API_StatusUpdate,
-  API_FilterFunction,
 } from '@storybook/core/types';
+import { sanitize, toId } from '@storybook/csf';
+import { global } from '@storybook/global';
+
+import { logger } from '@storybook/core/client-logger';
 import {
+  CONFIG_ERROR,
+  CURRENT_STORY_WAS_SET,
+  DOCS_PREPARED,
   PRELOAD_ENTRIES,
-  STORY_PREPARED,
-  UPDATE_STORY_ARGS,
   RESET_STORY_ARGS,
-  STORY_ARGS_UPDATED,
-  STORY_CHANGED,
   SELECT_STORY,
-  SET_STORIES,
+  SET_CONFIG,
+  SET_CURRENT_STORY,
   SET_INDEX,
-  STORY_SPECIFIED,
+  SET_STORIES,
+  STORY_ARGS_UPDATED,
+  STORY_CHANGED,
   STORY_INDEX_INVALIDATED,
-  CONFIG_ERROR,
-  CURRENT_STORY_WAS_SET,
   STORY_MISSING,
-  DOCS_PREPARED,
-  SET_CURRENT_STORY,
-  SET_CONFIG,
+  STORY_PREPARED,
+  STORY_SPECIFIED,
+  UPDATE_STORY_ARGS,
 } from '@storybook/core/core-events';
-import { logger } from '@storybook/core/client-logger';
 
 import { getEventMetadata } from '../lib/events';
-
 import {
+  addPreparedStories,
   denormalizeStoryParameters,
-  transformStoryIndexToStoriesHash,
   getComponentLookupList,
   getStoriesLookupList,
-  addPreparedStories,
+  transformStoryIndexToStoriesHash,
 } from '../lib/stories';
-
-import type { ComposedRef } from '../root';
 import type { ModuleFn } from '../lib/types';
+import type { ComposedRef } from '../root';
 
 const { fetch } = global;
 const STORY_INDEX_PATH = './index.json';
diff --git a/code/core/src/manager-api/modules/url.ts b/code/core/src/manager-api/modules/url.ts
index d69e194a6947..c5a23e57a4fc 100644
--- a/code/core/src/manager-api/modules/url.ts
+++ b/code/core/src/manager-api/modules/url.ts
@@ -1,16 +1,18 @@
+import type { NavigateOptions } from '@storybook/core/router';
+import { buildArgsParam, queryFromLocation } from '@storybook/core/router';
+import type { API_Layout, API_UI, Args } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
 import {
+  GLOBALS_UPDATED,
   NAVIGATE_URL,
-  STORY_ARGS_UPDATED,
   SET_CURRENT_STORY,
-  GLOBALS_UPDATED,
+  STORY_ARGS_UPDATED,
   UPDATE_QUERY_PARAMS,
 } from '@storybook/core/core-events';
-import type { NavigateOptions } from '@storybook/core/router';
-import { queryFromLocation, buildArgsParam } from '@storybook/core/router';
+
 import { dequal as deepEqual } from 'dequal';
-import { global } from '@storybook/global';
 
-import type { API_Layout, API_UI, Args } from '@storybook/core/types';
 import type { ModuleArgs, ModuleFn } from '../lib/types';
 import { defaultLayoutState } from './layout';
 
diff --git a/code/core/src/manager-api/modules/versions.ts b/code/core/src/manager-api/modules/versions.ts
index 16015cde837d..734ba0442838 100644
--- a/code/core/src/manager-api/modules/versions.ts
+++ b/code/core/src/manager-api/modules/versions.ts
@@ -1,11 +1,11 @@
+import type { API_UnknownEntries, API_Version, API_Versions } from '@storybook/core/types';
 import { global } from '@storybook/global';
-import semver from 'semver';
-import memoize from 'memoizerific';
 
-import type { API_UnknownEntries, API_Version, API_Versions } from '@storybook/core/types';
-import { version as currentVersion } from '../version';
+import memoize from 'memoizerific';
+import semver from 'semver';
 
 import type { ModuleFn } from '../lib/types';
+import { version as currentVersion } from '../version';
 
 const { VERSIONCHECK } = global;
 
diff --git a/code/core/src/manager-api/modules/whatsnew.tsx b/code/core/src/manager-api/modules/whatsnew.tsx
index 71e6b9e03d85..7878f5920066 100644
--- a/code/core/src/manager-api/modules/whatsnew.tsx
+++ b/code/core/src/manager-api/modules/whatsnew.tsx
@@ -1,5 +1,8 @@
 import React from 'react';
+
 import { global } from '@storybook/global';
+import { StorybookIcon } from '@storybook/icons';
+
 import type { WhatsNewCache, WhatsNewData } from '@storybook/core/core-events';
 import {
   REQUEST_WHATS_NEW_DATA,
@@ -7,8 +10,8 @@ import {
   SET_WHATS_NEW_CACHE,
   TOGGLE_WHATS_NEW_NOTIFICATIONS,
 } from '@storybook/core/core-events';
+
 import type { ModuleFn } from '../lib/types';
-import { StorybookIcon } from '@storybook/icons';
 
 export type SubState = {
   whatsNewData?: WhatsNewData;
diff --git a/code/core/src/manager-api/root.tsx b/code/core/src/manager-api/root.tsx
index 8d23d1d8fcd2..0a1fad42c3e1 100644
--- a/code/core/src/manager-api/root.tsx
+++ b/code/core/src/manager-api/root.tsx
@@ -9,10 +9,10 @@ import React, {
   useMemo,
   useRef,
 } from 'react';
-import mergeWith from 'lodash/mergeWith.js';
+
+import type { Listener } from '@storybook/core/channels';
+import type { RouterData } from '@storybook/core/router';
 import type {
-  Args,
-  ArgTypes,
   API_ComponentEntry,
   API_ComposedRef,
   API_DocsEntry,
@@ -26,49 +26,42 @@ import type {
   API_RootEntry,
   API_StateMerger,
   API_StoryEntry,
+  ArgTypes,
+  Args,
+  Globals,
   Parameters,
   StoryId,
-  Globals,
 } from '@storybook/core/types';
 
+import { deprecate } from '@storybook/core/client-logger';
 import {
-  STORY_CHANGED,
+  SET_STORIES,
   SHARED_STATE_CHANGED,
   SHARED_STATE_SET,
-  SET_STORIES,
+  STORY_CHANGED,
 } from '@storybook/core/core-events';
-import type { RouterData } from '@storybook/core/router';
-import type { Listener } from '@storybook/core/channels';
-import { deprecate } from '@storybook/core/client-logger';
+
+import mergeWith from 'lodash/mergeWith.js';
 
 import { createContext } from './context';
-import type { Options } from './store';
-import Store from './store';
 import getInitialState from './initial-state';
-
-import * as provider from './modules/provider';
-
+import { types } from './lib/addons';
+import type { ModuleFn } from './lib/types';
 import * as addons from './modules/addons';
-
 import * as channel from './modules/channel';
-
+import * as globals from './modules/globals';
+import * as layout from './modules/layout';
 import * as notifications from './modules/notifications';
-import * as settings from './modules/settings';
-
-import * as stories from './modules/stories';
-
+import * as provider from './modules/provider';
 import * as refs from './modules/refs';
-import * as layout from './modules/layout';
+import * as settings from './modules/settings';
 import * as shortcuts from './modules/shortcuts';
-
+import * as stories from './modules/stories';
 import * as url from './modules/url';
 import * as version from './modules/versions';
 import * as whatsnew from './modules/whatsnew';
-
-import * as globals from './modules/globals';
-import type { ModuleFn } from './lib/types';
-
-import { types } from './lib/addons';
+import type { Options } from './store';
+import Store from './store';
 
 export * from './lib/request-response';
 export * from './lib/shortcut';
diff --git a/code/core/src/manager-api/store.ts b/code/core/src/manager-api/store.ts
index ffb3b43dbc83..ca19eb4f4293 100644
--- a/code/core/src/manager-api/store.ts
+++ b/code/core/src/manager-api/store.ts
@@ -1,7 +1,7 @@
 import type { StoreAPI } from 'store2';
 import store from 'store2';
-import storeSetup from './lib/store-setup';
 
+import storeSetup from './lib/store-setup';
 import type { State } from './root';
 
 // setting up the store, overriding set and get to use telejson
diff --git a/code/core/src/manager-api/tests/addons.test.js b/code/core/src/manager-api/tests/addons.test.js
index 8d0928d9f82d..4d64ecc95224 100644
--- a/code/core/src/manager-api/tests/addons.test.js
+++ b/code/core/src/manager-api/tests/addons.test.js
@@ -1,5 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { Addon_TypesEnum as types } from '@storybook/core/types';
+
 import { init as initAddons } from '../modules/addons';
 
 const PANELS = {
diff --git a/code/core/src/manager-api/tests/events.test.ts b/code/core/src/manager-api/tests/events.test.ts
index ac0c4ed7887f..9adc7a06eb1a 100644
--- a/code/core/src/manager-api/tests/events.test.ts
+++ b/code/core/src/manager-api/tests/events.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { getEventMetadata } from '../lib/events';
 import type { API } from '../root';
 
diff --git a/code/core/src/manager-api/tests/globals.test.ts b/code/core/src/manager-api/tests/globals.test.ts
index 52f3fa379472..96da32051f2b 100644
--- a/code/core/src/manager-api/tests/globals.test.ts
+++ b/code/core/src/manager-api/tests/globals.test.ts
@@ -1,20 +1,22 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
-import { EventEmitter } from 'events';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import type { GlobalsUpdatedPayload, SetGlobalsPayload } from '@storybook/core/types';
+
+import { logger as _logger } from '@storybook/core/client-logger';
 import {
-  SET_STORIES,
+  GLOBALS_UPDATED,
   SET_GLOBALS,
+  SET_STORIES,
   UPDATE_GLOBALS,
-  GLOBALS_UPDATED,
 } from '@storybook/core/core-events';
 
-import { logger as _logger } from '@storybook/core/client-logger';
-import type { API } from '../root';
-import type { SubAPI } from '../modules/globals';
-import { init as initModule } from '../modules/globals';
-import type { ModuleArgs } from '../lib/types';
+import { EventEmitter } from 'events';
 
 import { getEventMetadata as _getEventData } from '../lib/events';
-import type { GlobalsUpdatedPayload, SetGlobalsPayload } from '@storybook/core/types';
+import type { ModuleArgs } from '../lib/types';
+import type { SubAPI } from '../modules/globals';
+import { init as initModule } from '../modules/globals';
+import type { API } from '../root';
 
 const getEventMetadata = vi.mocked(_getEventData, true);
 const logger = vi.mocked(_logger, true);
diff --git a/code/core/src/manager-api/tests/layout.test.ts b/code/core/src/manager-api/tests/layout.test.ts
index a9ced49e1ac3..7b1c7361f254 100644
--- a/code/core/src/manager-api/tests/layout.test.ts
+++ b/code/core/src/manager-api/tests/layout.test.ts
@@ -1,15 +1,17 @@
 import type { Mock } from 'vitest';
-import { expect, describe, beforeEach, it, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { themes } from '@storybook/core/theming';
 import type { API_Provider } from '@storybook/core/types';
+
 import EventEmitter from 'events';
-import type { SubAPI, SubState } from '../modules/layout';
+
+import type { ModuleArgs } from '../lib/types';
 import type { SubState as AddonsSubState } from '../modules/addons';
+import type { SubAPI, SubState } from '../modules/layout';
 import { defaultLayoutState, init as initLayout } from '../modules/layout';
-import type Store from '../store';
 import type { API, State } from '../root';
-import type { ModuleArgs } from '../lib/types';
+import type Store from '../store';
 
 describe('layout API', () => {
   let layoutApi: SubAPI;
diff --git a/code/core/src/manager-api/tests/mockStoriesEntries.ts b/code/core/src/manager-api/tests/mockStoriesEntries.ts
index 0bb2df381aa6..2bccab057186 100644
--- a/code/core/src/manager-api/tests/mockStoriesEntries.ts
+++ b/code/core/src/manager-api/tests/mockStoriesEntries.ts
@@ -1,4 +1,4 @@
-import type { StoryIndex, API_PreparedStoryIndex } from '@storybook/core/types';
+import type { API_PreparedStoryIndex, StoryIndex } from '@storybook/core/types';
 
 export const mockEntries: StoryIndex['entries'] = {
   'component-a--docs': {
diff --git a/code/core/src/manager-api/tests/notifications.test.js b/code/core/src/manager-api/tests/notifications.test.js
index 8d2005db6837..95ccbe1f1187 100644
--- a/code/core/src/manager-api/tests/notifications.test.js
+++ b/code/core/src/manager-api/tests/notifications.test.js
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { init as initNotifications } from '../modules/notifications';
 
 describe('notifications API', () => {
diff --git a/code/core/src/manager-api/tests/refs.test.ts b/code/core/src/manager-api/tests/refs.test.ts
index 96d2b3b8d84f..c8d65baafc57 100644
--- a/code/core/src/manager-api/tests/refs.test.ts
+++ b/code/core/src/manager-api/tests/refs.test.ts
@@ -1,9 +1,11 @@
-import { describe, it, expect, vi } from 'vitest';
-import { global } from '@storybook/global';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { StoryIndex } from '@storybook/core/types';
-import type { State } from '../root';
+import { global } from '@storybook/global';
+
 import { transformStoryIndexToStoriesHash } from '../lib/stories';
 import { getSourceType, init as initRefs } from '../modules/refs';
+import type { State } from '../root';
 import type Store from '../store';
 
 const { fetch } = global;
diff --git a/code/core/src/manager-api/tests/shortcut.test.js b/code/core/src/manager-api/tests/shortcut.test.js
index 5b0db8e39672..d45d50afb182 100644
--- a/code/core/src/manager-api/tests/shortcut.test.js
+++ b/code/core/src/manager-api/tests/shortcut.test.js
@@ -2,6 +2,7 @@
 import { describe, expect, it } from 'vitest';
 
 import { global } from '@storybook/global';
+
 import { eventToShortcut, keyToSymbol } from '../lib/shortcut';
 
 const { KeyboardEvent } = global;
diff --git a/code/core/src/manager-api/tests/shortcuts.test.js b/code/core/src/manager-api/tests/shortcuts.test.js
index 9aba57c756f7..be1efd4063d9 100644
--- a/code/core/src/manager-api/tests/shortcuts.test.js
+++ b/code/core/src/manager-api/tests/shortcuts.test.js
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { init as initShortcuts } from '../modules/shortcuts';
 
 function createMockStore() {
diff --git a/code/core/src/manager-api/tests/store.test.js b/code/core/src/manager-api/tests/store.test.js
index c0f88f586409..e77bc1cd289e 100644
--- a/code/core/src/manager-api/tests/store.test.js
+++ b/code/core/src/manager-api/tests/store.test.js
@@ -1,6 +1,8 @@
-import { describe, it, expect, vi } from 'vitest';
-import store2 from 'store2';
+import { describe, expect, it, vi } from 'vitest';
+
 import flushPromises from 'flush-promises';
+import store2 from 'store2';
+
 import Store, { STORAGE_KEY } from '../store';
 
 vi.mock('store2', () => ({
diff --git a/code/core/src/manager-api/tests/stories.test.ts b/code/core/src/manager-api/tests/stories.test.ts
index ea02cdfd464b..16b5c926c9c2 100644
--- a/code/core/src/manager-api/tests/stories.test.ts
+++ b/code/core/src/manager-api/tests/stories.test.ts
@@ -1,30 +1,32 @@
 import type { Mocked } from 'vitest';
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
+import type { API_StoryEntry } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
 import {
-  STORY_ARGS_UPDATED,
-  UPDATE_STORY_ARGS,
+  CONFIG_ERROR,
+  CURRENT_STORY_WAS_SET,
+  DOCS_PREPARED,
   RESET_STORY_ARGS,
+  SET_INDEX,
   SET_STORIES,
-  STORY_SPECIFIED,
-  STORY_PREPARED,
+  STORY_ARGS_UPDATED,
   STORY_INDEX_INVALIDATED,
-  CONFIG_ERROR,
-  SET_INDEX,
-  CURRENT_STORY_WAS_SET,
   STORY_MISSING,
-  DOCS_PREPARED,
+  STORY_PREPARED,
+  STORY_SPECIFIED,
+  UPDATE_STORY_ARGS,
 } from '@storybook/core/core-events';
+
 import { EventEmitter } from 'events';
-import { global } from '@storybook/global';
 
-import type { API_StoryEntry } from '@storybook/core/types';
 import { getEventMetadata as getEventMetadataOriginal } from '../lib/events';
-
+import type { ModuleArgs } from '../lib/types';
 import { init as initStories } from '../modules/stories';
-import type Store from '../store';
 import type { API, State } from '../root';
-import { mockEntries, docsEntries, preparedEntries, navigationEntries } from './mockStoriesEntries';
-import type { ModuleArgs } from '../lib/types';
+import type Store from '../store';
+import { docsEntries, mockEntries, navigationEntries, preparedEntries } from './mockStoriesEntries';
 
 const mockGetEntries = vi.fn();
 const fetch = vi.mocked(global.fetch);
diff --git a/code/core/src/manager-api/tests/url.test.js b/code/core/src/manager-api/tests/url.test.js
index a4a9de83ba75..a3612650530c 100644
--- a/code/core/src/manager-api/tests/url.test.js
+++ b/code/core/src/manager-api/tests/url.test.js
@@ -1,12 +1,13 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import {
-  SET_CURRENT_STORY,
   GLOBALS_UPDATED,
+  SET_CURRENT_STORY,
   UPDATE_QUERY_PARAMS,
 } from '@storybook/core/core-events';
 
 import EventEmitter from 'events';
+
 import { init as initURL } from '../modules/url';
 
 vi.mock('@storybook/core/client-logger');
diff --git a/code/core/src/manager-api/tests/versions.test.js b/code/core/src/manager-api/tests/versions.test.js
index 4ed44dc50595..280deaeed2ae 100644
--- a/code/core/src/manager-api/tests/versions.test.js
+++ b/code/core/src/manager-api/tests/versions.test.js
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { global } from '@storybook/global';
 
 import { init as initVersions } from '../modules/versions';
diff --git a/code/core/src/manager/App.tsx b/code/core/src/manager/App.tsx
index c4679ffe43ca..287f9736cc71 100644
--- a/code/core/src/manager/App.tsx
+++ b/code/core/src/manager/App.tsx
@@ -1,13 +1,14 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
+
 import { Global, createGlobal } from '@storybook/core/theming';
 import type { Addon_PageType } from '@storybook/core/types';
-import Sidebar from './container/Sidebar';
-import Preview from './container/Preview';
-import Panel from './container/Panel';
 
 import { Layout } from './components/layout/Layout';
 import { useLayout } from './components/layout/LayoutProvider';
+import Panel from './container/Panel';
+import Preview from './container/Preview';
+import Sidebar from './container/Sidebar';
 
 type Props = {
   managerLayoutState: ComponentProps<typeof Layout>['managerLayoutState'];
diff --git a/code/core/src/manager/FakeProvider.tsx b/code/core/src/manager/FakeProvider.tsx
index 397a91b86a62..dc66dedf0f6f 100644
--- a/code/core/src/manager/FakeProvider.tsx
+++ b/code/core/src/manager/FakeProvider.tsx
@@ -1,6 +1,9 @@
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { addons } from '@storybook/core/manager-api';
+
 import Provider from './provider';
 
 export class FakeProvider extends Provider {
diff --git a/code/core/src/manager/README.md b/code/core/src/manager/README.md
index c91e4b2cb06a..ff55e2830fdf 100644
--- a/code/core/src/manager/README.md
+++ b/code/core/src/manager/README.md
@@ -55,8 +55,8 @@ export default class MyProvider extends Provider {
 Then you need to initialize the UI like this:
 
 ```js
-import global from 'global';
 import { renderStorybookUI } from '@storybook/manager';
+import global from 'global';
 import Provider from './provider';
 
 const { document } = global;
diff --git a/code/core/src/manager/__tests__/index.test.ts b/code/core/src/manager/__tests__/index.test.ts
index ce85a45e293b..792484347ad1 100644
--- a/code/core/src/manager/__tests__/index.test.ts
+++ b/code/core/src/manager/__tests__/index.test.ts
@@ -1,6 +1,6 @@
 // @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
 import { renderStorybookUI } from '..';
 
 describe('Main API', () => {
diff --git a/code/core/src/manager/components/layout/Layout.stories.tsx b/code/core/src/manager/components/layout/Layout.stories.tsx
index 8282d8434587..6a133d6c492f 100644
--- a/code/core/src/manager/components/layout/Layout.stories.tsx
+++ b/code/core/src/manager/components/layout/Layout.stories.tsx
@@ -1,14 +1,16 @@
-import { action } from '@storybook/addon-actions';
 import type { FC, PropsWithChildren } from 'react';
 import React, { useState } from 'react';
 
+import { LocationProvider } from '@storybook/core/router';
 import { styled } from '@storybook/core/theming';
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
+import { action } from '@storybook/addon-actions';
+
+import MobileNavigationStoriesMeta from '../mobile/navigation/MobileNavigation.stories';
 import { Layout } from './Layout';
 import { LayoutProvider } from './LayoutProvider';
-import { LocationProvider } from '@storybook/core/router';
-import MobileNavigationStoriesMeta from '../mobile/navigation/MobileNavigation.stories';
 
 const PlaceholderBlock = styled.div({
   width: '100%',
diff --git a/code/core/src/manager/components/layout/Layout.tsx b/code/core/src/manager/components/layout/Layout.tsx
index 82e6b532c9ae..a984a5a266d5 100644
--- a/code/core/src/manager/components/layout/Layout.tsx
+++ b/code/core/src/manager/components/layout/Layout.tsx
@@ -1,12 +1,14 @@
 import React, { useEffect, useLayoutEffect, useState } from 'react';
+
+import { Match } from '@storybook/core/router';
 import { styled } from '@storybook/core/theming';
 import type { API_Layout, API_ViewMode } from '@storybook/core/types';
-import { useDragging } from './useDragging';
-import { MobileNavigation } from '../mobile/navigation/MobileNavigation';
+
 import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
-import { useLayout } from './LayoutProvider';
 import { Notifications } from '../../container/Notifications';
-import { Match } from '@storybook/core/router';
+import { MobileNavigation } from '../mobile/navigation/MobileNavigation';
+import { useLayout } from './LayoutProvider';
+import { useDragging } from './useDragging';
 
 interface InternalLayoutState {
   isDragging: boolean;
diff --git a/code/core/src/manager/components/layout/LayoutProvider.tsx b/code/core/src/manager/components/layout/LayoutProvider.tsx
index 81c342e0546c..88f3b7a781f6 100644
--- a/code/core/src/manager/components/layout/LayoutProvider.tsx
+++ b/code/core/src/manager/components/layout/LayoutProvider.tsx
@@ -1,7 +1,8 @@
 import type { FC, PropsWithChildren } from 'react';
 import React, { createContext, useContext, useMemo, useState } from 'react';
-import { useMediaQuery } from '../hooks/useMedia';
+
 import { BREAKPOINT } from '../../constants';
+import { useMediaQuery } from '../hooks/useMedia';
 
 type LayoutContextType = {
   isMobileMenuOpen: boolean;
diff --git a/code/core/src/manager/components/layout/useDragging.ts b/code/core/src/manager/components/layout/useDragging.ts
index 1c00f516c234..a62f6c29e4ac 100644
--- a/code/core/src/manager/components/layout/useDragging.ts
+++ b/code/core/src/manager/components/layout/useDragging.ts
@@ -1,5 +1,6 @@
 import type { Dispatch, SetStateAction } from 'react';
 import { useEffect, useRef } from 'react';
+
 import type { LayoutState } from './Layout';
 
 // the distance from the edge of the screen at which the panel/sidebar will snap to the edge
diff --git a/code/core/src/manager/components/mobile/about/MobileAbout.stories.tsx b/code/core/src/manager/components/mobile/about/MobileAbout.stories.tsx
index e552171cca4b..ee13d985f3cc 100644
--- a/code/core/src/manager/components/mobile/about/MobileAbout.stories.tsx
+++ b/code/core/src/manager/components/mobile/about/MobileAbout.stories.tsx
@@ -1,9 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { ManagerContext } from '@storybook/core/manager-api';
 import React, { useEffect } from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
 import { within } from '@storybook/test';
-import { MobileAbout } from './MobileAbout';
+
+import { ManagerContext } from '@storybook/core/manager-api';
+
 import { LayoutProvider, useLayout } from '../../layout/LayoutProvider';
+import { MobileAbout } from './MobileAbout';
 
 /**
  * A helper component to open the about page via the MobileLayoutContext
diff --git a/code/core/src/manager/components/mobile/about/MobileAbout.tsx b/code/core/src/manager/components/mobile/about/MobileAbout.tsx
index 2b65bf59c5a0..a794ba00ea9f 100644
--- a/code/core/src/manager/components/mobile/about/MobileAbout.tsx
+++ b/code/core/src/manager/components/mobile/about/MobileAbout.tsx
@@ -1,12 +1,15 @@
 import type { FC } from 'react';
 import React, { useRef } from 'react';
-import { Transition, type TransitionStatus } from 'react-transition-group';
-import { styled } from '@storybook/core/theming';
+
 import { Link } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
 import { ArrowLeftIcon, GithubIcon, ShareAltIcon, StorybookIcon } from '@storybook/icons';
-import { UpgradeBlock } from '../../upgrade/UpgradeBlock';
+
+import { Transition, type TransitionStatus } from 'react-transition-group';
+
 import { MOBILE_TRANSITION_DURATION } from '../../../constants';
 import { useLayout } from '../../layout/LayoutProvider';
+import { UpgradeBlock } from '../../upgrade/UpgradeBlock';
 
 export const MobileAbout: FC = () => {
   const { isMobileAboutOpen, setMobileAboutOpen } = useLayout();
diff --git a/code/core/src/manager/components/mobile/navigation/MobileAddonsDrawer.tsx b/code/core/src/manager/components/mobile/navigation/MobileAddonsDrawer.tsx
index b17ec5e55c5e..def0c9e2bdf8 100644
--- a/code/core/src/manager/components/mobile/navigation/MobileAddonsDrawer.tsx
+++ b/code/core/src/manager/components/mobile/navigation/MobileAddonsDrawer.tsx
@@ -1,5 +1,6 @@
 import type { FC, ReactNode } from 'react';
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 interface MobileAddonsDrawerProps {
diff --git a/code/core/src/manager/components/mobile/navigation/MobileMenuDrawer.tsx b/code/core/src/manager/components/mobile/navigation/MobileMenuDrawer.tsx
index 8c3ac21152b6..8e3de4b51581 100644
--- a/code/core/src/manager/components/mobile/navigation/MobileMenuDrawer.tsx
+++ b/code/core/src/manager/components/mobile/navigation/MobileMenuDrawer.tsx
@@ -1,11 +1,14 @@
 import type { FC } from 'react';
 import React, { useRef } from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { Transition } from 'react-transition-group';
 import type { TransitionStatus } from 'react-transition-group/Transition';
-import { MobileAbout } from '../about/MobileAbout';
+
 import { MOBILE_TRANSITION_DURATION } from '../../../constants';
 import { useLayout } from '../../layout/LayoutProvider';
+import { MobileAbout } from '../about/MobileAbout';
 
 interface MobileMenuDrawerProps {
   children?: React.ReactNode;
diff --git a/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx b/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx
index 552556add58c..e445d73dea23 100644
--- a/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx
+++ b/code/core/src/manager/components/mobile/navigation/MobileNavigation.stories.tsx
@@ -1,10 +1,14 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import { ManagerContext } from '@storybook/core/manager-api';
+
+import type { Meta, StoryObj } from '@storybook/react';
 import { within } from '@storybook/test';
+
+import { ManagerContext } from '@storybook/core/manager-api';
+
 import { startCase } from 'lodash';
-import { MobileNavigation } from './MobileNavigation';
+
 import { LayoutProvider, useLayout } from '../../layout/LayoutProvider';
+import { MobileNavigation } from './MobileNavigation';
 
 const MockPanel = () => {
   const { setMobilePanelOpen } = useLayout();
diff --git a/code/core/src/manager/components/mobile/navigation/MobileNavigation.tsx b/code/core/src/manager/components/mobile/navigation/MobileNavigation.tsx
index 963c56360f19..cef5b139b625 100644
--- a/code/core/src/manager/components/mobile/navigation/MobileNavigation.tsx
+++ b/code/core/src/manager/components/mobile/navigation/MobileNavigation.tsx
@@ -1,12 +1,15 @@
 import type { FC } from 'react';
 import React from 'react';
-import { styled } from '@storybook/core/theming';
+
 import { IconButton } from '@storybook/core/components';
-import { useStorybookApi, useStorybookState } from '@storybook/core/manager-api';
+import { styled } from '@storybook/core/theming';
 import { BottomBarToggleIcon, MenuIcon } from '@storybook/icons';
-import { MobileMenuDrawer } from './MobileMenuDrawer';
-import { MobileAddonsDrawer } from './MobileAddonsDrawer';
+
+import { useStorybookApi, useStorybookState } from '@storybook/core/manager-api';
+
 import { useLayout } from '../../layout/LayoutProvider';
+import { MobileAddonsDrawer } from './MobileAddonsDrawer';
+import { MobileMenuDrawer } from './MobileMenuDrawer';
 
 interface MobileNavigationProps {
   menu?: React.ReactNode;
diff --git a/code/core/src/manager/components/notifications/NotificationItem.stories.tsx b/code/core/src/manager/components/notifications/NotificationItem.stories.tsx
index 93588e4a5353..1914a0fe7987 100644
--- a/code/core/src/manager/components/notifications/NotificationItem.stories.tsx
+++ b/code/core/src/manager/components/notifications/NotificationItem.stories.tsx
@@ -1,15 +1,18 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
+
 import { LocationProvider } from '@storybook/core/router';
-import type { Meta, StoryObj } from '@storybook/react';
-import NotificationItem from './NotificationItem';
 import {
   AccessibilityIcon as AccessibilityIconIcon,
   BookIcon as BookIconIcon,
   FaceHappyIcon,
 } from '@storybook/icons';
+import type { Meta, StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, waitFor, within } from '@storybook/test';
 
+import { action } from '@storybook/addon-actions';
+
+import NotificationItem from './NotificationItem';
+
 const meta = {
   component: NotificationItem,
   title: 'Notifications/NotificationItem',
diff --git a/code/core/src/manager/components/notifications/NotificationItem.tsx b/code/core/src/manager/components/notifications/NotificationItem.tsx
index f912828783a2..66a8cef66bf3 100644
--- a/code/core/src/manager/components/notifications/NotificationItem.tsx
+++ b/code/core/src/manager/components/notifications/NotificationItem.tsx
@@ -1,13 +1,16 @@
 import type { FC, SyntheticEvent } from 'react';
 import React, { useCallback, useEffect, useRef } from 'react';
-import { type State } from '@storybook/core/manager-api';
-import { Link } from '@storybook/core/router';
-import { keyframes, styled, useTheme } from '@storybook/core/theming';
+
 import type { IconsProps } from '@storybook/core/components';
 import { IconButton, Icons } from '@storybook/core/components';
-import { transparentize } from 'polished';
+import { Link } from '@storybook/core/router';
+import { keyframes, styled, useTheme } from '@storybook/core/theming';
 import { CloseAltIcon } from '@storybook/icons';
 
+import { type State } from '@storybook/core/manager-api';
+
+import { transparentize } from 'polished';
+
 const slideIn = keyframes({
   '0%': {
     opacity: 0,
diff --git a/code/core/src/manager/components/notifications/NotificationList.stories.tsx b/code/core/src/manager/components/notifications/NotificationList.stories.tsx
index d2842e5eb872..60554232747c 100644
--- a/code/core/src/manager/components/notifications/NotificationList.stories.tsx
+++ b/code/core/src/manager/components/notifications/NotificationList.stories.tsx
@@ -1,9 +1,10 @@
 import React from 'react';
+
 import { LocationProvider } from '@storybook/core/router';
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { NotificationList } from './NotificationList';
 import * as itemStories from './NotificationItem.stories';
+import { NotificationList } from './NotificationList';
 
 const meta = {
   component: NotificationList,
diff --git a/code/core/src/manager/components/notifications/NotificationList.tsx b/code/core/src/manager/components/notifications/NotificationList.tsx
index 604ed50c5101..a0c8fabd13c6 100644
--- a/code/core/src/manager/components/notifications/NotificationList.tsx
+++ b/code/core/src/manager/components/notifications/NotificationList.tsx
@@ -1,10 +1,13 @@
 import type { FC } from 'react';
 import React from 'react';
-import type { State } from '@storybook/core/manager-api';
+
 import { styled } from '@storybook/core/theming';
 import type { CSSObject } from '@storybook/core/theming';
-import NotificationItem from './NotificationItem';
+
+import type { State } from '@storybook/core/manager-api';
+
 import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
+import NotificationItem from './NotificationItem';
 
 interface NotificationListProps {
   notifications: State['notifications'];
diff --git a/code/core/src/manager/components/panel/Panel.stories.tsx b/code/core/src/manager/components/panel/Panel.stories.tsx
index 7b6691c314cd..3caa6a3c0fb1 100644
--- a/code/core/src/manager/components/panel/Panel.stories.tsx
+++ b/code/core/src/manager/components/panel/Panel.stories.tsx
@@ -1,12 +1,15 @@
 import type { EventHandler, FocusEvent, MouseEvent } from 'react';
 import React, { useCallback, useRef, useState } from 'react';
-import { action } from '@storybook/addon-actions';
+
 import { Badge, Spaced } from '@storybook/core/components';
 import type { Addon_BaseType, Addon_Collection } from '@storybook/core/types';
 import { Addon_TypesEnum } from '@storybook/core/types';
 import { BellIcon } from '@storybook/icons';
-import { AddonPanel } from './Panel';
+
+import { action } from '@storybook/addon-actions';
+
 import { defaultShortcuts } from '../../settings/defaultShortcuts';
+import { AddonPanel } from './Panel';
 
 const onSelect = action('onSelect');
 const toggleVisibility = action('toggleVisibility');
diff --git a/code/core/src/manager/components/panel/Panel.tsx b/code/core/src/manager/components/panel/Panel.tsx
index dad5d7f9b85d..701cd94925e3 100644
--- a/code/core/src/manager/components/panel/Panel.tsx
+++ b/code/core/src/manager/components/panel/Panel.tsx
@@ -1,10 +1,13 @@
 import React, { Component } from 'react';
-import { Tabs, IconButton, Link, EmptyTabContent } from '@storybook/core/components';
-import type { State } from '@storybook/core/manager-api';
-import { shortcutToHumanString } from '@storybook/core/manager-api';
-import type { Addon_BaseType } from '@storybook/core/types';
+
+import { EmptyTabContent, IconButton, Link, Tabs } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
+import type { Addon_BaseType } from '@storybook/core/types';
 import { BottomBarIcon, CloseIcon, DocumentIcon, SidebarAltIcon } from '@storybook/icons';
+
+import type { State } from '@storybook/core/manager-api';
+import { shortcutToHumanString } from '@storybook/core/manager-api';
+
 import { useLayout } from '../layout/LayoutProvider';
 
 export interface SafeTabProps {
diff --git a/code/core/src/manager/components/preview/FramesRenderer.tsx b/code/core/src/manager/components/preview/FramesRenderer.tsx
index ecf627be9df9..40a42c3fbe98 100644
--- a/code/core/src/manager/components/preview/FramesRenderer.tsx
+++ b/code/core/src/manager/components/preview/FramesRenderer.tsx
@@ -1,13 +1,16 @@
 import type { FC } from 'react';
-import React, { useRef, Fragment } from 'react';
-import type { Combo } from '@storybook/core/manager-api';
-import { Consumer } from '@storybook/core/manager-api';
+import React, { Fragment, useRef } from 'react';
+
 import { Button, getStoryHref } from '@storybook/core/components';
 import { Global, styled } from '@storybook/core/theming';
 import type { CSSObject } from '@storybook/core/theming';
+
+import type { Combo } from '@storybook/core/manager-api';
+import { Consumer } from '@storybook/core/manager-api';
+
 import { IFrame } from './Iframe';
-import type { FramesRendererProps } from './utils/types';
 import { stringifyQueryParams } from './utils/stringifyQueryParams';
+import type { FramesRendererProps } from './utils/types';
 
 const getActive = (refId: FramesRendererProps['refId'], refs: FramesRendererProps['refs']) => {
   if (refId && refs[refId]) {
diff --git a/code/core/src/manager/components/preview/Iframe.tsx b/code/core/src/manager/components/preview/Iframe.tsx
index e7f0df251147..13fd65261ec2 100644
--- a/code/core/src/manager/components/preview/Iframe.tsx
+++ b/code/core/src/manager/components/preview/Iframe.tsx
@@ -1,7 +1,8 @@
 import type { IframeHTMLAttributes } from 'react';
 import React from 'react';
-import { styled } from '@storybook/core/theming';
+
 import { Zoom } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
 
 const StyledIframe = styled.iframe(({ theme }) => ({
   backgroundColor: theme.background.preview,
diff --git a/code/core/src/manager/components/preview/Preview.tsx b/code/core/src/manager/components/preview/Preview.tsx
index 2350b58f1b3f..8a459276f0e7 100644
--- a/code/core/src/manager/components/preview/Preview.tsx
+++ b/code/core/src/manager/components/preview/Preview.tsx
@@ -1,20 +1,20 @@
 import type { FC } from 'react';
 import React, { Fragment, useEffect, useRef, useState } from 'react';
-import { Helmet } from 'react-helmet-async';
-import { global } from '@storybook/global';
 
-import { Consumer, type Combo, merge, addons, types } from '@storybook/core/manager-api';
+import { Loader } from '@storybook/core/components';
 import type { Addon_BaseType, Addon_WrapperType } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
 import { PREVIEW_BUILDER_PROGRESS, SET_CURRENT_STORY } from '@storybook/core/core-events';
+import { type Combo, Consumer, addons, merge, types } from '@storybook/core/manager-api';
 
-import { Loader } from '@storybook/core/components';
+import { Helmet } from 'react-helmet-async';
 
-import * as S from './utils/components';
-import { ZoomProvider, ZoomConsumer } from './tools/zoom';
-import { ApplyWrappers } from './Wrappers';
-import { ToolbarComp } from './Toolbar';
 import { FramesRenderer } from './FramesRenderer';
-
+import { ToolbarComp } from './Toolbar';
+import { ApplyWrappers } from './Wrappers';
+import { ZoomConsumer, ZoomProvider } from './tools/zoom';
+import * as S from './utils/components';
 import type { PreviewProps } from './utils/types';
 
 const canvasMapper = ({ state, api }: Combo) => ({
diff --git a/code/core/src/manager/components/preview/Toolbar.tsx b/code/core/src/manager/components/preview/Toolbar.tsx
index 297764e3983f..de8c1aab066f 100644
--- a/code/core/src/manager/components/preview/Toolbar.tsx
+++ b/code/core/src/manager/components/preview/Toolbar.tsx
@@ -1,30 +1,29 @@
 import React, { Fragment } from 'react';
 
+import { IconButton, Separator, TabBar, TabButton } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
+import { type Addon_BaseType, Addon_TypesEnum } from '@storybook/core/types';
+import { CloseIcon, ExpandIcon } from '@storybook/icons';
 
-import { IconButton, Separator, TabButton, TabBar } from '@storybook/core/components';
 import {
-  shortcutToHumanString,
-  Consumer,
-  type Combo,
   type API,
-  type State,
-  merge,
+  type Combo,
+  Consumer,
   type LeafEntry,
+  type State,
   addons,
+  merge,
+  shortcutToHumanString,
   types,
 } from '@storybook/core/manager-api';
 
-import { Addon_TypesEnum, type Addon_BaseType } from '@storybook/core/types';
-import { CloseIcon, ExpandIcon } from '@storybook/icons';
-import { zoomTool } from './tools/zoom';
-
-import type { PreviewProps } from './utils/types';
+import { useLayout } from '../layout/LayoutProvider';
+import { addonsTool } from './tools/addons';
 import { copyTool } from './tools/copy';
 import { ejectTool } from './tools/eject';
-import { addonsTool } from './tools/addons';
 import { remountTool } from './tools/remount';
-import { useLayout } from '../layout/LayoutProvider';
+import { zoomTool } from './tools/zoom';
+import type { PreviewProps } from './utils/types';
 
 export const getTools = (getFn: API['getElements']) => Object.values(getFn(types.TOOL));
 export const getToolsExtra = (getFn: API['getElements']) => Object.values(getFn(types.TOOLEXTRA));
diff --git a/code/core/src/manager/components/preview/Wrappers.tsx b/code/core/src/manager/components/preview/Wrappers.tsx
index a6ecc04a4afa..299db428b1d9 100644
--- a/code/core/src/manager/components/preview/Wrappers.tsx
+++ b/code/core/src/manager/components/preview/Wrappers.tsx
@@ -1,9 +1,11 @@
 import type { FC, PropsWithChildren } from 'react';
 import React, { Fragment } from 'react';
+
 import type { Addon_WrapperType } from '@storybook/core/types';
 import { Addon_TypesEnum } from '@storybook/core/types';
-import type { ApplyWrappersProps } from './utils/types';
+
 import { IframeWrapper } from './utils/components';
+import type { ApplyWrappersProps } from './utils/types';
 
 export const ApplyWrappers: FC<PropsWithChildren<ApplyWrappersProps>> = ({
   wrappers,
diff --git a/code/core/src/manager/components/preview/tools/addons.tsx b/code/core/src/manager/components/preview/tools/addons.tsx
index a0beb24f768a..46d45f6eac07 100644
--- a/code/core/src/manager/components/preview/tools/addons.tsx
+++ b/code/core/src/manager/components/preview/tools/addons.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
+
 import { IconButton } from '@storybook/core/components';
-import { Consumer, types } from '@storybook/core/manager-api';
-import type { Combo } from '@storybook/core/manager-api';
 import type { Addon_BaseType } from '@storybook/core/types';
 import { BottomBarIcon, SidebarAltIcon } from '@storybook/icons';
 
+import { Consumer, types } from '@storybook/core/manager-api';
+import type { Combo } from '@storybook/core/manager-api';
+
 const menuMapper = ({ api, state }: Combo) => ({
   isVisible: api.getIsPanelShown(),
   singleStory: state.singleStory,
diff --git a/code/core/src/manager/components/preview/tools/copy.tsx b/code/core/src/manager/components/preview/tools/copy.tsx
index 2fdc098cffe4..adf9b54efd24 100644
--- a/code/core/src/manager/components/preview/tools/copy.tsx
+++ b/code/core/src/manager/components/preview/tools/copy.tsx
@@ -1,12 +1,15 @@
-import { global } from '@storybook/global';
 import React from 'react';
-import copy from 'copy-to-clipboard';
-import { getStoryHref, IconButton } from '@storybook/core/components';
-import { Consumer, types } from '@storybook/core/manager-api';
-import type { Combo } from '@storybook/core/manager-api';
+
+import { IconButton, getStoryHref } from '@storybook/core/components';
 import type { Addon_BaseType } from '@storybook/core/types';
+import { global } from '@storybook/global';
 import { LinkIcon } from '@storybook/icons';
 
+import { Consumer, types } from '@storybook/core/manager-api';
+import type { Combo } from '@storybook/core/manager-api';
+
+import copy from 'copy-to-clipboard';
+
 const { PREVIEW_URL, document } = global;
 
 const copyMapper = ({ state }: Combo) => {
diff --git a/code/core/src/manager/components/preview/tools/eject.tsx b/code/core/src/manager/components/preview/tools/eject.tsx
index 25bf9676c8d7..dda18c7db1f9 100644
--- a/code/core/src/manager/components/preview/tools/eject.tsx
+++ b/code/core/src/manager/components/preview/tools/eject.tsx
@@ -1,11 +1,13 @@
-import { global } from '@storybook/global';
 import React from 'react';
-import { getStoryHref, IconButton } from '@storybook/core/components';
-import { Consumer, types } from '@storybook/core/manager-api';
-import type { Combo } from '@storybook/core/manager-api';
+
+import { IconButton, getStoryHref } from '@storybook/core/components';
 import type { Addon_BaseType } from '@storybook/core/types';
+import { global } from '@storybook/global';
 import { ShareAltIcon } from '@storybook/icons';
 
+import { Consumer, types } from '@storybook/core/manager-api';
+import type { Combo } from '@storybook/core/manager-api';
+
 const { PREVIEW_URL } = global;
 
 const ejectMapper = ({ state }: Combo) => {
diff --git a/code/core/src/manager/components/preview/tools/menu.tsx b/code/core/src/manager/components/preview/tools/menu.tsx
index 9cf7a3a1ea64..f61f8955c541 100644
--- a/code/core/src/manager/components/preview/tools/menu.tsx
+++ b/code/core/src/manager/components/preview/tools/menu.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
+
 import { IconButton, Separator } from '@storybook/core/components';
-import { Consumer, types } from '@storybook/core/manager-api';
-import type { Combo } from '@storybook/core/manager-api';
 import type { Addon_BaseType } from '@storybook/core/types';
 import { MenuIcon } from '@storybook/icons';
 
+import { Consumer, types } from '@storybook/core/manager-api';
+import type { Combo } from '@storybook/core/manager-api';
+
 const menuMapper = ({ api, state }: Combo) => ({
   isVisible: api.getIsNavShown(),
   singleStory: state.singleStory,
diff --git a/code/core/src/manager/components/preview/tools/remount.tsx b/code/core/src/manager/components/preview/tools/remount.tsx
index 1d8735b7dec3..2facd7a8465e 100644
--- a/code/core/src/manager/components/preview/tools/remount.tsx
+++ b/code/core/src/manager/components/preview/tools/remount.tsx
@@ -1,13 +1,15 @@
 import type { ComponentProps } from 'react';
 import React, { useState } from 'react';
+
 import { IconButton } from '@storybook/core/components';
-import { Consumer, types } from '@storybook/core/manager-api';
-import type { Combo } from '@storybook/core/manager-api';
 import { styled } from '@storybook/core/theming';
-import { FORCE_REMOUNT } from '@storybook/core/core-events';
 import type { Addon_BaseType } from '@storybook/core/types';
 import { SyncIcon } from '@storybook/icons';
 
+import { FORCE_REMOUNT } from '@storybook/core/core-events';
+import { Consumer, types } from '@storybook/core/manager-api';
+import type { Combo } from '@storybook/core/manager-api';
+
 interface AnimatedButtonProps {
   animating?: boolean;
 }
diff --git a/code/core/src/manager/components/preview/tools/zoom.tsx b/code/core/src/manager/components/preview/tools/zoom.tsx
index 9af3c17d9c39..aba59a2da272 100644
--- a/code/core/src/manager/components/preview/tools/zoom.tsx
+++ b/code/core/src/manager/components/preview/tools/zoom.tsx
@@ -1,11 +1,12 @@
-import type { SyntheticEvent, MouseEventHandler, PropsWithChildren } from 'react';
+import type { MouseEventHandler, PropsWithChildren, SyntheticEvent } from 'react';
 import React, { Component, createContext, memo, useCallback } from 'react';
 
 import { IconButton, Separator } from '@storybook/core/components';
 import type { Addon_BaseType } from '@storybook/core/types';
-import { types } from '@storybook/core/manager-api';
 import { ZoomIcon, ZoomOutIcon, ZoomResetIcon } from '@storybook/icons';
 
+import { types } from '@storybook/core/manager-api';
+
 const initialZoom = 1 as const;
 
 const Context = createContext({ value: initialZoom, set: (v: number) => {} });
diff --git a/code/core/src/manager/components/preview/utils/components.ts b/code/core/src/manager/components/preview/utils/components.ts
index b9cd39b097a0..e38f44164e51 100644
--- a/code/core/src/manager/components/preview/utils/components.ts
+++ b/code/core/src/manager/components/preview/utils/components.ts
@@ -1,5 +1,5 @@
-import { styled } from '@storybook/core/theming';
 import { Link } from '@storybook/core/router';
+import { styled } from '@storybook/core/theming';
 
 export const PreviewContainer = styled.main({
   display: 'flex',
diff --git a/code/core/src/manager/components/preview/utils/types.tsx b/code/core/src/manager/components/preview/utils/types.tsx
index 2a1fd83c2e6d..6c18cb6bdddc 100644
--- a/code/core/src/manager/components/preview/utils/types.tsx
+++ b/code/core/src/manager/components/preview/utils/types.tsx
@@ -1,12 +1,14 @@
 import type { ReactElement } from 'react';
-import type { State, API, LeafEntry } from '@storybook/core/manager-api';
+
 import type {
+  API_ViewMode,
   Addon_BaseType,
   Addon_WrapperType,
-  API_ViewMode,
   StoryId,
 } from '@storybook/core/types';
 
+import type { API, LeafEntry, State } from '@storybook/core/manager-api';
+
 export interface PreviewProps {
   api: API;
   viewMode: API_ViewMode;
diff --git a/code/core/src/manager/components/sidebar/Brand.tsx b/code/core/src/manager/components/sidebar/Brand.tsx
index f3c0a89c046a..05ff72a23c0a 100644
--- a/code/core/src/manager/components/sidebar/Brand.tsx
+++ b/code/core/src/manager/components/sidebar/Brand.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { styled, withTheme } from '@storybook/core/theming';
 
 import { StorybookLogo } from '@storybook/core/components';
+import { styled, withTheme } from '@storybook/core/theming';
 
 export const StorybookLogoStyled = styled(StorybookLogo)(({ theme }) => ({
   width: 'auto',
diff --git a/code/core/src/manager/components/sidebar/CreateNewStoryFileModal.tsx b/code/core/src/manager/components/sidebar/CreateNewStoryFileModal.tsx
index 4c45bcc51645..70ad346fbdbb 100644
--- a/code/core/src/manager/components/sidebar/CreateNewStoryFileModal.tsx
+++ b/code/core/src/manager/components/sidebar/CreateNewStoryFileModal.tsx
@@ -1,5 +1,7 @@
 import React, { useCallback, useDeferredValue, useEffect, useRef, useState } from 'react';
+
 import { CheckIcon } from '@storybook/icons';
+
 import type {
   ArgTypesRequestPayload,
   ArgTypesResponsePayload,
@@ -28,8 +30,8 @@ import { addons, experimental_requestResponse, useStorybookApi } from '@storyboo
 
 import { useDebounce } from '../../hooks/useDebounce';
 import type { NewStoryPayload, SearchResult } from './FileSearchList';
-import { extractSeededRequiredArgs, trySelectNewStory } from './FileSearchModal.utils';
 import { FileSearchModal } from './FileSearchModal';
+import { extractSeededRequiredArgs, trySelectNewStory } from './FileSearchModal.utils';
 
 interface CreateNewStoryFileModalProps {
   open: boolean;
diff --git a/code/core/src/manager/components/sidebar/Explorer.stories.tsx b/code/core/src/manager/components/sidebar/Explorer.stories.tsx
index 9cf8c887397f..908ead2be9f3 100644
--- a/code/core/src/manager/components/sidebar/Explorer.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Explorer.stories.tsx
@@ -1,10 +1,10 @@
 import React from 'react';
 
 import { Explorer } from './Explorer';
+import { IconSymbols } from './IconSymbols';
+import * as RefStories from './Refs.stories';
 import { mockDataset } from './mockdata';
 import type { RefType } from './types';
-import * as RefStories from './Refs.stories';
-import { IconSymbols } from './IconSymbols';
 
 export default {
   component: Explorer,
diff --git a/code/core/src/manager/components/sidebar/Explorer.tsx b/code/core/src/manager/components/sidebar/Explorer.tsx
index dae74f34e21c..1c4a93825ebe 100644
--- a/code/core/src/manager/components/sidebar/Explorer.tsx
+++ b/code/core/src/manager/components/sidebar/Explorer.tsx
@@ -1,11 +1,10 @@
 import type { FC } from 'react';
 import React, { useRef } from 'react';
 
+import { HighlightStyles } from './HighlightStyles';
 import { Ref } from './Refs';
 import type { CombinedDataset, Selection } from './types';
-
 import { useHighlighted } from './useHighlighted';
-import { HighlightStyles } from './HighlightStyles';
 
 export interface ExplorerProps {
   isLoading: boolean;
diff --git a/code/core/src/manager/components/sidebar/FIleSearchList.utils.tsx b/code/core/src/manager/components/sidebar/FIleSearchList.utils.tsx
index 87c2297a44f5..5ee7b3313a82 100644
--- a/code/core/src/manager/components/sidebar/FIleSearchList.utils.tsx
+++ b/code/core/src/manager/components/sidebar/FIleSearchList.utils.tsx
@@ -1,7 +1,8 @@
-import type { Virtualizer } from '@tanstack/react-virtual';
 import { useEffect } from 'react';
 import { flushSync } from 'react-dom';
 
+import type { Virtualizer } from '@tanstack/react-virtual';
+
 interface UseArrowKeyNavigationProps {
   rowVirtualizer: Virtualizer<HTMLDivElement, Element>;
   parentRef: React.MutableRefObject<HTMLDivElement>;
diff --git a/code/core/src/manager/components/sidebar/FileList.tsx b/code/core/src/manager/components/sidebar/FileList.tsx
index 9f7cc75c290a..bc2d46eee829 100644
--- a/code/core/src/manager/components/sidebar/FileList.tsx
+++ b/code/core/src/manager/components/sidebar/FileList.tsx
@@ -1,4 +1,5 @@
 import { styled } from '@storybook/core/theming';
+
 import { rgba } from 'polished';
 
 export const FileListWrapper = styled('div')(({ theme }) => ({
diff --git a/code/core/src/manager/components/sidebar/FileSearchList.stories.tsx b/code/core/src/manager/components/sidebar/FileSearchList.stories.tsx
index a1f9ca9d9df6..2c5ec140ee86 100644
--- a/code/core/src/manager/components/sidebar/FileSearchList.stories.tsx
+++ b/code/core/src/manager/components/sidebar/FileSearchList.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { fn, fireEvent, findByText, expect } from '@storybook/test';
+import { expect, findByText, fireEvent, fn } from '@storybook/test';
 
 import { FileSearchList } from './FileSearchList';
 
diff --git a/code/core/src/manager/components/sidebar/FileSearchList.tsx b/code/core/src/manager/components/sidebar/FileSearchList.tsx
index 9ba2fd205c47..3a4eacbbf03c 100644
--- a/code/core/src/manager/components/sidebar/FileSearchList.tsx
+++ b/code/core/src/manager/components/sidebar/FileSearchList.tsx
@@ -1,7 +1,18 @@
 import React, { memo, useCallback, useMemo, useState } from 'react';
-import { ChevronDownIcon, ChevronRightIcon, ComponentIcon } from '@storybook/icons';
+
+import { TooltipNote, WithTooltip } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
-import { FileSearchListLoadingSkeleton } from './FileSearchListSkeleton';
+import { ChevronDownIcon, ChevronRightIcon, ComponentIcon } from '@storybook/icons';
+
+import type {
+  CreateNewStoryRequestPayload,
+  FileComponentSearchResponsePayload,
+} from '@storybook/core/core-events';
+
+import type { VirtualItem } from '@tanstack/react-virtual';
+import { useVirtualizer } from '@tanstack/react-virtual';
+
+import { useArrowKeyNavigation } from './FIleSearchList.utils';
 import {
   DefaultExport,
   FileList,
@@ -21,14 +32,7 @@ import {
   NoResults,
   NoResultsDescription,
 } from './FileList';
-import type { VirtualItem } from '@tanstack/react-virtual';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import type {
-  CreateNewStoryRequestPayload,
-  FileComponentSearchResponsePayload,
-} from '@storybook/core/core-events';
-import { WithTooltip, TooltipNote } from '@storybook/core/components';
-import { useArrowKeyNavigation } from './FIleSearchList.utils';
+import { FileSearchListLoadingSkeleton } from './FileSearchListSkeleton';
 
 export type SearchResult = NonNullable<FileComponentSearchResponsePayload['files']>[0];
 
diff --git a/code/core/src/manager/components/sidebar/FileSearchListSkeleton.tsx b/code/core/src/manager/components/sidebar/FileSearchListSkeleton.tsx
index ddbb757e1fee..33e6e0dd890b 100644
--- a/code/core/src/manager/components/sidebar/FileSearchListSkeleton.tsx
+++ b/code/core/src/manager/components/sidebar/FileSearchListSkeleton.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { FileList, FileListItem } from './FileList';
 
 const FileListItemContentWrapperSkeleton = styled('div')(({ theme }) => ({
diff --git a/code/core/src/manager/components/sidebar/FileSearchModal.stories.tsx b/code/core/src/manager/components/sidebar/FileSearchModal.stories.tsx
index 8d6d2b7e9c3a..a2a10005b887 100644
--- a/code/core/src/manager/components/sidebar/FileSearchModal.stories.tsx
+++ b/code/core/src/manager/components/sidebar/FileSearchModal.stories.tsx
@@ -1,8 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { findByText, fireEvent, fn, expect } from '@storybook/test';
-import { WithResults } from './FileSearchList.stories';
 import React, { useState } from 'react';
 
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, findByText, fireEvent, fn } from '@storybook/test';
+
+import { WithResults } from './FileSearchList.stories';
 import { FileSearchModal } from './FileSearchModal';
 
 const meta = {
diff --git a/code/core/src/manager/components/sidebar/FileSearchModal.tsx b/code/core/src/manager/components/sidebar/FileSearchModal.tsx
index 9762c8222633..469493744d43 100644
--- a/code/core/src/manager/components/sidebar/FileSearchModal.tsx
+++ b/code/core/src/manager/components/sidebar/FileSearchModal.tsx
@@ -1,11 +1,12 @@
 import React, { useEffect, useState, useTransition } from 'react';
-import { Modal, Form } from '@storybook/core/components';
+
+import { Form, Modal } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
 import { CloseAltIcon, SearchIcon, SyncIcon } from '@storybook/icons';
 
+import { useMeasure } from '../../hooks/useMeasure';
 import type { NewStoryPayload, SearchResult } from './FileSearchList';
 import { FileSearchList } from './FileSearchList';
-import { useMeasure } from '../../hooks/useMeasure';
 
 const MODAL_HEIGHT = 418;
 
diff --git a/code/core/src/manager/components/sidebar/FileSearchModal.utils.test.tsx b/code/core/src/manager/components/sidebar/FileSearchModal.utils.test.tsx
index d86a9c208d68..34f1f4ec8a68 100644
--- a/code/core/src/manager/components/sidebar/FileSearchModal.utils.test.tsx
+++ b/code/core/src/manager/components/sidebar/FileSearchModal.utils.test.tsx
@@ -1,7 +1,9 @@
 import { describe, expect, it } from 'vitest';
-import { extractSeededRequiredArgs } from './FileSearchModal.utils';
+
 import type { ArgTypes } from '@storybook/csf';
 
+import { extractSeededRequiredArgs } from './FileSearchModal.utils';
+
 describe('FileSearchModal.utils', () => {
   describe('extractSeededRequiredArgs', () => {
     it('should extract seeded required args', () => {
diff --git a/code/core/src/manager/components/sidebar/Heading.stories.tsx b/code/core/src/manager/components/sidebar/Heading.stories.tsx
index 0308cae7dd50..678a6c8e2ae5 100644
--- a/code/core/src/manager/components/sidebar/Heading.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Heading.stories.tsx
@@ -1,11 +1,13 @@
 // @TODO: use addon-interactions and remove the rule disable above
 import React from 'react';
-import type { Meta, StoryObj, StoryFn } from '@storybook/react';
+
 import { ThemeProvider, useTheme } from '@storybook/core/theming';
 import type { Theme } from '@storybook/core/theming';
-import { action } from '@storybook/addon-actions';
+import type { Meta, StoryFn, StoryObj } from '@storybook/react';
 import { screen } from '@storybook/test';
 
+import { action } from '@storybook/addon-actions';
+
 import { Heading } from './Heading';
 
 type Story = StoryFn<typeof Heading>;
diff --git a/code/core/src/manager/components/sidebar/Heading.tsx b/code/core/src/manager/components/sidebar/Heading.tsx
index 962e91bbc8a5..905ae1f61081 100644
--- a/code/core/src/manager/components/sidebar/Heading.tsx
+++ b/code/core/src/manager/components/sidebar/Heading.tsx
@@ -1,9 +1,10 @@
-import type { FC, ComponentProps } from 'react';
+import type { ComponentProps, FC } from 'react';
 import React from 'react';
-import { styled } from '@storybook/core/theming';
-import { Button } from '@storybook/core/components';
 
+import { Button } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
 import type { Addon_SidebarTopType } from '@storybook/core/types';
+
 import { Brand } from './Brand';
 import type { MenuList, SidebarMenuProps } from './Menu';
 import { SidebarMenu } from './Menu';
diff --git a/code/core/src/manager/components/sidebar/HighlightStyles.tsx b/code/core/src/manager/components/sidebar/HighlightStyles.tsx
index 0683a04c9550..71f853666865 100644
--- a/code/core/src/manager/components/sidebar/HighlightStyles.tsx
+++ b/code/core/src/manager/components/sidebar/HighlightStyles.tsx
@@ -1,7 +1,10 @@
-import { transparentize } from 'polished';
 import type { FC } from 'react';
 import React from 'react';
+
 import { Global } from '@storybook/core/theming';
+
+import { transparentize } from 'polished';
+
 import type { Highlight } from './types';
 
 // @ts-expect-error (non strict)
diff --git a/code/core/src/manager/components/sidebar/IconSymbols.tsx b/code/core/src/manager/components/sidebar/IconSymbols.tsx
index 8dec99d6e248..20101343e7b2 100644
--- a/code/core/src/manager/components/sidebar/IconSymbols.tsx
+++ b/code/core/src/manager/components/sidebar/IconSymbols.tsx
@@ -1,7 +1,8 @@
-import { styled } from '@storybook/core/theming';
 import type { FC } from 'react';
 import React from 'react';
 
+import { styled } from '@storybook/core/theming';
+
 const Svg = styled.svg`
   position: absolute;
   width: 0;
diff --git a/code/core/src/manager/components/sidebar/Loader.tsx b/code/core/src/manager/components/sidebar/Loader.tsx
index 254626aa0b79..96499c4b2ad8 100644
--- a/code/core/src/manager/components/sidebar/Loader.tsx
+++ b/code/core/src/manager/components/sidebar/Loader.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import React, { Fragment } from 'react';
+
 import { styled } from '@storybook/core/theming';
 
 const LOADER_SEQUENCE = [0, 0, 1, 1, 2, 3, 3, 3, 1, 1, 1, 2, 2, 2, 3];
diff --git a/code/core/src/manager/components/sidebar/Menu.stories.tsx b/code/core/src/manager/components/sidebar/Menu.stories.tsx
index e4873e751b05..663bd4caa3b4 100644
--- a/code/core/src/manager/components/sidebar/Menu.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Menu.stories.tsx
@@ -1,15 +1,17 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
 
 import { TooltipLinkList } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
-import { screen, userEvent, within, expect } from '@storybook/test';
-import type { State } from '@storybook/core/manager-api';
 import { LinkIcon } from '@storybook/icons';
-import { SidebarMenu } from './Menu';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, screen, userEvent, within } from '@storybook/test';
+
+import type { State } from '@storybook/core/manager-api';
+
 import { useMenu } from '../../container/Menu';
 import { LayoutProvider } from '../layout/LayoutProvider';
+import { SidebarMenu } from './Menu';
 
 const fakemenu: ComponentProps<typeof TooltipLinkList>['links'] = [
   { title: 'has icon', icon: <LinkIcon />, id: 'icon' },
diff --git a/code/core/src/manager/components/sidebar/Menu.tsx b/code/core/src/manager/components/sidebar/Menu.tsx
index 960fa8b58844..d24656aa7079 100644
--- a/code/core/src/manager/components/sidebar/Menu.tsx
+++ b/code/core/src/manager/components/sidebar/Menu.tsx
@@ -1,11 +1,13 @@
 import type { ComponentProps, FC } from 'react';
 import React, { useMemo, useState } from 'react';
 
-import { styled } from '@storybook/core/theming';
-import { transparentize } from 'polished';
 import type { Button, TooltipLinkListLink } from '@storybook/core/components';
-import { WithTooltip, TooltipLinkList, IconButton } from '@storybook/core/components';
+import { IconButton, TooltipLinkList, WithTooltip } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
 import { CloseIcon, CogIcon } from '@storybook/icons';
+
+import { transparentize } from 'polished';
+
 import { useLayout } from '../layout/LayoutProvider';
 
 export type MenuList = ComponentProps<typeof TooltipLinkList>['links'];
diff --git a/code/core/src/manager/components/sidebar/RefBlocks.tsx b/code/core/src/manager/components/sidebar/RefBlocks.tsx
index d4fd979129ba..16af958a8a02 100644
--- a/code/core/src/manager/components/sidebar/RefBlocks.tsx
+++ b/code/core/src/manager/components/sidebar/RefBlocks.tsx
@@ -1,13 +1,14 @@
-import { global } from '@storybook/global';
 import type { FC } from 'react';
-import React, { useState, useCallback, Fragment } from 'react';
+import React, { Fragment, useCallback, useState } from 'react';
 
-import { WithTooltip, Spaced, Button, Link, ErrorFormatter } from '@storybook/core/components';
-import { logger } from '@storybook/core/client-logger';
+import { Button, ErrorFormatter, Link, Spaced, WithTooltip } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
-
+import { global } from '@storybook/global';
 import { ChevronDownIcon, LockIcon, SyncIcon } from '@storybook/icons';
-import { Loader, Contained } from './Loader';
+
+import { logger } from '@storybook/core/client-logger';
+
+import { Contained, Loader } from './Loader';
 
 const { window: globalWindow } = global;
 
diff --git a/code/core/src/manager/components/sidebar/RefIndicator.tsx b/code/core/src/manager/components/sidebar/RefIndicator.tsx
index 6fca6687effe..7c49c95105cd 100644
--- a/code/core/src/manager/components/sidebar/RefIndicator.tsx
+++ b/code/core/src/manager/components/sidebar/RefIndicator.tsx
@@ -1,13 +1,10 @@
-import { global } from '@storybook/global';
 import type { FC, MouseEventHandler } from 'react';
-import React, { useMemo, useCallback, forwardRef } from 'react';
+import React, { forwardRef, useCallback, useMemo } from 'react';
 
 import type { TooltipLinkListLink } from '@storybook/core/components';
-import { WithTooltip, Spaced, TooltipLinkList } from '@storybook/core/components';
+import { Spaced, TooltipLinkList, WithTooltip } from '@storybook/core/components';
 import { styled, useTheme } from '@storybook/core/theming';
-import { transparentize } from 'polished';
-import { useStorybookApi } from '@storybook/core/manager-api';
-
+import { global } from '@storybook/global';
 import {
   AlertIcon,
   ChevronDownIcon,
@@ -18,9 +15,13 @@ import {
   MarkupIcon,
   TimeIcon,
 } from '@storybook/icons';
-import type { RefType } from './types';
+
+import { useStorybookApi } from '@storybook/core/manager-api';
+
+import { transparentize } from 'polished';
 
 import type { getStateType } from '../../utils/tree';
+import type { RefType } from './types';
 
 const { document, window: globalWindow } = global;
 
diff --git a/code/core/src/manager/components/sidebar/Refs.stories.tsx b/code/core/src/manager/components/sidebar/Refs.stories.tsx
index 6b89f1b13a57..a26cad976dcb 100644
--- a/code/core/src/manager/components/sidebar/Refs.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Refs.stories.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
+
 import { ManagerContext } from '@storybook/core/manager-api';
 
-import { Ref } from './Refs';
 import { standardData as standardHeaderData } from './Heading.stories';
+import { IconSymbols } from './IconSymbols';
+import { Ref } from './Refs';
 import { mockDataset } from './mockdata';
 import type { RefType } from './types';
-import { IconSymbols } from './IconSymbols';
 
 export default {
   component: Ref,
diff --git a/code/core/src/manager/components/sidebar/Refs.tsx b/code/core/src/manager/components/sidebar/Refs.tsx
index 756080d63ec2..7412a627e889 100644
--- a/code/core/src/manager/components/sidebar/Refs.tsx
+++ b/code/core/src/manager/components/sidebar/Refs.tsx
@@ -1,21 +1,20 @@
 import type { FC, MutableRefObject } from 'react';
-import React, { useEffect, useMemo, useState, useRef, useCallback } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+import { styled } from '@storybook/core/theming';
+
 import type { State } from '@storybook/core/manager-api';
 import { useStorybookApi, useStorybookState } from '@storybook/core/manager-api';
-import { styled } from '@storybook/core/theming';
-import { transparentize } from 'polished';
 
-import { AuthBlock, ErrorBlock, LoaderBlock, EmptyBlock } from './RefBlocks';
+import { transparentize } from 'polished';
 
+import { getStateType } from '../../utils/tree';
+import { AuthBlock, EmptyBlock, ErrorBlock, LoaderBlock } from './RefBlocks';
 import { RefIndicator } from './RefIndicator';
-
-import { Tree } from './Tree';
-
 import { DEFAULT_REF_ID } from './Sidebar';
-import type { Highlight, RefType } from './types';
-
-import { getStateType } from '../../utils/tree';
+import { Tree } from './Tree';
 import { CollapseIcon } from './components/CollapseIcon';
+import type { Highlight, RefType } from './types';
 
 export interface RefProps {
   isLoading: boolean;
diff --git a/code/core/src/manager/components/sidebar/Search.stories.tsx b/code/core/src/manager/components/sidebar/Search.stories.tsx
index 8de58e633373..5c70863735e0 100644
--- a/code/core/src/manager/components/sidebar/Search.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Search.stories.tsx
@@ -1,16 +1,19 @@
 import React from 'react';
-import type { StoryFn, Meta } from '@storybook/react';
+
+import type { Meta, StoryFn } from '@storybook/react';
+
 import type { API } from '@storybook/core/manager-api';
 import { ManagerContext } from '@storybook/core/manager-api';
+
 import { action } from '@storybook/addon-actions';
 
-import { index } from './mockdata.large';
+import { IconSymbols } from './IconSymbols';
 import { Search } from './Search';
 import { SearchResults } from './SearchResults';
 import { noResults } from './SearchResults.stories';
 import { DEFAULT_REF_ID } from './Sidebar';
+import { index } from './mockdata.large';
 import type { Selection } from './types';
-import { IconSymbols } from './IconSymbols';
 
 const refId = DEFAULT_REF_ID;
 const data = { [refId]: { id: refId, url: '/', index, previewInitialized: true } };
diff --git a/code/core/src/manager/components/sidebar/Search.tsx b/code/core/src/manager/components/sidebar/Search.tsx
index 48abe7637de1..470002f85ef3 100644
--- a/code/core/src/manager/components/sidebar/Search.tsx
+++ b/code/core/src/manager/components/sidebar/Search.tsx
@@ -1,28 +1,31 @@
-import { useStorybookApi, shortcutToHumanString } from '@storybook/core/manager-api';
+import React, { useCallback, useRef, useState } from 'react';
+
+import { IconButton, TooltipNote, WithTooltip } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
+import { global } from '@storybook/global';
+import { CloseIcon, PlusIcon, SearchIcon } from '@storybook/icons';
+
+import { shortcutToHumanString, useStorybookApi } from '@storybook/core/manager-api';
+
 import type { DownshiftState, StateChangeOptions } from 'downshift';
 import Downshift from 'downshift';
 import type { FuseOptions } from 'fuse.js';
 import Fuse from 'fuse.js';
-import { global } from '@storybook/global';
-import React, { useRef, useState, useCallback } from 'react';
-import { CloseIcon, PlusIcon, SearchIcon } from '@storybook/icons';
-import { IconButton, TooltipNote, WithTooltip } from '@storybook/core/components';
+
+import { getGroupStatus, getHighestStatus } from '../../utils/status';
+import { scrollIntoView, searchItem } from '../../utils/tree';
+import { useLayout } from '../layout/LayoutProvider';
+import { CreateNewStoryFileModal } from './CreateNewStoryFileModal';
 import { DEFAULT_REF_ID } from './Sidebar';
 import type {
   CombinedDataset,
-  SearchItem,
-  SearchResult,
   DownshiftItem,
   SearchChildrenFn,
+  SearchItem,
+  SearchResult,
   Selection,
 } from './types';
-import { isSearchResult, isExpandType } from './types';
-
-import { scrollIntoView, searchItem } from '../../utils/tree';
-import { getGroupStatus, getHighestStatus } from '../../utils/status';
-import { useLayout } from '../layout/LayoutProvider';
-import { CreateNewStoryFileModal } from './CreateNewStoryFileModal';
+import { isExpandType, isSearchResult } from './types';
 
 const { document } = global;
 
diff --git a/code/core/src/manager/components/sidebar/SearchResults.stories.tsx b/code/core/src/manager/components/sidebar/SearchResults.stories.tsx
index c45473a9c3d3..114f529bcd85 100644
--- a/code/core/src/manager/components/sidebar/SearchResults.stories.tsx
+++ b/code/core/src/manager/components/sidebar/SearchResults.stories.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
+
 import type { StoriesHash } from '@storybook/core/manager-api';
 
-import { mockDataset } from './mockdata';
-import { SearchResults } from './SearchResults';
-import type { CombinedDataset, Refs, SearchItem } from './types';
 import { searchItem } from '../../utils/tree';
 import { IconSymbols } from './IconSymbols';
+import { SearchResults } from './SearchResults';
+import { mockDataset } from './mockdata';
+import type { CombinedDataset, Refs, SearchItem } from './types';
 
 export default {
   component: SearchResults,
diff --git a/code/core/src/manager/components/sidebar/SearchResults.tsx b/code/core/src/manager/components/sidebar/SearchResults.tsx
index 0259bd2a92e9..4c7793ef9b8d 100644
--- a/code/core/src/manager/components/sidebar/SearchResults.tsx
+++ b/code/core/src/manager/components/sidebar/SearchResults.tsx
@@ -1,21 +1,23 @@
-import { styled } from '@storybook/core/theming';
-import { Button, IconButton } from '@storybook/core/components';
-import { global } from '@storybook/global';
 import type { FC, MouseEventHandler, PropsWithChildren, ReactNode } from 'react';
 import React, { useCallback, useEffect } from 'react';
-import type { ControllerStateAndHelpers } from 'downshift';
 
-import { useStorybookApi } from '@storybook/core/manager-api';
+import { Button, IconButton } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
+import { global } from '@storybook/global';
+import { TrashIcon } from '@storybook/icons';
+
 import { PRELOAD_ENTRIES } from '@storybook/core/core-events';
+import { useStorybookApi } from '@storybook/core/manager-api';
+
+import type { ControllerStateAndHelpers } from 'downshift';
 import { transparentize } from 'polished';
-import { TrashIcon } from '@storybook/icons';
-import { TypeIcon } from './TreeNode';
-import type { Match, DownshiftItem, SearchResult } from './types';
-import { isExpandType } from './types';
-import { matchesKeyCode, matchesModifiers } from '../../keybinding';
 
+import { matchesKeyCode, matchesModifiers } from '../../keybinding';
 import { statusMapping } from '../../utils/status';
 import { UseSymbol } from './IconSymbols';
+import { TypeIcon } from './TreeNode';
+import type { DownshiftItem, Match, SearchResult } from './types';
+import { isExpandType } from './types';
 
 const { document } = global;
 
diff --git a/code/core/src/manager/components/sidebar/Sidebar.stories.tsx b/code/core/src/manager/components/sidebar/Sidebar.stories.tsx
index 3179587c2123..230e68ee203f 100644
--- a/code/core/src/manager/components/sidebar/Sidebar.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Sidebar.stories.tsx
@@ -1,18 +1,20 @@
 import React from 'react';
 
-import type { IndexHash, State } from '@storybook/core/manager-api';
-import { ManagerContext, types } from '@storybook/core/manager-api';
-import type { StoryObj, Meta } from '@storybook/react';
-import { within, userEvent, expect, fn } from '@storybook/test';
-import type { Addon_SidebarTopType } from '@storybook/core/types';
 import { Button, IconButton } from '@storybook/core/components';
+import type { Addon_SidebarTopType } from '@storybook/core/types';
 import { FaceHappyIcon } from '@storybook/icons';
-import { Sidebar, DEFAULT_REF_ID } from './Sidebar';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, fn, userEvent, within } from '@storybook/test';
+
+import type { IndexHash, State } from '@storybook/core/manager-api';
+import { ManagerContext, types } from '@storybook/core/manager-api';
+
+import { LayoutProvider } from '../layout/LayoutProvider';
 import { standardData as standardHeaderData } from './Heading.stories';
+import { IconSymbols } from './IconSymbols';
+import { DEFAULT_REF_ID, Sidebar } from './Sidebar';
 import { mockDataset } from './mockdata';
 import type { RefType } from './types';
-import { LayoutProvider } from '../layout/LayoutProvider';
-import { IconSymbols } from './IconSymbols';
 
 const wait = (ms: number) =>
   new Promise<void>((resolve) => {
diff --git a/code/core/src/manager/components/sidebar/Sidebar.tsx b/code/core/src/manager/components/sidebar/Sidebar.tsx
index 583c11518fc9..5cc306d796fb 100644
--- a/code/core/src/manager/components/sidebar/Sidebar.tsx
+++ b/code/core/src/manager/components/sidebar/Sidebar.tsx
@@ -1,25 +1,23 @@
 import React, { useMemo } from 'react';
 
-import { styled } from '@storybook/core/theming';
 import { ScrollArea, Spaced } from '@storybook/core/components';
-import type { State } from '@storybook/core/manager-api';
-
+import { styled } from '@storybook/core/theming';
 import type {
+  API_LoadedRefData,
   Addon_SidebarBottomType,
   Addon_SidebarTopType,
-  API_LoadedRefData,
 } from '@storybook/core/types';
-import type { HeadingProps } from './Heading';
-import { Heading } from './Heading';
 
-import { Explorer } from './Explorer';
+import type { State } from '@storybook/core/manager-api';
 
+import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
+import { Explorer } from './Explorer';
+import type { HeadingProps } from './Heading';
+import { Heading } from './Heading';
 import { Search } from './Search';
-
 import { SearchResults } from './SearchResults';
 import type { CombinedDataset, Selection } from './types';
 import { useLastViewed } from './useLastViewed';
-import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
 
 export const DEFAULT_REF_ID = 'storybook_internal';
 
diff --git a/code/core/src/manager/components/sidebar/Tree.stories.tsx b/code/core/src/manager/components/sidebar/Tree.stories.tsx
index ab965dfb7d51..aed8dbd4648c 100644
--- a/code/core/src/manager/components/sidebar/Tree.stories.tsx
+++ b/code/core/src/manager/components/sidebar/Tree.stories.tsx
@@ -1,13 +1,16 @@
 // @TODO: use addon-interactions and remove the rule disable above
 import React, { useState } from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, within } from '@storybook/test';
+
 import type { ComponentEntry, IndexHash } from '@storybook/core/manager-api';
+
 import { action } from '@storybook/addon-actions';
 
-import type { StoryObj, Meta } from '@storybook/react';
-import { within, expect } from '@storybook/test';
+import { DEFAULT_REF_ID } from './Sidebar';
 import { Tree } from './Tree';
 import { index } from './mockdata.large';
-import { DEFAULT_REF_ID } from './Sidebar';
 
 const meta = {
   component: Tree,
diff --git a/code/core/src/manager/components/sidebar/Tree.tsx b/code/core/src/manager/components/sidebar/Tree.tsx
index f9adf1e16334..41699290cacc 100644
--- a/code/core/src/manager/components/sidebar/Tree.tsx
+++ b/code/core/src/manager/components/sidebar/Tree.tsx
@@ -1,38 +1,38 @@
+import type { MutableRefObject } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
+
+import { Button, IconButton, TooltipLinkList, WithTooltip } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
+import { CollapseIcon as CollapseIconSvg, ExpandAltIcon } from '@storybook/icons';
+
+import { PRELOAD_ENTRIES } from '@storybook/core/core-events';
 import { useStorybookApi } from '@storybook/core/manager-api';
 import type {
-  StoriesHash,
-  GroupEntry,
+  API,
   ComponentEntry,
-  StoryEntry,
+  GroupEntry,
   State,
-  API,
+  StoriesHash,
+  StoryEntry,
 } from '@storybook/core/manager-api';
-import { styled } from '@storybook/core/theming';
-import { Button, IconButton, TooltipLinkList, WithTooltip } from '@storybook/core/components';
-import { transparentize } from 'polished';
-import type { MutableRefObject } from 'react';
-import React, { useCallback, useMemo, useRef } from 'react';
 
-import { PRELOAD_ENTRIES } from '@storybook/core/core-events';
-import { ExpandAltIcon, CollapseIcon as CollapseIconSvg } from '@storybook/icons';
-import { ComponentNode, DocumentNode, GroupNode, RootNode, StoryNode } from './TreeNode';
-
-import type { ExpandAction, ExpandedState } from './useExpanded';
-
-import { useExpanded } from './useExpanded';
-import type { Highlight, Item } from './types';
+import { transparentize } from 'polished';
 
+import { getGroupStatus, getHighestStatus, statusMapping } from '../../utils/status';
 import {
-  isStoryHoistable,
   createId,
   getAncestorIds,
   getDescendantIds,
   getLink,
+  isStoryHoistable,
 } from '../../utils/tree';
-import { statusMapping, getHighestStatus, getGroupStatus } from '../../utils/status';
 import { useLayout } from '../layout/LayoutProvider';
 import { IconSymbols } from './IconSymbols';
+import { ComponentNode, DocumentNode, GroupNode, RootNode, StoryNode } from './TreeNode';
 import { CollapseIcon } from './components/CollapseIcon';
+import type { Highlight, Item } from './types';
+import type { ExpandAction, ExpandedState } from './useExpanded';
+import { useExpanded } from './useExpanded';
 
 const Container = styled.div<{ hasOrphans: boolean }>((props) => ({
   marginTop: props.hasOrphans ? 20 : 0,
diff --git a/code/core/src/manager/components/sidebar/TreeNode.stories.tsx b/code/core/src/manager/components/sidebar/TreeNode.stories.tsx
index b78a9b704773..d35daf9060f6 100644
--- a/code/core/src/manager/components/sidebar/TreeNode.stories.tsx
+++ b/code/core/src/manager/components/sidebar/TreeNode.stories.tsx
@@ -1,9 +1,9 @@
 import React from 'react';
+
 import { HighlightStyles } from './HighlightStyles';
+import { IconSymbols } from './IconSymbols';
 import { LeafNodeStyleWrapper } from './Tree';
-
 import { ComponentNode, DocumentNode, GroupNode, StoryNode } from './TreeNode';
-import { IconSymbols } from './IconSymbols';
 
 export default {
   title: 'Sidebar/TreeNode',
diff --git a/code/core/src/manager/components/sidebar/TreeNode.tsx b/code/core/src/manager/components/sidebar/TreeNode.tsx
index 7c42a42a8f3d..59dd02f04b10 100644
--- a/code/core/src/manager/components/sidebar/TreeNode.tsx
+++ b/code/core/src/manager/components/sidebar/TreeNode.tsx
@@ -1,7 +1,10 @@
+import type { ComponentProps, FC } from 'react';
+import React from 'react';
+
 import { styled } from '@storybook/core/theming';
+
 import { transparentize } from 'polished';
-import type { FC, ComponentProps } from 'react';
-import React from 'react';
+
 import { UseSymbol } from './IconSymbols';
 import { CollapseIcon } from './components/CollapseIcon';
 
diff --git a/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx b/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx
index a24f59333ef5..adc05cb07a55 100644
--- a/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx
+++ b/code/core/src/manager/components/sidebar/__tests__/Sidebar.test.tsx
@@ -1,14 +1,16 @@
 // @vitest-environment happy-dom
+import { cleanup, fireEvent, render, screen } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { afterEach, describe, expect, test } from 'vitest';
 
-import { afterEach, describe, test, expect } from 'vitest';
 import React from 'react';
-import { render, screen, fireEvent, cleanup } from '@testing-library/react';
-import { ThemeProvider, ensure, themes } from '@storybook/core/theming';
 
-import type { HashEntry, Refs } from '@storybook/core/manager-api';
+import { ThemeProvider, ensure, themes } from '@storybook/core/theming';
 import type { Theme } from '@storybook/core/theming';
-import type { RenderResult } from '@testing-library/react';
 import type { API_IndexHash } from '@storybook/core/types';
+
+import type { HashEntry, Refs } from '@storybook/core/manager-api';
+
 import { Sidebar } from '../Sidebar';
 import type { SidebarProps } from '../Sidebar';
 
diff --git a/code/core/src/manager/components/sidebar/components/CollapseIcon.tsx b/code/core/src/manager/components/sidebar/components/CollapseIcon.tsx
index fd3bd67752a4..f4de9e9cd46b 100644
--- a/code/core/src/manager/components/sidebar/components/CollapseIcon.tsx
+++ b/code/core/src/manager/components/sidebar/components/CollapseIcon.tsx
@@ -1,6 +1,8 @@
-import { styled } from '@storybook/core/theming';
 import type { FC } from 'react';
 import React from 'react';
+
+import { styled } from '@storybook/core/theming';
+
 import { transparentize } from 'polished';
 
 interface CollapseIconProps {
diff --git a/code/core/src/manager/components/sidebar/mockdata.large.ts b/code/core/src/manager/components/sidebar/mockdata.large.ts
index b4c2a0b99399..6fb9d233379e 100644
--- a/code/core/src/manager/components/sidebar/mockdata.large.ts
+++ b/code/core/src/manager/components/sidebar/mockdata.large.ts
@@ -10,7 +10,6 @@
  *       return acc;
  *     }, {}), null, 2)
  */
-
 import type { Dataset } from './types';
 
 // @ts-expect-error (TODO)
diff --git a/code/core/src/manager/components/sidebar/types.ts b/code/core/src/manager/components/sidebar/types.ts
index b9eac9bf8062..abf0c686b374 100644
--- a/code/core/src/manager/components/sidebar/types.ts
+++ b/code/core/src/manager/components/sidebar/types.ts
@@ -1,7 +1,9 @@
-import type { StoriesHash, State } from '@storybook/core/manager-api';
-import type { ControllerStateAndHelpers } from 'downshift';
 import type { API_StatusState, API_StatusValue } from '@storybook/core/types';
 
+import type { State, StoriesHash } from '@storybook/core/manager-api';
+
+import type { ControllerStateAndHelpers } from 'downshift';
+
 export type Refs = State['refs'];
 export type RefType = Refs[keyof Refs] & { status?: API_StatusState };
 export type Item = StoriesHash[keyof StoriesHash];
diff --git a/code/core/src/manager/components/sidebar/useExpanded.ts b/code/core/src/manager/components/sidebar/useExpanded.ts
index 3af0ed908b8d..dcf49137c968 100644
--- a/code/core/src/manager/components/sidebar/useExpanded.ts
+++ b/code/core/src/manager/components/sidebar/useExpanded.ts
@@ -1,15 +1,18 @@
+import type { Dispatch, MutableRefObject, Reducer } from 'react';
+import { useCallback, useEffect, useReducer } from 'react';
+
+import { global } from '@storybook/global';
+
+import { STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL } from '@storybook/core/core-events';
 import type { StoriesHash } from '@storybook/core/manager-api';
 import { useStorybookApi } from '@storybook/core/manager-api';
-import { STORIES_COLLAPSE_ALL, STORIES_EXPAND_ALL } from '@storybook/core/core-events';
-import { global } from '@storybook/global';
+
 import throttle from 'lodash/throttle.js';
-import type { Dispatch, MutableRefObject, Reducer } from 'react';
-import { useCallback, useEffect, useReducer } from 'react';
+
 import { matchesKeyCode, matchesModifiers } from '../../keybinding';
+import { getAncestorIds, getDescendantIds, isAncestor, scrollIntoView } from '../../utils/tree';
 import type { Highlight } from './types';
 
-import { isAncestor, getAncestorIds, getDescendantIds, scrollIntoView } from '../../utils/tree';
-
 const { document } = global;
 
 export type ExpandedState = Record<string, boolean>;
diff --git a/code/core/src/manager/components/sidebar/useHighlighted.ts b/code/core/src/manager/components/sidebar/useHighlighted.ts
index 5f9df6c2297b..1ca9ed1f6b3c 100644
--- a/code/core/src/manager/components/sidebar/useHighlighted.ts
+++ b/code/core/src/manager/components/sidebar/useHighlighted.ts
@@ -1,13 +1,14 @@
-import { global } from '@storybook/global';
 import type { Dispatch, MutableRefObject, SetStateAction } from 'react';
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { useStorybookApi } from '@storybook/core/manager-api';
-import { PRELOAD_ENTRIES } from '@storybook/core/core-events';
-import { matchesKeyCode, matchesModifiers } from '../../keybinding';
 
-import type { CombinedDataset, Highlight, Selection } from './types';
+import { global } from '@storybook/global';
 
+import { PRELOAD_ENTRIES } from '@storybook/core/core-events';
+import { useStorybookApi } from '@storybook/core/manager-api';
+
+import { matchesKeyCode, matchesModifiers } from '../../keybinding';
 import { cycle, isAncestor, scrollIntoView } from '../../utils/tree';
+import type { CombinedDataset, Highlight, Selection } from './types';
 
 const { document, window: globalWindow } = global;
 
diff --git a/code/core/src/manager/components/sidebar/useLastViewed.ts b/code/core/src/manager/components/sidebar/useLastViewed.ts
index 1bc8d679883a..0b2f6eddc760 100644
--- a/code/core/src/manager/components/sidebar/useLastViewed.ts
+++ b/code/core/src/manager/components/sidebar/useLastViewed.ts
@@ -1,5 +1,6 @@
-import debounce from 'lodash/debounce.js';
 import { useCallback, useEffect, useMemo, useRef } from 'react';
+
+import debounce from 'lodash/debounce.js';
 import store from 'store2';
 
 import type { Selection, StoryRef } from './types';
diff --git a/code/core/src/manager/components/upgrade/UpgradeBlock.stories.tsx b/code/core/src/manager/components/upgrade/UpgradeBlock.stories.tsx
index 35c180911b2b..1ed8698aad0c 100644
--- a/code/core/src/manager/components/upgrade/UpgradeBlock.stories.tsx
+++ b/code/core/src/manager/components/upgrade/UpgradeBlock.stories.tsx
@@ -1,8 +1,11 @@
+import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+
 import { ManagerContext } from '@storybook/core/manager-api';
-import React from 'react';
+
 import { UpgradeBlock } from './UpgradeBlock';
-import { fn } from '@storybook/test';
 
 const meta = {
   component: UpgradeBlock,
diff --git a/code/core/src/manager/components/upgrade/UpgradeBlock.tsx b/code/core/src/manager/components/upgrade/UpgradeBlock.tsx
index 023dc81ced08..207b9fcef6b1 100644
--- a/code/core/src/manager/components/upgrade/UpgradeBlock.tsx
+++ b/code/core/src/manager/components/upgrade/UpgradeBlock.tsx
@@ -1,8 +1,11 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
+
+import { Link } from '@storybook/core/components';
 import { styled } from '@storybook/core/theming';
+
 import { useStorybookApi } from '@storybook/core/manager-api';
-import { Link } from '@storybook/core/components';
+
 import { MEDIA_DESKTOP_BREAKPOINT } from '../../constants';
 
 interface UpgradeBlockProps {
diff --git a/code/core/src/manager/container/Menu.stories.tsx b/code/core/src/manager/container/Menu.stories.tsx
index 401a39e7e545..0a2fd0c6b4d8 100644
--- a/code/core/src/manager/container/Menu.stories.tsx
+++ b/code/core/src/manager/container/Menu.stories.tsx
@@ -1,8 +1,11 @@
 import type { FC, MouseEvent, PropsWithChildren, ReactElement } from 'react';
 import React, { Children, cloneElement } from 'react';
-import { action } from '@storybook/addon-actions';
-import type { Meta, StoryObj } from '@storybook/react';
+
 import { TooltipLinkList, WithTooltip } from '@storybook/core/components';
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { action } from '@storybook/addon-actions';
+
 import { Shortcut } from './Menu';
 
 const onLinkClick = action('onLinkClick');
diff --git a/code/core/src/manager/container/Menu.tsx b/code/core/src/manager/container/Menu.tsx
index ce1cce434226..b2b92ef17ad1 100644
--- a/code/core/src/manager/container/Menu.tsx
+++ b/code/core/src/manager/container/Menu.tsx
@@ -2,11 +2,12 @@ import type { FC } from 'react';
 import React, { useCallback, useMemo } from 'react';
 
 import { Badge } from '@storybook/core/components';
-import type { API, State } from '@storybook/core/manager-api';
-import { shortcutToHumanString } from '@storybook/core/manager-api';
 import { styled, useTheme } from '@storybook/core/theming';
 import { CheckIcon, InfoIcon, ShareAltIcon, WandIcon } from '@storybook/icons';
+
 import { STORIES_COLLAPSE_ALL } from '@storybook/core/core-events';
+import type { API, State } from '@storybook/core/manager-api';
+import { shortcutToHumanString } from '@storybook/core/manager-api';
 
 const focusableUIElements = {
   storySearchField: 'storybook-explorer-searchfield',
diff --git a/code/core/src/manager/container/Panel.tsx b/code/core/src/manager/container/Panel.tsx
index c8accbb6c4e2..c81e489d8f68 100644
--- a/code/core/src/manager/container/Panel.tsx
+++ b/code/core/src/manager/container/Panel.tsx
@@ -1,9 +1,12 @@
 import type { FC } from 'react';
 import React from 'react';
-import memoize from 'memoizerific';
+
+import { Addon_TypesEnum } from '@storybook/core/types';
+
 import { Consumer } from '@storybook/core/manager-api';
 import type { API, Combo } from '@storybook/core/manager-api';
-import { Addon_TypesEnum } from '@storybook/core/types';
+
+import memoize from 'memoizerific';
 
 import { AddonPanel } from '../components/panel/Panel';
 
diff --git a/code/core/src/manager/container/Preview.tsx b/code/core/src/manager/container/Preview.tsx
index 9d824b408cc9..fabda783bf64 100644
--- a/code/core/src/manager/container/Preview.tsx
+++ b/code/core/src/manager/container/Preview.tsx
@@ -1,24 +1,25 @@
-import { global } from '@storybook/global';
-import type { Addon_BaseType, Addon_Collection, Addon_WrapperType } from '@storybook/core/types';
-import { Addon_TypesEnum } from '@storybook/core/types';
 import type { ComponentProps } from 'react';
 import React from 'react';
 
-import memoizerific from 'memoizerific';
+import type { Addon_BaseType, Addon_Collection, Addon_WrapperType } from '@storybook/core/types';
+import { Addon_TypesEnum } from '@storybook/core/types';
+import { global } from '@storybook/global';
 
 import type { State, StoriesHash } from '@storybook/core/manager-api';
 import { Consumer } from '@storybook/core/manager-api';
 
+import memoizerific from 'memoizerific';
+
 import { Preview, createCanvasTab, filterTabs } from '../components/preview/Preview';
-import { defaultWrappers } from '../components/preview/Wrappers';
 import { filterToolsSide, fullScreenTool } from '../components/preview/Toolbar';
+import { defaultWrappers } from '../components/preview/Wrappers';
+import { addonsTool } from '../components/preview/tools/addons';
+import { copyTool } from '../components/preview/tools/copy';
+import { ejectTool } from '../components/preview/tools/eject';
 import { menuTool } from '../components/preview/tools/menu';
 import { remountTool } from '../components/preview/tools/remount';
 import { zoomTool } from '../components/preview/tools/zoom';
 import type { PreviewProps } from '../components/preview/utils/types';
-import { addonsTool } from '../components/preview/tools/addons';
-import { copyTool } from '../components/preview/tools/copy';
-import { ejectTool } from '../components/preview/tools/eject';
 
 const defaultTabs = [createCanvasTab()];
 const defaultTools = [menuTool, remountTool, zoomTool];
diff --git a/code/core/src/manager/container/Sidebar.tsx b/code/core/src/manager/container/Sidebar.tsx
index 058361de9afb..61f0ff57c76d 100755
--- a/code/core/src/manager/container/Sidebar.tsx
+++ b/code/core/src/manager/container/Sidebar.tsx
@@ -1,8 +1,9 @@
 import React, { useMemo } from 'react';
 
+import { Addon_TypesEnum } from '@storybook/core/types';
+
 import type { Combo, StoriesHash } from '@storybook/core/manager-api';
 import { Consumer } from '@storybook/core/manager-api';
-import { Addon_TypesEnum } from '@storybook/core/types';
 
 import type { SidebarProps as SidebarComponentProps } from '../components/sidebar/Sidebar';
 import { Sidebar as SidebarComponent } from '../components/sidebar/Sidebar';
diff --git a/code/core/src/manager/globals-runtime.ts b/code/core/src/manager/globals-runtime.ts
index 011cb0f60fdf..7e4c07eccb28 100644
--- a/code/core/src/manager/globals-runtime.ts
+++ b/code/core/src/manager/globals-runtime.ts
@@ -2,8 +2,8 @@ import { global } from '@storybook/global';
 
 import { TELEMETRY_ERROR } from '@storybook/core/core-events';
 
-import { globalsNameValueMap } from './globals/runtime';
 import { globalPackages, globalsNameReferenceMap } from './globals/globals';
+import { globalsNameValueMap } from './globals/runtime';
 import { prepareForTelemetry, shouldSkipError } from './utils/prepareForTelemetry';
 
 // Apply all the globals
@@ -20,12 +20,10 @@ global.sendTelemetryError = (error) => {
 
 // handle all uncaught errors at the root of the application and log to telemetry
 global.addEventListener('error', (args) => {
-  // @ts-expect-error (not Event)
   const error = args.error || args;
   global.sendTelemetryError(error);
 });
 
-// @ts-expect-error (not Event)
 global.addEventListener('unhandledrejection', ({ reason }) => {
   global.sendTelemetryError(reason);
 });
diff --git a/code/core/src/manager/globals/globals-module-info.ts b/code/core/src/manager/globals/globals-module-info.ts
index 193ee13d615f..ff5e8f0b9ecb 100644
--- a/code/core/src/manager/globals/globals-module-info.ts
+++ b/code/core/src/manager/globals/globals-module-info.ts
@@ -1,4 +1,5 @@
 import type { ModuleInfo } from '@fal-works/esbuild-plugin-global-externals';
+
 import Exports from './exports';
 import { globalPackages, globalsNameReferenceMap } from './globals';
 
diff --git a/code/core/src/manager/globals/runtime.ts b/code/core/src/manager/globals/runtime.ts
index fcca6ea55a5c..a52501db52cc 100644
--- a/code/core/src/manager/globals/runtime.ts
+++ b/code/core/src/manager/globals/runtime.ts
@@ -2,18 +2,18 @@ import * as REACT from 'react';
 import * as REACT_DOM from 'react-dom';
 import * as REACT_DOM_CLIENT from 'react-dom/client';
 
-import * as COMPONENTS from '@storybook/core/components';
-import * as ICONS from '@storybook/icons';
-import * as MANAGER_API from '@storybook/core/manager-api';
-
 import * as CHANNELS from '@storybook/core/channels';
-import * as EVENTS from '@storybook/core/core-events';
-import * as EVENTS_MANAGER_ERRORS from '@storybook/core/manager-errors';
+import * as COMPONENTS from '@storybook/core/components';
 import * as ROUTER from '@storybook/core/router';
 import * as THEMING from '@storybook/core/theming';
 import * as THEMINGCREATE from '@storybook/core/theming/create';
 import * as TYPES from '@storybook/core/types';
+import * as ICONS from '@storybook/icons';
+
 import * as CLIENT_LOGGER from '@storybook/core/client-logger';
+import * as EVENTS from '@storybook/core/core-events';
+import * as MANAGER_API from '@storybook/core/manager-api';
+import * as EVENTS_MANAGER_ERRORS from '@storybook/core/manager-errors';
 
 import type { globalsNameReferenceMap } from './globals';
 
diff --git a/code/core/src/manager/index.tsx b/code/core/src/manager/index.tsx
index 4d01da8e8253..0880749eb3e9 100644
--- a/code/core/src/manager/index.tsx
+++ b/code/core/src/manager/index.tsx
@@ -1,23 +1,23 @@
-import { global } from '@storybook/global';
 import type { ComponentProps, FC } from 'react';
-import { createRoot } from 'react-dom/client';
 import React, { useCallback, useMemo } from 'react';
+import { createRoot } from 'react-dom/client';
 
 import { Location, LocationProvider, useNavigate } from '@storybook/core/router';
+import { ThemeProvider, ensure as ensureTheme } from '@storybook/core/theming';
+import type { Addon_PageType } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
 import { Provider as ManagerProvider, types } from '@storybook/core/manager-api';
 import type { Combo } from '@storybook/core/manager-api';
-import { ThemeProvider, ensure as ensureTheme } from '@storybook/core/theming';
 import { ProviderDoesNotExtendBaseProviderError } from '@storybook/core/manager-errors';
 
 import { HelmetProvider } from 'react-helmet-async';
 
-import type { Addon_PageType } from '@storybook/core/types';
 import { App } from './App';
-
+import type { Layout } from './components/layout/Layout';
+import { LayoutProvider } from './components/layout/LayoutProvider';
 import Provider from './provider';
 import { settingsPageAddon } from './settings/index';
-import { LayoutProvider } from './components/layout/LayoutProvider';
-import type { Layout } from './components/layout/Layout';
 
 // @ts-expect-error (Converted from ts-ignore)
 ThemeProvider.displayName = 'ThemeProvider';
diff --git a/code/core/src/manager/runtime.ts b/code/core/src/manager/runtime.ts
index f73515f425d8..2ae3fede77ca 100644
--- a/code/core/src/manager/runtime.ts
+++ b/code/core/src/manager/runtime.ts
@@ -1,13 +1,14 @@
+import type { Channel } from '@storybook/core/channels';
+import { createBrowserChannel } from '@storybook/core/channels';
+import type { Addon_Config, Addon_Types } from '@storybook/core/types';
 import { global } from '@storybook/global';
 
-import type { Channel } from '@storybook/core/channels';
+import { CHANNEL_CREATED } from '@storybook/core/core-events';
 import type { AddonStore } from '@storybook/core/manager-api';
 import { addons } from '@storybook/core/manager-api';
-import type { Addon_Types, Addon_Config } from '@storybook/core/types';
-import { createBrowserChannel } from '@storybook/core/channels';
-import { CHANNEL_CREATED } from '@storybook/core/core-events';
-import Provider from './provider';
+
 import { renderStorybookUI } from './index';
+import Provider from './provider';
 
 class ReactProvider extends Provider {
   addons: AddonStore;
diff --git a/code/core/src/manager/settings/About.tsx b/code/core/src/manager/settings/About.tsx
index d6b3aae8aa68..4f9001fb7c3f 100644
--- a/code/core/src/manager/settings/About.tsx
+++ b/code/core/src/manager/settings/About.tsx
@@ -1,9 +1,10 @@
 import type { FC } from 'react';
 import React from 'react';
-import { styled } from '@storybook/core/theming';
 
 import { Button, Link, StorybookLogo } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
 import { DocumentIcon, GithubIcon } from '@storybook/icons';
+
 import { UpgradeBlock } from '../components/upgrade/UpgradeBlock';
 
 const Container = styled.div({
diff --git a/code/core/src/manager/settings/SettingsFooter.stories.tsx b/code/core/src/manager/settings/SettingsFooter.stories.tsx
index 5bd0bb8f3b82..fb138e96b689 100644
--- a/code/core/src/manager/settings/SettingsFooter.stories.tsx
+++ b/code/core/src/manager/settings/SettingsFooter.stories.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import type { Decorator } from '@storybook/react';
+
 import SettingsFooter from './SettingsFooter';
 
 export default {
diff --git a/code/core/src/manager/settings/SettingsFooter.tsx b/code/core/src/manager/settings/SettingsFooter.tsx
index 8bc273f8e95c..308e9e2dd2fe 100644
--- a/code/core/src/manager/settings/SettingsFooter.tsx
+++ b/code/core/src/manager/settings/SettingsFooter.tsx
@@ -1,8 +1,8 @@
 import type { FC } from 'react';
 import React from 'react';
 
-import { styled } from '@storybook/core/theming';
 import { Link } from '@storybook/core/components';
+import { styled } from '@storybook/core/theming';
 
 const Footer = styled.div(({ theme }) => ({
   display: 'flex',
diff --git a/code/core/src/manager/settings/about.stories.tsx b/code/core/src/manager/settings/about.stories.tsx
index 45891544227b..d63d246d447a 100644
--- a/code/core/src/manager/settings/about.stories.tsx
+++ b/code/core/src/manager/settings/about.stories.tsx
@@ -1,9 +1,11 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import { AboutScreen } from './About';
-import UpgradeBlockStoriesMeta from '../components/upgrade/UpgradeBlock.stories';
+
+import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
 
+import UpgradeBlockStoriesMeta from '../components/upgrade/UpgradeBlock.stories';
+import { AboutScreen } from './About';
+
 const meta = {
   component: AboutScreen,
   title: 'Settings/AboutScreen',
diff --git a/code/core/src/manager/settings/index.tsx b/code/core/src/manager/settings/index.tsx
index 0bd3c661f602..5ae202f65ea2 100644
--- a/code/core/src/manager/settings/index.tsx
+++ b/code/core/src/manager/settings/index.tsx
@@ -1,17 +1,19 @@
-import { useStorybookApi, useStorybookState, types } from '@storybook/core/manager-api';
-import { IconButton, TabBar, TabButton, ScrollArea } from '@storybook/core/components';
-import { Location, Route } from '@storybook/core/router';
-import { styled } from '@storybook/core/theming';
-import { global } from '@storybook/global';
 import type { FC, SyntheticEvent } from 'react';
 import React, { Fragment } from 'react';
 
+import { IconButton, ScrollArea, TabBar, TabButton } from '@storybook/core/components';
+import { Location, Route } from '@storybook/core/router';
+import { styled } from '@storybook/core/theming';
 import type { Addon_PageType } from '@storybook/core/types';
+import { global } from '@storybook/global';
 import { CloseIcon } from '@storybook/icons';
+
+import { types, useStorybookApi, useStorybookState } from '@storybook/core/manager-api';
+
+import { matchesKeyCode, matchesModifiers } from '../keybinding';
 import { AboutPage } from './AboutPage';
 import { ShortcutsPage } from './ShortcutsPage';
 import { WhatsNewPage } from './whats_new_page';
-import { matchesModifiers, matchesKeyCode } from '../keybinding';
 
 const { document } = global;
 
diff --git a/code/core/src/manager/settings/shortcuts.stories.tsx b/code/core/src/manager/settings/shortcuts.stories.tsx
index 555f5b6b0b6a..67f3b97a149d 100644
--- a/code/core/src/manager/settings/shortcuts.stories.tsx
+++ b/code/core/src/manager/settings/shortcuts.stories.tsx
@@ -1,9 +1,11 @@
 import React from 'react';
-import { actions as makeActions } from '@storybook/addon-actions';
 
 import type { Decorator } from '@storybook/react';
-import { ShortcutsScreen } from './shortcuts';
+
+import { actions as makeActions } from '@storybook/addon-actions';
+
 import { defaultShortcuts } from './defaultShortcuts';
+import { ShortcutsScreen } from './shortcuts';
 
 const actions = makeActions(
   'setShortcut',
diff --git a/code/core/src/manager/settings/shortcuts.tsx b/code/core/src/manager/settings/shortcuts.tsx
index 74d716faf4ab..93a768774d18 100644
--- a/code/core/src/manager/settings/shortcuts.tsx
+++ b/code/core/src/manager/settings/shortcuts.tsx
@@ -1,15 +1,17 @@
 import type { ComponentProps, FC } from 'react';
 import React, { Component } from 'react';
-import { styled, keyframes } from '@storybook/core/theming';
+
+import { Button, Form } from '@storybook/core/components';
+import { keyframes, styled } from '@storybook/core/theming';
+import { CheckIcon } from '@storybook/icons';
 
 import {
   eventToShortcut,
-  shortcutToHumanString,
   shortcutMatchesShortcut,
+  shortcutToHumanString,
 } from '@storybook/core/manager-api';
-import { Button, Form } from '@storybook/core/components';
+
 import SettingsFooter from './SettingsFooter';
-import { CheckIcon } from '@storybook/icons';
 
 const Header = styled.header(({ theme }) => ({
   marginBottom: 20,
@@ -58,7 +60,7 @@ export const Description = styled.div({
 export type ValidationStates = 'valid' | 'error' | 'warn';
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore-error (this errors only when compiling for production mode)
+// @ts-ignore-error (this only errors during compilation for production)
 export const TextInput: FC<ComponentProps<typeof Form.Input> & { valid: ValidationStates }> =
   styled(Form.Input)<{ valid: ValidationStates }>(
     ({ valid, theme }) =>
diff --git a/code/core/src/manager/settings/whats_new.tsx b/code/core/src/manager/settings/whats_new.tsx
index cbf00ce7817c..aa483334e0ce 100644
--- a/code/core/src/manager/settings/whats_new.tsx
+++ b/code/core/src/manager/settings/whats_new.tsx
@@ -1,10 +1,12 @@
 import type { ComponentProps, FC } from 'react';
 import React, { Fragment, useEffect, useState } from 'react';
-import { styled, useTheme } from '@storybook/core/theming';
+
 import { Button, Loader } from '@storybook/core/components';
-import { useStorybookApi, useStorybookState } from '@storybook/core/manager-api';
+import { styled, useTheme } from '@storybook/core/theming';
 import { global } from '@storybook/global';
-import { EyeCloseIcon, EyeIcon, HeartIcon, AlertIcon as AlertIconSvg } from '@storybook/icons';
+import { AlertIcon as AlertIconSvg, EyeCloseIcon, EyeIcon, HeartIcon } from '@storybook/icons';
+
+import { useStorybookApi, useStorybookState } from '@storybook/core/manager-api';
 
 const Centered = styled.div({
   top: '50%',
diff --git a/code/core/src/manager/settings/whats_new_footer.stories.tsx b/code/core/src/manager/settings/whats_new_footer.stories.tsx
index 8815eb0ec1c2..9e0a88c04562 100644
--- a/code/core/src/manager/settings/whats_new_footer.stories.tsx
+++ b/code/core/src/manager/settings/whats_new_footer.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { WhatsNewFooter } from './whats_new';
 
 const meta = {
diff --git a/code/core/src/manager/utils/prepareForTelemetry.ts b/code/core/src/manager/utils/prepareForTelemetry.ts
index 959251c9260d..ccbb8bf236ba 100644
--- a/code/core/src/manager/utils/prepareForTelemetry.ts
+++ b/code/core/src/manager/utils/prepareForTelemetry.ts
@@ -1,6 +1,8 @@
 /* eslint-disable local-rules/no-uncategorized-errors */
-import { UncaughtManagerError } from '@storybook/core/manager-errors';
 import { global } from '@storybook/global';
+
+import { UncaughtManagerError } from '@storybook/core/manager-errors';
+
 import type { BrowserInfo } from 'browser-dtector';
 import BrowserDetector from 'browser-dtector';
 
diff --git a/code/core/src/manager/utils/status.test.ts b/code/core/src/manager/utils/status.test.ts
index c45b14063db1..5bedc3571e8c 100644
--- a/code/core/src/manager/utils/status.test.ts
+++ b/code/core/src/manager/utils/status.test.ts
@@ -1,8 +1,8 @@
 // @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
-import { getHighestStatus, getGroupStatus } from './status';
 import { mockDataset } from '../components/sidebar/mockdata';
+import { getGroupStatus, getHighestStatus } from './status';
 
 describe('getHighestStatus', () => {
   it('default value', () => {
diff --git a/code/core/src/manager/utils/status.tsx b/code/core/src/manager/utils/status.tsx
index 05092844bdc3..3474ba64b393 100644
--- a/code/core/src/manager/utils/status.tsx
+++ b/code/core/src/manager/utils/status.tsx
@@ -1,11 +1,11 @@
 import React from 'react';
 import type { ReactElement } from 'react';
-import type { API_HashEntry, API_StatusState, API_StatusValue } from '@storybook/core/types';
 
 import { styled } from '@storybook/core/theming';
+import type { API_HashEntry, API_StatusState, API_StatusValue } from '@storybook/core/types';
+import { CircleIcon } from '@storybook/icons';
 
 import { getDescendantIds } from './tree';
-import { CircleIcon } from '@storybook/icons';
 
 const SmallIcons = styled(CircleIcon)({
   // specificity hack
diff --git a/code/core/src/manager/utils/tree.test.js b/code/core/src/manager/utils/tree.test.js
index 57761f7c18a1..061e7dbc8e26 100644
--- a/code/core/src/manager/utils/tree.test.js
+++ b/code/core/src/manager/utils/tree.test.js
@@ -1,8 +1,7 @@
 // @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
 import { mockDataset, mockExpanded, mockSelected } from '../components/sidebar/mockdata';
-
 import * as utils from './tree';
 
 const noRoot = {
diff --git a/code/core/src/manager/utils/tree.ts b/code/core/src/manager/utils/tree.ts
index 8b6190bd3e8b..cb0bd8cb67ce 100644
--- a/code/core/src/manager/utils/tree.ts
+++ b/code/core/src/manager/utils/tree.ts
@@ -1,10 +1,13 @@
-import memoize from 'memoizerific';
-import { global } from '@storybook/global';
 import type { SyntheticEvent } from 'react';
+
+import { global } from '@storybook/global';
+
 import type { HashEntry, IndexHash } from '@storybook/core/manager-api';
 
+import memoize from 'memoizerific';
+
 import { DEFAULT_REF_ID } from '../components/sidebar/Sidebar';
-import type { Item, RefType, Dataset, SearchItem } from '../components/sidebar/types';
+import type { Dataset, Item, RefType, SearchItem } from '../components/sidebar/types';
 
 const { document, window: globalWindow } = global;
 
diff --git a/code/core/src/node-logger/index.test.ts b/code/core/src/node-logger/index.test.ts
index 50cce3a88b71..c7948363545e 100644
--- a/code/core/src/node-logger/index.test.ts
+++ b/code/core/src/node-logger/index.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import npmlog from 'npmlog';
+
 import { logger } from '.';
 
 globalThis.console = { log: vi.fn() } as any;
diff --git a/code/core/src/node-logger/index.ts b/code/core/src/node-logger/index.ts
index 61234e4b8fcd..38df1d3df5d2 100644
--- a/code/core/src/node-logger/index.ts
+++ b/code/core/src/node-logger/index.ts
@@ -1,8 +1,7 @@
 /// <reference types="node" />
-
+import chalk from 'chalk';
 import npmLog from 'npmlog';
 import prettyTime from 'pretty-hrtime';
-import chalk from 'chalk';
 
 // The default is stderr, which can cause some tools (like rush.js) to think
 // there are issues with the build: https://github.com/storybookjs/storybook/issues/14621
diff --git a/code/core/src/preview-api/Errors.stories.tsx b/code/core/src/preview-api/Errors.stories.tsx
index 231905e9bca5..2782999de392 100644
--- a/code/core/src/preview-api/Errors.stories.tsx
+++ b/code/core/src/preview-api/Errors.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import AnsiToHtml from 'ansi-to-html';
 import { dedent } from 'ts-dedent';
 
diff --git a/code/core/src/preview-api/README-store.md b/code/core/src/preview-api/README-store.md
index 8e261bf30e65..cea82a905649 100644
--- a/code/core/src/preview-api/README-store.md
+++ b/code/core/src/preview-api/README-store.md
@@ -78,7 +78,9 @@ Note that arg values are passed directly to a story -- you should only store the
 Both `@storybook/preview-api` and `@storybook/manager-api` export a `useArgs()` hook that you can use to access args in decorators or addon panels. The API is as follows:
 
 ```js
-import { useArgs } from '@storybook/preview-api'; // or '@storybook/manager-api'
+import { useArgs } from '@storybook/preview-api';
+
+// or '@storybook/manager-api'
 
 // `args` is the args of the currently rendered story
 // `updateArgs` will update its args. You can pass a subset of the args; other args will not be changed.
@@ -110,7 +112,9 @@ To set initial values of globals, `export const globals = {...}` from `preview.j
 Similar to args, globals are synchronized to the manager and can be accessed via the `useGlobals` hook.
 
 ```js
-import { useGlobals } from '@storybook/preview-api'; // or '@storybook/manager-api'
+import { useGlobals } from '@storybook/preview-api';
+
+// or '@storybook/manager-api'
 
 const [globals, updateGlobals] = useGlobals();
 ```
diff --git a/code/core/src/preview-api/modules/addons/hooks.test.js b/code/core/src/preview-api/modules/addons/hooks.test.js
index 2fc21ff88b85..2e716d8b10b1 100644
--- a/code/core/src/preview-api/modules/addons/hooks.test.js
+++ b/code/core/src/preview-api/modules/addons/hooks.test.js
@@ -1,4 +1,5 @@
-import { describe, beforeEach, afterEach, expect, it } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+
 import { useParameter, useStoryContext } from './hooks';
 
 describe('addons/hooks', () => {
diff --git a/code/core/src/preview-api/modules/addons/hooks.ts b/code/core/src/preview-api/modules/addons/hooks.ts
index 0c80bdd07dc9..b956f45e9dce 100644
--- a/code/core/src/preview-api/modules/addons/hooks.ts
+++ b/code/core/src/preview-api/modules/addons/hooks.ts
@@ -1,13 +1,3 @@
-import { global } from '@storybook/global';
-import { logger } from '@storybook/core/client-logger';
-import {
-  FORCE_RE_RENDER,
-  STORY_RENDERED,
-  UPDATE_STORY_ARGS,
-  RESET_STORY_ARGS,
-  UPDATE_GLOBALS,
-} from '@storybook/core/core-events';
-import { addons } from './main';
 import type {
   Args,
   DecoratorApplicator,
@@ -17,6 +7,18 @@ import type {
   StoryContext,
   StoryId,
 } from '@storybook/core/types';
+import { global } from '@storybook/global';
+
+import { logger } from '@storybook/core/client-logger';
+import {
+  FORCE_RE_RENDER,
+  RESET_STORY_ARGS,
+  STORY_RENDERED,
+  UPDATE_GLOBALS,
+  UPDATE_STORY_ARGS,
+} from '@storybook/core/core-events';
+
+import { addons } from './main';
 
 interface Hook {
   name: string;
diff --git a/code/core/src/preview-api/modules/addons/main.ts b/code/core/src/preview-api/modules/addons/main.ts
index bd4061b618ae..f2012bab9f07 100644
--- a/code/core/src/preview-api/modules/addons/main.ts
+++ b/code/core/src/preview-api/modules/addons/main.ts
@@ -1,6 +1,6 @@
+import type { Channel } from '@storybook/core/channels';
 import { global } from '@storybook/global';
 
-import type { Channel } from '@storybook/core/channels';
 import { mockChannel } from './storybook-channel-mock';
 
 export class AddonStore {
diff --git a/code/core/src/preview-api/modules/addons/make-decorator.test.ts b/code/core/src/preview-api/modules/addons/make-decorator.test.ts
index 316a5dc9d1a9..d926c9f5da81 100644
--- a/code/core/src/preview-api/modules/addons/make-decorator.test.ts
+++ b/code/core/src/preview-api/modules/addons/make-decorator.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { Addon_StoryContext } from '@storybook/core/types';
+
 import { makeDecorator } from './make-decorator';
 
 // Copy & paste from internal api: client-api/src/client_api
diff --git a/code/core/src/preview-api/modules/preview-web/Preview.tsx b/code/core/src/preview-api/modules/preview-web/Preview.tsx
index 681d0c47c935..8f03cad2b04e 100644
--- a/code/core/src/preview-api/modules/preview-web/Preview.tsx
+++ b/code/core/src/preview-api/modules/preview-web/Preview.tsx
@@ -1,4 +1,22 @@
+import type { Channel } from '@storybook/core/channels';
+import type {
+  Args,
+  Globals,
+  GlobalsUpdatedPayload,
+  ModuleImportFn,
+  PreparedStory,
+  ProjectAnnotations,
+  RenderContextCallbacks,
+  RenderToCanvas,
+  Renderer,
+  SetGlobalsPayload,
+  StoryId,
+  StoryIndex,
+  StoryRenderOptions,
+} from '@storybook/core/types';
+import type { CleanupCallback } from '@storybook/csf';
 import { global } from '@storybook/global';
+
 import { deprecate, logger } from '@storybook/core/client-logger';
 import type {
   ArgTypesRequestPayload,
@@ -20,35 +38,18 @@ import {
   UPDATE_GLOBALS,
   UPDATE_STORY_ARGS,
 } from '@storybook/core/core-events';
-import type { CleanupCallback } from '@storybook/csf';
-import type { Channel } from '@storybook/core/channels';
-import type {
-  Renderer,
-  Args,
-  Globals,
-  ModuleImportFn,
-  RenderContextCallbacks,
-  RenderToCanvas,
-  PreparedStory,
-  StoryIndex,
-  ProjectAnnotations,
-  StoryId,
-  StoryRenderOptions,
-  SetGlobalsPayload,
-  GlobalsUpdatedPayload,
-} from '@storybook/core/types';
 import {
   CalledPreviewMethodBeforeInitializationError,
   MissingRenderToCanvasError,
   StoryIndexFetchError,
   StoryStoreAccessedBeforeInitializationError,
 } from '@storybook/core/preview-errors';
-import { addons } from '../addons';
-import { StoryStore } from '../../store';
 
-import { StoryRender } from './render/StoryRender';
+import { StoryStore } from '../../store';
+import { addons } from '../addons';
 import type { CsfDocsRender } from './render/CsfDocsRender';
 import type { MdxDocsRender } from './render/MdxDocsRender';
+import { StoryRender } from './render/StoryRender';
 
 const { fetch } = global;
 
diff --git a/code/core/src/preview-api/modules/preview-web/PreviewWeb.integration.test.ts b/code/core/src/preview-api/modules/preview-web/PreviewWeb.integration.test.ts
index d4818c162a3f..6c86c2d86385 100644
--- a/code/core/src/preview-api/modules/preview-web/PreviewWeb.integration.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/PreviewWeb.integration.test.ts
@@ -1,23 +1,24 @@
 // @vitest-environment happy-dom
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import React from 'react';
-import { global } from '@storybook/global';
+
 import type { RenderContext } from '@storybook/core/types';
-import { addons } from '../addons';
+import { global } from '@storybook/global';
 
+import { addons } from '../addons';
 import { PreviewWeb } from './PreviewWeb';
-import { WebView } from './WebView';
 import {
   componentOneExports,
-  importFn,
-  projectAnnotations,
-  getProjectAnnotations,
   emitter,
+  getProjectAnnotations,
+  importFn,
   mockChannel,
-  waitForRender,
   storyIndex as mockStoryIndex,
+  projectAnnotations,
+  waitForRender,
 } from './PreviewWeb.mockdata';
+import { WebView } from './WebView';
 
 // PreviewWeb.test mocks out all rendering
 //   - ie. from`renderToCanvas()` (stories) or`ReactDOM.render()` (docs) in.
diff --git a/code/core/src/preview-api/modules/preview-web/PreviewWeb.mockdata.ts b/code/core/src/preview-api/modules/preview-web/PreviewWeb.mockdata.ts
index fb92f48a7646..30abd5df7d15 100644
--- a/code/core/src/preview-api/modules/preview-web/PreviewWeb.mockdata.ts
+++ b/code/core/src/preview-api/modules/preview-web/PreviewWeb.mockdata.ts
@@ -1,7 +1,14 @@
 import type { Mock, Mocked } from 'vitest';
 import { vi } from 'vitest';
 
-import { EventEmitter } from 'events';
+import type {
+  ModuleImportFn,
+  ProjectAnnotations,
+  Renderer,
+  StoryIndex,
+  TeardownRenderToCanvas,
+} from '@storybook/core/types';
+
 import {
   DOCS_RENDERED,
   STORY_ERRORED,
@@ -11,15 +18,10 @@ import {
   STORY_THREW_EXCEPTION,
 } from '@storybook/core/core-events';
 
-import type {
-  ModuleImportFn,
-  ProjectAnnotations,
-  Renderer,
-  StoryIndex,
-  TeardownRenderToCanvas,
-} from '@storybook/core/types';
-import type { RenderPhase } from './render/StoryRender';
+import { EventEmitter } from 'events';
+
 import { composeConfigs } from '../store';
+import type { RenderPhase } from './render/StoryRender';
 
 export const componentOneExports = {
   default: {
@@ -71,7 +73,7 @@ export const docsRenderer = {
   render: vi.fn().mockImplementation((context, parameters, element) => Promise.resolve()),
   unmount: vi.fn(),
 };
-export const teardownrenderToCanvas: Mock<[TeardownRenderToCanvas]> = vi.fn();
+export const teardownrenderToCanvas: Mock<(teardown: TeardownRenderToCanvas) => void> = vi.fn();
 const rawProjectAnnotations = {
   initialGlobals: { a: 'b' },
   globalTypes: {},
diff --git a/code/core/src/preview-api/modules/preview-web/PreviewWeb.test.ts b/code/core/src/preview-api/modules/preview-web/PreviewWeb.test.ts
index ae11cb3f7221..7994173c2d07 100644
--- a/code/core/src/preview-api/modules/preview-web/PreviewWeb.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/PreviewWeb.test.ts
@@ -1,15 +1,19 @@
 // @vitest-environment happy-dom
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
+import type { ModuleImportFn, ProjectAnnotations, Renderer } from '@storybook/core/types';
 import { global } from '@storybook/global';
-import merge from 'lodash/merge.js';
+
+import { logger } from '@storybook/core/client-logger';
 import {
   CONFIG_ERROR,
   CURRENT_STORY_WAS_SET,
+  DOCS_PREPARED,
   DOCS_RENDERED,
   FORCE_REMOUNT,
   FORCE_RE_RENDER,
   GLOBALS_UPDATED,
+  PLAY_FUNCTION_THREW_EXCEPTION,
   PREVIEW_KEYDOWN,
   RESET_STORY_ARGS,
   SET_CURRENT_STORY,
@@ -22,36 +26,34 @@ import {
   STORY_RENDERED,
   STORY_SPECIFIED,
   STORY_THREW_EXCEPTION,
-  PLAY_FUNCTION_THREW_EXCEPTION,
   STORY_UNCHANGED,
   UPDATE_GLOBALS,
   UPDATE_STORY_ARGS,
-  DOCS_PREPARED,
 } from '@storybook/core/core-events';
-import { logger } from '@storybook/core/client-logger';
-import type { Renderer, ModuleImportFn, ProjectAnnotations } from '@storybook/core/types';
-import { addons } from '../addons';
 
+import merge from 'lodash/merge.js';
+
+import { addons } from '../addons';
+import type { StoryStore } from '../store';
 import { PreviewWeb } from './PreviewWeb';
 import {
   componentOneExports,
   componentTwoExports,
+  docsRenderer,
+  emitter,
+  getProjectAnnotations,
   importFn,
+  mockChannel,
   projectAnnotations,
-  getProjectAnnotations,
   storyIndex,
-  emitter,
-  mockChannel,
+  teardownrenderToCanvas,
+  unattachedDocsExports,
   waitForEvents,
-  waitForRender,
   waitForQuiescence,
+  waitForRender,
   waitForRenderPhase,
-  docsRenderer,
-  unattachedDocsExports,
-  teardownrenderToCanvas,
 } from './PreviewWeb.mockdata';
 import { WebView } from './WebView';
-import type { StoryStore } from '../store';
 
 const { history, document } = global;
 
diff --git a/code/core/src/preview-api/modules/preview-web/PreviewWeb.tsx b/code/core/src/preview-api/modules/preview-web/PreviewWeb.tsx
index 0ee61fac402a..cb2931350b91 100644
--- a/code/core/src/preview-api/modules/preview-web/PreviewWeb.tsx
+++ b/code/core/src/preview-api/modules/preview-web/PreviewWeb.tsx
@@ -1,12 +1,12 @@
 /* eslint-disable no-underscore-dangle */
+import type { Renderer } from '@storybook/core/types';
+import type { ModuleImportFn, ProjectAnnotations } from '@storybook/core/types';
 import { global } from '@storybook/global';
 
+import type { MaybePromise } from './Preview';
 import { PreviewWithSelection } from './PreviewWithSelection';
 import { UrlStore } from './UrlStore';
 import { WebView } from './WebView';
-import type { MaybePromise } from './Preview';
-import type { Renderer } from '@storybook/core/types';
-import type { ModuleImportFn, ProjectAnnotations } from '@storybook/core/types';
 
 export class PreviewWeb<TRenderer extends Renderer> extends PreviewWithSelection<TRenderer> {
   constructor(
diff --git a/code/core/src/preview-api/modules/preview-web/PreviewWithSelection.tsx b/code/core/src/preview-api/modules/preview-web/PreviewWithSelection.tsx
index 9bed42b07ea6..711e3ac0f187 100644
--- a/code/core/src/preview-api/modules/preview-web/PreviewWithSelection.tsx
+++ b/code/core/src/preview-api/modules/preview-web/PreviewWithSelection.tsx
@@ -1,4 +1,8 @@
-import invariant from 'tiny-invariant';
+import type { DocsIndexEntry, StoryIndex } from '@storybook/core/types';
+import type { Args, Globals, Renderer, StoryId, ViewMode } from '@storybook/core/types';
+import type { ModuleImportFn, ProjectAnnotations } from '@storybook/core/types';
+
+import { logger } from '@storybook/core/client-logger';
 import {
   CURRENT_STORY_WAS_SET,
   DOCS_PREPARED,
@@ -16,27 +20,24 @@ import {
   STORY_UNCHANGED,
   UPDATE_QUERY_PARAMS,
 } from '@storybook/core/core-events';
-import { logger } from '@storybook/core/client-logger';
-
 import {
   CalledPreviewMethodBeforeInitializationError,
   EmptyIndexError,
   MdxFileWithNoCsfReferencesError,
   NoStoryMatchError,
 } from '@storybook/core/preview-errors';
+
+import invariant from 'tiny-invariant';
+
+import type { StorySpecifier } from '../store/StoryIndexStore';
 import type { MaybePromise } from './Preview';
 import { Preview } from './Preview';
-
-import { PREPARE_ABORTED } from './render/Render';
-import { StoryRender } from './render/StoryRender';
-import { CsfDocsRender } from './render/CsfDocsRender';
-import { MdxDocsRender } from './render/MdxDocsRender';
 import type { Selection, SelectionStore } from './SelectionStore';
 import type { View } from './View';
-import type { StorySpecifier } from '../store/StoryIndexStore';
-import type { DocsIndexEntry, StoryIndex } from '@storybook/core/types';
-import type { Args, Globals, Renderer, StoryId, ViewMode } from '@storybook/core/types';
-import type { ModuleImportFn, ProjectAnnotations } from '@storybook/core/types';
+import { CsfDocsRender } from './render/CsfDocsRender';
+import { MdxDocsRender } from './render/MdxDocsRender';
+import { PREPARE_ABORTED } from './render/Render';
+import { StoryRender } from './render/StoryRender';
 
 const globalWindow = globalThis;
 
diff --git a/code/core/src/preview-api/modules/preview-web/SelectionStore.ts b/code/core/src/preview-api/modules/preview-web/SelectionStore.ts
index fe75097ef325..439fb7a219b1 100644
--- a/code/core/src/preview-api/modules/preview-web/SelectionStore.ts
+++ b/code/core/src/preview-api/modules/preview-web/SelectionStore.ts
@@ -1,4 +1,5 @@
 import type { Args, StoryId, ViewMode } from '@storybook/core/types';
+
 import type { StorySpecifier } from '../store/StoryIndexStore';
 
 export interface SelectionSpecifier {
diff --git a/code/core/src/preview-api/modules/preview-web/UrlStore.test.ts b/code/core/src/preview-api/modules/preview-web/UrlStore.test.ts
index cc6e57171968..09c6e8925743 100644
--- a/code/core/src/preview-api/modules/preview-web/UrlStore.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/UrlStore.test.ts
@@ -1,7 +1,8 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { global } from '@storybook/global';
 
-import { pathToId, setPath, getSelectionSpecifierFromPath } from './UrlStore';
+import { getSelectionSpecifierFromPath, pathToId, setPath } from './UrlStore';
 
 const { history, document } = global;
 
diff --git a/code/core/src/preview-api/modules/preview-web/UrlStore.ts b/code/core/src/preview-api/modules/preview-web/UrlStore.ts
index 3bd6de1a4a4b..85b0c79279cf 100644
--- a/code/core/src/preview-api/modules/preview-web/UrlStore.ts
+++ b/code/core/src/preview-api/modules/preview-web/UrlStore.ts
@@ -1,9 +1,10 @@
+import type { ViewMode } from '@storybook/core/types';
 import { global } from '@storybook/global';
+
 import qs from 'qs';
 
+import type { Selection, SelectionSpecifier, SelectionStore } from './SelectionStore';
 import { parseArgsParam } from './parseArgsParam';
-import type { SelectionSpecifier, SelectionStore, Selection } from './SelectionStore';
-import type { ViewMode } from '@storybook/core/types';
 
 const { history, document } = global;
 
diff --git a/code/core/src/preview-api/modules/preview-web/WebView.ts b/code/core/src/preview-api/modules/preview-web/WebView.ts
index e36a9f6494d0..1e7ae240b9aa 100644
--- a/code/core/src/preview-api/modules/preview-web/WebView.ts
+++ b/code/core/src/preview-api/modules/preview-web/WebView.ts
@@ -1,11 +1,13 @@
+import type { PreparedStory } from '@storybook/core/types';
 import { global } from '@storybook/global';
+
 import { logger } from '@storybook/core/client-logger';
+
 import AnsiToHtml from 'ansi-to-html';
-import { dedent } from 'ts-dedent';
 import qs from 'qs';
+import { dedent } from 'ts-dedent';
 
 import type { View } from './View';
-import type { PreparedStory } from '@storybook/core/types';
 
 const { document } = global;
 
diff --git a/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.test.ts b/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.test.ts
index d1b2595ce7ce..f79da3152f0e 100644
--- a/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.test.ts
@@ -1,8 +1,9 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { Channel } from '@storybook/core/channels';
 import type { CSFFile, Renderer } from '@storybook/core/types';
-import type { StoryStore } from '../../store';
 
+import type { StoryStore } from '../../store';
 import { DocsContext } from './DocsContext';
 import { csfFileParts } from './test-utils';
 
diff --git a/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.ts b/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.ts
index ec74033b4b07..f53e08083d31 100644
--- a/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.ts
+++ b/code/core/src/preview-api/modules/preview-web/docs-context/DocsContext.ts
@@ -1,8 +1,4 @@
 import type { Channel } from '@storybook/core/channels';
-
-import { dedent } from 'ts-dedent';
-import type { StoryStore } from '../../store';
-import type { DocsContextProps } from './DocsContextProps';
 import type {
   CSFFile,
   ModuleExport,
@@ -15,6 +11,11 @@ import type {
   StoryName,
 } from '@storybook/core/types';
 
+import { dedent } from 'ts-dedent';
+
+import type { StoryStore } from '../../store';
+import type { DocsContextProps } from './DocsContextProps';
+
 export class DocsContext<TRenderer extends Renderer> implements DocsContextProps<TRenderer> {
   private componentStoriesValue: PreparedStory<TRenderer>[];
 
diff --git a/code/core/src/preview-api/modules/preview-web/parseArgsParam.test.ts b/code/core/src/preview-api/modules/preview-web/parseArgsParam.test.ts
index f72df087ddcd..28879b3464df 100644
--- a/code/core/src/preview-api/modules/preview-web/parseArgsParam.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/parseArgsParam.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { parseArgsParam } from './parseArgsParam';
 
 vi.mock('@storybook/core/client-logger', () => ({
diff --git a/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts b/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts
index a2cd2eb30806..89ec237c0a19 100644
--- a/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts
+++ b/code/core/src/preview-api/modules/preview-web/parseArgsParam.ts
@@ -1,8 +1,10 @@
-import qs from 'qs';
-import { dedent } from 'ts-dedent';
+import type { Args } from '@storybook/core/types';
+
 import { once } from '@storybook/core/client-logger';
+
 import isPlainObject from 'lodash/isPlainObject.js';
-import type { Args } from '@storybook/core/types';
+import qs from 'qs';
+import { dedent } from 'ts-dedent';
 
 // Keep this in sync with validateArgs in router/src/utils.ts
 const VALIDATION_REGEXP = /^[a-zA-Z0-9 _-]*$/;
diff --git a/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.test.ts b/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.test.ts
index 03f04b3bf63a..aa428572219c 100644
--- a/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.test.ts
@@ -1,11 +1,12 @@
-import { it, expect, vi } from 'vitest';
+import { expect, it, vi } from 'vitest';
+
 import { Channel } from '@storybook/core/channels';
-import type { Renderer, DocsIndexEntry, RenderContextCallbacks } from '@storybook/core/types';
-import type { StoryStore } from '../../store';
-import { PREPARE_ABORTED } from './Render';
+import type { DocsIndexEntry, RenderContextCallbacks, Renderer } from '@storybook/core/types';
 
-import { CsfDocsRender } from './CsfDocsRender';
+import type { StoryStore } from '../../store';
 import { csfFileParts } from '../docs-context/test-utils';
+import { CsfDocsRender } from './CsfDocsRender';
+import { PREPARE_ABORTED } from './Render';
 
 const entry = {
   type: 'docs',
diff --git a/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.ts b/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.ts
index 048c5a367ca3..6a95017605e0 100644
--- a/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/CsfDocsRender.ts
@@ -1,17 +1,18 @@
 import type { Channel } from '@storybook/core/channels';
-import { DOCS_RENDERED } from '@storybook/core/core-events';
-import type { StoryStore } from '../../../store';
-
-import type { Render, RenderType } from './Render';
-import { PREPARE_ABORTED } from './Render';
-import type { DocsContextProps } from '../docs-context/DocsContextProps';
-import type { DocsRenderFunction } from '../docs-context/DocsRenderFunction';
-import { DocsContext } from '../docs-context/DocsContext';
 import type { Renderer, StoryId } from '@storybook/core/types';
 import type { CSFFile, PreparedStory } from '@storybook/core/types';
 import type { IndexEntry } from '@storybook/core/types';
 import type { RenderContextCallbacks } from '@storybook/core/types';
 
+import { DOCS_RENDERED } from '@storybook/core/core-events';
+
+import type { StoryStore } from '../../../store';
+import { DocsContext } from '../docs-context/DocsContext';
+import type { DocsContextProps } from '../docs-context/DocsContextProps';
+import type { DocsRenderFunction } from '../docs-context/DocsRenderFunction';
+import type { Render, RenderType } from './Render';
+import { PREPARE_ABORTED } from './Render';
+
 /**
  * A CsfDocsRender is a render of a docs entry that is rendered based on a CSF file.
  *
diff --git a/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.test.ts b/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.test.ts
index 58aff6acf9de..86a172013e9d 100644
--- a/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.test.ts
@@ -1,11 +1,12 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { Channel } from '@storybook/core/channels';
-import type { Renderer, DocsIndexEntry, RenderContextCallbacks } from '@storybook/core/types';
-import type { StoryStore } from '../../store';
-import { PREPARE_ABORTED } from './Render';
+import type { DocsIndexEntry, RenderContextCallbacks, Renderer } from '@storybook/core/types';
 
-import { MdxDocsRender } from './MdxDocsRender';
+import type { StoryStore } from '../../store';
 import { csfFileParts } from '../docs-context/test-utils';
+import { MdxDocsRender } from './MdxDocsRender';
+import { PREPARE_ABORTED } from './Render';
 
 const entry = {
   type: 'docs',
diff --git a/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.ts b/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.ts
index b7751e69df1b..596900c3f4ef 100644
--- a/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/MdxDocsRender.ts
@@ -1,17 +1,18 @@
 import type { Channel } from '@storybook/core/channels';
-import { DOCS_RENDERED } from '@storybook/core/core-events';
-import type { StoryStore } from '../../store';
-
-import type { Render, RenderType } from './Render';
-import { PREPARE_ABORTED } from './Render';
-import type { DocsContextProps } from '../docs-context/DocsContextProps';
-import type { DocsRenderFunction } from '../docs-context/DocsRenderFunction';
-import { DocsContext } from '../docs-context/DocsContext';
 import type { Renderer, StoryId } from '@storybook/core/types';
 import type { CSFFile, ModuleExports } from '@storybook/core/types';
 import type { IndexEntry } from '@storybook/core/types';
 import type { RenderContextCallbacks } from '@storybook/core/types';
 
+import { DOCS_RENDERED } from '@storybook/core/core-events';
+
+import type { StoryStore } from '../../store';
+import { DocsContext } from '../docs-context/DocsContext';
+import type { DocsContextProps } from '../docs-context/DocsContextProps';
+import type { DocsRenderFunction } from '../docs-context/DocsRenderFunction';
+import type { Render, RenderType } from './Render';
+import { PREPARE_ABORTED } from './Render';
+
 /**
  * A MdxDocsRender is a render of a docs entry that comes from a true MDX file,
  * that is a `.mdx` file that doesn't get compiled to a CSF file.
diff --git a/code/core/src/preview-api/modules/preview-web/render/StoryRender.test.ts b/code/core/src/preview-api/modules/preview-web/render/StoryRender.test.ts
index 0b84b76c2866..2bd3a9ca3830 100644
--- a/code/core/src/preview-api/modules/preview-web/render/StoryRender.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/StoryRender.test.ts
@@ -1,10 +1,11 @@
 // @vitest-environment happy-dom
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { Channel } from '@storybook/core/channels';
 import type { PreparedStory, Renderer, StoryContext, StoryIndexEntry } from '@storybook/core/types';
+
 import type { StoryStore } from '../../store';
 import { PREPARE_ABORTED } from './Render';
-
 import { StoryRender } from './StoryRender';
 
 const entry = {
diff --git a/code/core/src/preview-api/modules/preview-web/render/StoryRender.ts b/code/core/src/preview-api/modules/preview-web/render/StoryRender.ts
index 5f4503877fc2..cd12e2dc3b6b 100644
--- a/code/core/src/preview-api/modules/preview-web/render/StoryRender.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/StoryRender.ts
@@ -1,28 +1,29 @@
 import type { Channel } from '@storybook/core/channels';
-import {
-  STORY_RENDER_PHASE_CHANGED,
-  STORY_RENDERED,
-  PLAY_FUNCTION_THREW_EXCEPTION,
-  UNHANDLED_ERRORS_WHILE_PLAYING,
-} from '@storybook/core/core-events';
-import type { StoryStore } from '../../store';
-import type { Render, RenderType } from './Render';
-import { PREPARE_ABORTED } from './Render';
-import { MountMustBeDestructuredError, NoStoryMountedError } from '@storybook/core/preview-errors';
-
 import type {
   Canvas,
   PreparedStory,
   RenderContext,
   RenderContextCallbacks,
-  Renderer,
   RenderToCanvas,
+  Renderer,
   StoryContext,
   StoryId,
   StoryRenderOptions,
   TeardownRenderToCanvas,
 } from '@storybook/core/types';
 
+import {
+  PLAY_FUNCTION_THREW_EXCEPTION,
+  STORY_RENDERED,
+  STORY_RENDER_PHASE_CHANGED,
+  UNHANDLED_ERRORS_WHILE_PLAYING,
+} from '@storybook/core/core-events';
+import { MountMustBeDestructuredError, NoStoryMountedError } from '@storybook/core/preview-errors';
+
+import type { StoryStore } from '../../store';
+import type { Render, RenderType } from './Render';
+import { PREPARE_ABORTED } from './Render';
+
 const { AbortController } = globalThis;
 
 export type RenderPhase =
diff --git a/code/core/src/preview-api/modules/preview-web/render/mount-utils.test.ts b/code/core/src/preview-api/modules/preview-web/render/mount-utils.test.ts
index 4fe7b4ac8832..80c1a56211b1 100644
--- a/code/core/src/preview-api/modules/preview-web/render/mount-utils.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/render/mount-utils.test.ts
@@ -1,4 +1,5 @@
 import { expect, test } from 'vitest';
+
 import { getUsedProps } from './mount-utils';
 
 const StoryWithContext = {
diff --git a/code/core/src/preview-api/modules/preview-web/simulate-pageload.test.ts b/code/core/src/preview-api/modules/preview-web/simulate-pageload.test.ts
index 0f43ae04c54f..c15e8613034b 100644
--- a/code/core/src/preview-api/modules/preview-web/simulate-pageload.test.ts
+++ b/code/core/src/preview-api/modules/preview-web/simulate-pageload.test.ts
@@ -1,7 +1,8 @@
 // @vitest-environment happy-dom
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 import { global } from '@storybook/global';
+
 import { simulatePageLoad } from './simulate-pageload';
 
 const { document } = global;
diff --git a/code/core/src/preview-api/modules/store/ArgsStore.test.ts b/code/core/src/preview-api/modules/store/ArgsStore.test.ts
index d730aed9ece8..ad3d20c7664d 100644
--- a/code/core/src/preview-api/modules/store/ArgsStore.test.ts
+++ b/code/core/src/preview-api/modules/store/ArgsStore.test.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
 
 import { ArgsStore } from './ArgsStore';
 
diff --git a/code/core/src/preview-api/modules/store/ArgsStore.ts b/code/core/src/preview-api/modules/store/ArgsStore.ts
index 5c9f941b0ebd..da613e76dc81 100644
--- a/code/core/src/preview-api/modules/store/ArgsStore.ts
+++ b/code/core/src/preview-api/modules/store/ArgsStore.ts
@@ -1,7 +1,8 @@
 import type { Args, StoryId } from '@storybook/core/types';
-import { combineArgs, mapArgsToTypes, validateOptions, deepDiff, DEEPLY_EQUAL } from './args';
 import type { PreparedStory } from '@storybook/core/types';
 
+import { DEEPLY_EQUAL, combineArgs, deepDiff, mapArgsToTypes, validateOptions } from './args';
+
 function deleteUndefined(obj: Record<string, any>) {
   Object.keys(obj).forEach((key) => obj[key] === undefined && delete obj[key]);
   return obj;
diff --git a/code/core/src/preview-api/modules/store/GlobalsStore.test.ts b/code/core/src/preview-api/modules/store/GlobalsStore.test.ts
index 85f99d5be0d6..eda822e40c64 100644
--- a/code/core/src/preview-api/modules/store/GlobalsStore.test.ts
+++ b/code/core/src/preview-api/modules/store/GlobalsStore.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { GlobalsStore } from './GlobalsStore';
 
 vi.mock('@storybook/core/client-logger', () => ({
diff --git a/code/core/src/preview-api/modules/store/GlobalsStore.ts b/code/core/src/preview-api/modules/store/GlobalsStore.ts
index 0ec64390b516..dd15417d9143 100644
--- a/code/core/src/preview-api/modules/store/GlobalsStore.ts
+++ b/code/core/src/preview-api/modules/store/GlobalsStore.ts
@@ -1,8 +1,9 @@
+import type { GlobalTypes, Globals } from '@storybook/core/types';
+
 import { logger } from '@storybook/core/client-logger';
 
-import { deepDiff, DEEPLY_EQUAL } from './args';
+import { DEEPLY_EQUAL, deepDiff } from './args';
 import { getValuesFromArgTypes } from './csf/getValuesFromArgTypes';
-import type { Globals, GlobalTypes } from '@storybook/core/types';
 
 export class GlobalsStore {
   // We use ! here because TS doesn't analyse the .set() function to see if it actually get set
diff --git a/code/core/src/preview-api/modules/store/StoryIndexStore.test.ts b/code/core/src/preview-api/modules/store/StoryIndexStore.test.ts
index 11da69623139..1cfdd553ea33 100644
--- a/code/core/src/preview-api/modules/store/StoryIndexStore.test.ts
+++ b/code/core/src/preview-api/modules/store/StoryIndexStore.test.ts
@@ -1,6 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
 
 import type { StoryIndex } from '@storybook/core/types';
+
 import { StoryIndexStore } from './StoryIndexStore';
 
 vi.mock('@storybook/channel-websocket', () => () => ({ on: vi.fn() }));
diff --git a/code/core/src/preview-api/modules/store/StoryIndexStore.ts b/code/core/src/preview-api/modules/store/StoryIndexStore.ts
index f608932b6121..d6812e736f5f 100644
--- a/code/core/src/preview-api/modules/store/StoryIndexStore.ts
+++ b/code/core/src/preview-api/modules/store/StoryIndexStore.ts
@@ -1,8 +1,10 @@
-import memoize from 'memoizerific';
-import { MissingStoryAfterHmrError } from '@storybook/core/preview-errors';
 import type { ComponentTitle, Path, StoryId, StoryName } from '@storybook/core/types';
 import type { IndexEntry, StoryIndex } from '@storybook/core/types';
 
+import { MissingStoryAfterHmrError } from '@storybook/core/preview-errors';
+
+import memoize from 'memoizerific';
+
 export type StorySpecifier = StoryId | { name: StoryName; title: ComponentTitle } | '*';
 
 const getImportPathMap = memoize(1)((entries: StoryIndex['entries']) =>
diff --git a/code/core/src/preview-api/modules/store/StoryStore.test.ts b/code/core/src/preview-api/modules/store/StoryStore.test.ts
index abb6c158c76e..4cc27210c5af 100644
--- a/code/core/src/preview-api/modules/store/StoryStore.test.ts
+++ b/code/core/src/preview-api/modules/store/StoryStore.test.ts
@@ -1,11 +1,12 @@
-import { describe, it, expect, vi } from 'vitest';
-import type { Renderer, ProjectAnnotations, StoryIndex } from '@storybook/core/types';
+import { describe, expect, it, vi } from 'vitest';
 
+import type { ProjectAnnotations, Renderer, StoryIndex } from '@storybook/core/types';
+
+import { StoryStore } from './StoryStore';
+import { composeConfigs } from './csf/composeConfigs';
 import { prepareStory } from './csf/prepareStory';
 import { processCSFFile } from './csf/processCSFFile';
-import { StoryStore } from './StoryStore';
 import type { HooksContext } from './hooks';
-import { composeConfigs } from './csf/composeConfigs';
 
 // Spy on prepareStory/processCSFFile
 vi.mock('./csf/prepareStory', async (importOriginal) => {
diff --git a/code/core/src/preview-api/modules/store/StoryStore.ts b/code/core/src/preview-api/modules/store/StoryStore.ts
index c5414d7956cf..99d6efd5f8bd 100644
--- a/code/core/src/preview-api/modules/store/StoryStore.ts
+++ b/code/core/src/preview-api/modules/store/StoryStore.ts
@@ -1,33 +1,12 @@
-import memoize from 'memoizerific';
 import type {
-  Renderer,
   ComponentTitle,
   Parameters,
   Path,
+  Renderer,
   StoryContext,
   StoryContextForEnhancers,
   StoryId,
 } from '@storybook/core/types';
-import mapValues from 'lodash/mapValues.js';
-import pick from 'lodash/pick.js';
-
-import {
-  CalledExtractOnStoreError,
-  MissingStoryFromCsfFileError,
-} from '@storybook/core/preview-errors';
-import { deprecate } from '@storybook/core/client-logger';
-import { HooksContext } from '../addons';
-import { StoryIndexStore } from './StoryIndexStore';
-import { ArgsStore } from './ArgsStore';
-import { GlobalsStore } from './GlobalsStore';
-import {
-  processCSFFile,
-  prepareStory,
-  prepareMeta,
-  normalizeProjectAnnotations,
-  prepareContext,
-} from './csf';
-import type { Canvas, CleanupCallback } from '@storybook/csf';
 import type {
   BoundStory,
   CSFFile,
@@ -44,6 +23,29 @@ import type {
   StoryIndexV3,
   V3CompatIndexEntry,
 } from '@storybook/core/types';
+import type { Canvas, CleanupCallback } from '@storybook/csf';
+
+import { deprecate } from '@storybook/core/client-logger';
+import {
+  CalledExtractOnStoreError,
+  MissingStoryFromCsfFileError,
+} from '@storybook/core/preview-errors';
+
+import mapValues from 'lodash/mapValues.js';
+import pick from 'lodash/pick.js';
+import memoize from 'memoizerific';
+
+import { HooksContext } from '../addons';
+import { ArgsStore } from './ArgsStore';
+import { GlobalsStore } from './GlobalsStore';
+import { StoryIndexStore } from './StoryIndexStore';
+import {
+  normalizeProjectAnnotations,
+  prepareContext,
+  prepareMeta,
+  prepareStory,
+  processCSFFile,
+} from './csf';
 
 // TODO -- what are reasonable values for these?
 const CSF_CACHE_SIZE = 1000;
diff --git a/code/core/src/preview-api/modules/store/args.test.ts b/code/core/src/preview-api/modules/store/args.test.ts
index 3d6e82c53313..d40d989cebc7 100644
--- a/code/core/src/preview-api/modules/store/args.test.ts
+++ b/code/core/src/preview-api/modules/store/args.test.ts
@@ -1,12 +1,14 @@
-import { describe, it, expect, vi } from 'vitest';
-import { once } from '@storybook/core/client-logger';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { SBType } from '@storybook/core/types';
 
+import { once } from '@storybook/core/client-logger';
+
 import {
+  UNTARGETED,
   combineArgs,
   groupArgsByTarget,
   mapArgsToTypes,
-  UNTARGETED,
   validateOptions,
 } from './args';
 
diff --git a/code/core/src/preview-api/modules/store/args.ts b/code/core/src/preview-api/modules/store/args.ts
index 213de81df96f..ca856dd6bc11 100644
--- a/code/core/src/preview-api/modules/store/args.ts
+++ b/code/core/src/preview-api/modules/store/args.ts
@@ -1,7 +1,3 @@
-import { dequal as deepEqual } from 'dequal';
-import { once } from '@storybook/core/client-logger';
-import isPlainObject from 'lodash/isPlainObject.js';
-import { dedent } from 'ts-dedent';
 import type {
   ArgTypes,
   Args,
@@ -11,6 +7,12 @@ import type {
   StoryContext,
 } from '@storybook/core/types';
 
+import { once } from '@storybook/core/client-logger';
+
+import { dequal as deepEqual } from 'dequal';
+import isPlainObject from 'lodash/isPlainObject.js';
+import { dedent } from 'ts-dedent';
+
 const INCOMPATIBLE = Symbol('incompatible');
 const map = (arg: unknown, argType: InputType): any => {
   const type = argType.type as SBType;
diff --git a/code/core/src/preview-api/modules/store/autoTitle.test.ts b/code/core/src/preview-api/modules/store/autoTitle.test.ts
index e45c0a035654..3289261dd8bc 100644
--- a/code/core/src/preview-api/modules/store/autoTitle.test.ts
+++ b/code/core/src/preview-api/modules/store/autoTitle.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { normalizeStoriesEntry } from '@storybook/core/common';
 
 import { userOrAutoTitleFromSpecifier as userOrAuto } from './autoTitle';
diff --git a/code/core/src/preview-api/modules/store/autoTitle.ts b/code/core/src/preview-api/modules/store/autoTitle.ts
index 8c8064208b09..175f6c107ae1 100644
--- a/code/core/src/preview-api/modules/store/autoTitle.ts
+++ b/code/core/src/preview-api/modules/store/autoTitle.ts
@@ -1,7 +1,9 @@
+import type { NormalizedStoriesSpecifier } from '@storybook/core/types';
+
+import { once } from '@storybook/core/client-logger';
+
 import slash from 'slash';
 import { dedent } from 'ts-dedent';
-import { once } from '@storybook/core/client-logger';
-import type { NormalizedStoriesSpecifier } from '@storybook/core/types';
 
 // FIXME: types duplicated type from `core-common', to be
 // removed when we remove v6 back-compat.
diff --git a/code/core/src/preview-api/modules/store/csf/beforeAll.test.ts b/code/core/src/preview-api/modules/store/csf/beforeAll.test.ts
index e3f0200dd19a..30f066e8ac00 100644
--- a/code/core/src/preview-api/modules/store/csf/beforeAll.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/beforeAll.test.ts
@@ -1,4 +1,5 @@
 import { beforeEach, describe, expect, it } from 'vitest';
+
 import { composeBeforeAllHooks } from './beforeAll';
 
 const calls: string[] = [];
diff --git a/code/core/src/preview-api/modules/store/csf/composeConfigs.test.ts b/code/core/src/preview-api/modules/store/csf/composeConfigs.test.ts
index 0d8f0e2912b0..035aa60e7e14 100644
--- a/code/core/src/preview-api/modules/store/csf/composeConfigs.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/composeConfigs.test.ts
@@ -1,4 +1,5 @@
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { global } from '@storybook/global';
 
 import { composeConfigs } from './composeConfigs';
diff --git a/code/core/src/preview-api/modules/store/csf/composeConfigs.ts b/code/core/src/preview-api/modules/store/csf/composeConfigs.ts
index 29eb8ec56c36..7ccec5685659 100644
--- a/code/core/src/preview-api/modules/store/csf/composeConfigs.ts
+++ b/code/core/src/preview-api/modules/store/csf/composeConfigs.ts
@@ -3,9 +3,9 @@ import type { Renderer } from '@storybook/core/types';
 import { global } from '@storybook/global';
 
 import { combineParameters } from '../parameters';
-import { composeStepRunners } from './stepRunners';
-import { normalizeArrays } from './normalizeArrays';
 import { composeBeforeAllHooks } from './beforeAll';
+import { normalizeArrays } from './normalizeArrays';
+import { composeStepRunners } from './stepRunners';
 
 export function getField<TFieldType = any>(
   moduleExportList: ModuleExports[],
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts b/code/core/src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts
index d9da3d5ed8e5..b314a89d31bf 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeComponentAnnotations.ts
@@ -1,8 +1,8 @@
+import type { ModuleExports, NormalizedComponentAnnotations } from '@storybook/core/types';
+import type { Renderer } from '@storybook/core/types';
 import { sanitize } from '@storybook/csf';
 
 import { normalizeInputTypes } from './normalizeInputTypes';
-import type { ModuleExports, NormalizedComponentAnnotations } from '@storybook/core/types';
-import type { Renderer } from '@storybook/core/types';
 
 export function normalizeComponentAnnotations<TRenderer extends Renderer>(
   defaultExport: ModuleExports['default'],
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.test.ts b/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.test.ts
index 58f38ea79324..33b8f26e9625 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.test.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 import { normalizeInputType, normalizeInputTypes } from './normalizeInputTypes';
 
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.ts b/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.ts
index a34c0aaaaaaa..0b9b0dc2c311 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeInputTypes.ts
@@ -6,6 +6,7 @@ import type {
   StrictGlobalTypes,
   StrictInputType,
 } from '@storybook/core/types';
+
 import mapValues from 'lodash/mapValues.js';
 
 const normalizeType = (type: InputType['type']): StrictInputType['type'] => {
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.test.ts b/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.test.ts
index a6aa1a2f7a83..bfb2a4c067b4 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.test.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { normalizeProjectAnnotations } from './normalizeProjectAnnotations';
 
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.ts b/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.ts
index adc3282d9933..26711a130106 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeProjectAnnotations.ts
@@ -1,17 +1,19 @@
 import type {
-  Renderer,
   ArgTypes,
-  ProjectAnnotations,
   NormalizedProjectAnnotations,
+  ProjectAnnotations,
+  Renderer,
 } from '@storybook/core/types';
+
 import { deprecate } from '@storybook/core/client-logger';
+
 import { dedent } from 'ts-dedent';
 
 import { inferArgTypes } from '../inferArgTypes';
 import { inferControls } from '../inferControls';
-import { normalizeInputTypes } from './normalizeInputTypes';
-import { normalizeArrays } from './normalizeArrays';
 import { combineParameters } from '../parameters';
+import { normalizeArrays } from './normalizeArrays';
+import { normalizeInputTypes } from './normalizeInputTypes';
 
 // TODO(kasperpeulen) Consolidate this function with composeConfigs
 // As composeConfigs is the real normalizer, and always run before normalizeProjectAnnotations
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeStory.test.ts b/code/core/src/preview-api/modules/store/csf/normalizeStory.test.ts
index a8dc553cf0e0..ddacda230514 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeStory.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeStory.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { Renderer, StoryAnnotationsOrFn } from '@storybook/core/types';
 
 import { normalizeStory } from './normalizeStory';
diff --git a/code/core/src/preview-api/modules/store/csf/normalizeStory.ts b/code/core/src/preview-api/modules/store/csf/normalizeStory.ts
index d4c710b2eb03..2dd2ae957390 100644
--- a/code/core/src/preview-api/modules/store/csf/normalizeStory.ts
+++ b/code/core/src/preview-api/modules/store/csf/normalizeStory.ts
@@ -1,20 +1,23 @@
 import type {
-  Renderer,
   ArgTypes,
   LegacyStoryAnnotationsOrFn,
+  Renderer,
   StoryAnnotations,
   StoryFn,
   StoryId,
 } from '@storybook/core/types';
-import { storyNameFromExport, toId } from '@storybook/csf';
-import { dedent } from 'ts-dedent';
-import { logger, deprecate } from '@storybook/core/client-logger';
-import { normalizeInputTypes } from './normalizeInputTypes';
-import { normalizeArrays } from './normalizeArrays';
 import type {
   NormalizedComponentAnnotations,
   NormalizedStoryAnnotations,
 } from '@storybook/core/types';
+import { storyNameFromExport, toId } from '@storybook/csf';
+
+import { deprecate, logger } from '@storybook/core/client-logger';
+
+import { dedent } from 'ts-dedent';
+
+import { normalizeArrays } from './normalizeArrays';
+import { normalizeInputTypes } from './normalizeInputTypes';
 
 const deprecatedStoryAnnotation = dedent`
 CSF .story annotations deprecated; annotate story functions directly:
diff --git a/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts b/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts
index c13f9c931487..6c85760cbd4e 100644
--- a/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/portable-stories.test.ts
@@ -1,15 +1,16 @@
 // @vitest-environment node
-import { describe, expect, vi, it } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import type {
   ComponentAnnotations as Meta,
-  StoryAnnotationsOrFn as Story,
   Store_CSFExports,
+  StoryAnnotationsOrFn as Story,
 } from '@storybook/core/types';
+import type { ProjectAnnotations } from '@storybook/csf';
 
-import { composeStory, composeStories, setProjectAnnotations } from './portable-stories';
 import * as defaultExportAnnotations from './__mocks__/defaultExportAnnotations.mockfile';
 import * as namedExportAnnotations from './__mocks__/namedExportAnnotations.mockfile';
-import type { ProjectAnnotations } from '@storybook/csf';
+import { composeStories, composeStory, setProjectAnnotations } from './portable-stories';
 
 type StoriesModule = Store_CSFExports & Record<string, any>;
 
diff --git a/code/core/src/preview-api/modules/store/csf/portable-stories.ts b/code/core/src/preview-api/modules/store/csf/portable-stories.ts
index bd18285d456d..877901fecea4 100644
--- a/code/core/src/preview-api/modules/store/csf/portable-stories.ts
+++ b/code/core/src/preview-api/modules/store/csf/portable-stories.ts
@@ -1,13 +1,12 @@
 /* eslint-disable no-underscore-dangle */
+
 /* eslint-disable @typescript-eslint/naming-convention */
-import { type CleanupCallback, isExportStory } from '@storybook/csf';
-import { dedent } from 'ts-dedent';
 import type {
   Args,
   Canvas,
   ComponentAnnotations,
-  ComposedStoryFn,
   ComposeStoryFn,
+  ComposedStoryFn,
   LegacyStoryAnnotationsOrFn,
   NamedOrDefaultProjectAnnotations,
   Parameters,
@@ -19,15 +18,19 @@ import type {
   StoryContext,
   StrictArgTypes,
 } from '@storybook/core/types';
+import { type CleanupCallback, isExportStory } from '@storybook/csf';
+
+import { MountMustBeDestructuredError } from '@storybook/core/preview-errors';
+
+import { dedent } from 'ts-dedent';
 
 import { HooksContext } from '../../../addons';
 import { composeConfigs } from './composeConfigs';
-import { prepareContext, prepareStory } from './prepareStory';
-import { normalizeStory } from './normalizeStory';
-import { normalizeComponentAnnotations } from './normalizeComponentAnnotations';
 import { getValuesFromArgTypes } from './getValuesFromArgTypes';
+import { normalizeComponentAnnotations } from './normalizeComponentAnnotations';
 import { normalizeProjectAnnotations } from './normalizeProjectAnnotations';
-import { MountMustBeDestructuredError } from '@storybook/core/preview-errors';
+import { normalizeStory } from './normalizeStory';
+import { prepareContext, prepareStory } from './prepareStory';
 
 let globalProjectAnnotations: ProjectAnnotations<any> = {};
 
diff --git a/code/core/src/preview-api/modules/store/csf/prepareStory.test.ts b/code/core/src/preview-api/modules/store/csf/prepareStory.test.ts
index e9fd7f3228be..e91a6fcfea05 100644
--- a/code/core/src/preview-api/modules/store/csf/prepareStory.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/prepareStory.test.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest';
-import { global } from '@storybook/global';
+
 import type {
   ArgsEnhancer,
   NormalizedComponentAnnotations,
@@ -10,12 +10,13 @@ import type {
   SBScalarType,
   StoryContext,
 } from '@storybook/core/types';
-import { addons, HooksContext } from '../../addons';
+import { global } from '@storybook/global';
 
+import { HooksContext, addons } from '../../addons';
 import { UNTARGETED } from '../args';
-import { prepareMeta, prepareStory as realPrepareStory, prepareContext } from './prepareStory';
 import { composeConfigs } from './composeConfigs';
 import { normalizeProjectAnnotations } from './normalizeProjectAnnotations';
+import { prepareContext, prepareMeta, prepareStory as realPrepareStory } from './prepareStory';
 
 vi.mock('@storybook/global', async (importOriginal) => ({
   global: {
diff --git a/code/core/src/preview-api/modules/store/csf/prepareStory.ts b/code/core/src/preview-api/modules/store/csf/prepareStory.ts
index 77bbb4f26759..80f4fbd82f7b 100644
--- a/code/core/src/preview-api/modules/store/csf/prepareStory.ts
+++ b/code/core/src/preview-api/modules/store/csf/prepareStory.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-underscore-dangle */
-import { global } from '@storybook/global';
 import type {
   Args,
   ArgsStoryFn,
@@ -13,23 +12,25 @@ import type {
   StoryContextForLoaders,
   StrictArgTypes,
 } from '@storybook/core/types';
-import { type CleanupCallback, includeConditionalArg, combineTags } from '@storybook/csf';
-import { global as globalThis } from '@storybook/global';
-
-import { applyHooks } from '../../addons';
-import { combineParameters } from '../parameters';
-import { defaultDecorateStory } from '../decorators';
-import { groupArgsByTarget, UNTARGETED } from '../args';
-import { normalizeArrays } from './normalizeArrays';
 import type {
   ModuleExport,
   NormalizedComponentAnnotations,
   NormalizedProjectAnnotations,
   NormalizedStoryAnnotations,
 } from '@storybook/core/types';
-import { mountDestructured } from '../../preview-web/render/mount-utils';
+import { type CleanupCallback, combineTags, includeConditionalArg } from '@storybook/csf';
+import { global } from '@storybook/global';
+import { global as globalThis } from '@storybook/global';
+
 import { NoRenderFunctionError } from '@storybook/core/preview-errors';
 
+import { applyHooks } from '../../addons';
+import { mountDestructured } from '../../preview-web/render/mount-utils';
+import { UNTARGETED, groupArgsByTarget } from '../args';
+import { defaultDecorateStory } from '../decorators';
+import { combineParameters } from '../parameters';
+import { normalizeArrays } from './normalizeArrays';
+
 // Combine all the metadata about a story (both direct and inherited from the component/global scope)
 // into a "render-able" story function, with all decorators applied, parameters passed as context etc
 //
diff --git a/code/core/src/preview-api/modules/store/csf/processCSFFile.test.ts b/code/core/src/preview-api/modules/store/csf/processCSFFile.test.ts
index 8ff880caed3a..a8382e660988 100644
--- a/code/core/src/preview-api/modules/store/csf/processCSFFile.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/processCSFFile.test.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
 
 import { processCSFFile } from './processCSFFile';
 
diff --git a/code/core/src/preview-api/modules/store/csf/processCSFFile.ts b/code/core/src/preview-api/modules/store/csf/processCSFFile.ts
index 3f5b9ebacd0a..fa1e3aecb508 100644
--- a/code/core/src/preview-api/modules/store/csf/processCSFFile.ts
+++ b/code/core/src/preview-api/modules/store/csf/processCSFFile.ts
@@ -1,10 +1,11 @@
-import type { Renderer, ComponentTitle, Parameters, Path } from '@storybook/core/types';
+import type { ComponentTitle, Parameters, Path, Renderer } from '@storybook/core/types';
+import type { CSFFile, ModuleExports, NormalizedComponentAnnotations } from '@storybook/core/types';
 import { isExportStory } from '@storybook/csf';
+
 import { logger } from '@storybook/core/client-logger';
 
-import { normalizeStory } from './normalizeStory';
 import { normalizeComponentAnnotations } from './normalizeComponentAnnotations';
-import type { CSFFile, ModuleExports, NormalizedComponentAnnotations } from '@storybook/core/types';
+import { normalizeStory } from './normalizeStory';
 
 const checkGlobals = (parameters: Parameters) => {
   const { globals, globalTypes } = parameters;
diff --git a/code/core/src/preview-api/modules/store/csf/stepRunners.test.ts b/code/core/src/preview-api/modules/store/csf/stepRunners.test.ts
index d67055c05d69..aacfa0d4dd5a 100644
--- a/code/core/src/preview-api/modules/store/csf/stepRunners.test.ts
+++ b/code/core/src/preview-api/modules/store/csf/stepRunners.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect, vi } from 'vitest';
-import type { StoryContext, StepRunner } from '@storybook/core/types';
+import { describe, expect, it, vi } from 'vitest';
+
+import type { StepRunner, StoryContext } from '@storybook/core/types';
+
 import { composeStepRunners } from './stepRunners';
 
 describe('stepRunners', () => {
diff --git a/code/core/src/preview-api/modules/store/decorators.test.ts b/code/core/src/preview-api/modules/store/decorators.test.ts
index c61415afb797..ae3cd2bb8c3c 100644
--- a/code/core/src/preview-api/modules/store/decorators.test.ts
+++ b/code/core/src/preview-api/modules/store/decorators.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { Renderer, StoryContext } from '@storybook/core/types';
 
 import { defaultDecorateStory } from './decorators';
diff --git a/code/core/src/preview-api/modules/store/filterArgTypes.ts b/code/core/src/preview-api/modules/store/filterArgTypes.ts
index b77cc79d20ea..274489a67cf4 100644
--- a/code/core/src/preview-api/modules/store/filterArgTypes.ts
+++ b/code/core/src/preview-api/modules/store/filterArgTypes.ts
@@ -1,4 +1,5 @@
 import type { StrictArgTypes } from '@storybook/core/types';
+
 import pickBy from 'lodash/pickBy.js';
 
 export type PropDescriptor = string[] | RegExp;
diff --git a/code/core/src/preview-api/modules/store/hooks.test.ts b/code/core/src/preview-api/modules/store/hooks.test.ts
index 898367d24ba6..cac2600ac72d 100644
--- a/code/core/src/preview-api/modules/store/hooks.test.ts
+++ b/code/core/src/preview-api/modules/store/hooks.test.ts
@@ -1,29 +1,31 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import type { DecoratorFunction, StoryContext } from '@storybook/core/types';
+
 import {
   FORCE_RE_RENDER,
-  STORY_RENDERED,
-  UPDATE_STORY_ARGS,
   RESET_STORY_ARGS,
+  STORY_RENDERED,
   UPDATE_GLOBALS,
+  UPDATE_STORY_ARGS,
 } from '@storybook/core/core-events';
-import type { DecoratorFunction, StoryContext } from '@storybook/core/types';
+
 import {
+  HooksContext,
   addons,
   applyHooks,
+  useArgs,
+  useCallback,
+  useChannel,
   useEffect,
+  useGlobals,
   useMemo,
-  useCallback,
+  useParameter,
+  useReducer,
   useRef,
   useState,
-  useReducer,
-  useChannel,
-  useParameter,
   useStoryContext,
-  HooksContext,
-  useArgs,
-  useGlobals,
 } from '../addons';
-
 import { defaultDecorateStory } from './decorators';
 
 vi.mock('@storybook/core/client-logger', () => ({
diff --git a/code/core/src/preview-api/modules/store/hooks.ts b/code/core/src/preview-api/modules/store/hooks.ts
index 857845c9b3d7..690e091775b6 100644
--- a/code/core/src/preview-api/modules/store/hooks.ts
+++ b/code/core/src/preview-api/modules/store/hooks.ts
@@ -1,17 +1,17 @@
 import {
   HooksContext,
   applyHooks,
-  useMemo,
+  useArgs,
   useCallback,
+  useChannel,
+  useEffect,
+  useGlobals,
+  useMemo,
+  useParameter,
+  useReducer,
   useRef,
   useState,
-  useReducer,
-  useEffect,
-  useChannel,
   useStoryContext,
-  useParameter,
-  useArgs,
-  useGlobals,
 } from '../addons';
 
 export {
diff --git a/code/core/src/preview-api/modules/store/inferArgTypes.test.ts b/code/core/src/preview-api/modules/store/inferArgTypes.test.ts
index db7d168301b2..fa374441a4ec 100644
--- a/code/core/src/preview-api/modules/store/inferArgTypes.test.ts
+++ b/code/core/src/preview-api/modules/store/inferArgTypes.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import { logger } from '@storybook/core/client-logger';
 
 import { inferArgTypes } from './inferArgTypes';
diff --git a/code/core/src/preview-api/modules/store/inferArgTypes.ts b/code/core/src/preview-api/modules/store/inferArgTypes.ts
index 79a74de659fa..ea8b45b75609 100644
--- a/code/core/src/preview-api/modules/store/inferArgTypes.ts
+++ b/code/core/src/preview-api/modules/store/inferArgTypes.ts
@@ -1,8 +1,11 @@
+import type { ArgTypesEnhancer, Renderer, SBType } from '@storybook/core/types';
+
+import { logger } from '@storybook/core/client-logger';
+
 import mapValues from 'lodash/mapValues.js';
 import { dedent } from 'ts-dedent';
-import { logger } from '@storybook/core/client-logger';
+
 import { combineParameters } from './parameters';
-import type { ArgTypesEnhancer, Renderer, SBType } from '@storybook/core/types';
 
 const inferType = (value: any, name: string, visited: Set<any>): SBType => {
   const type = typeof value;
diff --git a/code/core/src/preview-api/modules/store/inferControls.test.ts b/code/core/src/preview-api/modules/store/inferControls.test.ts
index 135178439010..abe91702ec36 100644
--- a/code/core/src/preview-api/modules/store/inferControls.test.ts
+++ b/code/core/src/preview-api/modules/store/inferControls.test.ts
@@ -1,8 +1,10 @@
 import type { MockInstance } from 'vitest';
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
-import { logger } from '@storybook/core/client-logger';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import type { StoryContextForEnhancers } from '@storybook/core/types';
 
+import { logger } from '@storybook/core/client-logger';
+
 import { argTypesEnhancers } from './inferControls';
 
 const getStoryContext = (overrides: any = {}): StoryContextForEnhancers => ({
diff --git a/code/core/src/preview-api/modules/store/inferControls.ts b/code/core/src/preview-api/modules/store/inferControls.ts
index 2c0e2b93a9a1..c823eb24fc91 100644
--- a/code/core/src/preview-api/modules/store/inferControls.ts
+++ b/code/core/src/preview-api/modules/store/inferControls.ts
@@ -1,7 +1,3 @@
-import mapValues from 'lodash/mapValues.js';
-import { logger } from '@storybook/core/client-logger';
-import { filterArgTypes } from './filterArgTypes';
-import { combineParameters } from './parameters';
 import type {
   ArgTypesEnhancer,
   Renderer,
@@ -9,6 +5,13 @@ import type {
   StrictInputType,
 } from '@storybook/core/types';
 
+import { logger } from '@storybook/core/client-logger';
+
+import mapValues from 'lodash/mapValues.js';
+
+import { filterArgTypes } from './filterArgTypes';
+import { combineParameters } from './parameters';
+
 export type ControlsMatchers = {
   date: RegExp;
   color: RegExp;
diff --git a/code/core/src/preview-api/modules/store/parameters.test.ts b/code/core/src/preview-api/modules/store/parameters.test.ts
index d408f641a0a9..09905a6a1b6f 100644
--- a/code/core/src/preview-api/modules/store/parameters.test.ts
+++ b/code/core/src/preview-api/modules/store/parameters.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { combineParameters } from './parameters';
 
 describe('client-api.parameters', () => {
diff --git a/code/core/src/preview-api/modules/store/parameters.ts b/code/core/src/preview-api/modules/store/parameters.ts
index dc7b7045fe7d..271ab5eb8329 100644
--- a/code/core/src/preview-api/modules/store/parameters.ts
+++ b/code/core/src/preview-api/modules/store/parameters.ts
@@ -1,5 +1,6 @@
 // Utilities for handling parameters
 import type { Parameters } from '@storybook/core/types';
+
 import isPlainObject from 'lodash/isPlainObject.js';
 
 /**
diff --git a/code/core/src/preview-api/modules/store/sortStories.ts b/code/core/src/preview-api/modules/store/sortStories.ts
index e1a5db96a16e..39cb86efcc21 100644
--- a/code/core/src/preview-api/modules/store/sortStories.ts
+++ b/code/core/src/preview-api/modules/store/sortStories.ts
@@ -1,5 +1,3 @@
-import { dedent } from 'ts-dedent';
-import { storySort } from './storySort';
 import type { IndexEntry, StoryIndexEntry } from '@storybook/core/types';
 import type {
   Addon_Comparator,
@@ -7,9 +5,13 @@ import type {
   Addon_StorySortParameterV7,
   IndexEntryLegacy,
 } from '@storybook/core/types';
-import type { Path, Renderer, Parameters } from '@storybook/core/types';
+import type { Parameters, Path, Renderer } from '@storybook/core/types';
 import type { PreparedStory } from '@storybook/core/types';
 
+import { dedent } from 'ts-dedent';
+
+import { storySort } from './storySort';
+
 const sortStoriesCommon = (
   stories: IndexEntry[],
   storySortParameter: Addon_StorySortParameterV7,
diff --git a/code/core/src/preview-api/modules/store/storySort.test.ts b/code/core/src/preview-api/modules/store/storySort.test.ts
index f41175aa156b..104ad3bb1c8d 100644
--- a/code/core/src/preview-api/modules/store/storySort.test.ts
+++ b/code/core/src/preview-api/modules/store/storySort.test.ts
@@ -1,4 +1,5 @@
-import { expect, describe, it } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { StoryId, StoryIndexEntry } from '@storybook/core/types';
 
 import { storySort } from './storySort';
diff --git a/code/core/src/preview-errors.ts b/code/core/src/preview-errors.ts
index c1d070f7c10a..a50183f79ac4 100644
--- a/code/core/src/preview-errors.ts
+++ b/code/core/src/preview-errors.ts
@@ -1,4 +1,5 @@
 import { dedent } from 'ts-dedent';
+
 import { StorybookError } from './storybook-error';
 
 /**
diff --git a/code/core/src/preview/globals/runtime.ts b/code/core/src/preview/globals/runtime.ts
index a766e5cbac00..48418bc6de7e 100644
--- a/code/core/src/preview/globals/runtime.ts
+++ b/code/core/src/preview/globals/runtime.ts
@@ -1,11 +1,11 @@
+import * as CHANNELS from '@storybook/core/channels';
+import * as TYPES from '@storybook/core/types';
 import * as GLOBAL from '@storybook/global';
 
-import * as CHANNELS from '@storybook/core/channels';
 import * as CLIENT_LOGGER from '@storybook/core/client-logger';
 import * as CORE_EVENTS from '@storybook/core/core-events';
-import * as CORE_EVENTS_PREVIEW_ERRORS from '@storybook/core/preview-errors';
 import * as PREVIEW_API from '@storybook/core/preview-api';
-import * as TYPES from '@storybook/core/types';
+import * as CORE_EVENTS_PREVIEW_ERRORS from '@storybook/core/preview-errors';
 
 import type { globalsNameReferenceMap } from './globals';
 
diff --git a/code/core/src/preview/runtime.ts b/code/core/src/preview/runtime.ts
index 67accbf97977..45ca3083ae6b 100644
--- a/code/core/src/preview/runtime.ts
+++ b/code/core/src/preview/runtime.ts
@@ -1,8 +1,9 @@
-import { TELEMETRY_ERROR } from '@storybook/core/core-events';
 import { global } from '@storybook/global';
+
+import { TELEMETRY_ERROR } from '@storybook/core/core-events';
+
 import { globalPackages, globalsNameReferenceMap } from './globals/globals';
 import { globalsNameValueMap } from './globals/runtime';
-
 import { prepareForTelemetry } from './utils';
 
 // Apply all the globals
diff --git a/code/core/src/preview/utils.ts b/code/core/src/preview/utils.ts
index b3f77adc4e04..0b5e46ad91c6 100644
--- a/code/core/src/preview/utils.ts
+++ b/code/core/src/preview/utils.ts
@@ -1,4 +1,5 @@
 import { global } from '@storybook/global';
+
 import type { BrowserInfo } from 'browser-dtector';
 import BrowserDetector from 'browser-dtector';
 
diff --git a/code/core/src/router/router.tsx b/code/core/src/router/router.tsx
index f2e44437b001..00834debee3e 100644
--- a/code/core/src/router/router.tsx
+++ b/code/core/src/router/router.tsx
@@ -1,10 +1,12 @@
-import { global } from '@storybook/global';
 import React, { useCallback } from 'react';
-import type { ReactNode, ReactElement, ComponentProps } from 'react';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+
+import { global } from '@storybook/global';
 
 import * as R from 'react-router-dom';
-import { queryFromString, parsePath, getMatch } from './utils';
+
 import type { LinkProps, NavigateOptions, RenderData } from './types';
+import { getMatch, parsePath, queryFromString } from './utils';
 
 const { document } = global;
 
diff --git a/code/core/src/router/types.ts b/code/core/src/router/types.ts
index c601e68c290d..a181dafcbecc 100644
--- a/code/core/src/router/types.ts
+++ b/code/core/src/router/types.ts
@@ -1,5 +1,7 @@
-import type * as R from 'react-router-dom';
 import type { ReactNode } from 'react';
+
+import type * as R from 'react-router-dom';
+
 import type { StoryData } from './utils';
 
 export interface Other extends StoryData {
diff --git a/code/core/src/router/utils.test.ts b/code/core/src/router/utils.test.ts
index 00df97fc4ca4..784fc204d6d6 100644
--- a/code/core/src/router/utils.test.ts
+++ b/code/core/src/router/utils.test.ts
@@ -1,5 +1,6 @@
-import { describe, it, expect, vi } from 'vitest';
-import { buildArgsParam, deepDiff, DEEPLY_EQUAL, getMatch, parsePath } from './utils';
+import { describe, expect, it, vi } from 'vitest';
+
+import { DEEPLY_EQUAL, buildArgsParam, deepDiff, getMatch, parsePath } from './utils';
 
 vi.mock('@storybook/core/client-logger', () => ({
   once: { warn: vi.fn() },
diff --git a/code/core/src/router/utils.ts b/code/core/src/router/utils.ts
index 57f3b3389b7b..fac4ecee479f 100644
--- a/code/core/src/router/utils.ts
+++ b/code/core/src/router/utils.ts
@@ -1,4 +1,5 @@
 import { once } from '@storybook/core/client-logger';
+
 import { dequal as deepEqual } from 'dequal';
 import isPlainObject from 'lodash/isPlainObject.js';
 import memoize from 'memoizerific';
diff --git a/code/core/src/server-errors.ts b/code/core/src/server-errors.ts
index 54cc3d3e0b02..23e203f27ddb 100644
--- a/code/core/src/server-errors.ts
+++ b/code/core/src/server-errors.ts
@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
+
 import { StorybookError } from './storybook-error';
 
 /**
diff --git a/code/core/src/telemetry/anonymous-id.test.ts b/code/core/src/telemetry/anonymous-id.test.ts
index 01caff1cd1fe..6606f43cabc2 100644
--- a/code/core/src/telemetry/anonymous-id.test.ts
+++ b/code/core/src/telemetry/anonymous-id.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { normalizeGitUrl } from './anonymous-id';
 
 describe('normalizeGitUrl', () => {
diff --git a/code/core/src/telemetry/anonymous-id.ts b/code/core/src/telemetry/anonymous-id.ts
index 7af263c2f569..c97071c0d127 100644
--- a/code/core/src/telemetry/anonymous-id.ts
+++ b/code/core/src/telemetry/anonymous-id.ts
@@ -1,7 +1,9 @@
-import path from 'node:path';
-import { execSync } from 'child_process';
+import { relative } from 'node:path';
+
 import { getProjectRoot } from '@storybook/core/common';
 
+import { execSync } from 'child_process';
+
 import { oneWayHash } from './one-way-hash';
 
 export function normalizeGitUrl(rawUrl: string) {
@@ -27,7 +29,7 @@ export const getAnonymousProjectId = () => {
   try {
     const projectRoot = getProjectRoot();
 
-    const projectRootPath = path.relative(projectRoot, process.cwd());
+    const projectRootPath = relative(projectRoot, process.cwd());
 
     const originBuffer = execSync(`git config --local --get remote.origin.url`, {
       timeout: 1000,
diff --git a/code/core/src/telemetry/event-cache.test.ts b/code/core/src/telemetry/event-cache.test.ts
index 788fb5270c64..d7ffb38d0c5d 100644
--- a/code/core/src/telemetry/event-cache.test.ts
+++ b/code/core/src/telemetry/event-cache.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { getPrecedingUpgrade } from './event-cache';
 
 expect.addSnapshotSerializer({
diff --git a/code/core/src/telemetry/event-cache.ts b/code/core/src/telemetry/event-cache.ts
index 144a083dff9c..d6a0d688e626 100644
--- a/code/core/src/telemetry/event-cache.ts
+++ b/code/core/src/telemetry/event-cache.ts
@@ -1,4 +1,5 @@
 import { cache } from '@storybook/core/common';
+
 import type { EventType } from './types';
 
 interface UpgradeSummary {
diff --git a/code/core/src/telemetry/get-chromatic-version.test.ts b/code/core/src/telemetry/get-chromatic-version.test.ts
index 85627012c799..b99d48bc32c1 100644
--- a/code/core/src/telemetry/get-chromatic-version.test.ts
+++ b/code/core/src/telemetry/get-chromatic-version.test.ts
@@ -1,4 +1,5 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import { getChromaticVersionSpecifier } from './get-chromatic-version';
 
 it('works for dependencies', () => {
diff --git a/code/core/src/telemetry/get-framework-info.test.ts b/code/core/src/telemetry/get-framework-info.test.ts
index 4bcd80f5c6b0..e95e643dc8b1 100644
--- a/code/core/src/telemetry/get-framework-info.test.ts
+++ b/code/core/src/telemetry/get-framework-info.test.ts
@@ -1,6 +1,9 @@
-import { describe, it, expect, vi } from 'vitest';
+import { sep } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import type { StorybookConfig } from '@storybook/core/types';
-import path from 'node:path';
+
 import { getFrameworkInfo } from './get-framework-info';
 import { getActualPackageJson } from './package-json';
 
@@ -27,7 +30,7 @@ describe('getFrameworkInfo', () => {
   });
 
   it('should resolve the framework package json correctly and strip project paths in the metadata', async () => {
-    const packageName = `${process.cwd()}/@storybook/react`.split('/').join(path.sep);
+    const packageName = `${process.cwd()}/@storybook/react`.split('/').join(sep);
     const framework = { name: packageName };
     const frameworkPackageJson = {
       name: packageName,
@@ -45,7 +48,7 @@ describe('getFrameworkInfo', () => {
 
     expect(result).toEqual({
       framework: {
-        name: '$SNIP/@storybook/react'.split('/').join(path.sep),
+        name: '$SNIP/@storybook/react'.split('/').join(sep),
         options: undefined,
       },
       builder: '@storybook/builder-vite',
diff --git a/code/core/src/telemetry/get-framework-info.ts b/code/core/src/telemetry/get-framework-info.ts
index 162a9cad63f5..d5b3390128ea 100644
--- a/code/core/src/telemetry/get-framework-info.ts
+++ b/code/core/src/telemetry/get-framework-info.ts
@@ -1,8 +1,10 @@
-import type { PackageJson, StorybookConfig } from '@storybook/core/types';
-import path from 'node:path';
+import { normalize } from 'node:path';
+
 import { frameworkPackages } from '@storybook/core/common';
-import { cleanPaths } from './sanitize';
+import type { PackageJson, StorybookConfig } from '@storybook/core/types';
+
 import { getActualPackageJson } from './package-json';
+import { cleanPaths } from './sanitize';
 
 const knownRenderers = [
   'html',
@@ -34,7 +36,7 @@ function findMatchingPackage(packageJson: PackageJson, suffixes: string[]) {
 }
 
 export const getFrameworkPackageName = (packageNameOrPath: string) => {
-  const normalizedPath = path.normalize(packageNameOrPath).replace(new RegExp(/\\/, 'g'), '/');
+  const normalizedPath = normalize(packageNameOrPath).replace(new RegExp(/\\/, 'g'), '/');
 
   const knownFramework = Object.keys(frameworkPackages).find((pkg) => normalizedPath.endsWith(pkg));
 
diff --git a/code/core/src/telemetry/get-monorepo-type.test.ts b/code/core/src/telemetry/get-monorepo-type.test.ts
index 1a717d4b4fc4..530da9f4abc9 100644
--- a/code/core/src/telemetry/get-monorepo-type.test.ts
+++ b/code/core/src/telemetry/get-monorepo-type.test.ts
@@ -1,7 +1,9 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, it, expect, vi } from 'vitest';
+import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import * as fsExtra from 'fs-extra';
-import path from 'node:path';
 
 import { getMonorepoType, monorepoConfigs } from './get-monorepo-type';
 
@@ -16,11 +18,11 @@ vi.mock('@storybook/core/common', async (importOriginal) => {
 
 const checkMonorepoType = ({ monorepoConfigFile, isYarnWorkspace = false }: any) => {
   const mockFiles = {
-    [path.join('root', 'package.json')]: isYarnWorkspace ? '{ "workspaces": [] }' : '{}',
+    [join('root', 'package.json')]: isYarnWorkspace ? '{ "workspaces": [] }' : '{}',
   };
 
   if (monorepoConfigFile) {
-    mockFiles[path.join('root', monorepoConfigFile)] = '{}';
+    mockFiles[join('root', monorepoConfigFile)] = '{}';
   }
 
   vi.mocked<typeof import('../../../__mocks__/fs-extra')>(fsExtra as any).__setMockFiles(mockFiles);
diff --git a/code/core/src/telemetry/get-monorepo-type.ts b/code/core/src/telemetry/get-monorepo-type.ts
index 33dfc9eea1ac..e1602f6cf4b2 100644
--- a/code/core/src/telemetry/get-monorepo-type.ts
+++ b/code/core/src/telemetry/get-monorepo-type.ts
@@ -1,7 +1,9 @@
-import { existsSync, readJsonSync } from 'fs-extra';
-import path from 'node:path';
-import type { PackageJson } from '@storybook/core/types';
+import { join } from 'node:path';
+
 import { getProjectRoot } from '@storybook/core/common';
+import type { PackageJson } from '@storybook/core/types';
+
+import { existsSync, readJsonSync } from 'fs-extra';
 
 export const monorepoConfigs = {
   Nx: 'nx.json',
@@ -19,7 +21,7 @@ export const getMonorepoType = (): MonorepoType => {
 
   const keys = Object.keys(monorepoConfigs) as (keyof typeof monorepoConfigs)[];
   const monorepoType: MonorepoType = keys.find((monorepo) => {
-    const configFile = path.join(projectRootPath, monorepoConfigs[monorepo]);
+    const configFile = join(projectRootPath, monorepoConfigs[monorepo]);
     return existsSync(configFile);
   }) as MonorepoType;
 
@@ -27,11 +29,11 @@ export const getMonorepoType = (): MonorepoType => {
     return monorepoType;
   }
 
-  if (!existsSync(path.join(projectRootPath, 'package.json'))) {
+  if (!existsSync(join(projectRootPath, 'package.json'))) {
     return undefined;
   }
 
-  const packageJson = readJsonSync(path.join(projectRootPath, 'package.json')) as PackageJson;
+  const packageJson = readJsonSync(join(projectRootPath, 'package.json')) as PackageJson;
 
   if (packageJson?.workspaces) {
     return 'Workspaces';
diff --git a/code/core/src/telemetry/get-portable-stories-usage.test.ts b/code/core/src/telemetry/get-portable-stories-usage.test.ts
new file mode 100644
index 000000000000..8fa4c9292607
--- /dev/null
+++ b/code/core/src/telemetry/get-portable-stories-usage.test.ts
@@ -0,0 +1,15 @@
+import { join } from 'node:path';
+
+import { describe, expect, it } from 'vitest';
+
+import { getPortableStoriesFileCountUncached } from './get-portable-stories-usage';
+
+const mocksDir = join(__dirname, '..', '__mocks__');
+
+describe('getPortableStoriesFileCountUncached', () => {
+  it('should ignores node_modules, non-source files', async () => {
+    const usage = await getPortableStoriesFileCountUncached(mocksDir);
+    // you can verify with: `git grep -m1 -c composeStor | wc -l`
+    expect(usage).toMatchInlineSnapshot(`2`);
+  });
+});
diff --git a/code/core/src/telemetry/get-portable-stories-usage.ts b/code/core/src/telemetry/get-portable-stories-usage.ts
new file mode 100644
index 000000000000..a6b92019d00e
--- /dev/null
+++ b/code/core/src/telemetry/get-portable-stories-usage.ts
@@ -0,0 +1,35 @@
+import { execaCommand } from 'execa';
+
+import { createFileSystemCache, resolvePathInStorybookCache } from '../common';
+
+const cache = createFileSystemCache({
+  basePath: resolvePathInStorybookCache('portable-stories'),
+  ns: 'storybook',
+  ttl: 24 * 60 * 60 * 1000, // 24h
+});
+
+export const getPortableStoriesFileCountUncached = async (path?: string) => {
+  const command = `git grep -m1 -c composeStor` + (path ? ` -- ${path}` : '');
+  const { stdout } = await execaCommand(command, {
+    cwd: process.cwd(),
+    shell: true,
+  });
+  return stdout.split('\n').filter(Boolean).length;
+};
+
+const CACHE_KEY = 'portableStories';
+export const getPortableStoriesFileCount = async (path?: string) => {
+  let cached = await cache.get(CACHE_KEY);
+  if (!cached) {
+    try {
+      const count = await getPortableStoriesFileCountUncached();
+      cached = { count };
+      await cache.set(CACHE_KEY, cached);
+    } catch (err: any) {
+      // exit code 1 if no matches are found
+      const count = err.exitCode === 1 ? 0 : null;
+      cached = { count };
+    }
+  }
+  return cached.count;
+};
diff --git a/code/core/src/telemetry/index.ts b/code/core/src/telemetry/index.ts
index d8286d0b7535..7af6810f6afb 100644
--- a/code/core/src/telemetry/index.ts
+++ b/code/core/src/telemetry/index.ts
@@ -1,9 +1,10 @@
 import { logger } from '@storybook/core/node-logger';
-import type { EventType, Payload, Options, TelemetryData } from './types';
-import { getStorybookMetadata } from './storybook-metadata';
-import { sendTelemetry } from './telemetry';
+
 import { notify } from './notify';
 import { sanitizeError } from './sanitize';
+import { getStorybookMetadata } from './storybook-metadata';
+import { sendTelemetry } from './telemetry';
+import type { EventType, Options, Payload, TelemetryData } from './types';
 
 export { oneWayHash } from './one-way-hash';
 
@@ -15,6 +16,15 @@ export { getPrecedingUpgrade } from './event-cache';
 
 export { addToGlobalContext } from './telemetry';
 
+/**
+ * Is this story part of the CLI generated examples,
+ * including user-created stories in those files
+ */
+export const isExampleStoryId = (storyId: string) =>
+  storyId.startsWith('example-button--') ||
+  storyId.startsWith('example-header--') ||
+  storyId.startsWith('example-page--');
+
 export const telemetry = async (
   eventType: EventType,
   payload: Payload = {},
diff --git a/code/core/src/telemetry/notify.ts b/code/core/src/telemetry/notify.ts
index 97ebe63d8619..171d48ae671f 100644
--- a/code/core/src/telemetry/notify.ts
+++ b/code/core/src/telemetry/notify.ts
@@ -1,6 +1,7 @@
-import chalk from 'chalk';
 import { cache } from '@storybook/core/common';
 
+import chalk from 'chalk';
+
 const TELEMETRY_KEY_NOTIFY_DATE = 'telemetry-notification-date';
 
 const logger = console;
diff --git a/code/core/src/telemetry/package-json.ts b/code/core/src/telemetry/package-json.ts
index df61f0e71a41..b88ebc237ddc 100644
--- a/code/core/src/telemetry/package-json.ts
+++ b/code/core/src/telemetry/package-json.ts
@@ -1,5 +1,6 @@
+import { join } from 'node:path';
+
 import { readJson } from 'fs-extra';
-import path from 'node:path';
 
 import type { Dependency } from './types';
 
@@ -21,7 +22,7 @@ export const getActualPackageVersion = async (packageName: string) => {
 };
 
 export const getActualPackageJson = async (packageName: string) => {
-  const resolvedPackageJson = require.resolve(path.join(packageName, 'package.json'), {
+  const resolvedPackageJson = require.resolve(join(packageName, 'package.json'), {
     paths: [process.cwd()],
   });
   const packageJson = await readJson(resolvedPackageJson);
diff --git a/code/core/src/telemetry/sanitize.test.ts b/code/core/src/telemetry/sanitize.test.ts
index 659ed647362f..d5cac7d16f5c 100644
--- a/code/core/src/telemetry/sanitize.test.ts
+++ b/code/core/src/telemetry/sanitize.test.ts
@@ -1,5 +1,6 @@
-import { describe, it, expect, vi } from 'vitest';
-import { sanitizeError, cleanPaths } from './sanitize';
+import { describe, expect, it, vi } from 'vitest';
+
+import { cleanPaths, sanitizeError } from './sanitize';
 
 describe(`Errors Helpers`, () => {
   describe(`sanitizeError`, () => {
diff --git a/code/core/src/telemetry/session-id.test.ts b/code/core/src/telemetry/session-id.test.ts
index 78313fefb305..cff48bfa6dda 100644
--- a/code/core/src/telemetry/session-id.test.ts
+++ b/code/core/src/telemetry/session-id.test.ts
@@ -1,8 +1,11 @@
 import type { MockInstance } from 'vitest';
-import { describe, it, beforeEach, expect, vi } from 'vitest';
-import { nanoid } from 'nanoid';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { cache } from '@storybook/core/common';
-import { resetSessionIdForTest, getSessionId, SESSION_TIMEOUT } from './session-id';
+
+import { nanoid } from 'nanoid';
+
+import { SESSION_TIMEOUT, getSessionId, resetSessionIdForTest } from './session-id';
 
 vi.mock('@storybook/core/common', async (importOriginal) => ({
   ...(await importOriginal<typeof import('@storybook/core/common')>()),
diff --git a/code/core/src/telemetry/session-id.ts b/code/core/src/telemetry/session-id.ts
index 36a92fe7cdf5..3029855c5cee 100644
--- a/code/core/src/telemetry/session-id.ts
+++ b/code/core/src/telemetry/session-id.ts
@@ -1,6 +1,7 @@
-import { nanoid } from 'nanoid';
 import { cache } from '@storybook/core/common';
 
+import { nanoid } from 'nanoid';
+
 export const SESSION_TIMEOUT = 1000 * 60 * 60 * 2; // 2h
 
 interface Session {
diff --git a/code/core/src/telemetry/storybook-metadata.test.ts b/code/core/src/telemetry/storybook-metadata.test.ts
index 3476aaeff1c0..06bf355c0688 100644
--- a/code/core/src/telemetry/storybook-metadata.test.ts
+++ b/code/core/src/telemetry/storybook-metadata.test.ts
@@ -1,8 +1,10 @@
+import path from 'node:path';
+
 import type { MockInstance } from 'vitest';
-import { describe, beforeEach, afterEach, expect, vi, it } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import type { PackageJson, StorybookConfig } from '@storybook/core/types';
 
-import path from 'node:path';
 import { computeStorybookMetadata, metaFrameworks, sanitizeAddonName } from './storybook-metadata';
 
 const packageJsonMock: PackageJson = {
diff --git a/code/core/src/telemetry/storybook-metadata.ts b/code/core/src/telemetry/storybook-metadata.ts
index 47601d394dad..75804b813fc2 100644
--- a/code/core/src/telemetry/storybook-metadata.ts
+++ b/code/core/src/telemetry/storybook-metadata.ts
@@ -1,20 +1,23 @@
-import { findPackage } from 'fd-package-json';
-import { detect, getNpmVersion } from 'detect-package-manager';
 import {
-  loadMainConfig,
-  getStorybookInfo,
-  getStorybookConfiguration,
   getProjectRoot,
+  getStorybookConfiguration,
+  getStorybookInfo,
+  loadMainConfig,
 } from '@storybook/core/common';
-import type { StorybookConfig, PackageJson } from '@storybook/core/types';
+import type { PackageJson, StorybookConfig } from '@storybook/core/types';
+
 import { readConfig } from '@storybook/core/csf-tools';
 
-import type { StorybookMetadata, Dependency, StorybookAddon } from './types';
-import { getActualPackageVersion, getActualPackageVersions } from './package-json';
+import { detect, getNpmVersion } from 'detect-package-manager';
+import { findPackage } from 'fd-package-json';
+
+import { getChromaticVersionSpecifier } from './get-chromatic-version';
+import { getFrameworkInfo } from './get-framework-info';
 import { getMonorepoType } from './get-monorepo-type';
+import { getPortableStoriesFileCount } from './get-portable-stories-usage';
+import { getActualPackageVersion, getActualPackageVersions } from './package-json';
 import { cleanPaths } from './sanitize';
-import { getFrameworkInfo } from './get-framework-info';
-import { getChromaticVersionSpecifier } from './get-chromatic-version';
+import type { Dependency, StorybookAddon, StorybookMetadata } from './types';
 
 export const metaFrameworks = {
   next: 'Next',
@@ -205,10 +208,12 @@ export const computeStorybookMetadata = async ({
   }
 
   const storybookVersion = storybookPackages[storybookInfo.frameworkPackage]?.version;
+  const portableStoriesFileCount = await getPortableStoriesFileCount();
 
   return {
     ...metadata,
     ...frameworkInfo,
+    portableStoriesFileCount,
     storybookVersion,
     storybookVersionSpecifier: storybookInfo.version,
     language,
diff --git a/code/core/src/telemetry/telemetry.test.ts b/code/core/src/telemetry/telemetry.test.ts
index 8b13b94dcf6d..b5ff3fb4caa1 100644
--- a/code/core/src/telemetry/telemetry.test.ts
+++ b/code/core/src/telemetry/telemetry.test.ts
@@ -1,7 +1,6 @@
-import { fetch } from './fetch';
-
-import { beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, expect, it, vi } from 'vitest';
 
+import { fetch } from './fetch';
 import { sendTelemetry } from './telemetry';
 
 vi.mock('./fetch');
diff --git a/code/core/src/telemetry/telemetry.ts b/code/core/src/telemetry/telemetry.ts
index 6b3655201065..90b0eaa4d9dc 100644
--- a/code/core/src/telemetry/telemetry.ts
+++ b/code/core/src/telemetry/telemetry.ts
@@ -1,13 +1,13 @@
 /// <reference types="node" />
-
-import * as os from 'os';
-import { nanoid } from 'nanoid';
 import retry from 'fetch-retry';
-import type { Options, TelemetryData } from './types';
+import { nanoid } from 'nanoid';
+import * as os from 'os';
+
 import { getAnonymousProjectId } from './anonymous-id';
 import { set as saveToCache } from './event-cache';
-import { getSessionId } from './session-id';
 import { fetch } from './fetch';
+import { getSessionId } from './session-id';
+import type { Options, TelemetryData } from './types';
 
 const retryingFetch = retry(fetch);
 
diff --git a/code/core/src/telemetry/types.ts b/code/core/src/telemetry/types.ts
index 553c6729d26b..699a8da6e83b 100644
--- a/code/core/src/telemetry/types.ts
+++ b/code/core/src/telemetry/types.ts
@@ -1,4 +1,5 @@
 import type { StorybookConfig, TypescriptOptions } from '@storybook/core/types';
+
 import type { PM } from 'detect-package-manager';
 
 import type { MonorepoType } from './get-monorepo-type';
@@ -64,6 +65,7 @@ export type StorybookMetadata = {
   preview?: {
     usesGlobals?: boolean;
   };
+  portableStoriesFileCount?: number;
 };
 
 export interface Payload {
diff --git a/code/core/src/theming/convert.ts b/code/core/src/theming/convert.ts
index 9765adc03d61..1336c029493f 100644
--- a/code/core/src/theming/convert.ts
+++ b/code/core/src/theming/convert.ts
@@ -1,10 +1,11 @@
 import { opacify } from 'polished';
-import { background, typography, color } from './base';
+
+import { animation, easing } from './animation';
+import { background, color, typography } from './base';
+import { themes } from './create';
+import { chromeDark, chromeLight, create as createSyntax } from './modules/syntax';
 import type { Color, StorybookTheme, ThemeVars, ThemeVarsColors } from './types';
-import { easing, animation } from './animation';
-import { create as createSyntax, chromeLight, chromeDark } from './modules/syntax';
 import { getPreferredColorScheme } from './utils';
-import { themes } from './create';
 
 const lightSyntaxColors = {
   green1: '#008000',
diff --git a/code/core/src/theming/create.ts b/code/core/src/theming/create.ts
index d28769b5eb06..b5f97a34aee5 100644
--- a/code/core/src/theming/create.ts
+++ b/code/core/src/theming/create.ts
@@ -1,7 +1,6 @@
 // This generates theme variables in the correct shape for the UI
-import lightThemeVars from './themes/light';
 import darkThemeVars from './themes/dark';
-
+import lightThemeVars from './themes/light';
 import type { ThemeVars, ThemeVarsPartial } from './types';
 import { getPreferredColorScheme } from './utils';
 
diff --git a/code/core/src/theming/emotionAugmentation.d.ts b/code/core/src/theming/emotionAugmentation.d.ts
index d5ceb8b427f6..92cfd3ccf585 100644
--- a/code/core/src/theming/emotionAugmentation.d.ts
+++ b/code/core/src/theming/emotionAugmentation.d.ts
@@ -1,6 +1,5 @@
 // this file is only actually used in development
 // for prod/dist bundles we are bundling Emotion into our package
-
 import '@emotion/react';
 
 declare module '@emotion/react' {
diff --git a/code/core/src/theming/ensure.ts b/code/core/src/theming/ensure.ts
index 6ee5298e45cd..39e3ee7e9d00 100644
--- a/code/core/src/theming/ensure.ts
+++ b/code/core/src/theming/ensure.ts
@@ -3,9 +3,9 @@ import { logger } from '@storybook/core/client-logger';
 import { deletedDiff } from 'deep-object-diff';
 import { dedent } from 'ts-dedent';
 
-import light from './themes/light';
-import type { ThemeVars, StorybookTheme } from './types';
 import { convert } from './convert';
+import light from './themes/light';
+import type { StorybookTheme, ThemeVars } from './types';
 
 export const ensure = (input: ThemeVars): StorybookTheme => {
   if (!input) {
diff --git a/code/core/src/theming/global.ts b/code/core/src/theming/global.ts
index 499d59cb2240..2f22bcb77e0f 100644
--- a/code/core/src/theming/global.ts
+++ b/code/core/src/theming/global.ts
@@ -1,5 +1,6 @@
 import memoize from 'memoizerific';
-import type { Color, Background, Typography } from './types';
+
+import type { Background, Color, Typography } from './types';
 
 type Value = string | number;
 interface Return {
diff --git a/code/core/src/theming/index.ts b/code/core/src/theming/index.ts
index c533e8387803..8fa92ea794f9 100644
--- a/code/core/src/theming/index.ts
+++ b/code/core/src/theming/index.ts
@@ -1,7 +1,7 @@
 /// <reference path="../typings.d.ts" />
 /// <reference path="./emotionAugmentation.d.ts" />
-
 import type { FunctionInterpolation, Interpolation } from '@emotion/react';
+
 import type { StorybookTheme } from './types';
 
 export { default as styled } from '@emotion/styled';
diff --git a/code/core/src/theming/tests/convert.test.js b/code/core/src/theming/tests/convert.test.js
index 80a2512cb4d1..779bbd0349d3 100644
--- a/code/core/src/theming/tests/convert.test.js
+++ b/code/core/src/theming/tests/convert.test.js
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { convert } from '../convert';
 import { create } from '../create';
 import darkThemeVars from '../themes/dark';
diff --git a/code/core/src/theming/tests/create.test.js b/code/core/src/theming/tests/create.test.js
index b5f037e0a2e0..524a424e6df0 100644
--- a/code/core/src/theming/tests/create.test.js
+++ b/code/core/src/theming/tests/create.test.js
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { create } from '../create';
 
 describe('create base', () => {
diff --git a/code/core/src/theming/tests/util.test.js b/code/core/src/theming/tests/util.test.js
index f3e38f694e83..c20fccd30414 100644
--- a/code/core/src/theming/tests/util.test.js
+++ b/code/core/src/theming/tests/util.test.js
@@ -1,7 +1,7 @@
 // @vitest-environment happy-dom
+import { describe, expect, it, vi } from 'vitest';
 
-import { describe, it, expect, vi } from 'vitest';
-import { lightenColor as lighten, darkenColor as darken, getPreferredColorScheme } from '../utils';
+import { darkenColor as darken, getPreferredColorScheme, lightenColor as lighten } from '../utils';
 
 describe('utils', () => {
   it('should apply polished when valid arguments are passed', () => {
diff --git a/code/core/src/theming/themes/light.ts b/code/core/src/theming/themes/light.ts
index 75d83f1e740a..a5bf4def7e9c 100644
--- a/code/core/src/theming/themes/light.ts
+++ b/code/core/src/theming/themes/light.ts
@@ -1,4 +1,4 @@
-import { color, typography, background } from '../base';
+import { background, color, typography } from '../base';
 import type { ThemeVars } from '../types';
 
 const theme: ThemeVars = {
diff --git a/code/core/src/theming/types.ts b/code/core/src/theming/types.ts
index e7c2827792cb..1f386bfebd8a 100644
--- a/code/core/src/theming/types.ts
+++ b/code/core/src/theming/types.ts
@@ -1,6 +1,5 @@
-import type { easing, animation } from './animation';
-
-import type { color, background, typography } from './base';
+import type { animation, easing } from './animation';
+import type { background, color, typography } from './base';
 
 export interface ThemeVars extends ThemeVarsBase, ThemeVarsColors {}
 
diff --git a/code/core/src/theming/utils.ts b/code/core/src/theming/utils.ts
index 2f8cb1c82301..f51a4f3473a5 100644
--- a/code/core/src/theming/utils.ts
+++ b/code/core/src/theming/utils.ts
@@ -1,8 +1,9 @@
-import { rgba, lighten, darken } from 'polished';
 import { global } from '@storybook/global';
 
 import { logger } from '@storybook/core/client-logger';
 
+import { darken, lighten, rgba } from 'polished';
+
 const { window: globalWindow } = global;
 
 export const mkColor = (color: string) => ({ color });
diff --git a/code/core/src/types/modules/addons.ts b/code/core/src/types/modules/addons.ts
index cc9d90251c2c..7dceb312cccc 100644
--- a/code/core/src/types/modules/addons.ts
+++ b/code/core/src/types/modules/addons.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-
 import type { FC, PropsWithChildren, ReactElement, ReactNode } from 'react';
+
 import type { RenderData as RouterData } from '../../router/types';
 import type { ThemeVars } from '../../theming/types';
 import type { API_SidebarOptions } from './api';
@@ -9,11 +9,11 @@ import type {
   ArgsStoryFn as ArgsStoryFnForFramework,
   DecoratorFunction as DecoratorFunctionForFramework,
   InputType,
-  Renderer,
   LegacyStoryFn as LegacyStoryFnForFramework,
   LoaderFunction as LoaderFunctionForFramework,
   Parameters,
   PartialStoryFn as PartialStoryFnForFramework,
+  Renderer,
   StoryContext as StoryContextForFramework,
   StoryFn as StoryFnForFramework,
   StoryId,
diff --git a/code/core/src/types/modules/api-stories.ts b/code/core/src/types/modules/api-stories.ts
index 90a6962c7d1c..7bde00d74f7b 100644
--- a/code/core/src/types/modules/api-stories.ts
+++ b/code/core/src/types/modules/api-stories.ts
@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import type { DocsOptions } from './core-common';
-import type { Args, ArgTypes, Parameters, ComponentTitle, StoryId, Path, Tag } from './csf';
+import type { ArgTypes, Args, ComponentTitle, Parameters, Path, StoryId, Tag } from './csf';
 import type { IndexEntry } from './indexer';
 
 export interface API_BaseEntry {
diff --git a/code/core/src/types/modules/api.ts b/code/core/src/types/modules/api.ts
index 86ba7bbd02dd..b338fc6ace69 100644
--- a/code/core/src/types/modules/api.ts
+++ b/code/core/src/types/modules/api.ts
@@ -1,13 +1,13 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-
 import type { ReactElement } from 'react';
-import type { RenderData } from '../../router/types';
+
 import type { Channel } from '../../channels';
+import type { RenderData } from '../../router/types';
 import type { ThemeVars } from '../../theming/types';
-import type { DocsOptions } from './core-common';
+import type { Addon_RenderOptions } from './addons';
 import type { API_FilterFunction, API_HashEntry, API_IndexHash } from './api-stories';
 import type { SetStoriesStory, SetStoriesStoryData } from './channelApi';
-import type { Addon_RenderOptions } from './addons';
+import type { DocsOptions } from './core-common';
 import type { StoryIndex } from './indexer';
 
 type OrString<T extends string> = T | (string & {});
diff --git a/code/core/src/types/modules/channelApi.ts b/code/core/src/types/modules/channelApi.ts
index 6c4f160a0831..6097b610854e 100644
--- a/code/core/src/types/modules/channelApi.ts
+++ b/code/core/src/types/modules/channelApi.ts
@@ -1,13 +1,13 @@
 import type { API_ViewMode } from './api';
 import type {
-  Args,
   ArgTypes,
+  Args,
   ComponentId,
+  GlobalTypes,
+  Globals,
   Parameters,
   StoryId,
   StoryKind,
-  Globals,
-  GlobalTypes,
 } from './csf';
 
 // The data received on the (legacy) `setStories` event
diff --git a/code/core/src/types/modules/composedStory.ts b/code/core/src/types/modules/composedStory.ts
index ade2c302a999..7a5df854ff39 100644
--- a/code/core/src/types/modules/composedStory.ts
+++ b/code/core/src/types/modules/composedStory.ts
@@ -1,5 +1,4 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-
 import type {
   ProjectAnnotations,
   Renderer,
diff --git a/code/core/src/types/modules/core-common.ts b/code/core/src/types/modules/core-common.ts
index e7ee49c67109..1939ea25db3a 100644
--- a/code/core/src/types/modules/core-common.ts
+++ b/code/core/src/types/modules/core-common.ts
@@ -1,12 +1,12 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import type { FileSystemCache } from 'file-system-cache';
-import type * as telejson from 'telejson';
 import type { Router } from 'express';
+import type { FileSystemCache } from 'file-system-cache';
 // should be node:http, but that caused the ui/manager to fail to build, might be able to switch this back once ui/manager is in the core
 import type { Server } from 'http';
+import type * as telejson from 'telejson';
 import type { PackageJson as PackageJsonFromTypeFest } from 'type-fest';
 
-import type { StoriesEntry, Indexer } from './indexer';
+import type { Indexer, StoriesEntry } from './indexer';
 
 /**
  * ⚠️ This file contains internal WIP types they MUST NOT be exported outside this package for now!
diff --git a/code/core/src/types/modules/docs.ts b/code/core/src/types/modules/docs.ts
index 9202ea64dcf4..386301e523e8 100644
--- a/code/core/src/types/modules/docs.ts
+++ b/code/core/src/types/modules/docs.ts
@@ -1,13 +1,14 @@
 import type { Channel } from '@storybook/core/channels';
-import type { Renderer, StoryContext, StoryId, StoryName, Parameters } from './csf';
+
+import type { Parameters, Renderer, StoryContext, StoryId, StoryName } from './csf';
 import type {
+  CSFFile,
   ModuleExport,
   ModuleExports,
-  CSFFile,
-  PreparedStory,
   NormalizedProjectAnnotations,
-  RenderContext,
   PreparedMeta,
+  PreparedStory,
+  RenderContext,
 } from './story';
 
 export type RenderContextCallbacks<TRenderer extends Renderer> = Pick<
diff --git a/code/core/src/types/modules/frameworks.ts b/code/core/src/types/modules/frameworks.ts
index 9ae2cc538b51..246cea20ff9a 100644
--- a/code/core/src/types/modules/frameworks.ts
+++ b/code/core/src/types/modules/frameworks.ts
@@ -2,6 +2,7 @@
 export type SupportedFrameworks =
   | 'angular'
   | 'ember'
+  | 'experimental-nextjs-vite'
   | 'html-vite'
   | 'html-webpack5'
   | 'nextjs'
diff --git a/code/core/src/types/modules/indexer.ts b/code/core/src/types/modules/indexer.ts
index 4e92b647a489..daf0ddb2a735 100644
--- a/code/core/src/types/modules/indexer.ts
+++ b/code/core/src/types/modules/indexer.ts
@@ -1,4 +1,4 @@
-import type { StoryId, ComponentTitle, StoryName, Parameters, Tag, Path } from './csf';
+import type { ComponentTitle, Parameters, Path, StoryId, StoryName, Tag } from './csf';
 
 type ExportName = string;
 type MetaId = string;
@@ -95,6 +95,7 @@ export interface IndexInputStats {
   mount?: boolean;
   beforeEach?: boolean;
   moduleMock?: boolean;
+  globals?: boolean;
 }
 
 /**
diff --git a/code/core/src/types/modules/story.ts b/code/core/src/types/modules/story.ts
index 2cbd803e5637..f8deb8c522f0 100644
--- a/code/core/src/types/modules/story.ts
+++ b/code/core/src/types/modules/story.ts
@@ -1,13 +1,13 @@
 import type {
-  Renderer,
+  BeforeAll,
+  Canvas,
+  CleanupCallback,
   ProjectAnnotations as CsfProjectAnnotations,
   DecoratorFunction,
+  Globals,
   LoaderFunction,
-  CleanupCallback,
+  Renderer,
   StepRunner,
-  Canvas,
-  Globals,
-  BeforeAll,
 } from '@storybook/csf';
 
 import type {
diff --git a/code/core/src/typings.d.ts b/code/core/src/typings.d.ts
index b8dce9296148..f969c50eddab 100644
--- a/code/core/src/typings.d.ts
+++ b/code/core/src/typings.d.ts
@@ -27,23 +27,6 @@ declare module 'lazy-universal-dotenv';
 declare module 'open';
 declare module 'pnp-webpack-plugin';
 declare module 'react-inspector';
-// declare module 'detect-package-manager' {
-//   // copied from https://www.npmjs.com/package/detect-package-manager?activeTab=code
-//   // because
-//   declare type PM = 'npm' | 'yarn' | 'pnpm' | 'bun';
-//   declare const detect: ({
-//     cwd,
-//     includeGlobalBun,
-//   }?: {
-//     cwd?: string | undefined;
-//     includeGlobalBun?: boolean | undefined;
-//   }) => Promise<PM>;
-
-//   declare function getNpmVersion(pm: PM): Promise<string>;
-//   declare function clearCache(): void;
-
-//   export { PM, clearCache, detect, getNpmVersion };
-// }
 
 declare var STORIES: any;
 
diff --git a/code/core/template/stories/argMapping.stories.ts b/code/core/template/stories/argMapping.stories.ts
index 169b68de9957..41575e931239 100644
--- a/code/core/template/stories/argMapping.stories.ts
+++ b/code/core/template/stories/argMapping.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 const arrows = {
   ArrowUp: { name: 'ArrowUp' },
diff --git a/code/core/template/stories/argTypes.stories.ts b/code/core/template/stories/argTypes.stories.ts
index dd2a53bd68fa..6ad691324495 100644
--- a/code/core/template/stories/argTypes.stories.ts
+++ b/code/core/template/stories/argTypes.stories.ts
@@ -1,5 +1,5 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
+import { global as globalThis } from '@storybook/global';
 import { expect, within } from '@storybook/test';
 
 export default {
diff --git a/code/core/template/stories/args.stories.ts b/code/core/template/stories/args.stories.ts
index ebe10a49240f..c5beee938600 100644
--- a/code/core/template/stories/args.stories.ts
+++ b/code/core/template/stories/args.stories.ts
@@ -1,13 +1,15 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
-import pick from 'lodash/pick';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
+
 import {
+  RESET_STORY_ARGS,
   STORY_ARGS_UPDATED,
   UPDATE_STORY_ARGS,
-  RESET_STORY_ARGS,
 } from '@storybook/core/core-events';
 
+import pick from 'lodash/pick';
+
 export default {
   component: globalThis.Components.Pre,
   args: {
diff --git a/code/core/template/stories/autotitle.stories.ts b/code/core/template/stories/autotitle.stories.ts
index 48997645b036..0a675faadec8 100644
--- a/code/core/template/stories/autotitle.stories.ts
+++ b/code/core/template/stories/autotitle.stories.ts
@@ -1,6 +1,6 @@
+import type { PlayFunctionContext } from '@storybook/core/types';
 import { global as globalThis } from '@storybook/global';
 import { expect } from '@storybook/test';
-import type { PlayFunctionContext } from '@storybook/core/types';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/component-play.stories.ts b/code/core/template/stories/component-play.stories.ts
index cff3803d85bc..0571cf37b324 100644
--- a/code/core/template/stories/component-play.stories.ts
+++ b/code/core/template/stories/component-play.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/decorators.stories.ts b/code/core/template/stories/decorators.stories.ts
index df13c1088eb7..e04fbf5e6373 100644
--- a/code/core/template/stories/decorators.stories.ts
+++ b/code/core/template/stories/decorators.stories.ts
@@ -1,17 +1,18 @@
-import { global as globalThis } from '@storybook/global';
 import type {
   ArgsStoryFn,
   PartialStoryFn,
   PlayFunctionContext,
   StoryContext,
 } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
-import { useEffect } from '@storybook/core/preview-api';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
+
 import {
+  RESET_STORY_ARGS,
   STORY_ARGS_UPDATED,
   UPDATE_STORY_ARGS,
-  RESET_STORY_ARGS,
 } from '@storybook/core/core-events';
+import { useEffect } from '@storybook/core/preview-api';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/globals.stories.ts b/code/core/template/stories/globals.stories.ts
index 788e4dd53bd7..84a0c86d2ee2 100644
--- a/code/core/template/stories/globals.stories.ts
+++ b/code/core/template/stories/globals.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/hooks.stories.ts b/code/core/template/stories/hooks.stories.ts
index a329903c364e..ce145288f147 100644
--- a/code/core/template/stories/hooks.stories.ts
+++ b/code/core/template/stories/hooks.stories.ts
@@ -1,7 +1,8 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext } from '@storybook/core/types';
+import { global as globalThis } from '@storybook/global';
+import { userEvent, within } from '@storybook/test';
+
 import { useEffect, useState } from '@storybook/core/preview-api';
-import { within, userEvent } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Button,
diff --git a/code/core/template/stories/indexer.stories.ts b/code/core/template/stories/indexer.stories.ts
index 94c0d7789d06..5468e698d3cb 100644
--- a/code/core/template/stories/indexer.stories.ts
+++ b/code/core/template/stories/indexer.stories.ts
@@ -1,6 +1,6 @@
-import { expect } from '@storybook/test';
-import { global as globalThis } from '@storybook/global';
 import type { PlayFunctionContext } from '@storybook/core/types';
+import { global as globalThis } from '@storybook/global';
+import { expect } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/interleavedExports.stories.ts b/code/core/template/stories/interleavedExports.stories.ts
index 60f88e7e6abc..25931c1fd094 100644
--- a/code/core/template/stories/interleavedExports.stories.ts
+++ b/code/core/template/stories/interleavedExports.stories.ts
@@ -1,5 +1,7 @@
 import { global as globalThis } from '@storybook/global';
 
+import './import';
+
 export default {
   component: globalThis.Components.Pre,
   args: { text: 'Check that stories are processed OK' },
@@ -7,6 +9,4 @@ export default {
 
 export const Story1 = {};
 
-import './import';
-
 export const Story2 = {};
diff --git a/code/core/template/stories/loaders.stories.ts b/code/core/template/stories/loaders.stories.ts
index 34ef7ebc84d5..37a4ac62c0c8 100644
--- a/code/core/template/stories/loaders.stories.ts
+++ b/code/core/template/stories/loaders.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/names.stories.ts b/code/core/template/stories/names.stories.ts
index f81df30334dd..b89304a63f59 100644
--- a/code/core/template/stories/names.stories.ts
+++ b/code/core/template/stories/names.stories.ts
@@ -1,6 +1,6 @@
+import type { PlayFunctionContext } from '@storybook/core/types';
 import { global as globalThis } from '@storybook/global';
 import { expect } from '@storybook/test';
-import type { PlayFunctionContext } from '@storybook/core/types';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/parameters.stories.ts b/code/core/template/stories/parameters.stories.ts
index 702f039e9912..a4200444cd0e 100644
--- a/code/core/template/stories/parameters.stories.ts
+++ b/code/core/template/stories/parameters.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/rendering.stories.ts b/code/core/template/stories/rendering.stories.ts
index 0ca4976ec2c2..7e03897e3c02 100644
--- a/code/core/template/stories/rendering.stories.ts
+++ b/code/core/template/stories/rendering.stories.ts
@@ -1,6 +1,7 @@
-import { global as globalThis } from '@storybook/global';
 import type { PlayFunctionContext } from '@storybook/core/types';
-import { within, waitFor, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, waitFor, within } from '@storybook/test';
+
 import {
   FORCE_REMOUNT,
   RESET_STORY_ARGS,
diff --git a/code/core/template/stories/shortcuts.stories.ts b/code/core/template/stories/shortcuts.stories.ts
index fa121866bab9..429d3a5f4147 100644
--- a/code/core/template/stories/shortcuts.stories.ts
+++ b/code/core/template/stories/shortcuts.stories.ts
@@ -1,11 +1,16 @@
+import type { PlayFunctionContext } from '@storybook/csf';
 import { global as globalThis } from '@storybook/global';
-import { userEvent, within, expect, fn } from '@storybook/test';
+import { expect, fn, userEvent, within } from '@storybook/test';
+
 import { PREVIEW_KEYDOWN } from '@storybook/core/core-events';
-import type { PlayFunctionContext } from '@storybook/csf';
 
 export default {
   component: globalThis.Components.Form,
   tags: ['autodocs'],
+  args: {
+    onSubmit: fn(),
+    onSuccess: fn(),
+  },
 };
 
 export const KeydownDuringPlay = {
diff --git a/code/core/template/stories/tags-add.stories.ts b/code/core/template/stories/tags-add.stories.ts
index e7ed51cb5126..9a04ebe25bd4 100644
--- a/code/core/template/stories/tags-add.stories.ts
+++ b/code/core/template/stories/tags-add.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/tags-config.stories.ts b/code/core/template/stories/tags-config.stories.ts
index 5a009e63213d..9d7b70f8478a 100644
--- a/code/core/template/stories/tags-config.stories.ts
+++ b/code/core/template/stories/tags-config.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/tags-remove.stories.ts b/code/core/template/stories/tags-remove.stories.ts
index 949dab96d68f..f0148e6fb5b5 100644
--- a/code/core/template/stories/tags-remove.stories.ts
+++ b/code/core/template/stories/tags-remove.stories.ts
@@ -1,6 +1,6 @@
-import { global as globalThis } from '@storybook/global';
 import type { PartialStoryFn, PlayFunctionContext, StoryContext } from '@storybook/core/types';
-import { within, expect } from '@storybook/test';
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/title.stories.ts b/code/core/template/stories/title.stories.ts
index cd9eed6387be..deabd76f7623 100644
--- a/code/core/template/stories/title.stories.ts
+++ b/code/core/template/stories/title.stories.ts
@@ -1,6 +1,6 @@
+import type { PlayFunctionContext } from '@storybook/core/types';
 import { global as globalThis } from '@storybook/global';
 import { expect } from '@storybook/test';
-import type { PlayFunctionContext } from '@storybook/core/types';
 
 export default {
   component: globalThis.Components.Pre,
diff --git a/code/core/template/stories/utils.mock.ts b/code/core/template/stories/utils.mock.ts
index bd3955dc0729..93a72d03a0e2 100644
--- a/code/core/template/stories/utils.mock.ts
+++ b/code/core/template/stories/utils.mock.ts
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import * as utils from './utils.ts';
 
 export const foo = fn(utils.foo).mockName('foo');
diff --git a/code/core/vitest.config.ts b/code/core/vitest.config.ts
index b546d2ba6a40..df83dd4dc880 100644
--- a/code/core/vitest.config.ts
+++ b/code/core/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../vitest.workspace';
 
 export default mergeConfig(vitestCommonConfig, defineConfig({}));
diff --git a/code/deprecated/csf-tools/package.json b/code/deprecated/csf-tools/package.json
index 6f2bc53cbf77..3f559726970a 100644
--- a/code/deprecated/csf-tools/package.json
+++ b/code/deprecated/csf-tools/package.json
@@ -23,9 +23,9 @@
   "exports": {
     ".": {
       "types": "./shim.d.ts",
-      "node": "./shim.js",
       "import": "./shim.mjs",
-      "require": "./shim.js"
+      "require": "./shim.js",
+      "node": "./shim.js"
     },
     "./package.json": "./package.json"
   },
diff --git a/code/deprecated/router/package.json b/code/deprecated/router/package.json
index 582d0baf5b29..dd19a9b10dfa 100644
--- a/code/deprecated/router/package.json
+++ b/code/deprecated/router/package.json
@@ -23,9 +23,9 @@
   "exports": {
     ".": {
       "types": "./shim.d.ts",
-      "node": "./shim.js",
       "import": "./shim.mjs",
-      "require": "./shim.js"
+      "require": "./shim.js",
+      "node": "./shim.js"
     },
     "./utils": {
       "types": "./utils.d.ts",
diff --git a/code/deprecated/theming/package.json b/code/deprecated/theming/package.json
index d21e5f81cb7a..68ec61d65cea 100644
--- a/code/deprecated/theming/package.json
+++ b/code/deprecated/theming/package.json
@@ -23,9 +23,9 @@
   "exports": {
     ".": {
       "types": "./shim.d.ts",
-      "node": "./shim.js",
       "import": "./shim.mjs",
-      "require": "./shim.js"
+      "require": "./shim.js",
+      "node": "./shim.js"
     },
     "./create": {
       "types": "./create.d.ts",
diff --git a/code/e2e-tests/addon-actions.spec.ts b/code/e2e-tests/addon-actions.spec.ts
index a67aa8599ce9..6c3fa98034e6 100644
--- a/code/e2e-tests/addon-actions.spec.ts
+++ b/code/e2e-tests/addon-actions.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/addon-backgrounds.spec.ts b/code/e2e-tests/addon-backgrounds.spec.ts
index 2e0a4a0825b2..d40d922f8586 100644
--- a/code/e2e-tests/addon-backgrounds.spec.ts
+++ b/code/e2e-tests/addon-backgrounds.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/addon-controls.spec.ts b/code/e2e-tests/addon-controls.spec.ts
index 2c388d7ef598..6499ef6c0742 100644
--- a/code/e2e-tests/addon-controls.spec.ts
+++ b/code/e2e-tests/addon-controls.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/addon-docs.spec.ts b/code/e2e-tests/addon-docs.spec.ts
index a269bec909dd..cce2c23c6082 100644
--- a/code/e2e-tests/addon-docs.spec.ts
+++ b/code/e2e-tests/addon-docs.spec.ts
@@ -1,6 +1,7 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
 import { dedent } from 'ts-dedent';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/addon-interactions.spec.ts b/code/e2e-tests/addon-interactions.spec.ts
index 5c86f165830b..6ef484c038c8 100644
--- a/code/e2e-tests/addon-interactions.spec.ts
+++ b/code/e2e-tests/addon-interactions.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/addon-toolbars.spec.ts b/code/e2e-tests/addon-toolbars.spec.ts
index b642ebca7967..493de06ce6f3 100644
--- a/code/e2e-tests/addon-toolbars.spec.ts
+++ b/code/e2e-tests/addon-toolbars.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/addon-viewport.spec.ts b/code/e2e-tests/addon-viewport.spec.ts
index 64f8eb097dfb..cf53bc89432a 100644
--- a/code/e2e-tests/addon-viewport.spec.ts
+++ b/code/e2e-tests/addon-viewport.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/composition.spec.ts b/code/e2e-tests/composition.spec.ts
index 2cc2e18f42ca..25923a44791a 100644
--- a/code/e2e-tests/composition.spec.ts
+++ b/code/e2e-tests/composition.spec.ts
@@ -1,4 +1,5 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:6006';
diff --git a/code/e2e-tests/framework-nextjs.spec.ts b/code/e2e-tests/framework-nextjs.spec.ts
index 0b98e5428853..c88d723ce465 100644
--- a/code/e2e-tests/framework-nextjs.spec.ts
+++ b/code/e2e-tests/framework-nextjs.spec.ts
@@ -1,6 +1,7 @@
 import type { Locator } from '@playwright/test';
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:6006';
diff --git a/code/e2e-tests/framework-svelte.spec.ts b/code/e2e-tests/framework-svelte.spec.ts
index ba42745c6172..a56bb2db5f0c 100644
--- a/code/e2e-tests/framework-svelte.spec.ts
+++ b/code/e2e-tests/framework-svelte.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:6006';
diff --git a/code/e2e-tests/json-files.spec.ts b/code/e2e-tests/json-files.spec.ts
index 8cfdc966f56d..920b072c093a 100644
--- a/code/e2e-tests/json-files.spec.ts
+++ b/code/e2e-tests/json-files.spec.ts
@@ -1,4 +1,4 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/manager.spec.ts b/code/e2e-tests/manager.spec.ts
index 7131e764e635..f863b1cddf2a 100644
--- a/code/e2e-tests/manager.spec.ts
+++ b/code/e2e-tests/manager.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/module-mocking.spec.ts b/code/e2e-tests/module-mocking.spec.ts
index 8b6b43713b61..7a9048e6cc2b 100644
--- a/code/e2e-tests/module-mocking.spec.ts
+++ b/code/e2e-tests/module-mocking.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/navigation.spec.ts b/code/e2e-tests/navigation.spec.ts
index c7ac1a1263d7..16c72d6ffe6e 100644
--- a/code/e2e-tests/navigation.spec.ts
+++ b/code/e2e-tests/navigation.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/preview-api.spec.ts b/code/e2e-tests/preview-api.spec.ts
index 9132a6de495f..bb7b3dc2be9a 100644
--- a/code/e2e-tests/preview-api.spec.ts
+++ b/code/e2e-tests/preview-api.spec.ts
@@ -1,5 +1,6 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/save-from-controls.spec.ts b/code/e2e-tests/save-from-controls.spec.ts
index b70a1607595c..0fbc24b38592 100644
--- a/code/e2e-tests/save-from-controls.spec.ts
+++ b/code/e2e-tests/save-from-controls.spec.ts
@@ -1,5 +1,6 @@
 import { test } from '@playwright/test';
 import process from 'process';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/storybook-hooks.spec.ts b/code/e2e-tests/storybook-hooks.spec.ts
index 97e2926eb920..4dbb0ccf6f1e 100644
--- a/code/e2e-tests/storybook-hooks.spec.ts
+++ b/code/e2e-tests/storybook-hooks.spec.ts
@@ -1,7 +1,9 @@
 /* eslint-disable no-underscore-dangle */
-import { join } from 'node:path';
 import { promises as fs } from 'node:fs';
+import { join } from 'node:path';
+
 import { test } from '@playwright/test';
+
 import { SbPage } from './util';
 
 declare global {
diff --git a/code/e2e-tests/tags.spec.ts b/code/e2e-tests/tags.spec.ts
index 2e7202357a1b..3148f166104e 100644
--- a/code/e2e-tests/tags.spec.ts
+++ b/code/e2e-tests/tags.spec.ts
@@ -1,4 +1,5 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
+
 import { SbPage } from './util';
 
 const storybookUrl = process.env.STORYBOOK_URL || 'http://localhost:8001';
diff --git a/code/e2e-tests/util.ts b/code/e2e-tests/util.ts
index 02ecc753b5f5..c4433fa4e2a8 100644
--- a/code/e2e-tests/util.ts
+++ b/code/e2e-tests/util.ts
@@ -1,6 +1,7 @@
+import { toId } from '@storybook/csf';
+
 import type { Page } from '@playwright/test';
 import { expect } from '@playwright/test';
-import { toId } from '@storybook/csf';
 
 export class SbPage {
   readonly page: Page;
diff --git a/code/frameworks/angular/package.json b/code/frameworks/angular/package.json
index 626603fdf343..5ffa1c14ae67 100644
--- a/code/frameworks/angular/package.json
+++ b/code/frameworks/angular/package.json
@@ -34,7 +34,7 @@
   ],
   "scripts": {
     "check": "node ../../../scripts/node_modules/.bin/tsc",
-    "prep": "rimraf dist && node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/tsc.ts"
+    "prep": "rimraf dist && jiti ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
@@ -44,7 +44,7 @@
     "@storybook/manager-api": "workspace:^",
     "@storybook/preview-api": "workspace:^",
     "@storybook/theming": "workspace:^",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
     "@types/semver": "^7.3.4",
diff --git a/code/frameworks/angular/src/builders/build-storybook/index.spec.ts b/code/frameworks/angular/src/builders/build-storybook/index.spec.ts
index 964b23fe73f4..3b62deeb8c69 100644
--- a/code/frameworks/angular/src/builders/build-storybook/index.spec.ts
+++ b/code/frameworks/angular/src/builders/build-storybook/index.spec.ts
@@ -1,9 +1,8 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { vi, describe, beforeEach, expect, it, afterEach } from 'vitest';
 import { Architect, createBuilder } from '@angular-devkit/architect';
 import { TestingArchitectHost } from '@angular-devkit/architect/testing';
 import { schema } from '@angular-devkit/core';
-import * as path from 'path';
+import * as path from 'node:path';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 const buildDevStandaloneMock = vi.fn();
 const buildStaticStandaloneMock = vi.fn();
diff --git a/code/frameworks/angular/src/builders/build-storybook/index.ts b/code/frameworks/angular/src/builders/build-storybook/index.ts
index 0a7cdb642dc4..9b4e98ec35f4 100644
--- a/code/frameworks/angular/src/builders/build-storybook/index.ts
+++ b/code/frameworks/angular/src/builders/build-storybook/index.ts
@@ -1,3 +1,8 @@
+import { getEnvConfig, versions } from 'storybook/internal/common';
+import { buildStaticStandalone, withTelemetry } from 'storybook/internal/core-server';
+import { addToGlobalContext } from 'storybook/internal/telemetry';
+import { CLIOptions } from 'storybook/internal/types';
+
 import {
   BuilderContext,
   BuilderHandlerFn,
@@ -7,26 +12,21 @@ import {
   createBuilder,
   targetFromTargetString,
 } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
-import { from, of, throwError } from 'rxjs';
-import { catchError, map, mapTo, switchMap } from 'rxjs/operators';
-import { sync as findUpSync } from 'find-up';
-import { findPackageSync } from 'fd-package-json';
 import { BrowserBuilderOptions, StylePreprocessorOptions } from '@angular-devkit/build-angular';
-
-import { CLIOptions } from 'storybook/internal/types';
-import { getEnvConfig, versions } from 'storybook/internal/common';
-import { addToGlobalContext } from 'storybook/internal/telemetry';
-
-import { buildStaticStandalone, withTelemetry } from 'storybook/internal/core-server';
 import {
   AssetPattern,
   SourceMapUnion,
   StyleElement,
 } from '@angular-devkit/build-angular/src/builders/browser/schema';
-import { StandaloneOptions } from '../utils/standalone-options';
-import { runCompodoc } from '../utils/run-compodoc';
+import { JsonObject } from '@angular-devkit/core';
+import { findPackageSync } from 'fd-package-json';
+import { sync as findUpSync } from 'find-up';
+import { from, of, throwError } from 'rxjs';
+import { catchError, map, mapTo, switchMap } from 'rxjs/operators';
+
 import { errorSummary, printErrorDetails } from '../utils/error-handler';
+import { runCompodoc } from '../utils/run-compodoc';
+import { StandaloneOptions } from '../utils/standalone-options';
 
 addToGlobalContext('cliVersion', versions.storybook);
 
diff --git a/code/frameworks/angular/src/builders/start-storybook/index.spec.ts b/code/frameworks/angular/src/builders/start-storybook/index.spec.ts
index 7df20b08c5f2..cdce7ad01f06 100644
--- a/code/frameworks/angular/src/builders/start-storybook/index.spec.ts
+++ b/code/frameworks/angular/src/builders/start-storybook/index.spec.ts
@@ -1,9 +1,8 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { vi, describe, expect, it, beforeEach, afterEach } from 'vitest';
 import { Architect, createBuilder } from '@angular-devkit/architect';
 import { TestingArchitectHost } from '@angular-devkit/architect/testing';
 import { schema } from '@angular-devkit/core';
-import * as path from 'path';
+import { join } from 'node:path';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 const buildDevStandaloneMock = vi.fn();
 const buildStaticStandaloneMock = vi.fn();
@@ -63,7 +62,7 @@ describe.skip('Start Storybook Builder', () => {
     );
     // This will either take a Node package name, or a path to the directory
     // for the package.json file.
-    await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
+    await architectHost.addBuilderFromPackage(join(__dirname, '../../..'));
   });
 
   beforeEach(() => {
diff --git a/code/frameworks/angular/src/builders/start-storybook/index.ts b/code/frameworks/angular/src/builders/start-storybook/index.ts
index 3cd9804cca4a..701d3c1d683e 100644
--- a/code/frameworks/angular/src/builders/start-storybook/index.ts
+++ b/code/frameworks/angular/src/builders/start-storybook/index.ts
@@ -1,3 +1,8 @@
+import { getEnvConfig, versions } from 'storybook/internal/common';
+import { buildDevStandalone, withTelemetry } from 'storybook/internal/core-server';
+import { addToGlobalContext } from 'storybook/internal/telemetry';
+import { CLIOptions } from 'storybook/internal/types';
+
 import {
   BuilderContext,
   BuilderHandlerFn,
@@ -6,25 +11,21 @@ import {
   createBuilder,
   targetFromTargetString,
 } from '@angular-devkit/architect';
-import { JsonObject } from '@angular-devkit/core';
 import { BrowserBuilderOptions, StylePreprocessorOptions } from '@angular-devkit/build-angular';
-import { from, Observable, of } from 'rxjs';
-import { map, switchMap, mapTo } from 'rxjs/operators';
-import { sync as findUpSync } from 'find-up';
-import { findPackageSync } from 'fd-package-json';
-
-import { CLIOptions } from 'storybook/internal/types';
-import { getEnvConfig, versions } from 'storybook/internal/common';
-import { addToGlobalContext } from 'storybook/internal/telemetry';
-import { buildDevStandalone, withTelemetry } from 'storybook/internal/core-server';
 import {
   AssetPattern,
   SourceMapUnion,
   StyleElement,
 } from '@angular-devkit/build-angular/src/builders/browser/schema';
-import { StandaloneOptions } from '../utils/standalone-options';
+import { JsonObject } from '@angular-devkit/core';
+import { findPackageSync } from 'fd-package-json';
+import { sync as findUpSync } from 'find-up';
+import { Observable, from, of } from 'rxjs';
+import { map, mapTo, switchMap } from 'rxjs/operators';
+
+import { errorSummary, printErrorDetails } from '../utils/error-handler';
 import { runCompodoc } from '../utils/run-compodoc';
-import { printErrorDetails, errorSummary } from '../utils/error-handler';
+import { StandaloneOptions } from '../utils/standalone-options';
 
 addToGlobalContext('cliVersion', versions.storybook);
 
diff --git a/code/frameworks/angular/src/builders/utils/error-handler.ts b/code/frameworks/angular/src/builders/utils/error-handler.ts
index 58094633b25a..af0aaddbfbba 100644
--- a/code/frameworks/angular/src/builders/utils/error-handler.ts
+++ b/code/frameworks/angular/src/builders/utils/error-handler.ts
@@ -1,4 +1,5 @@
 import { logger, instance as npmLog } from 'storybook/internal/node-logger';
+
 import { dedent } from 'ts-dedent';
 
 export const printErrorDetails = (error: any): void => {
diff --git a/code/frameworks/angular/src/builders/utils/run-compodoc.spec.ts b/code/frameworks/angular/src/builders/utils/run-compodoc.spec.ts
index 14cb43103e17..4391c939fc40 100644
--- a/code/frameworks/angular/src/builders/utils/run-compodoc.spec.ts
+++ b/code/frameworks/angular/src/builders/utils/run-compodoc.spec.ts
@@ -1,8 +1,7 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
-import { vi, describe, afterEach, it, expect } from 'vitest';
+import { BuilderContext } from '@angular-devkit/architect';
 import { LoggerApi } from '@angular-devkit/core/src/logger';
 import { take } from 'rxjs/operators';
-import { BuilderContext } from '@angular-devkit/architect';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 
 import { runCompodoc } from './run-compodoc';
 
diff --git a/code/frameworks/angular/src/builders/utils/run-compodoc.ts b/code/frameworks/angular/src/builders/utils/run-compodoc.ts
index e826d4e52325..e479212c445a 100644
--- a/code/frameworks/angular/src/builders/utils/run-compodoc.ts
+++ b/code/frameworks/angular/src/builders/utils/run-compodoc.ts
@@ -1,16 +1,18 @@
+import { isAbsolute, relative } from 'node:path';
+
+import { JsPackageManagerFactory } from 'storybook/internal/common';
+
 import { BuilderContext } from '@angular-devkit/architect';
 import { Observable } from 'rxjs';
-import * as path from 'path';
-import { JsPackageManagerFactory } from 'storybook/internal/common';
 
 const hasTsConfigArg = (args: string[]) => args.indexOf('-p') !== -1;
 const hasOutputArg = (args: string[]) =>
   args.indexOf('-d') !== -1 || args.indexOf('--output') !== -1;
 
-// path.relative is necessary to workaround a compodoc issue with
+// relative is necessary to workaround a compodoc issue with
 // absolute paths on windows machines
 const toRelativePath = (pathToTsConfig: string) => {
-  return path.isAbsolute(pathToTsConfig) ? path.relative('.', pathToTsConfig) : pathToTsConfig;
+  return isAbsolute(pathToTsConfig) ? relative('.', pathToTsConfig) : pathToTsConfig;
 };
 
 export const runCompodoc = (
diff --git a/code/frameworks/angular/src/builders/utils/standalone-options.ts b/code/frameworks/angular/src/builders/utils/standalone-options.ts
index e4cf63841932..f96f051b5195 100644
--- a/code/frameworks/angular/src/builders/utils/standalone-options.ts
+++ b/code/frameworks/angular/src/builders/utils/standalone-options.ts
@@ -1,3 +1,5 @@
+import { BuilderOptions, CLIOptions, LoadOptions } from 'storybook/internal/types';
+
 import { BuilderContext } from '@angular-devkit/architect';
 import {
   AssetPattern,
@@ -5,7 +7,6 @@ import {
   StyleElement,
   StylePreprocessorOptions,
 } from '@angular-devkit/build-angular/src/builders/browser/schema';
-import { LoadOptions, CLIOptions, BuilderOptions } from 'storybook/internal/types';
 
 export type StandaloneOptions = CLIOptions &
   LoadOptions &
diff --git a/code/frameworks/angular/src/client/angular-beta/AbstractRenderer.ts b/code/frameworks/angular/src/client/angular-beta/AbstractRenderer.ts
index 86de5a16897a..780951207cdc 100644
--- a/code/frameworks/angular/src/client/angular-beta/AbstractRenderer.ts
+++ b/code/frameworks/angular/src/client/angular-beta/AbstractRenderer.ts
@@ -1,14 +1,13 @@
-import { ApplicationRef, enableProdMode, NgModule } from '@angular/core';
+import { ApplicationRef, NgModule, enableProdMode } from '@angular/core';
 import { bootstrapApplication } from '@angular/platform-browser';
-
 import { BehaviorSubject, Subject } from 'rxjs';
 import { stringify } from 'telejson';
 
 import { ICollection, StoryFnAngularReturnType } from '../types';
 import { getApplication } from './StorybookModule';
 import { storyPropsProvider } from './StorybookProvider';
-import { PropertyExtractor } from './utils/PropertyExtractor';
 import { queueBootstrapping } from './utils/BootstrapQueue';
+import { PropertyExtractor } from './utils/PropertyExtractor';
 
 type StoryRenderInfo = {
   storyFnAngular: StoryFnAngularReturnType;
diff --git a/code/frameworks/angular/src/client/angular-beta/CanvasRenderer.ts b/code/frameworks/angular/src/client/angular-beta/CanvasRenderer.ts
index eeb6812ddab3..e9c3178a8725 100644
--- a/code/frameworks/angular/src/client/angular-beta/CanvasRenderer.ts
+++ b/code/frameworks/angular/src/client/angular-beta/CanvasRenderer.ts
@@ -1,5 +1,5 @@
+import { Parameters, StoryFnAngularReturnType } from '../types';
 import { AbstractRenderer } from './AbstractRenderer';
-import { StoryFnAngularReturnType, Parameters } from '../types';
 
 export class CanvasRenderer extends AbstractRenderer {
   public async render(options: {
diff --git a/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.test.ts b/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.test.ts
index cc12902b5c05..669c4ceea209 100644
--- a/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.test.ts
+++ b/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.test.ts
@@ -681,10 +681,10 @@ describe('angular source decorator', () => {
           `a string literal with 'single quotes'`,
           'a single quoted string with "double quotes"',
           "a double quoted string with 'single quotes'",
-          // eslint-disable-next-line prettier/prettier
-          'a single quoted string with escaped \'single quotes\'',
-          // eslint-disable-next-line prettier/prettier
-          "a double quoted string with escaped \"double quotes\"",
+
+          "a single quoted string with escaped 'single quotes'",
+
+          'a double quoted string with escaped "double quotes"',
 
           `a string literal with \'escaped single quotes\'`,
 
@@ -717,10 +717,10 @@ describe('angular source decorator', () => {
           `a string literal with 'single quotes'`,
           'a single quoted string with "double quotes"',
           "a double quoted string with 'single quotes'",
-          // eslint-disable-next-line prettier/prettier
-          'a single quoted string with escaped \'single quotes\'',
-          // eslint-disable-next-line prettier/prettier
-          "a double quoted string with escaped \"double quotes\"",
+
+          "a single quoted string with escaped 'single quotes'",
+
+          'a double quoted string with escaped "double quotes"',
 
           `a string literal with \'escaped single quotes\'`,
 
diff --git a/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.ts b/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.ts
index 9e0d38f17986..10e1781c1af8 100644
--- a/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.ts
+++ b/code/frameworks/angular/src/client/angular-beta/ComputesTemplateFromComponent.ts
@@ -1,5 +1,7 @@
-import { Type } from '@angular/core';
 import { ArgTypes } from 'storybook/internal/types';
+
+import { Type } from '@angular/core';
+
 import { ICollection } from '../types';
 import {
   ComponentInputsOutputs,
diff --git a/code/frameworks/angular/src/client/angular-beta/DocsRenderer.ts b/code/frameworks/angular/src/client/angular-beta/DocsRenderer.ts
index 0cff02596888..449a7f1af7ec 100644
--- a/code/frameworks/angular/src/client/angular-beta/DocsRenderer.ts
+++ b/code/frameworks/angular/src/client/angular-beta/DocsRenderer.ts
@@ -1,9 +1,9 @@
-import { addons } from 'storybook/internal/preview-api';
 import { DOCS_RENDERED, STORY_CHANGED } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/preview-api';
 
-import { getNextStoryUID } from './utils/StoryUID';
+import { Parameters, StoryFnAngularReturnType } from '../types';
 import { AbstractRenderer, STORY_UID_ATTRIBUTE } from './AbstractRenderer';
-import { StoryFnAngularReturnType, Parameters } from '../types';
+import { getNextStoryUID } from './utils/StoryUID';
 
 export class DocsRenderer extends AbstractRenderer {
   public async render(options: {
diff --git a/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts b/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts
index d9be786f22ff..afe1ce91000b 100644
--- a/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts
+++ b/code/frameworks/angular/src/client/angular-beta/RendererFactory.ts
@@ -1,6 +1,6 @@
 import { AbstractRenderer } from './AbstractRenderer';
-import { DocsRenderer } from './DocsRenderer';
 import { CanvasRenderer } from './CanvasRenderer';
+import { DocsRenderer } from './DocsRenderer';
 
 type RenderType = 'canvas' | 'docs';
 export class RendererFactory {
diff --git a/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts b/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts
index 3535a85c6988..09f558b8e055 100644
--- a/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts
+++ b/code/frameworks/angular/src/client/angular-beta/StorybookModule.ts
@@ -1,6 +1,6 @@
 import { StoryFnAngularReturnType } from '../types';
-import { createStorybookWrapperComponent } from './StorybookWrapperComponent';
 import { computesTemplateFromComponent } from './ComputesTemplateFromComponent';
+import { createStorybookWrapperComponent } from './StorybookWrapperComponent';
 import { PropertyExtractor } from './utils/PropertyExtractor';
 
 export const getApplication = ({
diff --git a/code/frameworks/angular/src/client/angular-beta/StorybookProvider.ts b/code/frameworks/angular/src/client/angular-beta/StorybookProvider.ts
index f40ef8d96aa7..d6c4e4603020 100644
--- a/code/frameworks/angular/src/client/angular-beta/StorybookProvider.ts
+++ b/code/frameworks/angular/src/client/angular-beta/StorybookProvider.ts
@@ -1,5 +1,6 @@
-import { Provider, InjectionToken, NgZone } from '@angular/core';
-import { Subject, Subscriber, Observable } from 'rxjs';
+import { InjectionToken, NgZone, Provider } from '@angular/core';
+import { Observable, Subject, Subscriber } from 'rxjs';
+
 import { ICollection } from '../types';
 
 export const STORY_PROPS = new InjectionToken<Subject<ICollection | undefined>>('STORY_PROPS');
diff --git a/code/frameworks/angular/src/client/angular-beta/utils/BootstrapQueue.test.ts b/code/frameworks/angular/src/client/angular-beta/utils/BootstrapQueue.test.ts
index fe7fbd9ec862..3b580573471d 100644
--- a/code/frameworks/angular/src/client/angular-beta/utils/BootstrapQueue.test.ts
+++ b/code/frameworks/angular/src/client/angular-beta/utils/BootstrapQueue.test.ts
@@ -1,7 +1,6 @@
 // @vitest-environment happy-dom
-
 import { Subject, lastValueFrom } from 'rxjs';
-import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
 import { queueBootstrapping } from './BootstrapQueue';
 
diff --git a/code/frameworks/angular/src/client/angular-beta/utils/NgComponentAnalyzer.ts b/code/frameworks/angular/src/client/angular-beta/utils/NgComponentAnalyzer.ts
index 09b1f63211ce..3b4404b09b03 100644
--- a/code/frameworks/angular/src/client/angular-beta/utils/NgComponentAnalyzer.ts
+++ b/code/frameworks/angular/src/client/angular-beta/utils/NgComponentAnalyzer.ts
@@ -1,11 +1,11 @@
 import {
-  Type,
   Component,
   Directive,
   Input,
   Output,
   Pipe,
   ɵReflectionCapabilities as ReflectionCapabilities,
+  Type,
 } from '@angular/core';
 
 const reflectionCapabilities = new ReflectionCapabilities();
diff --git a/code/frameworks/angular/src/client/angular-beta/utils/NgModulesAnalyzer.test.ts b/code/frameworks/angular/src/client/angular-beta/utils/NgModulesAnalyzer.test.ts
index 3299a6d4e290..1258638e2662 100644
--- a/code/frameworks/angular/src/client/angular-beta/utils/NgModulesAnalyzer.test.ts
+++ b/code/frameworks/angular/src/client/angular-beta/utils/NgModulesAnalyzer.test.ts
@@ -1,5 +1,6 @@
 import { Component, NgModule } from '@angular/core';
 import { describe, expect, it } from 'vitest';
+
 import { isComponentAlreadyDeclared } from './NgModulesAnalyzer';
 
 const FooComponent = Component({})(class {});
diff --git a/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.test.ts b/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.test.ts
index b5256a08370d..1a8c725287aa 100644
--- a/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.test.ts
+++ b/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.test.ts
@@ -1,4 +1,3 @@
-import { vi, describe, it, expect } from 'vitest';
 import { CommonModule } from '@angular/common';
 import { Component, Directive, Injectable, InjectionToken, NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
@@ -8,9 +7,11 @@ import {
   provideAnimations,
   provideNoopAnimations,
 } from '@angular/platform-browser/animations';
+import { describe, expect, it, vi } from 'vitest';
+
 import { NgModuleMetadata } from '../../types';
-import { PropertyExtractor } from './PropertyExtractor';
 import { WithOfficialModule } from '../__testfixtures__/test.module';
+import { PropertyExtractor } from './PropertyExtractor';
 
 const TEST_TOKEN = new InjectionToken('testToken');
 const TestTokenProvider = { provide: TEST_TOKEN, useValue: 123 };
diff --git a/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.ts b/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.ts
index 67bcd7b5e6d5..309ba09ea9eb 100644
--- a/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.ts
+++ b/code/frameworks/angular/src/client/angular-beta/utils/PropertyExtractor.ts
@@ -2,7 +2,6 @@ import { CommonModule } from '@angular/common';
 import {
   Component,
   Directive,
-  importProvidersFrom,
   Injectable,
   InjectionToken,
   Input,
@@ -11,6 +10,7 @@ import {
   Pipe,
   Provider,
   ɵReflectionCapabilities as ReflectionCapabilities,
+  importProvidersFrom,
 } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import {
@@ -20,6 +20,7 @@ import {
   provideNoopAnimations,
 } from '@angular/platform-browser/animations';
 import { dedent } from 'ts-dedent';
+
 import { NgModuleMetadata } from '../../types';
 import { isComponentAlreadyDeclared } from './NgModulesAnalyzer';
 
diff --git a/code/frameworks/angular/src/client/argsToTemplate.test.ts b/code/frameworks/angular/src/client/argsToTemplate.test.ts
index 29a51acb1b9d..decb40bc3d59 100644
--- a/code/frameworks/angular/src/client/argsToTemplate.test.ts
+++ b/code/frameworks/angular/src/client/argsToTemplate.test.ts
@@ -1,5 +1,8 @@
 import { describe, expect, it } from 'vitest';
-import { argsToTemplate, ArgsToTemplateOptions } from './argsToTemplate'; // adjust path
+
+import { ArgsToTemplateOptions, argsToTemplate } from './argsToTemplate';
+
+// adjust path
 
 describe('argsToTemplate', () => {
   it('should correctly convert args to template string and exclude undefined values', () => {
diff --git a/code/frameworks/angular/src/client/decorateStory.ts b/code/frameworks/angular/src/client/decorateStory.ts
index 1085191e77bc..c2ac022b4a7d 100644
--- a/code/frameworks/angular/src/client/decorateStory.ts
+++ b/code/frameworks/angular/src/client/decorateStory.ts
@@ -1,7 +1,7 @@
-import { DecoratorFunction, LegacyStoryFn, StoryContext } from 'storybook/internal/types';
 import { sanitizeStoryContextUpdate } from 'storybook/internal/preview-api';
-import { computesTemplateFromComponent } from './angular-beta/ComputesTemplateFromComponent';
+import { DecoratorFunction, LegacyStoryFn, StoryContext } from 'storybook/internal/types';
 
+import { computesTemplateFromComponent } from './angular-beta/ComputesTemplateFromComponent';
 import { AngularRenderer } from './types';
 
 export default function decorateStory(
diff --git a/code/frameworks/angular/src/client/decorators.ts b/code/frameworks/angular/src/client/decorators.ts
index b08278ebef44..d9b2917d27f1 100644
--- a/code/frameworks/angular/src/client/decorators.ts
+++ b/code/frameworks/angular/src/client/decorators.ts
@@ -1,9 +1,11 @@
+import { DecoratorFunction, StoryContext } from 'storybook/internal/types';
+
 import { Type } from '@angular/core';
 import { ApplicationConfig } from '@angular/platform-browser';
-import { DecoratorFunction, StoryContext } from 'storybook/internal/types';
+
 import { computesTemplateFromComponent } from './angular-beta/ComputesTemplateFromComponent';
 import { isComponent } from './angular-beta/utils/NgComponentAnalyzer';
-import { ICollection, NgModuleMetadata, AngularRenderer } from './types';
+import { AngularRenderer, ICollection, NgModuleMetadata } from './types';
 
 // We use `any` here as the default type rather than `Args` because we need something that is
 // castable to any component-specific args type when the user is being careful.
diff --git a/code/frameworks/angular/src/client/docs/angular-properties.test.ts b/code/frameworks/angular/src/client/docs/angular-properties.test.ts
index 6649e9a4496d..baa410f34fe4 100644
--- a/code/frameworks/angular/src/client/docs/angular-properties.test.ts
+++ b/code/frameworks/angular/src/client/docs/angular-properties.test.ts
@@ -1,16 +1,17 @@
-import path from 'path';
-import fs from 'fs';
+import { readdirSync } from 'node:fs';
+import { join } from 'node:path';
+
 import { describe, expect, it } from 'vitest';
 
 // File hierarchy: __testfixtures__ / some-test-case / input.*
 const inputRegExp = /^input\..*$/;
 
 describe('angular component properties', () => {
-  const fixturesDir = path.join(__dirname, '__testfixtures__');
-  fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+  const fixturesDir = join(__dirname, '__testfixtures__');
+  readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
     if (testEntry.isDirectory()) {
-      const testDir = path.join(fixturesDir, testEntry.name);
-      const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+      const testDir = join(fixturesDir, testEntry.name);
+      const testFile = readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
       if (testFile) {
         // TODO: Remove this as soon as the real test is fixed
         it('true', () => {
@@ -18,19 +19,19 @@ describe('angular component properties', () => {
         });
         // TODO: Fix this test
         // it(`${testEntry.name}`, () => {
-        //   const inputPath = path.join(testDir, testFile);
+        //   const inputPath = join(testDir, testFile);
 
         //   // snapshot the output of compodoc
         //   const compodocOutput = runCompodoc(inputPath);
         //   const compodocJson = JSON.parse(compodocOutput);
         //   expect(compodocJson).toMatchFileSnapshot(
-        //     path.join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`)
+        //     join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`)
         //   );
 
         //   // snapshot the output of addon-docs angular-properties
         //   const componentData = findComponentByName('InputComponent', compodocJson);
         //   const argTypes = extractArgTypesFromData(componentData);
-        //   expect(argTypes).toMatchFileSnapshot(path.join(testDir, 'argtypes.snapshot'));
+        //   expect(argTypes).toMatchFileSnapshot(join(testDir, 'argtypes.snapshot'));
         // });
       }
     }
diff --git a/code/frameworks/angular/src/client/docs/compodoc.test.ts b/code/frameworks/angular/src/client/docs/compodoc.test.ts
index ff91661c8d25..6e8d220e7e9a 100644
--- a/code/frameworks/angular/src/client/docs/compodoc.test.ts
+++ b/code/frameworks/angular/src/client/docs/compodoc.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { extractType, setCompodocJson } from './compodoc';
 import { CompodocJson, Decorator } from './types';
 
diff --git a/code/frameworks/angular/src/client/docs/compodoc.ts b/code/frameworks/angular/src/client/docs/compodoc.ts
index e71d1f463ad3..076f591e8a84 100644
--- a/code/frameworks/angular/src/client/docs/compodoc.ts
+++ b/code/frameworks/angular/src/client/docs/compodoc.ts
@@ -1,19 +1,20 @@
 /* eslint-disable no-underscore-dangle */
+import { logger } from 'storybook/internal/client-logger';
+import { ArgTypes, InputType, SBType } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
 
-import { InputType, ArgTypes, SBType } from 'storybook/internal/types';
-import { logger } from 'storybook/internal/client-logger';
 import {
   Argument,
   Class,
   CompodocJson,
   Component,
+  Directive,
   Injectable,
+  JsDocTag,
   Method,
   Pipe,
   Property,
-  Directive,
-  JsDocTag,
 } from './types';
 
 export const isMethod = (methodOrProp: Method | Property): methodOrProp is Method => {
diff --git a/code/frameworks/angular/src/client/docs/config.ts b/code/frameworks/angular/src/client/docs/config.ts
index 819e73e398e4..30dc3f20f812 100644
--- a/code/frameworks/angular/src/client/docs/config.ts
+++ b/code/frameworks/angular/src/client/docs/config.ts
@@ -1,5 +1,6 @@
 import { SourceType, enhanceArgTypes } from 'storybook/internal/docs-tools';
-import { Parameters, DecoratorFunction, ArgTypesEnhancer } from 'storybook/internal/types';
+import { ArgTypesEnhancer, DecoratorFunction, Parameters } from 'storybook/internal/types';
+
 import { extractArgTypes, extractComponentDescription } from './compodoc';
 import { sourceDecorator } from './sourceDecorator';
 
diff --git a/code/frameworks/angular/src/client/docs/sourceDecorator.ts b/code/frameworks/angular/src/client/docs/sourceDecorator.ts
index 31a84d273499..09296a2a4f18 100644
--- a/code/frameworks/angular/src/client/docs/sourceDecorator.ts
+++ b/code/frameworks/angular/src/client/docs/sourceDecorator.ts
@@ -1,8 +1,9 @@
+import { SNIPPET_RENDERED, SourceType } from 'storybook/internal/docs-tools';
 import { addons, useEffect } from 'storybook/internal/preview-api';
 import { PartialStoryFn } from 'storybook/internal/types';
-import { SNIPPET_RENDERED, SourceType } from 'storybook/internal/docs-tools';
-import { StoryContext, AngularRenderer } from '../types';
+
 import { computesTemplateSourceFromComponent } from '../../renderer';
+import { AngularRenderer, StoryContext } from '../types';
 
 export const skipSourceRender = (context: StoryContext) => {
   const sourceParams = context?.parameters.docs?.source;
diff --git a/code/frameworks/angular/src/client/globals.ts b/code/frameworks/angular/src/client/globals.ts
index c16095858f16..cf5c3eca103f 100644
--- a/code/frameworks/angular/src/client/globals.ts
+++ b/code/frameworks/angular/src/client/globals.ts
@@ -25,7 +25,9 @@ import { global } from '@storybook/global';
 /** *************************************************************************************************
  * Zone JS is required by Angular itself.
  */
-import 'zone.js'; // Included with Angular CLI.
+import 'zone.js';
+
+// Included with Angular CLI.
 
 /** *************************************************************************************************
  * APPLICATION IMPORTS
diff --git a/code/frameworks/angular/src/client/index.ts b/code/frameworks/angular/src/client/index.ts
index 8f2e0a4172c0..45388bcad324 100644
--- a/code/frameworks/angular/src/client/index.ts
+++ b/code/frameworks/angular/src/client/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export * from './public-types';
diff --git a/code/frameworks/angular/src/client/render.ts b/code/frameworks/angular/src/client/render.ts
index b3fc38c4da04..817d985bd16b 100644
--- a/code/frameworks/angular/src/client/render.ts
+++ b/code/frameworks/angular/src/client/render.ts
@@ -1,10 +1,9 @@
-import '@angular/compiler';
-
-import { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
+import { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
 
-import { AngularRenderer } from './types';
+import '@angular/compiler';
 
 import { RendererFactory } from './angular-beta/RendererFactory';
+import { AngularRenderer } from './types';
 
 export const rendererFactory = new RendererFactory();
 
diff --git a/code/frameworks/angular/src/client/types.ts b/code/frameworks/angular/src/client/types.ts
index 33b4346c2d7f..7f65f6245b29 100644
--- a/code/frameworks/angular/src/client/types.ts
+++ b/code/frameworks/angular/src/client/types.ts
@@ -1,11 +1,12 @@
-import { Provider, importProvidersFrom } from '@angular/core';
-import { ApplicationConfig } from '@angular/platform-browser';
 import {
   Parameters as DefaultParameters,
   StoryContext as DefaultStoryContext,
   WebRenderer,
 } from 'storybook/internal/types';
 
+import { Provider, importProvidersFrom } from '@angular/core';
+import { ApplicationConfig } from '@angular/platform-browser';
+
 export interface NgModuleMetadata {
   /**
    * List of components, directives, and pipes that belong to your component.
diff --git a/code/frameworks/angular/src/preset.ts b/code/frameworks/angular/src/preset.ts
index 6d32ae831c4b..4eb938b1f3d3 100644
--- a/code/frameworks/angular/src/preset.ts
+++ b/code/frameworks/angular/src/preset.ts
@@ -1,7 +1,9 @@
-import { dirname, join } from 'path';
 import { PresetProperty } from 'storybook/internal/types';
-import { StorybookConfig } from './types';
+
+import { dirname, join } from 'node:path';
+
 import { StandaloneOptions } from './builders/utils/standalone-options';
+import { StorybookConfig } from './types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
   dirname(require.resolve(join(input, 'package.json'))) as any;
diff --git a/code/frameworks/angular/src/server/angular-cli-webpack.d.ts b/code/frameworks/angular/src/server/angular-cli-webpack.d.ts
index b2f79e4d963a..ec5359716dd0 100644
--- a/code/frameworks/angular/src/server/angular-cli-webpack.d.ts
+++ b/code/frameworks/angular/src/server/angular-cli-webpack.d.ts
@@ -1,5 +1,5 @@
-import { JsonObject } from '@angular-devkit/core';
 import { BuilderContext } from '@angular-devkit/architect';
+import { JsonObject } from '@angular-devkit/core';
 
 export declare function getWebpackConfig(
   baseConfig: any,
diff --git a/code/frameworks/angular/src/server/framework-preset-angular-cli.ts b/code/frameworks/angular/src/server/framework-preset-angular-cli.ts
index acadb3c8e1da..7f10d33ea5f8 100644
--- a/code/frameworks/angular/src/server/framework-preset-angular-cli.ts
+++ b/code/frameworks/angular/src/server/framework-preset-angular-cli.ts
@@ -1,13 +1,14 @@
-import webpack from 'webpack';
 import { logger } from 'storybook/internal/node-logger';
 import { AngularLegacyBuildOptionsError } from 'storybook/internal/server-errors';
+
 import { BuilderContext, targetFromTargetString } from '@angular-devkit/architect';
-import { sync as findUpSync } from 'find-up';
 import { JsonObject, logging } from '@angular-devkit/core';
+import { sync as findUpSync } from 'find-up';
+import webpack from 'webpack';
 
 import { getWebpackConfig as getCustomWebpackConfig } from './angular-cli-webpack';
-import { moduleIsAvailable } from './utils/module-is-available';
 import { PresetOptions } from './preset-options';
+import { moduleIsAvailable } from './utils/module-is-available';
 
 export async function webpackFinal(baseConfig: webpack.Configuration, options: PresetOptions) {
   if (!moduleIsAvailable('@angular-devkit/build-angular')) {
diff --git a/code/frameworks/angular/src/server/framework-preset-angular-docs.ts b/code/frameworks/angular/src/server/framework-preset-angular-docs.ts
index 7f7c259ea4f4..291e131547ec 100644
--- a/code/frameworks/angular/src/server/framework-preset-angular-docs.ts
+++ b/code/frameworks/angular/src/server/framework-preset-angular-docs.ts
@@ -1,5 +1,5 @@
-import { PresetProperty } from 'storybook/internal/types';
 import { hasDocsOrControls } from 'storybook/internal/docs-tools';
+import { PresetProperty } from 'storybook/internal/types';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = (entry = [], options) => {
   if (!hasDocsOrControls(options)) return entry;
diff --git a/code/frameworks/angular/src/server/framework-preset-angular-ivy.ts b/code/frameworks/angular/src/server/framework-preset-angular-ivy.ts
index 31279d958aef..3f854666f5ae 100644
--- a/code/frameworks/angular/src/server/framework-preset-angular-ivy.ts
+++ b/code/frameworks/angular/src/server/framework-preset-angular-ivy.ts
@@ -1,10 +1,12 @@
-import { Configuration } from 'webpack';
-import * as path from 'path';
+import { readFileSync } from 'node:fs';
+import { join } from 'node:path';
+
 import { Preset } from 'storybook/internal/types';
-import fs from 'fs';
 
-import { PresetOptions } from './preset-options';
+import { Configuration } from 'webpack';
+
 import { AngularOptions } from '../types';
+import { PresetOptions } from './preset-options';
 
 /**
  * Source : https://github.com/angular/angular-cli/blob/ebccb5de4a455af813c5e82483db6af20666bdbd/packages/angular_devkit/build_angular/src/utils/load-esm.ts#L23
@@ -42,7 +44,7 @@ export const runNgcc = async () => {
     // should be async: true but does not work due to
     // https://github.com/storybookjs/storybook/pull/11157/files#r615413803
     async: false,
-    basePath: path.join(process.cwd(), 'node_modules'), // absolute path to node_modules
+    basePath: join(process.cwd(), 'node_modules'), // absolute path to node_modules
     createNewEntryPointFormats: true, // --create-ivy-entry-points
     compileAllFormats: false, // --first-only
   });
@@ -50,7 +52,7 @@ export const runNgcc = async () => {
 
 export const webpack = async (webpackConfig: Configuration, options: PresetOptions) => {
   const packageJsonPath = require.resolve('@angular/core/package.json');
-  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'));
+  const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));
   const VERSION = packageJson.version;
   const framework = await options.presets.apply<Preset>('framework');
   const angularOptions = (typeof framework === 'object' ? framework.options : {}) as AngularOptions;
diff --git a/code/frameworks/angular/src/test-setup.ts b/code/frameworks/angular/src/test-setup.ts
index d28182c6e7b7..5ed15c667bad 100644
--- a/code/frameworks/angular/src/test-setup.ts
+++ b/code/frameworks/angular/src/test-setup.ts
@@ -1,10 +1,8 @@
-// eslint-disable-next-line import/no-extraneous-dependencies
 import '@analogjs/vite-plugin-angular/setup-vitest';
-
+import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
-import { getTestBed } from '@angular/core/testing';
 
 getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
diff --git a/code/frameworks/angular/src/types.ts b/code/frameworks/angular/src/types.ts
index f2d1684b74b2..c477fd756bb5 100644
--- a/code/frameworks/angular/src/types.ts
+++ b/code/frameworks/angular/src/types.ts
@@ -1,13 +1,14 @@
+import { CompatibleString } from 'storybook/internal/types';
+
 import {
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/core-webpack';
-import {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import { CompatibleString } from 'storybook/internal/types';
+import {
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/core-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/angular'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/angular/template/cli/button.stories.ts b/code/frameworks/angular/template/cli/button.stories.ts
index 886310bed9ad..dedeca1f2e9b 100644
--- a/code/frameworks/angular/template/cli/button.stories.ts
+++ b/code/frameworks/angular/template/cli/button.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import { fn } from '@storybook/test';
+
 import { ButtonComponent } from './button.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/frameworks/angular/template/cli/header.stories.ts b/code/frameworks/angular/template/cli/header.stories.ts
index 3f3fb684e855..ea9b0894e4b4 100644
--- a/code/frameworks/angular/template/cli/header.stories.ts
+++ b/code/frameworks/angular/template/cli/header.stories.ts
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
+import { fn } from '@storybook/test';
 
 import { HeaderComponent } from './header.component';
-import { fn } from '@storybook/test';
 
 const meta: Meta<HeaderComponent> = {
   title: 'Example/Header',
diff --git a/code/frameworks/angular/template/cli/page.stories.ts b/code/frameworks/angular/template/cli/page.stories.ts
index 5a64cdbc2ef9..74deedbfccc1 100644
--- a/code/frameworks/angular/template/cli/page.stories.ts
+++ b/code/frameworks/angular/template/cli/page.stories.ts
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/angular';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { PageComponent } from './page.component';
 
diff --git a/code/frameworks/angular/template/components/index.js b/code/frameworks/angular/template/components/index.js
index 71aafe7204fc..5e8c4f413623 100644
--- a/code/frameworks/angular/template/components/index.js
+++ b/code/frameworks/angular/template/components/index.js
@@ -1,8 +1,8 @@
 import { global } from '@storybook/global';
 
 import Button from './button.component';
+import Form from './form.component';
 import Html from './html.component';
 import Pre from './pre.component';
-import Form from './form.component';
 
 global.Components = { Button, Html, Pre, Form };
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts
index 11dc4d7cd32d..329162d2a5cf 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj, argsToTemplate } from '@storybook/angular';
+
 import { DocButtonComponent } from './doc-button.component';
 
 const meta: Meta<DocButtonComponent<any>> = {
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts
index e949d8e88252..77682191d2bf 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-directive/doc-directive.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { DocDirective } from './doc-directive.directive';
 
 const meta: Meta<DocDirective> = {
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts
index 7741bca9ba88..55c8b1fe86ea 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-injectable/doc-injectable.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { DocInjectableService } from './doc-injectable.service';
 
 const meta: Meta<DocInjectableService> = {
diff --git a/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts
index 018ab04a9951..f3f90d3196bc 100644
--- a/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts
+++ b/code/frameworks/angular/template/stories/argTypes/doc-pipe/doc-pipe.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { DocPipe } from './doc-pipe.pipe';
 
 const meta: Meta<DocPipe> = {
diff --git a/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
index 0396bae99acc..59a656bea1e2 100644
--- a/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/angular-forms/customControlValueAccessor/custom-cva-component.stories.ts
@@ -1,5 +1,7 @@
-import { FormsModule } from '@angular/forms';
 import { Meta, StoryFn, StoryObj, moduleMetadata } from '@storybook/angular';
+
+import { FormsModule } from '@angular/forms';
+
 import { CustomCvaComponent } from './custom-cva.component';
 
 const meta: Meta<CustomCvaComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts
index 73894b83b34a..8b442fa011d9 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-complex-selectors/attribute-selectors.component.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { AttributeSelectorComponent } from './attribute-selector.component';
 
 const meta: Meta<AttributeSelectorComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts
index b79bd371baf3..bf1b632b1685 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-enums/enums.component.stories.ts
@@ -1,9 +1,10 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import {
-  EnumsComponent,
   EnumNumeric,
   EnumNumericInitial,
   EnumStringValues,
+  EnumsComponent,
 } from './enums.component';
 
 const meta: Meta<EnumsComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts
index 271e6a3fcc9d..37e24d9cce9f 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/base-button.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { BaseButtonComponent } from './base-button.component';
 
 const meta: Meta<BaseButtonComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts
index bb5c5fb02bcb..cc94c6d6483f 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-inheritance/icon-button.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { IconButtonComponent } from './icon-button.component';
 
 const meta: Meta<IconButtonComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts
index cc672938a7f2..9fca26be1e55 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-on-push/on-push.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { OnPushBoxComponent } from './on-push-box.component';
 
 const meta: Meta<OnPushBoxComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts
index 381c272fb96d..2311222c7567 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-provider/di.component.stories.ts
@@ -1,4 +1,5 @@
 import { Args, Meta, StoryObj } from '@storybook/angular';
+
 import { DiComponent } from './di.component';
 
 const meta: Meta<DiComponent> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts
index c0cd88c09bc2..9047dcc9e4d3 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-style/styled.component.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import { StyledComponent } from './styled.component';
 
 const meta: Meta = {
diff --git a/code/frameworks/angular/template/stories/basics/component-with-template/template.stories.ts b/code/frameworks/angular/template/stories/basics/component-with-template/template.stories.ts
index 55639870f262..75b8c4e018eb 100644
--- a/code/frameworks/angular/template/stories/basics/component-with-template/template.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-with-template/template.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj, argsToTemplate } from '@storybook/angular';
+
 import { Template } from './template.component';
 
 const meta: Meta<Template> = {
diff --git a/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts
index a7f635252a69..ab03233ad5d6 100644
--- a/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/component-without-selector/without-selector.stories.ts
@@ -1,5 +1,6 @@
-import { StoryObj, Meta, moduleMetadata } from '@storybook/angular';
-import { WithoutSelectorComponent, WITHOUT_SELECTOR_DATA } from './without-selector.component';
+import { Meta, StoryObj, moduleMetadata } from '@storybook/angular';
+
+import { WITHOUT_SELECTOR_DATA, WithoutSelectorComponent } from './without-selector.component';
 
 const meta: Meta<WithoutSelectorComponent> = {
   // title: 'Basics / Component / without selector',
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts
index 3c3f58851125..e1a53bb49cf6 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module-chip.stories.ts
@@ -1,6 +1,7 @@
-import { StoryFn, Meta, moduleMetadata, StoryObj } from '@storybook/angular';
-import { ChipsModule } from './angular-src/chips.module';
+import { Meta, StoryFn, StoryObj, moduleMetadata } from '@storybook/angular';
+
 import { ChipComponent } from './angular-src/chip.component';
+import { ChipsModule } from './angular-src/chips.module';
 
 const meta: Meta<ChipComponent> = {
   component: ChipComponent,
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
index 6902672b66b5..73ef9915d437 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module-for-root.stories.ts
@@ -1,7 +1,8 @@
-import { StoryFn, Meta, moduleMetadata, StoryObj } from '@storybook/angular';
-import { ChipsModule } from './angular-src/chips.module';
-import { ChipsGroupComponent } from './angular-src/chips-group.component';
+import { Meta, StoryFn, StoryObj, moduleMetadata } from '@storybook/angular';
+
 import { CHIP_COLOR } from './angular-src/chip-color.token';
+import { ChipsGroupComponent } from './angular-src/chips-group.component';
+import { ChipsModule } from './angular-src/chips.module';
 
 const meta: Meta<ChipsGroupComponent> = {
   // title: 'Basics / NgModule / forRoot() pattern',
diff --git a/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
index 83c250fc0856..b82541424db0 100644
--- a/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
+++ b/code/frameworks/angular/template/stories/basics/ng-module/import-module.stories.ts
@@ -1,6 +1,7 @@
-import { StoryFn, Meta, moduleMetadata, StoryObj } from '@storybook/angular';
-import { ChipsModule } from './angular-src/chips.module';
+import { Meta, StoryFn, StoryObj, moduleMetadata } from '@storybook/angular';
+
 import { ChipsGroupComponent } from './angular-src/chips-group.component';
+import { ChipsModule } from './angular-src/chips.module';
 
 const meta: Meta<ChipsGroupComponent> = {
   // title: 'Basics / NgModule / Module with multiple component',
diff --git a/code/frameworks/angular/template/stories/core/applicationConfig/with-browser-animations.stories.ts b/code/frameworks/angular/template/stories/core/applicationConfig/with-browser-animations.stories.ts
index ef30854c26f9..25f107ad4d5e 100644
--- a/code/frameworks/angular/template/stories/core/applicationConfig/with-browser-animations.stories.ts
+++ b/code/frameworks/angular/template/stories/core/applicationConfig/with-browser-animations.stories.ts
@@ -1,7 +1,9 @@
 import { Meta, StoryObj, applicationConfig } from '@storybook/angular';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import { importProvidersFrom } from '@angular/core';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
 import { OpenCloseComponent } from '../moduleMetadata/angular-src/open-close-component/open-close.component';
 
 const meta: Meta = {
diff --git a/code/frameworks/angular/template/stories/core/applicationConfig/with-noop-browser-animations.stories.ts b/code/frameworks/angular/template/stories/core/applicationConfig/with-noop-browser-animations.stories.ts
index 3369b9949d33..56b585f3179a 100644
--- a/code/frameworks/angular/template/stories/core/applicationConfig/with-noop-browser-animations.stories.ts
+++ b/code/frameworks/angular/template/stories/core/applicationConfig/with-noop-browser-animations.stories.ts
@@ -1,7 +1,9 @@
 import { Meta, StoryObj } from '@storybook/angular';
-import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import { importProvidersFrom } from '@angular/core';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+
 import { OpenCloseComponent } from '../moduleMetadata/angular-src/open-close-component/open-close.component';
 
 const meta: Meta = {
diff --git a/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts
index 78fa47cf8c00..fdf6dcc79a3c 100644
--- a/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts
+++ b/code/frameworks/angular/template/stories/core/decorators/componentWrapperDecorator/decorators.stories.ts
@@ -1,5 +1,4 @@
 // your-component.stories.ts
-
 import {
   Args,
   Meta,
@@ -7,6 +6,7 @@ import {
   componentWrapperDecorator,
   moduleMetadata,
 } from '@storybook/angular';
+
 import ChildComponent from './child.component';
 import ParentComponent from './parent.component';
 
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts
index 7b89b5b0a476..d31de59da23b 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/in-export-default.stories.ts
@@ -1,5 +1,6 @@
-import { StoryFn, Meta, moduleMetadata } from '@storybook/angular';
-import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
+import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
+
+import { DEFAULT_NAME, ITEMS, TokenComponent } from './angular-src/token.component';
 
 export const Story1: StoryFn = () => ({
   template: `<storybook-simple-token-component [name]="name"></storybook-simple-token-component>`,
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts
index ac0ec0beb66e..d73999b2e627 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/in-stories.stories.ts
@@ -1,5 +1,6 @@
 import { Meta, StoryFn } from '@storybook/angular';
-import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
+
+import { DEFAULT_NAME, ITEMS, TokenComponent } from './angular-src/token.component';
 
 export const Individual1: StoryFn = () => ({
   template: `<storybook-simple-token-component [name]="name"></storybook-simple-token-component>`,
diff --git a/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts b/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts
index cb6ff0d1fc4e..1d92ad993dc6 100644
--- a/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts
+++ b/code/frameworks/angular/template/stories/core/moduleMetadata/merge-default-and-story.stories.ts
@@ -1,6 +1,7 @@
 import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
-import { TokenComponent, ITEMS, DEFAULT_NAME } from './angular-src/token.component';
+
 import { CustomPipePipe } from './angular-src/custom.pipe';
+import { DEFAULT_NAME, ITEMS, TokenComponent } from './angular-src/token.component';
 
 export const MergeWithDefaultModuleMetadata: StoryFn = () => ({
   template: `<storybook-simple-token-component [name]="name | customPipe"></storybook-simple-token-component>`,
diff --git a/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts b/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts
index b1adedc561ea..cd8ae6dd4b48 100644
--- a/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts
+++ b/code/frameworks/angular/template/stories/core/styles/story-styles.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryFn, moduleMetadata } from '@storybook/angular';
+
 import Button from '../../button.component';
 
 export const TemplateStory: StoryFn = () => ({
diff --git a/code/frameworks/angular/template/stories/others/app-initializer-use-factory/app-initializer-use-factory.stories.ts b/code/frameworks/angular/template/stories/others/app-initializer-use-factory/app-initializer-use-factory.stories.ts
index 32c5d1ebe296..107f6e6d2671 100644
--- a/code/frameworks/angular/template/stories/others/app-initializer-use-factory/app-initializer-use-factory.stories.ts
+++ b/code/frameworks/angular/template/stories/others/app-initializer-use-factory/app-initializer-use-factory.stories.ts
@@ -1,6 +1,8 @@
-import { moduleMetadata, Meta, StoryObj } from '@storybook/angular';
-import { APP_INITIALIZER } from '@angular/core';
 import { action } from '@storybook/addon-actions';
+import { Meta, StoryObj, moduleMetadata } from '@storybook/angular';
+
+import { APP_INITIALIZER } from '@angular/core';
+
 import Button from '../../button.component';
 
 const meta: Meta<Button> = {
diff --git a/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts b/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts
index f3cf0a9495af..a61a7676735d 100644
--- a/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts
+++ b/code/frameworks/angular/template/stories/others/issues/12009-unknown-component.stories.ts
@@ -1,4 +1,5 @@
 import { Meta, StoryObj } from '@storybook/angular';
+
 import Button from '../../button.component';
 
 const meta: Meta<Button> = {
diff --git a/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.stories.ts b/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.stories.ts
index df634f190962..db1fa2125d53 100644
--- a/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.stories.ts
+++ b/code/frameworks/angular/template/stories_angular-cli-default-ts/signal/button.stories.ts
@@ -1,5 +1,6 @@
 import { Meta, StoryObj } from '@storybook/angular';
 import { fn } from '@storybook/test';
+
 import SignalButtonComponent from './button.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.stories.ts b/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.stories.ts
index df634f190962..db1fa2125d53 100644
--- a/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.stories.ts
+++ b/code/frameworks/angular/template/stories_angular-cli-prerelease/signal/button.stories.ts
@@ -1,5 +1,6 @@
 import { Meta, StoryObj } from '@storybook/angular';
 import { fn } from '@storybook/test';
+
 import SignalButtonComponent from './button.component';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/frameworks/angular/tsconfig.build.json b/code/frameworks/angular/tsconfig.build.json
index 56df86958588..e543e05b4803 100644
--- a/code/frameworks/angular/tsconfig.build.json
+++ b/code/frameworks/angular/tsconfig.build.json
@@ -4,6 +4,7 @@
   "compilerOptions": {
     "target": "ES2020",
     "module": "CommonJS",
+    "noEmit": false,
     "lib": ["es2020", "dom", "dom.iterable"],
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
diff --git a/code/frameworks/angular/vitest.config.ts b/code/frameworks/angular/vitest.config.ts
index 0bd96539cb99..a7dbee868def 100644
--- a/code/frameworks/angular/vitest.config.ts
+++ b/code/frameworks/angular/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/ember/package.json b/code/frameworks/ember/package.json
index 234680cf64b4..5ede395fa7bd 100644
--- a/code/frameworks/ember/package.json
+++ b/code/frameworks/ember/package.json
@@ -28,8 +28,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/tsc.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
diff --git a/code/frameworks/ember/src/client/preview/docs/config.ts b/code/frameworks/ember/src/client/preview/docs/config.ts
index 08a37190cbc2..7b59596a1511 100644
--- a/code/frameworks/ember/src/client/preview/docs/config.ts
+++ b/code/frameworks/ember/src/client/preview/docs/config.ts
@@ -1,5 +1,5 @@
-import type { ArgTypesEnhancer } from 'storybook/internal/types';
 import { enhanceArgTypes } from 'storybook/internal/docs-tools';
+import type { ArgTypesEnhancer } from 'storybook/internal/types';
 
 import { extractArgTypes, extractComponentDescription } from './jsondoc';
 
diff --git a/code/frameworks/ember/src/client/preview/render.ts b/code/frameworks/ember/src/client/preview/render.ts
index dcdc66693e10..a63f64c2f38e 100644
--- a/code/frameworks/ember/src/client/preview/render.ts
+++ b/code/frameworks/ember/src/client/preview/render.ts
@@ -1,7 +1,10 @@
+import type { RenderContext } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
+
 import { dedent } from 'ts-dedent';
-import type { RenderContext } from 'storybook/internal/types';
-import type { OptionsArgs, EmberRenderer } from './types';
+
+import type { EmberRenderer, OptionsArgs } from './types';
 
 const { document } = global;
 
diff --git a/code/frameworks/ember/src/preset.ts b/code/frameworks/ember/src/preset.ts
index b95adaf6ec83..170d864e4f6d 100644
--- a/code/frameworks/ember/src/preset.ts
+++ b/code/frameworks/ember/src/preset.ts
@@ -1,7 +1,10 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
+import { getProjectRoot, resolvePathInStorybookCache } from 'storybook/internal/common';
 import type { PresetProperty } from 'storybook/internal/types';
+
 import { getVirtualModules } from '@storybook/builder-webpack5';
-import { getProjectRoot, resolvePathInStorybookCache } from 'storybook/internal/common';
+
 import type { StorybookConfig } from './types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/ember/src/server/framework-preset-babel-ember.ts b/code/frameworks/ember/src/server/framework-preset-babel-ember.ts
index 19aa68901304..d56cf11d2971 100644
--- a/code/frameworks/ember/src/server/framework-preset-babel-ember.ts
+++ b/code/frameworks/ember/src/server/framework-preset-babel-ember.ts
@@ -1,6 +1,8 @@
-import { precompile } from 'ember-source/dist/ember-template-compiler';
 import type { PresetProperty, PresetPropertyFn } from 'storybook/internal/types';
+
 import type { TransformOptions } from '@babel/core';
+import { precompile } from 'ember-source/dist/ember-template-compiler';
+
 import { findDistFile } from '../util';
 
 let emberOptions: any;
diff --git a/code/frameworks/ember/src/server/framework-preset-ember-docs.ts b/code/frameworks/ember/src/server/framework-preset-ember-docs.ts
index 99e36f4b51cc..dc6e95fb658b 100644
--- a/code/frameworks/ember/src/server/framework-preset-ember-docs.ts
+++ b/code/frameworks/ember/src/server/framework-preset-ember-docs.ts
@@ -1,5 +1,6 @@
-import type { PresetProperty } from 'storybook/internal/types';
 import { hasDocsOrControls } from 'storybook/internal/docs-tools';
+import type { PresetProperty } from 'storybook/internal/types';
+
 import { findDistFile } from '../util';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = (entry = [], options) => {
diff --git a/code/frameworks/ember/src/types.ts b/code/frameworks/ember/src/types.ts
index d52e9b48b802..c34bc38e689c 100644
--- a/code/frameworks/ember/src/types.ts
+++ b/code/frameworks/ember/src/types.ts
@@ -1,13 +1,14 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
 import type {
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/core-webpack';
-import type {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+import type {
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/core-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/ember-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/ember/src/util.ts b/code/frameworks/ember/src/util.ts
index eeecd1e91c9d..78cd557820af 100644
--- a/code/frameworks/ember/src/util.ts
+++ b/code/frameworks/ember/src/util.ts
@@ -1,4 +1,5 @@
-import path from 'path';
+import { dirname, join } from 'node:path';
+
 import { sync as findUpSync } from 'find-up';
 
 export const findDistFile = (cwd: string, relativePath: string) => {
@@ -6,7 +7,7 @@ export const findDistFile = (cwd: string, relativePath: string) => {
   if (!nearestPackageJson) {
     throw new Error(`Could not find package.json in: ${cwd}`);
   }
-  const packageDir = path.dirname(nearestPackageJson);
+  const packageDir = dirname(nearestPackageJson);
 
-  return path.join(packageDir, 'dist', relativePath);
+  return join(packageDir, 'dist', relativePath);
 };
diff --git a/code/frameworks/ember/template/cli/Button.stories.js b/code/frameworks/ember/template/cli/Button.stories.js
index c8fffd70feb0..35ba57166a77 100644
--- a/code/frameworks/ember/template/cli/Button.stories.js
+++ b/code/frameworks/ember/template/cli/Button.stories.js
@@ -1,7 +1,9 @@
-import { hbs } from 'ember-cli-htmlbars';
+import { fn } from '@storybook/test';
+
 import { action } from '@storybook/addon-actions';
 import { linkTo } from '@storybook/addon-links';
-import { fn } from '@storybook/test';
+
+import { hbs } from 'ember-cli-htmlbars';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
 export default {
diff --git a/code/frameworks/ember/vitest.config.ts b/code/frameworks/ember/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/frameworks/ember/vitest.config.ts
+++ b/code/frameworks/ember/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/experimental-nextjs-vite/.eslintrc.json b/code/frameworks/experimental-nextjs-vite/.eslintrc.json
new file mode 100644
index 000000000000..d76f64f6803d
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/.eslintrc.json
@@ -0,0 +1,23 @@
+{
+  "rules": {
+    "global-require": "off",
+    "no-param-reassign": "off",
+    "import/no-dynamic-require": "off",
+    "import/no-unresolved": "off"
+  },
+  "overrides": [
+    {
+      "files": ["**/*.stories.@(jsx|tsx)"],
+      "rules": {
+        "react/no-unknown-property": "off",
+        "jsx-a11y/anchor-is-valid": "off"
+      }
+    },
+    {
+      "files": ["**/*.compat.@(tsx|ts)"],
+      "rules": {
+        "local-rules/no-uncategorized-errors": "off"
+      }
+    }
+  ]
+}
diff --git a/code/frameworks/experimental-nextjs-vite/README.md b/code/frameworks/experimental-nextjs-vite/README.md
new file mode 100644
index 000000000000..2ed6aeca8721
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/README.md
@@ -0,0 +1,10 @@
+# Storybook for Next.js with Vite Builder
+
+See [documentation](https://storybook.js.org/docs/get-started/frameworks/nextjs?renderer=react) for installation instructions, usage examples, APIs, and more.
+
+## Acknowledgements
+
+This framework borrows heavily from these Storybook addons:
+
+- [storybook-addon-next](https://github.com/RyanClementsHax/storybook-addon-next) by [RyanClementsHax](https://github.com/RyanClementsHax/)
+- [storybook-addon-next-router](https://github.com/lifeiscontent/storybook-addon-next-router) by [lifeiscontent](https://github.com/lifeiscontent)
diff --git a/code/frameworks/experimental-nextjs-vite/package.json b/code/frameworks/experimental-nextjs-vite/package.json
new file mode 100644
index 000000000000..69325c74045c
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/package.json
@@ -0,0 +1,143 @@
+{
+  "name": "@storybook/experimental-nextjs-vite",
+  "version": "8.3.0-alpha.4",
+  "description": "Storybook for Next.js and Vite",
+  "keywords": [
+    "storybook",
+    "nextjs",
+    "vite"
+  ],
+  "homepage": "https://github.com/storybookjs/storybook/tree/next/code/frameworks/experimental-nextjs-vite",
+  "bugs": {
+    "url": "https://github.com/storybookjs/storybook/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/storybookjs/storybook.git",
+    "directory": "code/frameworks/nextjs"
+  },
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/storybook"
+  },
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "node": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "require": "./dist/preset.js"
+    },
+    "./dist/preview.mjs": "./dist/preview.mjs",
+    "./cache.mock": {
+      "types": "./dist/export-mocks/cache/index.d.ts",
+      "import": "./dist/export-mocks/cache/index.mjs",
+      "require": "./dist/export-mocks/cache/index.js"
+    },
+    "./headers.mock": {
+      "types": "./dist/export-mocks/headers/index.d.ts",
+      "import": "./dist/export-mocks/headers/index.mjs",
+      "require": "./dist/export-mocks/headers/index.js"
+    },
+    "./navigation.mock": {
+      "types": "./dist/export-mocks/navigation/index.d.ts",
+      "import": "./dist/export-mocks/navigation/index.mjs",
+      "require": "./dist/export-mocks/navigation/index.js"
+    },
+    "./router.mock": {
+      "types": "./dist/export-mocks/router/index.d.ts",
+      "import": "./dist/export-mocks/router/index.mjs",
+      "require": "./dist/export-mocks/router/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/index.d.ts"
+      ],
+      "cache.mock": [
+        "dist/export-mocks/cache/index.d.ts"
+      ],
+      "headers.mock": [
+        "dist/export-mocks/headers/index.d.ts"
+      ],
+      "router.mock": [
+        "dist/export-mocks/router/index.d.ts"
+      ],
+      "navigation.mock": [
+        "dist/export-mocks/navigation/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist/**/*",
+    "template/cli/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts",
+    "!src/**/*"
+  ],
+  "scripts": {
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
+  },
+  "dependencies": {
+    "@storybook/builder-vite": "workspace:*",
+    "@storybook/react": "workspace:*",
+    "@storybook/test": "workspace:*",
+    "styled-jsx": "5.1.6"
+  },
+  "devDependencies": {
+    "@types/node": "^18.0.0",
+    "next": "^14.2.5",
+    "typescript": "^5.3.2",
+    "vite-plugin-storybook-nextjs": "^1.0.0"
+  },
+  "peerDependencies": {
+    "next": "^14.2.5",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+    "storybook": "workspace:^",
+    "vite": "^5.0.0",
+    "vite-plugin-storybook-nextjs": "^1.0.0"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "optionalDependencies": {
+    "sharp": "^0.33.3"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/preset.ts",
+      "./src/preview.tsx",
+      "./src/export-mocks/cache/index.ts",
+      "./src/export-mocks/headers/index.ts",
+      "./src/export-mocks/router/index.ts",
+      "./src/export-mocks/navigation/index.ts",
+      "./src/images/decorator.tsx"
+    ],
+    "externals": [
+      "sb-original/image-context"
+    ],
+    "platform": "node"
+  },
+  "gitHead": "e6a7fd8a655c69780bc20b9749c2699e44beae16"
+}
diff --git a/code/frameworks/experimental-nextjs-vite/preset.js b/code/frameworks/experimental-nextjs-vite/preset.js
new file mode 100644
index 000000000000..a83f95279e7f
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/preset.js
@@ -0,0 +1 @@
+module.exports = require('./dist/preset');
diff --git a/code/frameworks/experimental-nextjs-vite/project.json b/code/frameworks/experimental-nextjs-vite/project.json
new file mode 100644
index 000000000000..f10ef7bdacfb
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/project.json
@@ -0,0 +1,8 @@
+{
+  "name": "experimental-nextjs-vite",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "targets": {
+    "build": {}
+  }
+}
diff --git a/code/frameworks/experimental-nextjs-vite/src/config/preview.ts b/code/frameworks/experimental-nextjs-vite/src/config/preview.ts
new file mode 100644
index 000000000000..4766f590bcaf
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/config/preview.ts
@@ -0,0 +1,4 @@
+import { setConfig } from 'next/config';
+
+// eslint-disable-next-line no-underscore-dangle
+setConfig(process.env.__NEXT_RUNTIME_CONFIG);
diff --git a/code/frameworks/experimental-nextjs-vite/src/export-mocks/cache/index.ts b/code/frameworks/experimental-nextjs-vite/src/export-mocks/cache/index.ts
new file mode 100644
index 000000000000..35b74b8cb02f
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/export-mocks/cache/index.ts
@@ -0,0 +1,23 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+import { fn } from '@storybook/test';
+
+// biome-ignore lint/suspicious/noExplicitAny: <explanation>
+type Callback = (...args: any[]) => Promise<any>;
+
+// mock utilities/overrides (as of Next v14.2.0)
+const revalidatePath = fn().mockName('next/cache::revalidatePath');
+const revalidateTag = fn().mockName('next/cache::revalidateTag');
+const unstable_cache = fn()
+  .mockName('next/cache::unstable_cache')
+  .mockImplementation((cb: Callback) => cb);
+const unstable_noStore = fn().mockName('next/cache::unstable_noStore');
+
+const cacheExports = {
+  unstable_cache,
+  revalidateTag,
+  revalidatePath,
+  unstable_noStore,
+};
+
+export default cacheExports;
+export { unstable_cache, revalidateTag, revalidatePath, unstable_noStore };
diff --git a/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/cookies.ts b/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/cookies.ts
new file mode 100644
index 000000000000..02e335834b8a
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/cookies.ts
@@ -0,0 +1,39 @@
+// We need this import to be a singleton, and because it's used in multiple entrypoints
+// both in ESM and CJS, importing it via the package name instead of having a local import
+// is the only way to achieve it actually being a singleton
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore we must ignore types here as during compilation they are not generated yet
+import { headers } from '@storybook/nextjs/headers.mock';
+import { fn } from '@storybook/test';
+
+import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies';
+
+class RequestCookiesMock extends RequestCookies {
+  get = fn(super.get.bind(this)).mockName('next/headers::cookies().get');
+
+  getAll = fn(super.getAll.bind(this)).mockName('next/headers::cookies().getAll');
+
+  has = fn(super.has.bind(this)).mockName('next/headers::cookies().has');
+
+  set = fn(super.set.bind(this)).mockName('next/headers::cookies().set');
+
+  delete = fn(super.delete.bind(this)).mockName('next/headers::cookies().delete');
+}
+
+let requestCookiesMock: RequestCookiesMock;
+
+export const cookies = fn(() => {
+  if (!requestCookiesMock) {
+    requestCookiesMock = new RequestCookiesMock(headers());
+  }
+  return requestCookiesMock;
+}).mockName('next/headers::cookies()');
+
+const originalRestore = cookies.mockRestore.bind(null);
+
+// will be called automatically by the test loader
+cookies.mockRestore = () => {
+  originalRestore();
+  headers.mockRestore();
+  requestCookiesMock = new RequestCookiesMock(headers());
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/headers.ts b/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/headers.ts
new file mode 100644
index 000000000000..d9eb5177b447
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/headers.ts
@@ -0,0 +1,39 @@
+import { fn } from '@storybook/test';
+
+import { HeadersAdapter } from 'next/dist/server/web/spec-extension/adapters/headers';
+
+class HeadersAdapterMock extends HeadersAdapter {
+  constructor() {
+    super({});
+  }
+
+  append = fn(super.append.bind(this)).mockName('next/headers::headers().append');
+
+  delete = fn(super.delete.bind(this)).mockName('next/headers::headers().delete');
+
+  get = fn(super.get.bind(this)).mockName('next/headers::headers().get');
+
+  has = fn(super.has.bind(this)).mockName('next/headers::headers().has');
+
+  set = fn(super.set.bind(this)).mockName('next/headers::headers().set');
+
+  forEach = fn(super.forEach.bind(this)).mockName('next/headers::headers().forEach');
+
+  entries = fn(super.entries.bind(this)).mockName('next/headers::headers().entries');
+
+  keys = fn(super.keys.bind(this)).mockName('next/headers::headers().keys');
+
+  values = fn(super.values.bind(this)).mockName('next/headers::headers().values');
+}
+
+let headersAdapterMock: HeadersAdapterMock;
+
+export const headers = () => {
+  if (!headersAdapterMock) headersAdapterMock = new HeadersAdapterMock();
+  return headersAdapterMock;
+};
+
+// This fn is called by ./cookies to restore the headers in the right order
+headers.mockRestore = () => {
+  headersAdapterMock = new HeadersAdapterMock();
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/index.ts b/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/index.ts
new file mode 100644
index 000000000000..1797d4ccaf57
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/export-mocks/headers/index.ts
@@ -0,0 +1,14 @@
+import { fn } from '@storybook/test';
+
+import * as originalHeaders from 'next/dist/client/components/headers';
+
+// re-exports of the actual module
+export * from 'next/dist/client/components/headers';
+
+// mock utilities/overrides (as of Next v14.2.0)
+export { headers } from './headers';
+export { cookies } from './cookies';
+
+// passthrough mocks - keep original implementation but allow for spying
+const draftMode = fn(originalHeaders.draftMode).mockName('draftMode');
+export { draftMode };
diff --git a/code/frameworks/experimental-nextjs-vite/src/export-mocks/navigation/index.ts b/code/frameworks/experimental-nextjs-vite/src/export-mocks/navigation/index.ts
new file mode 100644
index 000000000000..60d964147dbb
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/export-mocks/navigation/index.ts
@@ -0,0 +1,96 @@
+import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
+
+import type { Mock } from '@storybook/test';
+import { fn } from '@storybook/test';
+
+import * as actual from 'next/dist/client/components/navigation';
+import { getRedirectError } from 'next/dist/client/components/redirect';
+import { RedirectStatusCode } from 'next/dist/client/components/redirect-status-code';
+
+let navigationAPI: {
+  push: Mock;
+  replace: Mock;
+  forward: Mock;
+  back: Mock;
+  prefetch: Mock;
+  refresh: Mock;
+};
+
+/**
+ * Creates a next/navigation router API mock. Used internally.
+ * @ignore
+ * @internal
+ * */
+export const createNavigation = (overrides: any) => {
+  const navigationActions = {
+    push: fn().mockName('next/navigation::useRouter().push'),
+    replace: fn().mockName('next/navigation::useRouter().replace'),
+    forward: fn().mockName('next/navigation::useRouter().forward'),
+    back: fn().mockName('next/navigation::useRouter().back'),
+    prefetch: fn().mockName('next/navigation::useRouter().prefetch'),
+    refresh: fn().mockName('next/navigation::useRouter().refresh'),
+  };
+
+  if (overrides) {
+    Object.keys(navigationActions).forEach((key) => {
+      if (key in overrides) {
+        (navigationActions as any)[key] = fn((...args: any[]) => {
+          return (overrides as any)[key](...args);
+        }).mockName(`useRouter().${key}`);
+      }
+    });
+  }
+
+  navigationAPI = navigationActions;
+
+  return navigationAPI;
+};
+
+export const getRouter = () => {
+  if (!navigationAPI) {
+    throw new NextjsRouterMocksNotAvailable({
+      importType: 'next/navigation',
+    });
+  }
+
+  return navigationAPI;
+};
+
+// re-exports of the actual module
+export * from 'next/dist/client/components/navigation';
+
+// mock utilities/overrides (as of Next v14.2.0)
+export const redirect = fn(
+  (url: string, type: actual.RedirectType = actual.RedirectType.push): never => {
+    throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
+  }
+).mockName('next/navigation::redirect');
+
+export const permanentRedirect = fn(
+  (url: string, type: actual.RedirectType = actual.RedirectType.push): never => {
+    throw getRedirectError(url, type, RedirectStatusCode.SeeOther);
+  }
+).mockName('next/navigation::permanentRedirect');
+
+// passthrough mocks - keep original implementation but allow for spying
+export const useSearchParams = fn(actual.useSearchParams).mockName(
+  'next/navigation::useSearchParams'
+);
+export const usePathname = fn(actual.usePathname).mockName('next/navigation::usePathname');
+export const useSelectedLayoutSegment = fn(actual.useSelectedLayoutSegment).mockName(
+  'next/navigation::useSelectedLayoutSegment'
+);
+export const useSelectedLayoutSegments = fn(actual.useSelectedLayoutSegments).mockName(
+  'next/navigation::useSelectedLayoutSegments'
+);
+export const useRouter = fn(actual.useRouter).mockName('next/navigation::useRouter');
+export const useServerInsertedHTML = fn(actual.useServerInsertedHTML).mockName(
+  'next/navigation::useServerInsertedHTML'
+);
+export const notFound = fn(actual.notFound).mockName('next/navigation::notFound');
+
+// Params, not exported by Next.js, is manually declared to avoid inference issues.
+interface Params {
+  [key: string]: string | string[];
+}
+export const useParams = fn<[], Params>(actual.useParams).mockName('next/navigation::useParams');
diff --git a/code/frameworks/experimental-nextjs-vite/src/export-mocks/router/index.ts b/code/frameworks/experimental-nextjs-vite/src/export-mocks/router/index.ts
new file mode 100644
index 000000000000..6d7dac5ef3bc
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/export-mocks/router/index.ts
@@ -0,0 +1,117 @@
+import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
+
+import type { Mock } from '@storybook/test';
+import { fn } from '@storybook/test';
+
+import singletonRouter, * as originalRouter from 'next/dist/client/router';
+import type { NextRouter, SingletonRouter } from 'next/router';
+
+const defaultRouterState = {
+  route: '/',
+  asPath: '/',
+  basePath: '/',
+  pathname: '/',
+  query: {},
+  isFallback: false,
+  isLocaleDomain: false,
+  isReady: true,
+  isPreview: false,
+};
+
+let routerAPI: {
+  push: Mock;
+  replace: Mock;
+  reload: Mock;
+  back: Mock;
+  forward: Mock;
+  prefetch: Mock;
+  beforePopState: Mock;
+  events: {
+    on: Mock;
+    off: Mock;
+    emit: Mock;
+  };
+} & typeof defaultRouterState;
+
+/**
+ * Creates a next/router router API mock. Used internally.
+ * @ignore
+ * @internal
+ * */
+export const createRouter = (overrides: Partial<NextRouter>) => {
+  const routerActions: Partial<NextRouter> = {
+    push: fn((..._args: any[]) => {
+      return Promise.resolve(true);
+    }).mockName('next/router::useRouter().push'),
+    replace: fn((..._args: any[]) => {
+      return Promise.resolve(true);
+    }).mockName('next/router::useRouter().replace'),
+    reload: fn((..._args: any[]) => {}).mockName('next/router::useRouter().reload'),
+    back: fn((..._args: any[]) => {}).mockName('next/router::useRouter().back'),
+    forward: fn(() => {}).mockName('next/router::useRouter().forward'),
+    prefetch: fn((..._args: any[]) => {
+      return Promise.resolve();
+    }).mockName('next/router::useRouter().prefetch'),
+    beforePopState: fn((..._args: any[]) => {}).mockName('next/router::useRouter().beforePopState'),
+  };
+
+  const routerEvents: NextRouter['events'] = {
+    on: fn((..._args: any[]) => {}).mockName('next/router::useRouter().events.on'),
+    off: fn((..._args: any[]) => {}).mockName('next/router::useRouter().events.off'),
+    emit: fn((..._args: any[]) => {}).mockName('next/router::useRouter().events.emit'),
+  };
+
+  if (overrides) {
+    Object.keys(routerActions).forEach((key) => {
+      if (key in overrides) {
+        (routerActions as any)[key] = fn((...args: any[]) => {
+          return (overrides as any)[key](...args);
+        }).mockName(`useRouter().${key}`);
+      }
+    });
+  }
+
+  if (overrides?.events) {
+    Object.keys(routerEvents).forEach((key) => {
+      if (key in routerEvents) {
+        (routerEvents as any)[key] = fn((...args: any[]) => {
+          return (overrides.events as any)[key](...args);
+        }).mockName(`useRouter().events.${key}`);
+      }
+    });
+  }
+
+  routerAPI = {
+    ...defaultRouterState,
+    ...overrides,
+    ...routerActions,
+    // @ts-expect-error TODO improve typings
+    events: routerEvents,
+  };
+
+  // overwrite the singleton router from next/router
+  (singletonRouter as unknown as SingletonRouter).router = routerAPI as any;
+  (singletonRouter as unknown as SingletonRouter).readyCallbacks.forEach((cb) => cb());
+  (singletonRouter as unknown as SingletonRouter).readyCallbacks = [];
+
+  return routerAPI as unknown as NextRouter;
+};
+
+export const getRouter = () => {
+  if (!routerAPI) {
+    throw new NextjsRouterMocksNotAvailable({
+      importType: 'next/router',
+    });
+  }
+
+  return routerAPI;
+};
+
+// re-exports of the actual module
+export * from 'next/dist/client/router';
+export default singletonRouter;
+
+// mock utilities/overrides (as of Next v14.2.0)
+// passthrough mocks - keep original implementation but allow for spying
+export const useRouter = fn(originalRouter.useRouter).mockName('next/router::useRouter');
+export const withRouter = fn(originalRouter.withRouter).mockName('next/router::withRouter');
diff --git a/code/frameworks/experimental-nextjs-vite/src/head-manager/decorator.tsx b/code/frameworks/experimental-nextjs-vite/src/head-manager/decorator.tsx
new file mode 100644
index 000000000000..84fd0215df4b
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/head-manager/decorator.tsx
@@ -0,0 +1,11 @@
+import * as React from 'react';
+
+import HeadManagerProvider from './head-manager-provider';
+
+export const HeadManagerDecorator = (Story: React.FC): React.ReactNode => {
+  return (
+    <HeadManagerProvider>
+      <Story />
+    </HeadManagerProvider>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/head-manager/head-manager-provider.tsx b/code/frameworks/experimental-nextjs-vite/src/head-manager/head-manager-provider.tsx
new file mode 100644
index 000000000000..69b58866c510
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/head-manager/head-manager-provider.tsx
@@ -0,0 +1,24 @@
+import type { PropsWithChildren } from 'react';
+import React, { useMemo } from 'react';
+
+import initHeadManager from 'next/dist/client/head-manager';
+import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context.shared-runtime';
+
+type HeadManagerValue = {
+  updateHead?: ((state: JSX.Element[]) => void) | undefined;
+  mountedInstances?: Set<unknown>;
+  updateScripts?: ((state: any) => void) | undefined;
+  scripts?: any;
+  getIsSsr?: () => boolean;
+  appDir?: boolean | undefined;
+  nonce?: string | undefined;
+};
+
+const HeadManagerProvider: React.FC<PropsWithChildren> = ({ children }) => {
+  const headManager: HeadManagerValue = useMemo(initHeadManager, []);
+  headManager.getIsSsr = () => false;
+
+  return <HeadManagerContext.Provider value={headManager}>{children}</HeadManagerContext.Provider>;
+};
+
+export default HeadManagerProvider;
diff --git a/code/frameworks/experimental-nextjs-vite/src/images/decorator.tsx b/code/frameworks/experimental-nextjs-vite/src/images/decorator.tsx
new file mode 100644
index 000000000000..6dc34310a95c
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/images/decorator.tsx
@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+import type { Addon_StoryContext } from 'storybook/internal/types';
+
+import { ImageContext } from 'sb-original/image-context';
+
+export const ImageDecorator = (
+  Story: React.FC,
+  { parameters }: Addon_StoryContext
+): React.ReactNode => {
+  if (!parameters.nextjs?.image) {
+    return <Story />;
+  }
+
+  return (
+    <ImageContext.Provider value={parameters.nextjs.image}>
+      <Story />
+    </ImageContext.Provider>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/index.ts b/code/frameworks/experimental-nextjs-vite/src/index.ts
new file mode 100644
index 000000000000..a904f93ec89d
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/index.ts
@@ -0,0 +1,2 @@
+export * from './types';
+export * from './portable-stories';
diff --git a/code/frameworks/experimental-nextjs-vite/src/portable-stories.ts b/code/frameworks/experimental-nextjs-vite/src/portable-stories.ts
new file mode 100644
index 000000000000..7ad73e7ce778
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/portable-stories.ts
@@ -0,0 +1,132 @@
+import {
+  composeConfigs,
+  composeStories as originalComposeStories,
+  composeStory as originalComposeStory,
+  setProjectAnnotations as originalSetProjectAnnotations,
+} from 'storybook/internal/preview-api';
+import type {
+  Args,
+  ComposedStoryFn,
+  NamedOrDefaultProjectAnnotations,
+  ProjectAnnotations,
+  Store_CSFExports,
+  StoriesWithPartialProps,
+  StoryAnnotationsOrFn,
+} from 'storybook/internal/types';
+
+import type { Meta, ReactRenderer } from '@storybook/react';
+
+import * as rscAnnotations from '../../../renderers/react/src/entry-preview-rsc';
+// ! ATTENTION: This needs to be a relative import so it gets prebundled. This is to avoid ESM issues in Nextjs + Jest setups
+import { INTERNAL_DEFAULT_PROJECT_ANNOTATIONS as reactAnnotations } from '../../../renderers/react/src/portable-stories';
+import * as nextJsAnnotations from './preview';
+
+/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
+ *
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
+ *
+ * Example:
+ *```jsx
+ * // setup.js (for jest)
+ * import { setProjectAnnotations } from '@storybook/nextjs';
+ * import projectAnnotations from './.storybook/preview';
+ *
+ * setProjectAnnotations(projectAnnotations);
+ *```
+ *
+ * @param projectAnnotations - e.g. (import projectAnnotations from '../.storybook/preview')
+ */
+export function setProjectAnnotations(
+  projectAnnotations:
+    | NamedOrDefaultProjectAnnotations<ReactRenderer>
+    | NamedOrDefaultProjectAnnotations<ReactRenderer>[]
+): ProjectAnnotations<ReactRenderer> {
+  return originalSetProjectAnnotations<ReactRenderer>(projectAnnotations);
+}
+
+// This will not be necessary once we have auto preset loading
+const defaultProjectAnnotations: ProjectAnnotations<ReactRenderer> = composeConfigs([
+  reactAnnotations,
+  rscAnnotations,
+  nextJsAnnotations,
+]);
+
+/**
+ * Function that will receive a story along with meta (e.g. a default export from a .stories file)
+ * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
+ * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
+ *
+ *
+ * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
+ *
+ * Example:
+ *```jsx
+ * import { render } from '@testing-library/react';
+ * import { composeStory } from '@storybook/nextjs';
+ * import Meta, { Primary as PrimaryStory } from './Button.stories';
+ *
+ * const Primary = composeStory(PrimaryStory, Meta);
+ *
+ * test('renders primary button with Hello World', () => {
+ *   const { getByText } = render(<Primary>Hello world</Primary>);
+ *   expect(getByText(/Hello world/i)).not.toBeNull();
+ * });
+ *```
+ *
+ * @param story
+ * @param componentAnnotations - e.g. (import Meta from './Button.stories')
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
+ */
+export function composeStory<TArgs extends Args = Args>(
+  story: StoryAnnotationsOrFn<ReactRenderer, TArgs>,
+  componentAnnotations: Meta<TArgs | any>,
+  projectAnnotations?: ProjectAnnotations<ReactRenderer>,
+  exportsName?: string
+): ComposedStoryFn<ReactRenderer, Partial<TArgs>> {
+  return originalComposeStory<ReactRenderer, TArgs>(
+    story as StoryAnnotationsOrFn<ReactRenderer, Args>,
+    componentAnnotations,
+    projectAnnotations,
+    defaultProjectAnnotations,
+    exportsName
+  );
+}
+
+/**
+ * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
+ * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
+ * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
+ *
+ *
+ * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
+ *
+ * Example:
+ *```jsx
+ * import { render } from '@testing-library/react';
+ * import { composeStories } from '@storybook/nextjs';
+ * import * as stories from './Button.stories';
+ *
+ * const { Primary, Secondary } = composeStories(stories);
+ *
+ * test('renders primary button with Hello World', () => {
+ *   const { getByText } = render(<Primary>Hello world</Primary>);
+ *   expect(getByText(/Hello world/i)).not.toBeNull();
+ * });
+ *```
+ *
+ * @param csfExports - e.g. (import * as stories from './Button.stories')
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ */
+export function composeStories<TModule extends Store_CSFExports<ReactRenderer, any>>(
+  csfExports: TModule,
+  projectAnnotations?: ProjectAnnotations<ReactRenderer>
+) {
+  // @ts-expect-error (Converted from ts-ignore)
+  const composedStories = originalComposeStories(csfExports, projectAnnotations, composeStory);
+
+  return composedStories as unknown as Omit<
+    StoriesWithPartialProps<ReactRenderer, TModule>,
+    keyof Store_CSFExports
+  >;
+}
diff --git a/code/frameworks/experimental-nextjs-vite/src/preset.ts b/code/frameworks/experimental-nextjs-vite/src/preset.ts
new file mode 100644
index 000000000000..af5deabf2b87
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/preset.ts
@@ -0,0 +1,47 @@
+// https://storybook.js.org/docs/react/addons/writing-presets
+import type { PresetProperty } from 'storybook/internal/types';
+
+import type { StorybookConfigVite } from '@storybook/builder-vite';
+
+import { dirname, join } from 'path';
+// @ts-expect-error - tsconfig settings have to be moduleResolution=Bundler and module=Preserve
+import vitePluginStorybookNextjs from 'vite-plugin-storybook-nextjs';
+
+import type { StorybookConfig } from './types';
+
+export const core: PresetProperty<'core'> = async (config, options) => {
+  const framework = await options.presets.apply('framework');
+
+  return {
+    ...config,
+    builder: {
+      name: dirname(
+        require.resolve(join('@storybook/builder-vite', 'package.json'))
+      ) as '@storybook/builder-vite',
+      options: {
+        ...(typeof framework === 'string' ? {} : framework.options.builder || {}),
+      },
+    },
+    renderer: dirname(require.resolve(join('@storybook/react', 'package.json'))),
+  };
+};
+
+export const previewAnnotations: PresetProperty<'previewAnnotations'> = (entry = []) => {
+  const nextDir = dirname(require.resolve('@storybook/experimental-nextjs-vite/package.json'));
+  const result = [...entry, join(nextDir, 'dist/preview.mjs')];
+  return result;
+};
+
+export const viteFinal: StorybookConfigVite['viteFinal'] = async (config, options) => {
+  config.plugins = config.plugins || [];
+  const framework = (await options.presets.apply(
+    'framework',
+    {},
+    options
+  )) as StorybookConfig['framework'];
+
+  const nextAppDir = typeof framework !== 'string' ? framework.options.nextAppDir : undefined;
+  config.plugins.push(vitePluginStorybookNextjs({ dir: nextAppDir }));
+
+  return config;
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/preview.tsx b/code/frameworks/experimental-nextjs-vite/src/preview.tsx
new file mode 100644
index 000000000000..9bc6df0f8bfb
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/preview.tsx
@@ -0,0 +1,85 @@
+import type { Addon_DecoratorFunction, Addon_LoaderFunction } from 'storybook/internal/types';
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore we must ignore types here as during compilation they are not generated yet
+import { createNavigation } from '@storybook/experimental-nextjs-vite/navigation.mock';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore we must ignore types here as during compilation they are not generated yet
+import { createRouter } from '@storybook/experimental-nextjs-vite/router.mock';
+
+import { isNextRouterError } from 'next/dist/client/components/is-next-router-error';
+
+import './config/preview';
+import { HeadManagerDecorator } from './head-manager/decorator';
+import { ImageDecorator } from './images/decorator';
+import { RouterDecorator } from './routing/decorator';
+import { StyledJsxDecorator } from './styledJsx/decorator';
+
+function addNextHeadCount() {
+  const meta = document.createElement('meta');
+  meta.name = 'next-head-count';
+  meta.content = '0';
+  document.head.appendChild(meta);
+}
+
+function isAsyncClientComponentError(error: unknown) {
+  return (
+    typeof error === 'string' &&
+    (error.includes('A component was suspended by an uncached promise.') ||
+      error.includes('async/await is not yet supported in Client Components'))
+  );
+}
+addNextHeadCount();
+
+// Copying Next patch of console.error:
+// https://github.com/vercel/next.js/blob/a74deb63e310df473583ab6f7c1783bc609ca236/packages/next/src/client/app-index.tsx#L15
+const origConsoleError = globalThis.console.error;
+globalThis.console.error = (...args: unknown[]) => {
+  const error = args[0];
+  if (isNextRouterError(error) || isAsyncClientComponentError(error)) {
+    return;
+  }
+  origConsoleError.apply(globalThis.console, args);
+};
+
+globalThis.addEventListener('error', (ev: WindowEventMap['error']): void => {
+  if (isNextRouterError(ev.error) || isAsyncClientComponentError(ev.error)) {
+    ev.preventDefault();
+    return;
+  }
+});
+
+export const decorators: Addon_DecoratorFunction<any>[] = [
+  StyledJsxDecorator,
+  ImageDecorator,
+  RouterDecorator,
+  HeadManagerDecorator,
+];
+
+export const loaders: Addon_LoaderFunction = async ({ globals, parameters }) => {
+  const { router, appDirectory } = parameters.nextjs ?? {};
+  if (appDirectory) {
+    createNavigation(router);
+  } else {
+    createRouter({
+      locale: globals.locale,
+      ...router,
+    });
+  }
+};
+
+export const parameters = {
+  docs: {
+    source: {
+      excludeDecorators: true,
+    },
+  },
+  react: {
+    rootOptions: {
+      onCaughtError(error: unknown) {
+        if (isNextRouterError(error)) return;
+        console.error(error);
+      },
+    },
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/routing/app-router-provider.tsx b/code/frameworks/experimental-nextjs-vite/src/routing/app-router-provider.tsx
new file mode 100644
index 000000000000..807d34920ab1
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/routing/app-router-provider.tsx
@@ -0,0 +1,115 @@
+import React, { useMemo } from 'react';
+
+// We need this import to be a singleton, and because it's used in multiple entrypoints
+// both in ESM and CJS, importing it via the package name instead of having a local import
+// is the only way to achieve it actually being a singleton
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore we must ignore types here as during compilation they are not generated yet
+import { getRouter } from '@storybook/experimental-nextjs-vite/navigation.mock';
+
+import type { FlightRouterState } from 'next/dist/server/app-render/types';
+import {
+  AppRouterContext,
+  GlobalLayoutRouterContext,
+  LayoutRouterContext,
+} from 'next/dist/shared/lib/app-router-context.shared-runtime';
+import {
+  PathParamsContext,
+  PathnameContext,
+  SearchParamsContext,
+} from 'next/dist/shared/lib/hooks-client-context.shared-runtime';
+import { type Params } from 'next/dist/shared/lib/router/utils/route-matcher';
+import { PAGE_SEGMENT_KEY } from 'next/dist/shared/lib/segment';
+
+import type { RouteParams } from './types';
+
+type AppRouterProviderProps = {
+  routeParams: RouteParams;
+};
+
+// Since Next 14.2.x
+// https://github.com/vercel/next.js/pull/60708/files#diff-7b6239af735eba0c401e1a0db1a04dd4575c19a031934f02d128cf3ac813757bR106
+function getSelectedParams(currentTree: FlightRouterState, params: Params = {}): Params {
+  const parallelRoutes = currentTree[1];
+
+  for (const parallelRoute of Object.values(parallelRoutes)) {
+    const segment = parallelRoute[0];
+    const isDynamicParameter = Array.isArray(segment);
+    const segmentValue = isDynamicParameter ? segment[1] : segment;
+    if (!segmentValue || segmentValue.startsWith(PAGE_SEGMENT_KEY)) continue;
+
+    // Ensure catchAll and optional catchall are turned into an array
+    const isCatchAll = isDynamicParameter && (segment[2] === 'c' || segment[2] === 'oc');
+
+    if (isCatchAll) {
+      params[segment[0]] = segment[1].split('/');
+    } else if (isDynamicParameter) {
+      params[segment[0]] = segment[1];
+    }
+
+    params = getSelectedParams(parallelRoute, params);
+  }
+
+  return params;
+}
+
+const getParallelRoutes = (segmentsList: Array<string>): FlightRouterState => {
+  const segment = segmentsList.shift();
+
+  if (segment) {
+    return [segment, { children: getParallelRoutes(segmentsList) }];
+  }
+
+  return [] as any;
+};
+
+export const AppRouterProvider: React.FC<React.PropsWithChildren<AppRouterProviderProps>> = ({
+  children,
+  routeParams,
+}) => {
+  const { pathname, query, segments = [] } = routeParams;
+
+  const tree: FlightRouterState = [pathname, { children: getParallelRoutes([...segments]) }];
+  const pathParams = useMemo(() => {
+    return getSelectedParams(tree);
+  }, [tree]);
+
+  // https://github.com/vercel/next.js/blob/canary/packages/next/src/client/components/app-router.tsx#L436
+  return (
+    <PathParamsContext.Provider value={pathParams}>
+      <PathnameContext.Provider value={pathname}>
+        <SearchParamsContext.Provider value={new URLSearchParams(query)}>
+          <GlobalLayoutRouterContext.Provider
+            value={{
+              changeByServerResponse() {
+                // NOOP
+              },
+              buildId: 'storybook',
+              tree,
+              focusAndScrollRef: {
+                apply: false,
+                hashFragment: null,
+                segmentPaths: [tree],
+                onlyHashChange: false,
+              },
+              nextUrl: pathname,
+            }}
+          >
+            <AppRouterContext.Provider value={getRouter()}>
+              <LayoutRouterContext.Provider
+                value={{
+                  childNodes: new Map(),
+                  loading: null,
+                  tree,
+                  url: pathname,
+                }}
+              >
+                {children}
+              </LayoutRouterContext.Provider>
+            </AppRouterContext.Provider>
+          </GlobalLayoutRouterContext.Provider>
+        </SearchParamsContext.Provider>
+      </PathnameContext.Provider>
+    </PathParamsContext.Provider>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/routing/decorator.tsx b/code/frameworks/experimental-nextjs-vite/src/routing/decorator.tsx
new file mode 100644
index 000000000000..f21819f373a4
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/routing/decorator.tsx
@@ -0,0 +1,51 @@
+import * as React from 'react';
+
+import type { Addon_StoryContext } from 'storybook/internal/types';
+
+import { RedirectBoundary } from 'next/dist/client/components/redirect-boundary';
+
+import { AppRouterProvider } from './app-router-provider';
+import { PageRouterProvider } from './page-router-provider';
+import type { NextAppDirectory, RouteParams } from './types';
+
+const defaultRouterParams: RouteParams = {
+  pathname: '/',
+  query: {},
+};
+
+export const RouterDecorator = (
+  Story: React.FC,
+  { parameters }: Addon_StoryContext
+): React.ReactNode => {
+  const nextAppDirectory =
+    (parameters.nextjs?.appDirectory as NextAppDirectory | undefined) ?? false;
+
+  if (nextAppDirectory) {
+    if (!AppRouterProvider) {
+      return null;
+    }
+    return (
+      <AppRouterProvider
+        routeParams={{
+          ...defaultRouterParams,
+          ...parameters.nextjs?.navigation,
+        }}
+      >
+        {/*
+        The next.js RedirectBoundary causes flashing UI when used client side.
+        Possible use the implementation of the PR: https://github.com/vercel/next.js/pull/49439
+        Or wait for next to solve this on their side.
+        */}
+        <RedirectBoundary>
+          <Story />
+        </RedirectBoundary>
+      </AppRouterProvider>
+    );
+  }
+
+  return (
+    <PageRouterProvider>
+      <Story />
+    </PageRouterProvider>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/src/routing/page-router-provider.tsx b/code/frameworks/experimental-nextjs-vite/src/routing/page-router-provider.tsx
new file mode 100644
index 000000000000..92fb7fe54826
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/routing/page-router-provider.tsx
@@ -0,0 +1,15 @@
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+
+// We need this import to be a singleton, and because it's used in multiple entrypoints
+// both in ESM and CJS, importing it via the package name instead of having a local import
+// is the only way to achieve it actually being a singleton
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore we must ignore types here as during compilation they are not generated yet
+import { getRouter } from '@storybook/experimental-nextjs-vite/router.mock';
+
+import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime';
+
+export const PageRouterProvider: React.FC<PropsWithChildren> = ({ children }) => (
+  <RouterContext.Provider value={getRouter()}>{children}</RouterContext.Provider>
+);
diff --git a/code/frameworks/experimental-nextjs-vite/src/routing/types.tsx b/code/frameworks/experimental-nextjs-vite/src/routing/types.tsx
new file mode 100644
index 000000000000..e80b0413260f
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/routing/types.tsx
@@ -0,0 +1,7 @@
+export type RouteParams = {
+  pathname: string;
+  query: Record<string, string>;
+  [key: string]: any;
+};
+
+export type NextAppDirectory = boolean;
diff --git a/code/frameworks/experimental-nextjs-vite/src/styledJsx/decorator.tsx b/code/frameworks/experimental-nextjs-vite/src/styledJsx/decorator.tsx
new file mode 100644
index 000000000000..69d5496283bd
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/styledJsx/decorator.tsx
@@ -0,0 +1,9 @@
+import * as React from 'react';
+
+import { StyleRegistry } from 'styled-jsx';
+
+export const StyledJsxDecorator = (Story: React.FC): React.ReactNode => (
+  <StyleRegistry>
+    <Story />
+  </StyleRegistry>
+);
diff --git a/code/frameworks/experimental-nextjs-vite/src/types.ts b/code/frameworks/experimental-nextjs-vite/src/types.ts
new file mode 100644
index 000000000000..8e72784e169c
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/types.ts
@@ -0,0 +1,45 @@
+import type {
+  CompatibleString,
+  StorybookConfig as StorybookConfigBase,
+} from 'storybook/internal/types';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+
+type FrameworkName = CompatibleString<'@storybook/experimental-nextjs-vite'>;
+type BuilderName = CompatibleString<'@storybook/builder-vite'>;
+
+export type FrameworkOptions = {
+  /**
+   * The directory where the Next.js app is located.
+   * @default process.cwd()
+   */
+  nextAppDir?: string;
+  builder?: BuilderOptions;
+};
+
+type StorybookConfigFramework = {
+  framework:
+    | FrameworkName
+    | {
+        name: FrameworkName;
+        options: FrameworkOptions;
+      };
+  core?: StorybookConfigBase['core'] & {
+    builder?:
+      | BuilderName
+      | {
+          name: BuilderName;
+          options: BuilderOptions;
+        };
+  };
+};
+
+/**
+ * The interface for Storybook configuration in `main.ts` files.
+ */
+export type StorybookConfig = Omit<
+  StorybookConfigBase,
+  keyof StorybookConfigVite | keyof StorybookConfigFramework
+> &
+  StorybookConfigVite &
+  StorybookConfigFramework & {};
diff --git a/code/frameworks/experimental-nextjs-vite/src/typings.d.ts b/code/frameworks/experimental-nextjs-vite/src/typings.d.ts
new file mode 100644
index 000000000000..090a63a18725
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/src/typings.d.ts
@@ -0,0 +1,32 @@
+declare module 'sb-original/image-context' {
+  import type { StaticImport } from 'next/dist/shared/lib/get-img-props';
+  import type { Context } from 'next/dist/compiled/react';
+  import type { ImageProps } from 'next/image';
+  import type { ImageProps as LegacyImageProps } from 'next/legacy/image';
+
+  export const ImageContext: Context<
+    Partial<
+      Omit<ImageProps, 'src'> & {
+        src: string | StaticImport;
+      }
+    > &
+      Omit<LegacyImageProps, 'src'>
+  >;
+}
+
+declare module 'sb-original/default-loader' {
+  import type { ImageLoaderProps } from 'next/image';
+
+  export const defaultLoader: (props: ImageLoaderProps) => string;
+}
+
+declare module 'next/dist/compiled/react' {
+  import * as React from 'react';
+  export default React;
+  export type Context<T> = React.Context<T>;
+  export function createContext<T>(
+    // If you thought this should be optional, see
+    // https://github.com/DefinitelyTyped/DefinitelyTyped/pull/24509#issuecomment-382213106
+    defaultValue: T
+  ): Context<T>;
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/.eslintrc.json b/code/frameworks/experimental-nextjs-vite/template/cli/.eslintrc.json
new file mode 100644
index 000000000000..2ce44cb74ab3
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/.eslintrc.json
@@ -0,0 +1,7 @@
+{
+  "rules": {
+    "import/no-extraneous-dependencies": "off",
+    "import/extensions": "off",
+    "react/no-unknown-property": "off"
+  }
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Button.jsx b/code/frameworks/experimental-nextjs-vite/template/cli/js/Button.jsx
new file mode 100644
index 000000000000..8231c774f03b
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Button.jsx
@@ -0,0 +1,56 @@
+import React from 'react';
+
+import PropTypes from 'prop-types';
+
+import './button.css';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      {...props}
+    >
+      {label}
+      <style jsx>{`
+        button {
+          background-color: ${backgroundColor};
+        }
+      `}</style>
+    </button>
+  );
+};
+
+Button.propTypes = {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary: PropTypes.bool,
+  /**
+   * What background color to use
+   */
+  backgroundColor: PropTypes.string,
+  /**
+   * How large should the button be?
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Button contents
+   */
+  label: PropTypes.string.isRequired,
+  /**
+   * Optional click handler
+   */
+  onClick: PropTypes.func,
+};
+
+Button.defaultProps = {
+  backgroundColor: null,
+  primary: false,
+  size: 'medium',
+  onClick: undefined,
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Button.stories.js b/code/frameworks/experimental-nextjs-vite/template/cli/js/Button.stories.js
new file mode 100644
index 000000000000..045d9c477ab1
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Button.stories.js
@@ -0,0 +1,49 @@
+import { fn } from '@storybook/test';
+
+import { Button } from './Button';
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+export default {
+  title: 'Example/Button',
+  component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
+};
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Configure.mdx b/code/frameworks/experimental-nextjs-vite/template/cli/js/Configure.mdx
new file mode 100644
index 000000000000..cc3292373f73
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Configure.mdx
@@ -0,0 +1,446 @@
+import { Meta } from "@storybook/blocks";
+import Image from "next/image";
+
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.png";
+import Context from "./assets/context.png";
+import Assets from "./assets/assets.png";
+import Docs from "./assets/docs.png";
+import Share from "./assets/share.png";
+import FigmaPlugin from "./assets/figma-plugin.png";
+import Testing from "./assets/testing.png";
+import Accessibility from "./assets/accessibility.png";
+import Theming from "./assets/theming.png";
+import AddonLibrary from "./assets/addon-library.png";
+
+export const RightArrow = () => <svg 
+    viewBox="0 0 14 14" 
+    width="8px" 
+    height="14px" 
+    style={{ 
+      marginLeft: '4px',
+      display: 'inline-block',
+      shapeRendering: 'inherit',
+      verticalAlign: 'middle',
+      fill: 'currentColor',
+      'path fill': 'currentColor'
+    }}
+>
+  <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
+</svg>
+
+<Meta title="Configure your project" />
+
+<div className="sb-container">
+  <div className='sb-section-title'>
+    # Configure your project
+
+    Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+  </div>
+  <div className="sb-section">
+    <div className="sb-section-item">
+      <Image
+        src={Styling}
+        alt="A wall of logos representing different styling technologies"
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }}
+      />
+      <h4 className="sb-section-item-heading">Add styling and CSS</h4>
+      <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a
+        href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react"
+        target="_blank"
+      >Learn more<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }}
+        src={Context}
+        alt="An abstraction representing the composition of data for a component"
+      />
+      <h4 className="sb-section-item-heading">Provide context and mocking</h4>
+      <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
+      <a
+        href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react#context-for-mocking"
+        target="_blank"
+      >Learn more<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }} 
+        src={Assets} 
+        alt="A representation of typography and image assets" 
+      />
+      <div>
+        <h4 className="sb-section-item-heading">Load assets and resources</h4>
+        <p className="sb-section-item-paragraph">To link static files (like fonts) to your projects and stories, use the
+        `staticDirs` configuration option to specify folders to load when
+        starting Storybook.</p>
+        <a
+          href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div className="sb-container">
+  <div className='sb-section-title'>
+    # Do more with Storybook
+
+    Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+  </div>
+
+  <div className="sb-section">
+    <div className="sb-features-grid">
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Docs} 
+          alt="A screenshot showing the autodocs tag being set, pointing a docs page being generated" 
+        />
+        <h4 className="sb-section-item-heading">Autodocs</h4>
+        <p className="sb-section-item-paragraph">Auto-generate living,
+          interactive reference documentation from your components and stories.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Share} 
+          alt="A browser window showing a Storybook being published to a chromatic.com URL" 
+        />
+        <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
+        <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
+        <a
+          href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react#publish-storybook-with-chromatic"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={FigmaPlugin} 
+          alt="Windows showing the Storybook plugin in Figma" 
+        />
+        <h4 className="sb-section-item-heading">Figma Plugin</h4>
+        <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
+          implementation in one place.</p>
+        <a
+          href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react#embed-storybook-in-figma-with-the-plugin"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Testing} 
+          alt="Screenshot of tests passing and failing" 
+        />
+        <h4 className="sb-section-item-heading">Testing</h4>
+        <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
+          complex.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-tests/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Accessibility} 
+          alt="Screenshot of accessibility tests passing and failing" 
+        />
+        <h4 className="sb-section-item-heading">Accessibility</h4>
+        <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Theming} 
+          alt="Screenshot of Storybook in light and dark mode" 
+        />
+        <h4 className="sb-section-item-heading">Theming</h4>
+        <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
+        <a
+          href="https://storybook.js.org/docs/configure/theming/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div className='sb-addon'>
+  <div className='sb-addon-text'>
+    <h4>Addons</h4>
+    <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
+    <a
+        href="https://storybook.js.org/addons/"
+        target="_blank"
+      >Discover all addons<RightArrow /></a>
+  </div>
+  <div className='sb-addon-img'>
+    <Image 
+      width={650}
+      height={347}
+      src={AddonLibrary} 
+      alt="Integrate your tools with Storybook to connect workflows." 
+    />
+  </div>
+</div>
+
+<div className="sb-section sb-socials">
+    <div className="sb-section-item">
+      <Image 
+        width={32}
+        height={32}
+        layout="fixed"
+        src={Github} 
+        alt="Github logo" 
+        className="sb-explore-image"
+      />
+      Join our contributors building the future of UI development.
+
+      <a
+        href="https://github.com/storybookjs/storybook"
+        target="_blank"
+      >Star on GitHub<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={33}
+        height={32}
+        layout="fixed"
+        src={Discord} 
+        alt="Discord logo" 
+        className="sb-explore-image"
+      />
+      <div>
+        Get support and chat with frontend developers.
+
+        <a
+          href="https://discord.gg/storybook"
+          target="_blank"
+        >Join Discord server<RightArrow /></a>
+      </div>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={32}
+        height={32}
+        layout="fixed"
+        src={Youtube} 
+        alt="Youtube logo" 
+        className="sb-explore-image"
+      />
+      <div>
+        Watch tutorials, feature previews and interviews.
+
+        <a
+          href="https://www.youtube.com/@chromaticui"
+          target="_blank"
+        >Watch on YouTube<RightArrow /></a>
+      </div>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={33}
+        height={32}
+        layout="fixed"
+        src={Tutorials} 
+        alt="A book" 
+        className="sb-explore-image"
+      />
+      <p>Follow guided walkthroughs on for key workflows.</p>
+
+      <a
+          href="https://storybook.js.org/tutorials/"
+          target="_blank"
+        >Discover tutorials<RightArrow /></a>
+    </div>
+</div>
+
+<style>
+  {`
+  .sb-container {
+    margin-bottom: 48px;
+  }
+
+  .sb-section {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    gap: 20px;
+  }
+
+  img {
+    object-fit: cover;
+  }
+
+  .sb-section-title {
+    margin-bottom: 32px;
+  }
+
+  .sb-section a:not(h1 a, h2 a, h3 a) {
+    font-size: 14px;
+  }
+
+  .sb-section-item, .sb-grid-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .sb-section-item-heading {
+    padding-top: 20px !important;
+    padding-bottom: 5px !important;
+    margin: 0 !important;
+  }
+  .sb-section-item-paragraph {
+    margin: 0;
+    padding-bottom: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: 32px 20px;
+  }
+
+  .sb-socials {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .sb-socials p {
+    margin-bottom: 10px;
+  }
+
+  .sb-explore-image {
+    max-height: 32px;
+    align-self: flex-start;
+  }
+
+  .sb-addon {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    background-color: #EEF3F8;
+    border-radius: 5px;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    background: #EEF3F8;
+    height: 180px;
+    margin-bottom: 48px;
+    overflow: hidden;
+  }
+
+  .sb-addon-text {
+    padding-left: 48px;
+    max-width: 240px;
+  }
+
+  .sb-addon-text h4 {
+    padding-top: 0px;
+  }
+
+  .sb-addon-img {
+    position: absolute;
+    left: 345px;
+    top: 0;
+    height: 100%;
+    width: 200%;
+    overflow: hidden;
+  }
+
+  .sb-addon-img img {
+    width: 650px;
+    transform: rotate(-15deg);
+    margin-left: 40px;
+    margin-top: -72px;
+    box-shadow: 0 0 1px rgba(255, 255, 255, 0);
+    backface-visibility: hidden;
+  }
+
+  @media screen and (max-width: 800px) {
+    .sb-addon-img {
+      left: 300px;
+    }
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section {
+      flex-direction: column;
+    }
+
+    .sb-features-grid {
+      grid-template-columns: repeat(1, 1fr);
+    }
+
+    .sb-socials {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .sb-addon {
+      height: 280px;
+      align-items: flex-start;
+      padding-top: 32px;
+      overflow: hidden;
+    }
+
+    .sb-addon-text {
+      padding-left: 24px;
+    }
+
+    .sb-addon-img {
+      right: 0;
+      left: 0;
+      top: 130px;
+      bottom: 0;
+      overflow: hidden;
+      height: auto;
+      width: 124%;
+    }
+
+    .sb-addon-img img {
+      width: 1200px;
+      transform: rotate(-12deg);
+      margin-left: 0;
+      margin-top: 48px;
+      margin-bottom: -40px;
+      margin-left: -24px;
+    }
+  }
+  `}
+</style>
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Header.jsx b/code/frameworks/experimental-nextjs-vite/template/cli/js/Header.jsx
new file mode 100644
index 000000000000..38aa4d89af8b
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Header.jsx
@@ -0,0 +1,60 @@
+import React from 'react';
+
+import PropTypes from 'prop-types';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <header>
+    <div className="storybook-header">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <>
+            <span className="welcome">
+              Welcome, <b>{user.name}</b>!
+            </span>
+            <Button size="small" onClick={onLogout} label="Log out" />
+          </>
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
+
+Header.propTypes = {
+  user: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+  }),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Header.defaultProps = {
+  user: null,
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Header.stories.js b/code/frameworks/experimental-nextjs-vite/template/cli/js/Header.stories.js
new file mode 100644
index 000000000000..699abab07946
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Header.stories.js
@@ -0,0 +1,30 @@
+import { fn } from '@storybook/test';
+
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+  args: {
+    onLogin: fn(),
+    onLogout: fn(),
+    onCreateAccount: fn(),
+  },
+};
+export const LoggedIn = {
+  args: {
+    user: {
+      name: 'Jane Doe',
+    },
+  },
+};
+
+export const LoggedOut = {
+  args: {},
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.jsx b/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.jsx
new file mode 100644
index 000000000000..6db1e0ac3f36
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.jsx
@@ -0,0 +1,68 @@
+import React from 'react';
+
+import { Header } from './Header';
+import './page.css';
+
+export const Page = () => {
+  const [user, setUser] = React.useState();
+
+  return (
+    <article>
+      <Header
+        user={user}
+        onLogin={() => setUser({ name: 'Jane Doe' })}
+        onLogout={() => setUser(undefined)}
+        onCreateAccount={() => setUser({ name: 'Jane Doe' })}
+      />
+      <section className="storybook-page">
+        <h2>Pages in Storybook</h2>
+        <p>
+          We recommend building UIs with a{' '}
+          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+            <strong>component-driven</strong>
+          </a>{' '}
+          process starting with atomic components and ending with pages.
+        </p>
+        <p>
+          Render pages with mock data. This makes it easy to build and review page states without
+          needing to navigate to them in your app. Here are some handy patterns for managing page
+          data in Storybook:
+        </p>
+        <ul>
+          <li>
+            Use a higher-level connected component. Storybook helps you compose such data from the
+            "args" of child component stories
+          </li>
+          <li>
+            Assemble data in the page component from your services. You can mock these services out
+            using Storybook.
+          </li>
+        </ul>
+        <p>
+          Get a guided tutorial on component-driven development at{' '}
+          <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
+            Storybook tutorials
+          </a>
+          . Read more in the{' '}
+          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+            docs
+          </a>
+          .
+        </p>
+        <div className="tip-wrapper">
+          <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+                id="a"
+                fill="#999"
+              />
+            </g>
+          </svg>
+          Viewports addon in the toolbar
+        </div>
+      </section>
+    </article>
+  );
+};
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
new file mode 100644
index 000000000000..383fd1ab44e3
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/js/Page.stories.js
@@ -0,0 +1,28 @@
+import { expect, userEvent, within } from '@storybook/test';
+
+import { Page } from './Page';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export const LoggedOut = {};
+
+// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+export const LoggedIn = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const loginButton = canvas.getByRole('button', { name: /Log in/i });
+    await expect(loginButton).toBeInTheDocument();
+    await userEvent.click(loginButton);
+    await expect(loginButton).not.toBeInTheDocument();
+
+    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
+    await expect(logoutButton).toBeInTheDocument();
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Button.stories.ts b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Button.stories.ts
new file mode 100644
index 000000000000..18be3ab1aa1d
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Button.stories.ts
@@ -0,0 +1,53 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+
+import { Button } from './Button';
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta: Meta<typeof Button> = {
+  title: 'Example/Button',
+  component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Button.tsx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Button.tsx
new file mode 100644
index 000000000000..34d8bcdf1fd8
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Button.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+
+import './button.css';
+
+export interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}: ButtonProps) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      {...props}
+    >
+      {label}
+      <style jsx>{`
+        button {
+          background-color: ${backgroundColor};
+        }
+      `}</style>
+    </button>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Configure.mdx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Configure.mdx
new file mode 100644
index 000000000000..cc3292373f73
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Configure.mdx
@@ -0,0 +1,446 @@
+import { Meta } from "@storybook/blocks";
+import Image from "next/image";
+
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.png";
+import Context from "./assets/context.png";
+import Assets from "./assets/assets.png";
+import Docs from "./assets/docs.png";
+import Share from "./assets/share.png";
+import FigmaPlugin from "./assets/figma-plugin.png";
+import Testing from "./assets/testing.png";
+import Accessibility from "./assets/accessibility.png";
+import Theming from "./assets/theming.png";
+import AddonLibrary from "./assets/addon-library.png";
+
+export const RightArrow = () => <svg 
+    viewBox="0 0 14 14" 
+    width="8px" 
+    height="14px" 
+    style={{ 
+      marginLeft: '4px',
+      display: 'inline-block',
+      shapeRendering: 'inherit',
+      verticalAlign: 'middle',
+      fill: 'currentColor',
+      'path fill': 'currentColor'
+    }}
+>
+  <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
+</svg>
+
+<Meta title="Configure your project" />
+
+<div className="sb-container">
+  <div className='sb-section-title'>
+    # Configure your project
+
+    Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+  </div>
+  <div className="sb-section">
+    <div className="sb-section-item">
+      <Image
+        src={Styling}
+        alt="A wall of logos representing different styling technologies"
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }}
+      />
+      <h4 className="sb-section-item-heading">Add styling and CSS</h4>
+      <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a
+        href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react"
+        target="_blank"
+      >Learn more<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }}
+        src={Context}
+        alt="An abstraction representing the composition of data for a component"
+      />
+      <h4 className="sb-section-item-heading">Provide context and mocking</h4>
+      <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
+      <a
+        href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react#context-for-mocking"
+        target="_blank"
+      >Learn more<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }} 
+        src={Assets} 
+        alt="A representation of typography and image assets" 
+      />
+      <div>
+        <h4 className="sb-section-item-heading">Load assets and resources</h4>
+        <p className="sb-section-item-paragraph">To link static files (like fonts) to your projects and stories, use the
+        `staticDirs` configuration option to specify folders to load when
+        starting Storybook.</p>
+        <a
+          href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div className="sb-container">
+  <div className='sb-section-title'>
+    # Do more with Storybook
+
+    Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+  </div>
+
+  <div className="sb-section">
+    <div className="sb-features-grid">
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Docs} 
+          alt="A screenshot showing the autodocs tag being set, pointing a docs page being generated" 
+        />
+        <h4 className="sb-section-item-heading">Autodocs</h4>
+        <p className="sb-section-item-paragraph">Auto-generate living,
+          interactive reference documentation from your components and stories.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Share} 
+          alt="A browser window showing a Storybook being published to a chromatic.com URL" 
+        />
+        <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
+        <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
+        <a
+          href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react#publish-storybook-with-chromatic"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={FigmaPlugin} 
+          alt="Windows showing the Storybook plugin in Figma" 
+        />
+        <h4 className="sb-section-item-heading">Figma Plugin</h4>
+        <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
+          implementation in one place.</p>
+        <a
+          href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react#embed-storybook-in-figma-with-the-plugin"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Testing} 
+          alt="Screenshot of tests passing and failing" 
+        />
+        <h4 className="sb-section-item-heading">Testing</h4>
+        <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
+          complex.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-tests/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Accessibility} 
+          alt="Screenshot of accessibility tests passing and failing" 
+        />
+        <h4 className="sb-section-item-heading">Accessibility</h4>
+        <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Theming} 
+          alt="Screenshot of Storybook in light and dark mode" 
+        />
+        <h4 className="sb-section-item-heading">Theming</h4>
+        <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
+        <a
+          href="https://storybook.js.org/docs/configure/theming/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div className='sb-addon'>
+  <div className='sb-addon-text'>
+    <h4>Addons</h4>
+    <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
+    <a
+        href="https://storybook.js.org/addons/"
+        target="_blank"
+      >Discover all addons<RightArrow /></a>
+  </div>
+  <div className='sb-addon-img'>
+    <Image 
+      width={650}
+      height={347}
+      src={AddonLibrary} 
+      alt="Integrate your tools with Storybook to connect workflows." 
+    />
+  </div>
+</div>
+
+<div className="sb-section sb-socials">
+    <div className="sb-section-item">
+      <Image 
+        width={32}
+        height={32}
+        layout="fixed"
+        src={Github} 
+        alt="Github logo" 
+        className="sb-explore-image"
+      />
+      Join our contributors building the future of UI development.
+
+      <a
+        href="https://github.com/storybookjs/storybook"
+        target="_blank"
+      >Star on GitHub<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={33}
+        height={32}
+        layout="fixed"
+        src={Discord} 
+        alt="Discord logo" 
+        className="sb-explore-image"
+      />
+      <div>
+        Get support and chat with frontend developers.
+
+        <a
+          href="https://discord.gg/storybook"
+          target="_blank"
+        >Join Discord server<RightArrow /></a>
+      </div>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={32}
+        height={32}
+        layout="fixed"
+        src={Youtube} 
+        alt="Youtube logo" 
+        className="sb-explore-image"
+      />
+      <div>
+        Watch tutorials, feature previews and interviews.
+
+        <a
+          href="https://www.youtube.com/@chromaticui"
+          target="_blank"
+        >Watch on YouTube<RightArrow /></a>
+      </div>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={33}
+        height={32}
+        layout="fixed"
+        src={Tutorials} 
+        alt="A book" 
+        className="sb-explore-image"
+      />
+      <p>Follow guided walkthroughs on for key workflows.</p>
+
+      <a
+          href="https://storybook.js.org/tutorials/"
+          target="_blank"
+        >Discover tutorials<RightArrow /></a>
+    </div>
+</div>
+
+<style>
+  {`
+  .sb-container {
+    margin-bottom: 48px;
+  }
+
+  .sb-section {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    gap: 20px;
+  }
+
+  img {
+    object-fit: cover;
+  }
+
+  .sb-section-title {
+    margin-bottom: 32px;
+  }
+
+  .sb-section a:not(h1 a, h2 a, h3 a) {
+    font-size: 14px;
+  }
+
+  .sb-section-item, .sb-grid-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .sb-section-item-heading {
+    padding-top: 20px !important;
+    padding-bottom: 5px !important;
+    margin: 0 !important;
+  }
+  .sb-section-item-paragraph {
+    margin: 0;
+    padding-bottom: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: 32px 20px;
+  }
+
+  .sb-socials {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .sb-socials p {
+    margin-bottom: 10px;
+  }
+
+  .sb-explore-image {
+    max-height: 32px;
+    align-self: flex-start;
+  }
+
+  .sb-addon {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    background-color: #EEF3F8;
+    border-radius: 5px;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    background: #EEF3F8;
+    height: 180px;
+    margin-bottom: 48px;
+    overflow: hidden;
+  }
+
+  .sb-addon-text {
+    padding-left: 48px;
+    max-width: 240px;
+  }
+
+  .sb-addon-text h4 {
+    padding-top: 0px;
+  }
+
+  .sb-addon-img {
+    position: absolute;
+    left: 345px;
+    top: 0;
+    height: 100%;
+    width: 200%;
+    overflow: hidden;
+  }
+
+  .sb-addon-img img {
+    width: 650px;
+    transform: rotate(-15deg);
+    margin-left: 40px;
+    margin-top: -72px;
+    box-shadow: 0 0 1px rgba(255, 255, 255, 0);
+    backface-visibility: hidden;
+  }
+
+  @media screen and (max-width: 800px) {
+    .sb-addon-img {
+      left: 300px;
+    }
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section {
+      flex-direction: column;
+    }
+
+    .sb-features-grid {
+      grid-template-columns: repeat(1, 1fr);
+    }
+
+    .sb-socials {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .sb-addon {
+      height: 280px;
+      align-items: flex-start;
+      padding-top: 32px;
+      overflow: hidden;
+    }
+
+    .sb-addon-text {
+      padding-left: 24px;
+    }
+
+    .sb-addon-img {
+      right: 0;
+      left: 0;
+      top: 130px;
+      bottom: 0;
+      overflow: hidden;
+      height: auto;
+      width: 124%;
+    }
+
+    .sb-addon-img img {
+      width: 1200px;
+      transform: rotate(-12deg);
+      margin-left: 0;
+      margin-top: 48px;
+      margin-bottom: -40px;
+      margin-left: -24px;
+    }
+  }
+  `}
+</style>
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Header.stories.ts b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Header.stories.ts
new file mode 100644
index 000000000000..feddeae98faf
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Header.stories.ts
@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+
+import { Header } from './Header';
+
+const meta: Meta<typeof Header> = {
+  title: 'Example/Header',
+  component: Header,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+  args: {
+    onLogin: fn(),
+    onLogout: fn(),
+    onCreateAccount: fn(),
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Header>;
+
+export const LoggedIn: Story = {
+  args: {
+    user: {
+      name: 'Jane Doe',
+    },
+  },
+};
+
+export const LoggedOut: Story = {};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Header.tsx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Header.tsx
new file mode 100644
index 000000000000..1bf981a4251f
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Header.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+
+import { Button } from './Button';
+import './header.css';
+
+type User = {
+  name: string;
+};
+
+export interface HeaderProps {
+  user?: User;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
+}
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (
+  <header>
+    <div className="storybook-header">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <>
+            <span className="welcome">
+              Welcome, <b>{user.name}</b>!
+            </span>
+            <Button size="small" onClick={onLogout} label="Log out" />
+          </>
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
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
new file mode 100644
index 000000000000..7581ed2bee30
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.stories.ts
@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
+import { Page } from './Page';
+
+const meta: Meta<typeof Page> = {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Page>;
+
+export const LoggedOut: Story = {};
+
+// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+export const LoggedIn: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const loginButton = canvas.getByRole('button', { name: /Log in/i });
+    await expect(loginButton).toBeInTheDocument();
+    await userEvent.click(loginButton);
+    await expect(loginButton).not.toBeInTheDocument();
+
+    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
+    await expect(logoutButton).toBeInTheDocument();
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.tsx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.tsx
new file mode 100644
index 000000000000..e11748301390
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-3-8/Page.tsx
@@ -0,0 +1,73 @@
+import React from 'react';
+
+import { Header } from './Header';
+import './page.css';
+
+type User = {
+  name: string;
+};
+
+export const Page: React.FC = () => {
+  const [user, setUser] = React.useState<User>();
+
+  return (
+    <article>
+      <Header
+        user={user}
+        onLogin={() => setUser({ name: 'Jane Doe' })}
+        onLogout={() => setUser(undefined)}
+        onCreateAccount={() => setUser({ name: 'Jane Doe' })}
+      />
+
+      <section className="storybook-page">
+        <h2>Pages in Storybook</h2>
+        <p>
+          We recommend building UIs with a{' '}
+          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+            <strong>component-driven</strong>
+          </a>{' '}
+          process starting with atomic components and ending with pages.
+        </p>
+        <p>
+          Render pages with mock data. This makes it easy to build and review page states without
+          needing to navigate to them in your app. Here are some handy patterns for managing page
+          data in Storybook:
+        </p>
+        <ul>
+          <li>
+            Use a higher-level connected component. Storybook helps you compose such data from the
+            "args" of child component stories
+          </li>
+          <li>
+            Assemble data in the page component from your services. You can mock these services out
+            using Storybook.
+          </li>
+        </ul>
+        <p>
+          Get a guided tutorial on component-driven development at{' '}
+          <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
+            Storybook tutorials
+          </a>
+          . Read more in the{' '}
+          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+            docs
+          </a>
+          .
+        </p>
+        <div className="tip-wrapper">
+          <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+                id="a"
+                fill="#999"
+              />
+            </g>
+          </svg>
+          Viewports addon in the toolbar
+        </div>
+      </section>
+    </article>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Button.stories.ts b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Button.stories.ts
new file mode 100644
index 000000000000..2a05e01b06fe
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Button.stories.ts
@@ -0,0 +1,53 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+
+import { Button } from './Button';
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta = {
+  title: 'Example/Button',
+  component: Button,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Button.tsx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Button.tsx
new file mode 100644
index 000000000000..34d8bcdf1fd8
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Button.tsx
@@ -0,0 +1,53 @@
+import React from 'react';
+
+import './button.css';
+
+export interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}: ButtonProps) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      {...props}
+    >
+      {label}
+      <style jsx>{`
+        button {
+          background-color: ${backgroundColor};
+        }
+      `}</style>
+    </button>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Configure.mdx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Configure.mdx
new file mode 100644
index 000000000000..cc3292373f73
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Configure.mdx
@@ -0,0 +1,446 @@
+import { Meta } from "@storybook/blocks";
+import Image from "next/image";
+
+import Github from "./assets/github.svg";
+import Discord from "./assets/discord.svg";
+import Youtube from "./assets/youtube.svg";
+import Tutorials from "./assets/tutorials.svg";
+import Styling from "./assets/styling.png";
+import Context from "./assets/context.png";
+import Assets from "./assets/assets.png";
+import Docs from "./assets/docs.png";
+import Share from "./assets/share.png";
+import FigmaPlugin from "./assets/figma-plugin.png";
+import Testing from "./assets/testing.png";
+import Accessibility from "./assets/accessibility.png";
+import Theming from "./assets/theming.png";
+import AddonLibrary from "./assets/addon-library.png";
+
+export const RightArrow = () => <svg 
+    viewBox="0 0 14 14" 
+    width="8px" 
+    height="14px" 
+    style={{ 
+      marginLeft: '4px',
+      display: 'inline-block',
+      shapeRendering: 'inherit',
+      verticalAlign: 'middle',
+      fill: 'currentColor',
+      'path fill': 'currentColor'
+    }}
+>
+  <path d="m11.1 7.35-5.5 5.5a.5.5 0 0 1-.7-.7L10.04 7 4.9 1.85a.5.5 0 1 1 .7-.7l5.5 5.5c.2.2.2.5 0 .7Z" />
+</svg>
+
+<Meta title="Configure your project" />
+
+<div className="sb-container">
+  <div className='sb-section-title'>
+    # Configure your project
+
+    Because Storybook works separately from your app, you'll need to configure it for your specific stack and setup. Below, explore guides for configuring Storybook with popular frameworks and tools. If you get stuck, learn how you can ask for help from our community.
+  </div>
+  <div className="sb-section">
+    <div className="sb-section-item">
+      <Image
+        src={Styling}
+        alt="A wall of logos representing different styling technologies"
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }}
+      />
+      <h4 className="sb-section-item-heading">Add styling and CSS</h4>
+      <p className="sb-section-item-paragraph">Like with web applications, there are many ways to include CSS within Storybook. Learn more about setting up styling within Storybook.</p>
+      <a
+        href="https://storybook.js.org/docs/configure/styling-and-css/?renderer=react"
+        target="_blank"
+      >Learn more<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }}
+        src={Context}
+        alt="An abstraction representing the composition of data for a component"
+      />
+      <h4 className="sb-section-item-heading">Provide context and mocking</h4>
+      <p className="sb-section-item-paragraph">Often when a story doesn't render, it's because your component is expecting a specific environment or context (like a theme provider) to be available.</p>
+      <a
+        href="https://storybook.js.org/docs/writing-stories/decorators/?renderer=react#context-for-mocking"
+        target="_blank"
+      >Learn more<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={0}
+        height={0}
+        style={{ width: '100%', height: 'auto' }} 
+        src={Assets} 
+        alt="A representation of typography and image assets" 
+      />
+      <div>
+        <h4 className="sb-section-item-heading">Load assets and resources</h4>
+        <p className="sb-section-item-paragraph">To link static files (like fonts) to your projects and stories, use the
+        `staticDirs` configuration option to specify folders to load when
+        starting Storybook.</p>
+        <a
+          href="https://storybook.js.org/docs/configure/images-and-assets/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div className="sb-container">
+  <div className='sb-section-title'>
+    # Do more with Storybook
+
+    Now that you know the basics, let's explore other parts of Storybook that will improve your experience. This list is just to get you started. You can customise Storybook in many ways to fit your needs.
+  </div>
+
+  <div className="sb-section">
+    <div className="sb-features-grid">
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Docs} 
+          alt="A screenshot showing the autodocs tag being set, pointing a docs page being generated" 
+        />
+        <h4 className="sb-section-item-heading">Autodocs</h4>
+        <p className="sb-section-item-paragraph">Auto-generate living,
+          interactive reference documentation from your components and stories.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-docs/autodocs/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Share} 
+          alt="A browser window showing a Storybook being published to a chromatic.com URL" 
+        />
+        <h4 className="sb-section-item-heading">Publish to Chromatic</h4>
+        <p className="sb-section-item-paragraph">Publish your Storybook to review and collaborate with your entire team.</p>
+        <a
+          href="https://storybook.js.org/docs/sharing/publish-storybook/?renderer=react#publish-storybook-with-chromatic"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={FigmaPlugin} 
+          alt="Windows showing the Storybook plugin in Figma" 
+        />
+        <h4 className="sb-section-item-heading">Figma Plugin</h4>
+        <p className="sb-section-item-paragraph">Embed your stories into Figma to cross-reference the design and live
+          implementation in one place.</p>
+        <a
+          href="https://storybook.js.org/docs/sharing/design-integrations/?renderer=react#embed-storybook-in-figma-with-the-plugin"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Testing} 
+          alt="Screenshot of tests passing and failing" 
+        />
+        <h4 className="sb-section-item-heading">Testing</h4>
+        <p className="sb-section-item-paragraph">Use stories to test a component in all its variations, no matter how
+          complex.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-tests/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Accessibility} 
+          alt="Screenshot of accessibility tests passing and failing" 
+        />
+        <h4 className="sb-section-item-heading">Accessibility</h4>
+        <p className="sb-section-item-paragraph">Automatically test your components for a11y issues as you develop.</p>
+        <a
+          href="https://storybook.js.org/docs/writing-tests/accessibility-testing/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+      <div className="sb-grid-item">
+        <Image 
+          width={0}
+          height={0}
+          style={{ width: '100%', height: 'auto' }} 
+          src={Theming} 
+          alt="Screenshot of Storybook in light and dark mode" 
+        />
+        <h4 className="sb-section-item-heading">Theming</h4>
+        <p className="sb-section-item-paragraph">Theme Storybook's UI to personalize it to your project.</p>
+        <a
+          href="https://storybook.js.org/docs/configure/theming/?renderer=react"
+          target="_blank"
+        >Learn more<RightArrow /></a>
+      </div>
+    </div>
+  </div>
+</div>
+<div className='sb-addon'>
+  <div className='sb-addon-text'>
+    <h4>Addons</h4>
+    <p className="sb-section-item-paragraph">Integrate your tools with Storybook to connect workflows.</p>
+    <a
+        href="https://storybook.js.org/addons/"
+        target="_blank"
+      >Discover all addons<RightArrow /></a>
+  </div>
+  <div className='sb-addon-img'>
+    <Image 
+      width={650}
+      height={347}
+      src={AddonLibrary} 
+      alt="Integrate your tools with Storybook to connect workflows." 
+    />
+  </div>
+</div>
+
+<div className="sb-section sb-socials">
+    <div className="sb-section-item">
+      <Image 
+        width={32}
+        height={32}
+        layout="fixed"
+        src={Github} 
+        alt="Github logo" 
+        className="sb-explore-image"
+      />
+      Join our contributors building the future of UI development.
+
+      <a
+        href="https://github.com/storybookjs/storybook"
+        target="_blank"
+      >Star on GitHub<RightArrow /></a>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={33}
+        height={32}
+        layout="fixed"
+        src={Discord} 
+        alt="Discord logo" 
+        className="sb-explore-image"
+      />
+      <div>
+        Get support and chat with frontend developers.
+
+        <a
+          href="https://discord.gg/storybook"
+          target="_blank"
+        >Join Discord server<RightArrow /></a>
+      </div>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={32}
+        height={32}
+        layout="fixed"
+        src={Youtube} 
+        alt="Youtube logo" 
+        className="sb-explore-image"
+      />
+      <div>
+        Watch tutorials, feature previews and interviews.
+
+        <a
+          href="https://www.youtube.com/@chromaticui"
+          target="_blank"
+        >Watch on YouTube<RightArrow /></a>
+      </div>
+    </div>
+    <div className="sb-section-item">
+      <Image 
+        width={33}
+        height={32}
+        layout="fixed"
+        src={Tutorials} 
+        alt="A book" 
+        className="sb-explore-image"
+      />
+      <p>Follow guided walkthroughs on for key workflows.</p>
+
+      <a
+          href="https://storybook.js.org/tutorials/"
+          target="_blank"
+        >Discover tutorials<RightArrow /></a>
+    </div>
+</div>
+
+<style>
+  {`
+  .sb-container {
+    margin-bottom: 48px;
+  }
+
+  .sb-section {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    gap: 20px;
+  }
+
+  img {
+    object-fit: cover;
+  }
+
+  .sb-section-title {
+    margin-bottom: 32px;
+  }
+
+  .sb-section a:not(h1 a, h2 a, h3 a) {
+    font-size: 14px;
+  }
+
+  .sb-section-item, .sb-grid-item {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .sb-section-item-heading {
+    padding-top: 20px !important;
+    padding-bottom: 5px !important;
+    margin: 0 !important;
+  }
+  .sb-section-item-paragraph {
+    margin: 0;
+    padding-bottom: 10px;
+  }
+
+  .sb-chevron {
+    margin-left: 5px;
+  }
+
+  .sb-features-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    grid-gap: 32px 20px;
+  }
+
+  .sb-socials {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+  }
+
+  .sb-socials p {
+    margin-bottom: 10px;
+  }
+
+  .sb-explore-image {
+    max-height: 32px;
+    align-self: flex-start;
+  }
+
+  .sb-addon {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+    background-color: #EEF3F8;
+    border-radius: 5px;
+    border: 1px solid rgba(0, 0, 0, 0.05);
+    background: #EEF3F8;
+    height: 180px;
+    margin-bottom: 48px;
+    overflow: hidden;
+  }
+
+  .sb-addon-text {
+    padding-left: 48px;
+    max-width: 240px;
+  }
+
+  .sb-addon-text h4 {
+    padding-top: 0px;
+  }
+
+  .sb-addon-img {
+    position: absolute;
+    left: 345px;
+    top: 0;
+    height: 100%;
+    width: 200%;
+    overflow: hidden;
+  }
+
+  .sb-addon-img img {
+    width: 650px;
+    transform: rotate(-15deg);
+    margin-left: 40px;
+    margin-top: -72px;
+    box-shadow: 0 0 1px rgba(255, 255, 255, 0);
+    backface-visibility: hidden;
+  }
+
+  @media screen and (max-width: 800px) {
+    .sb-addon-img {
+      left: 300px;
+    }
+  }
+
+  @media screen and (max-width: 600px) {
+    .sb-section {
+      flex-direction: column;
+    }
+
+    .sb-features-grid {
+      grid-template-columns: repeat(1, 1fr);
+    }
+
+    .sb-socials {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    .sb-addon {
+      height: 280px;
+      align-items: flex-start;
+      padding-top: 32px;
+      overflow: hidden;
+    }
+
+    .sb-addon-text {
+      padding-left: 24px;
+    }
+
+    .sb-addon-img {
+      right: 0;
+      left: 0;
+      top: 130px;
+      bottom: 0;
+      overflow: hidden;
+      height: auto;
+      width: 124%;
+    }
+
+    .sb-addon-img img {
+      width: 1200px;
+      transform: rotate(-12deg);
+      margin-left: 0;
+      margin-top: 48px;
+      margin-bottom: -40px;
+      margin-left: -24px;
+    }
+  }
+  `}
+</style>
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Header.stories.ts b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Header.stories.ts
new file mode 100644
index 000000000000..80c71d0f520e
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Header.stories.ts
@@ -0,0 +1,33 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from '@storybook/test';
+
+import { Header } from './Header';
+
+const meta = {
+  title: 'Example/Header',
+  component: Header,
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+  args: {
+    onLogin: fn(),
+    onLogout: fn(),
+    onCreateAccount: fn(),
+  },
+} satisfies Meta<typeof Header>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const LoggedIn: Story = {
+  args: {
+    user: {
+      name: 'Jane Doe',
+    },
+  },
+};
+
+export const LoggedOut: Story = {};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Header.tsx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Header.tsx
new file mode 100644
index 000000000000..1bf981a4251f
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Header.tsx
@@ -0,0 +1,56 @@
+import React from 'react';
+
+import { Button } from './Button';
+import './header.css';
+
+type User = {
+  name: string;
+};
+
+export interface HeaderProps {
+  user?: User;
+  onLogin?: () => void;
+  onLogout?: () => void;
+  onCreateAccount?: () => void;
+}
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => (
+  <header>
+    <div className="storybook-header">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <>
+            <span className="welcome">
+              Welcome, <b>{user.name}</b>!
+            </span>
+            <Button size="small" onClick={onLogout} label="Log out" />
+          </>
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
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
new file mode 100644
index 000000000000..53b9f8fdf9c9
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.stories.ts
@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
+import { Page } from './Page';
+
+const meta = {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+    layout: 'fullscreen',
+  },
+} satisfies Meta<typeof Page>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const LoggedOut: Story = {};
+
+// More on interaction testing: https://storybook.js.org/docs/writing-tests/interaction-testing
+export const LoggedIn: Story = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const loginButton = canvas.getByRole('button', { name: /Log in/i });
+    await expect(loginButton).toBeInTheDocument();
+    await userEvent.click(loginButton);
+    await expect(loginButton).not.toBeInTheDocument();
+
+    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
+    await expect(logoutButton).toBeInTheDocument();
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.tsx b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.tsx
new file mode 100644
index 000000000000..e11748301390
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/cli/ts-4-9/Page.tsx
@@ -0,0 +1,73 @@
+import React from 'react';
+
+import { Header } from './Header';
+import './page.css';
+
+type User = {
+  name: string;
+};
+
+export const Page: React.FC = () => {
+  const [user, setUser] = React.useState<User>();
+
+  return (
+    <article>
+      <Header
+        user={user}
+        onLogin={() => setUser({ name: 'Jane Doe' })}
+        onLogout={() => setUser(undefined)}
+        onCreateAccount={() => setUser({ name: 'Jane Doe' })}
+      />
+
+      <section className="storybook-page">
+        <h2>Pages in Storybook</h2>
+        <p>
+          We recommend building UIs with a{' '}
+          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+            <strong>component-driven</strong>
+          </a>{' '}
+          process starting with atomic components and ending with pages.
+        </p>
+        <p>
+          Render pages with mock data. This makes it easy to build and review page states without
+          needing to navigate to them in your app. Here are some handy patterns for managing page
+          data in Storybook:
+        </p>
+        <ul>
+          <li>
+            Use a higher-level connected component. Storybook helps you compose such data from the
+            "args" of child component stories
+          </li>
+          <li>
+            Assemble data in the page component from your services. You can mock these services out
+            using Storybook.
+          </li>
+        </ul>
+        <p>
+          Get a guided tutorial on component-driven development at{' '}
+          <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
+            Storybook tutorials
+          </a>
+          . Read more in the{' '}
+          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+            docs
+          </a>
+          .
+        </p>
+        <div className="tip-wrapper">
+          <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+                id="a"
+                fill="#999"
+              />
+            </g>
+          </svg>
+          Viewports addon in the toolbar
+        </div>
+      </section>
+    </article>
+  );
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/next-env.d.ts b/code/frameworks/experimental-nextjs-vite/template/next-env.d.ts
new file mode 100644
index 000000000000..77e567dab0a2
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/next-env.d.ts
@@ -0,0 +1,7 @@
+// Reference necessary since Next.js 13.2.0, because types in `next/navigation` are not exported per default, but
+// type references are dynamically created during Next.js start up.
+// See https://github.com/vercel/next.js/commit/cdf1d52d9aed42d01a46539886a4bda14cb77a99
+// for more insights.
+
+/// <reference types="next" />
+/// <reference types="next/navigation-types/navigation" />
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/DynamicImport.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/DynamicImport.stories.tsx
new file mode 100644
index 000000000000..f6b5e2c99f3b
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/DynamicImport.stories.tsx
@@ -0,0 +1,27 @@
+import React, { Suspense } from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import dynamic from 'next/dynamic';
+
+const DynamicComponent = dynamic(() => import('./DynamicImport'), {
+  ssr: false,
+});
+
+function Component() {
+  return (
+    <Suspense fallback="Loading...">
+      <DynamicComponent />
+    </Suspense>
+  );
+}
+
+const meta = {
+  component: Component,
+} satisfies Meta<typeof DynamicComponent>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/DynamicImport.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/DynamicImport.tsx
new file mode 100644
index 000000000000..4863633033f3
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/DynamicImport.tsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function DynamicComponent() {
+  return <div>I am a dynamically loaded component</div>;
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Font.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Font.stories.tsx
new file mode 100644
index 000000000000..32db81dcb67d
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Font.stories.tsx
@@ -0,0 +1,29 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import Font from './Font';
+
+const meta = {
+  component: Font,
+} satisfies Meta<typeof Font>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const WithClassName: Story = {
+  args: {
+    variant: 'className',
+  },
+};
+
+export const WithStyle: Story = {
+  args: {
+    variant: 'style',
+  },
+};
+
+export const WithVariable: Story = {
+  args: {
+    variant: 'variable',
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Font.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Font.tsx
new file mode 100644
index 000000000000..cd8e83ef3dc5
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Font.tsx
@@ -0,0 +1,67 @@
+import React from 'react';
+
+import { Rubik_Puddles } from 'next/font/google';
+import localFont from 'next/font/local';
+
+const rubik = Rubik_Puddles({
+  subsets: ['latin'],
+  variable: '--font-latin-rubik',
+  weight: '400',
+});
+
+export const localRubikStorm = localFont({
+  src: '/fonts/RubikStorm-Regular.ttf',
+  variable: '--font-rubik-storm',
+});
+
+type FontProps = {
+  variant: 'className' | 'style' | 'variable';
+};
+
+export default function Font({ variant }: FontProps) {
+  switch (variant) {
+    case 'className':
+      return (
+        <div>
+          <h1 className={rubik.className}>Google Rubik Puddles</h1>
+          <h1 className={localRubikStorm.className}>Google Local Rubik Storm</h1>
+        </div>
+      );
+    case 'style':
+      return (
+        <div>
+          <h1 style={rubik.style}>Google Rubik Puddles</h1>
+          <h1 style={localRubikStorm.style}>Google Local Rubik Storm</h1>
+        </div>
+      );
+    case 'variable':
+      return (
+        <div>
+          <div className={rubik.variable}>
+            <h1
+              style={{
+                fontFamily: 'var(--font-latin-rubik)',
+                fontStyle: rubik.style.fontStyle,
+                fontWeight: rubik.style.fontWeight,
+              }}
+            >
+              Google Rubik Puddles
+            </h1>
+          </div>
+          <div className={localRubikStorm.variable}>
+            <h1
+              style={{
+                fontFamily: 'var(--font-rubik-storm)',
+                fontStyle: localRubikStorm.style.fontStyle,
+                fontWeight: localRubikStorm.style.fontWeight,
+              }}
+            >
+              Google Local Rubik Storm
+            </h1>
+          </div>
+        </div>
+      );
+    default:
+      return null;
+  }
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/GetImageProps.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/GetImageProps.stories.tsx
new file mode 100644
index 000000000000..d4ad15ab240f
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/GetImageProps.stories.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { type ImageProps, getImageProps } from 'next/image';
+
+import Accessibility from '../../assets/accessibility.svg';
+import Testing from '../../assets/testing.png';
+
+// referenced from https://nextjs.org/docs/pages/api-reference/components/image#theme-detection-picture
+const Component = (props: Omit<ImageProps, 'src'>) => {
+  const {
+    props: { srcSet: dark },
+  } = getImageProps({ src: Accessibility, ...props });
+  const {
+    // capture rest on one to spread to img as default; it doesn't matter which barring art direction
+    props: { srcSet: light, ...rest },
+  } = getImageProps({ src: Testing, ...props });
+
+  return (
+    <picture>
+      <source media="(prefers-color-scheme: dark)" srcSet={dark} />
+      <source media="(prefers-color-scheme: light)" srcSet={light} />
+      <img {...rest} />
+    </picture>
+  );
+};
+
+const meta = {
+  component: Component,
+  args: {
+    alt: 'getImageProps Example',
+  },
+} satisfies Meta<typeof Component>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Head.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Head.stories.tsx
new file mode 100644
index 000000000000..db1b747bf78d
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Head.stories.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import type { Meta } from '@storybook/react';
+import type { StoryObj } from '@storybook/react';
+import { expect, waitFor } from '@storybook/test';
+
+import Head from 'next/head';
+
+function Component() {
+  return (
+    <div>
+      <Head>
+        <title>Next.js Head Title</title>
+        <meta property="og:title" content="My page title" key="title" />
+      </Head>
+      <Head>
+        <meta property="og:title" content="My new title" key="title" />
+      </Head>
+      <p>Hello world!</p>
+    </div>
+  );
+}
+
+const meta = {
+  component: Component,
+} satisfies Meta<typeof Component>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  play: async () => {
+    await waitFor(() => expect(document.title).toEqual('Next.js Head Title'));
+    await expect(document.querySelectorAll('meta[property="og:title"]')).toHaveLength(1);
+    await expect((document.querySelector('meta[property="og:title"]') as any).content).toEqual(
+      'My new title'
+    );
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Image.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Image.stories.tsx
new file mode 100644
index 000000000000..d9efdacdae80
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Image.stories.tsx
@@ -0,0 +1,110 @@
+import React, { useRef, useState } from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import Image from 'next/image';
+
+import Accessibility from '../../assets/accessibility.svg';
+import AvifImage from '../../assets/avif-test-image.avif';
+
+const meta = {
+  component: Image,
+  args: {
+    src: Accessibility,
+    alt: 'Accessibility',
+  },
+} satisfies Meta<typeof Image>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Avif: Story = {
+  args: {
+    src: AvifImage,
+    alt: 'Avif Test Image',
+  },
+};
+
+export const BlurredPlaceholder: Story = {
+  args: {
+    placeholder: 'blur',
+  },
+};
+
+export const BlurredAbsolutePlaceholder: Story = {
+  args: {
+    src: 'https://storybook.js.org/images/placeholders/50x50.png',
+    width: 50,
+    height: 50,
+    blurDataURL:
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABP5JREFUWEeNlwtz2zgMhEGKsv/k9XFp82xe11763yOJVGcXC4m2czM3GYa0E2s/LACSTi+vv1czM/7CvPpqxY/ejPeS3khmFiPHOiVLHKaZi4ux4j18GpMlS6cALupEQBCKQM4BdnGzjIcJgs//QBxAPQAem55f3yL4PWJIdyCyhlMfPdYZot0cwj3Ayg/5JwHA13paen7pADphxr/n5VI8JQsHCCGQ3gVGLLsxQ3h/LYSn5383B05rwNOws3Z576LOTOduvwfrOd5FtVat4akx0uPTrw8BNuUz23vLsY7hmg7i4ipqM2saiAdruNuirh4ff0bNdb3Qy3vkvfAQwrkHoDxTTZtDCOKrC1bMEkdnsQh/PLyetOGHkXeRAgQAQ84efQcBdUhvFofoulpdm9WGGTA+AJEe7l+i37a2c371tCFKs5zzJjxQNBMi1im7OCudP2aNghJuzZaGdSMEZjpwf/t0UgNdg9DOyLGLnY0BUHlzwVtNDkgEQhBeKkb1tUDgQrq7frwAiIJi5BKAeIFgHk5mOpPzvgltOfcoK0Rrs7lWHwsgqtXarK3N0u23h5Ne8+3Cqxn5RYSMfHCAMgDAx4CBWlA9RAGw0GA/ol0gvFB4WjAvBAFUa83SzdUdAbYMqp28uHpxCRefxwAYhksAFBlthxCiXig+zT4TYqkC+Hq7OdAfJv8lPpZiZShWBBIuRP+jspDb2lwcDkzz7OLzbO/zvAHAoXTz5eYMQL0t2yHAiCFcfPY1QDwNFylA5bPoFpsV9fsEiMl8dhcc4PP1CYD3drYcBYdIKQrx0cbRxd2JHSDcQ297/vvoZ5smRC+AyV2AQ+nm03evge08Tyy4jGqXzWWEoIvTgXHU38pWiNgH4ixB/ukAcy/xycXfp4kwdAAAt399W+OCgMjxILQacxvRQ3gEwHgKUIr/rz53CuDFNyP/Eob4+/vEWkBq6AAA/HIi62n/Lk67Q7wDYQ0UpQB7hc54T4E6gACLTYxeAwB0YKZL6U4ATEGIBwCs7qPfQJCCHkCnoK50noJKcXcAojsEAJZZKXhgCoziGKxqWV8IMNp4kP2aC+oB0TMFvhGxDQHQfIPhDrilwKOm/YCZASAHfgBABQjr3f7CyAkA0cPB03AQULRhKd4xAIjzHymo2Gp7gN0FAMAVOoA2fPz03a9ssh/RM7Iz8QKIzYF9HyB0XEZ1xJ4DzNoDOAfAslhDDTyjDfv8A2AcBeCiu/jBHQEgxnYW6Kp6BlCVAkQM8VnieF2Xyr0ivXy+XvsCzKOihwNHCCryw8HrQXVB8dgFeRfAVQiXjMbIIgXINQYB2H7Kf5wF/2Ar7h0AgKKGuAP4zOjhzlkLbpcRXKRZhNUjxG6HIQDOjN47gCn4+fWW3xVS9urPESEEwwHMo9IhAGxS2ISiA1iEnQOoA4hXRAwItp7WzL9Ow18ESJaw/ar4NgeOR49cAHCAnaH8swBhv+6CBGjeBSxEOUAI7HyKHkD4O9xKb3/feQouAI4uLBciHRRHmgbfA7h/xFc9AngNBADthvii1sMOiPwDAFeyt6s7FSFS4PmnA1v0vQvqDqQKAAPE/weAUuEgsj8c+H11Twdw/AKANXA82EDr5cJBEEzB3oI4Mb0AdR3nNw8vQnegWuvqAABwJFJEBwDgNdA7IOs3gL0LhuJdwBY8c4BfNnDdVgooHiOqn/b7JoSW/QODjTHXhU7hMQAAAABJRU5ErkJggg==',
+    placeholder: 'blur',
+  },
+  parameters: {
+    // ignoring in Chromatic to avoid inconsistent snapshots
+    // given that the switch from blur to image is quite fast
+    chromatic: { disableSnapshot: true },
+  },
+};
+
+export const FilledParent: Story = {
+  args: {
+    fill: true,
+  },
+  decorators: [
+    (Story) => <div style={{ width: 500, height: 500, position: 'relative' }}>{Story()}</div>,
+  ],
+};
+
+export const Sized: Story = {
+  args: {
+    fill: true,
+    sizes: '(max-width: 600px) 100vw, 600px',
+  },
+  decorators: [
+    (Story) => <div style={{ width: 800, height: 800, position: 'relative' }}>{Story()}</div>,
+  ],
+};
+
+export const Lazy: Story = {
+  args: {
+    src: 'https://storybook.js.org/images/placeholders/50x50.png',
+    width: 50,
+    height: 50,
+  },
+  decorators: [
+    (Story) => (
+      <>
+        <div style={{ height: '200vh' }} />
+        {Story()}
+      </>
+    ),
+  ],
+};
+
+export const Eager: Story = {
+  ...Lazy,
+  parameters: {
+    nextjs: {
+      image: {
+        loading: 'eager',
+      },
+    },
+  },
+};
+
+export const WithRef: Story = {
+  render() {
+    const [ref, setRef] = useState<HTMLImageElement | null>(null);
+
+    return (
+      <div>
+        <Image src={Accessibility} alt="Accessibility" ref={setRef} />
+        <p>Alt attribute of image: {ref?.alt}</p>
+      </div>
+    );
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/ImageLegacy.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/ImageLegacy.stories.tsx
new file mode 100644
index 000000000000..61e61b916cbe
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/ImageLegacy.stories.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+
+import Image from 'next/legacy/image';
+
+import Accessibility from '../../assets/accessibility.svg';
+
+export default {
+  component: Image,
+  args: {
+    src: Accessibility,
+    alt: 'Accessibility',
+  },
+};
+
+export const Default = {};
+
+export const BlurredPlaceholder = {
+  args: {
+    placeholder: 'blur',
+  },
+};
+
+export const BlurredAbsolutePlaceholder = {
+  args: {
+    src: 'https://storybook.js.org/images/placeholders/50x50.png',
+    width: 50,
+    height: 50,
+    blurDataURL:
+      'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABP5JREFUWEeNlwtz2zgMhEGKsv/k9XFp82xe11763yOJVGcXC4m2czM3GYa0E2s/LACSTi+vv1czM/7CvPpqxY/ejPeS3khmFiPHOiVLHKaZi4ux4j18GpMlS6cALupEQBCKQM4BdnGzjIcJgs//QBxAPQAem55f3yL4PWJIdyCyhlMfPdYZot0cwj3Ayg/5JwHA13paen7pADphxr/n5VI8JQsHCCGQ3gVGLLsxQ3h/LYSn5383B05rwNOws3Z576LOTOduvwfrOd5FtVat4akx0uPTrw8BNuUz23vLsY7hmg7i4ipqM2saiAdruNuirh4ff0bNdb3Qy3vkvfAQwrkHoDxTTZtDCOKrC1bMEkdnsQh/PLyetOGHkXeRAgQAQ84efQcBdUhvFofoulpdm9WGGTA+AJEe7l+i37a2c371tCFKs5zzJjxQNBMi1im7OCudP2aNghJuzZaGdSMEZjpwf/t0UgNdg9DOyLGLnY0BUHlzwVtNDkgEQhBeKkb1tUDgQrq7frwAiIJi5BKAeIFgHk5mOpPzvgltOfcoK0Rrs7lWHwsgqtXarK3N0u23h5Ne8+3Cqxn5RYSMfHCAMgDAx4CBWlA9RAGw0GA/ol0gvFB4WjAvBAFUa83SzdUdAbYMqp28uHpxCRefxwAYhksAFBlthxCiXig+zT4TYqkC+Hq7OdAfJv8lPpZiZShWBBIuRP+jspDb2lwcDkzz7OLzbO/zvAHAoXTz5eYMQL0t2yHAiCFcfPY1QDwNFylA5bPoFpsV9fsEiMl8dhcc4PP1CYD3drYcBYdIKQrx0cbRxd2JHSDcQ297/vvoZ5smRC+AyV2AQ+nm03evge08Tyy4jGqXzWWEoIvTgXHU38pWiNgH4ixB/ukAcy/xycXfp4kwdAAAt399W+OCgMjxILQacxvRQ3gEwHgKUIr/rz53CuDFNyP/Eob4+/vEWkBq6AAA/HIi62n/Lk67Q7wDYQ0UpQB7hc54T4E6gACLTYxeAwB0YKZL6U4ATEGIBwCs7qPfQJCCHkCnoK50noJKcXcAojsEAJZZKXhgCoziGKxqWV8IMNp4kP2aC+oB0TMFvhGxDQHQfIPhDrilwKOm/YCZASAHfgBABQjr3f7CyAkA0cPB03AQULRhKd4xAIjzHymo2Gp7gN0FAMAVOoA2fPz03a9ssh/RM7Iz8QKIzYF9HyB0XEZ1xJ4DzNoDOAfAslhDDTyjDfv8A2AcBeCiu/jBHQEgxnYW6Kp6BlCVAkQM8VnieF2Xyr0ivXy+XvsCzKOihwNHCCryw8HrQXVB8dgFeRfAVQiXjMbIIgXINQYB2H7Kf5wF/2Ar7h0AgKKGuAP4zOjhzlkLbpcRXKRZhNUjxG6HIQDOjN47gCn4+fWW3xVS9urPESEEwwHMo9IhAGxS2ISiA1iEnQOoA4hXRAwItp7WzL9Ow18ESJaw/ar4NgeOR49cAHCAnaH8swBhv+6CBGjeBSxEOUAI7HyKHkD4O9xKb3/feQouAI4uLBciHRRHmgbfA7h/xFc9AngNBADthvii1sMOiPwDAFeyt6s7FSFS4PmnA1v0vQvqDqQKAAPE/weAUuEgsj8c+H11Twdw/AKANXA82EDr5cJBEEzB3oI4Mb0AdR3nNw8vQnegWuvqAABwJFJEBwDgNdA7IOs3gL0LhuJdwBY8c4BfNnDdVgooHiOqn/b7JoSW/QODjTHXhU7hMQAAAABJRU5ErkJggg==',
+    placeholder: 'blur',
+  },
+  parameters: {
+    // ignoring in Chromatic to avoid inconsistent snapshots
+    // given that the switch from blur to image is quite fast
+    chromatic: { disableSnapshot: true },
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Link.stories.module.css b/code/frameworks/experimental-nextjs-vite/template/stories/Link.stories.module.css
new file mode 100644
index 000000000000..9edb616226d0
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Link.stories.module.css
@@ -0,0 +1,3 @@
+.link {
+  color: green;
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Link.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Link.stories.tsx
new file mode 100644
index 000000000000..7c1aa2073ab6
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Link.stories.tsx
@@ -0,0 +1,87 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
+import Link from 'next/link';
+
+import style from './Link.stories.module.css';
+
+// `onClick`, `href`, and `ref` need to be passed to the DOM element
+// for proper handling
+const MyButton = React.forwardRef<
+  HTMLAnchorElement,
+  React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>
+>(function Button({ onClick, href, children }, ref) {
+  return (
+    <a href={href} onClick={onClick} ref={ref}>
+      {children}
+    </a>
+  );
+});
+
+const Component = () => (
+  <ul>
+    <li>
+      <Link href="/">Normal Link</Link>
+    </li>
+    <li>
+      <Link
+        href={{
+          pathname: '/with-url-object',
+          query: { name: 'test' },
+        }}
+      >
+        With URL Object
+      </Link>
+    </li>
+    <li>
+      <Link href="/replace-url" replace>
+        Replace the URL instead of push
+      </Link>
+    </li>
+    <li>
+      <Link href="/legacy-behaviour" legacyBehavior>
+        <a>Legacy behavior</a>
+      </Link>
+    </li>
+    <li>
+      <Link href="/child-is-functional-component" passHref legacyBehavior>
+        <MyButton>child is a functional component</MyButton>
+      </Link>
+    </li>
+    <li>
+      <Link href="/#hashid" scroll={false}>
+        Disables scrolling to the top
+      </Link>
+    </li>
+    <li>
+      <Link href="/no-prefetch" prefetch={false}>
+        No Prefetching
+      </Link>
+    </li>
+    <li>
+      <Link style={{ color: 'red' }} href="/with-style">
+        With style
+      </Link>
+    </li>
+    <li>
+      <Link className={style.link} href="/with-classname">
+        With className
+      </Link>
+    </li>
+  </ul>
+);
+
+export default {
+  component: Component,
+} as Meta<typeof Component>;
+
+export const Default: StoryObj<typeof Component> = {};
+
+export const InAppDir: StoryObj<typeof Component> = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+    },
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Navigation.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Navigation.stories.tsx
new file mode 100644
index 000000000000..d50ed5174d25
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Navigation.stories.tsx
@@ -0,0 +1,154 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
+import { getRouter } from '@storybook/experimental-nextjs-vite/navigation.mock';
+
+import {
+  useParams,
+  usePathname,
+  useRouter,
+  useSearchParams,
+  useSelectedLayoutSegment,
+  useSelectedLayoutSegments,
+} from 'next/navigation';
+
+function Component() {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const params = useParams();
+  const segment = useSelectedLayoutSegment();
+  const segments = useSelectedLayoutSegments();
+
+  const searchParamsList = searchParams ? Array.from(searchParams.entries()) : [];
+
+  const routerActions = [
+    {
+      cb: () => router.back(),
+      name: 'Go back',
+    },
+    {
+      cb: () => router.forward(),
+      name: 'Go forward',
+    },
+    {
+      cb: () => router.prefetch('/prefetched-html'),
+      name: 'Prefetch',
+    },
+    {
+      // @ts-expect-error (old API)
+      cb: () => router.push('/push-html', { forceOptimisticNavigation: true }),
+      name: 'Push HTML',
+    },
+    {
+      cb: () => router.refresh(),
+      name: 'Refresh',
+    },
+    {
+      // @ts-expect-error (old API)
+      cb: () => router.replace('/replaced-html', { forceOptimisticNavigation: true }),
+      name: 'Replace',
+    },
+  ];
+
+  return (
+    <div>
+      <div>pathname: {pathname}</div>
+      <div>segment: {segment}</div>
+      <div>segments: {segments.join(',')}</div>
+      <div>
+        searchparams:{' '}
+        <ul>
+          {searchParamsList.map(([key, value]) => (
+            <li key={key}>
+              {key}: {value}
+            </li>
+          ))}
+        </ul>
+      </div>
+      <div>
+        params:{' '}
+        <ul>
+          {Object.entries(params).map(([key, value]) => (
+            <li key={key}>
+              {key}: {value}
+            </li>
+          ))}
+        </ul>
+      </div>
+      {routerActions.map(({ cb, name }) => (
+        <div key={name} style={{ marginBottom: '1em' }}>
+          <button type="button" onClick={cb}>
+            {name}
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+type Story = StoryObj<typeof Component>;
+
+export default {
+  component: Component,
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        pathname: '/hello',
+        query: {
+          foo: 'bar',
+        },
+        prefetch: () => {
+          console.log('custom prefetch');
+        },
+      },
+    },
+  },
+} as Meta<typeof Component>;
+
+export const Default: StoryObj<typeof Component> = {
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement);
+    const routerMock = getRouter();
+
+    await step('Asserts whether forward hook is called', async () => {
+      const forwardBtn = await canvas.findByText('Go forward');
+      await userEvent.click(forwardBtn);
+      await expect(routerMock.forward).toHaveBeenCalled();
+    });
+
+    await step('Asserts whether custom prefetch hook is called', async () => {
+      const prefetchBtn = await canvas.findByText('Prefetch');
+      await userEvent.click(prefetchBtn);
+      await expect(routerMock.prefetch).toHaveBeenCalledWith('/prefetched-html');
+    });
+  },
+};
+
+export const WithSegmentDefined: Story = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        segments: ['dashboard', 'settings'],
+      },
+    },
+  },
+};
+
+export const WithSegmentDefinedForParams: Story = {
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        segments: [
+          ['slug', 'hello'],
+          ['framework', 'nextjs'],
+        ],
+      },
+    },
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/NextHeader.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/NextHeader.stories.tsx
new file mode 100644
index 000000000000..c0ec7f1bbba9
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/NextHeader.stories.tsx
@@ -0,0 +1,48 @@
+import type { Meta } from '@storybook/react';
+import type { StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
+import { cookies, headers } from '@storybook/experimental-nextjs-vite/headers.mock';
+
+import NextHeader from './NextHeader';
+
+export default {
+  component: NextHeader,
+} as Meta<typeof NextHeader>;
+
+type Story = StoryObj<typeof NextHeader>;
+
+export const Default: Story = {
+  loaders: async () => {
+    cookies().set('firstName', 'Jane');
+    cookies().set({
+      name: 'lastName',
+      value: 'Doe',
+    });
+    headers().set('timezone', 'Central European Summer Time');
+  },
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement);
+    const headersMock = headers();
+    const cookiesMock = cookies();
+    await step('Cookie and header store apis are called upon rendering', async () => {
+      await expect(cookiesMock.getAll).toHaveBeenCalled();
+      await expect(headersMock.entries).toHaveBeenCalled();
+    });
+
+    await step('Upon clicking on submit, the user-id cookie is set', async () => {
+      const submitButton = await canvas.findByRole('button');
+      await userEvent.click(submitButton);
+
+      await expect(cookiesMock.set).toHaveBeenCalledWith('user-id', 'encrypted-id');
+    });
+
+    await step('The user-id cookie is available in cookie and header stores', async () => {
+      await expect(headersMock.get('cookie')).toContain('user-id=encrypted-id');
+      await expect(cookiesMock.get('user-id')).toEqual({
+        name: 'user-id',
+        value: 'encrypted-id',
+      });
+    });
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/NextHeader.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/NextHeader.tsx
new file mode 100644
index 000000000000..6189f84baa62
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/NextHeader.tsx
@@ -0,0 +1,40 @@
+import React from 'react';
+
+import { cookies, headers } from 'next/headers';
+
+export default async function Component() {
+  async function handleClick() {
+    'use server';
+    cookies().set('user-id', 'encrypted-id');
+  }
+
+  return (
+    <>
+      <h3>Cookies:</h3>
+      {cookies()
+        .getAll()
+        .map(({ name, value }) => {
+          return (
+            <p key={name} style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>
+              <strong>Name:</strong> <span>{name}</span>
+              <strong>Value:</strong> <span>{value}</span>
+            </p>
+          );
+        })}
+
+      <h3>Headers:</h3>
+      {Array.from(headers().entries()).map(([name, value]: [string, string]) => {
+        return (
+          <p key={name} style={{ display: 'flex', flexDirection: 'row', gap: 8 }}>
+            <strong>Name:</strong> <span>{name}</span>
+            <strong>Value:</strong> <span>{value}</span>
+          </p>
+        );
+      })}
+
+      <form action={handleClick}>
+        <button>add user-id cookie</button>
+      </form>
+    </>
+  );
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/RSC.jsx b/code/frameworks/experimental-nextjs-vite/template/stories/RSC.jsx
new file mode 100644
index 000000000000..a5771a6a9202
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/RSC.jsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+import 'server-only';
+
+export const RSC = async ({ label }) => <>RSC {label}</>;
+
+export const Nested = async ({ children }) => <>Nested {children}</>;
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/RSC.stories.jsx b/code/frameworks/experimental-nextjs-vite/template/stories/RSC.stories.jsx
new file mode 100644
index 000000000000..1847c024379c
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/RSC.stories.jsx
@@ -0,0 +1,36 @@
+import React from 'react';
+
+import { Nested, RSC } from './RSC';
+
+export default {
+  component: RSC,
+  args: { label: 'label' },
+};
+
+export const Default = {};
+
+export const DisableRSC = {
+  tags: ['!test'],
+  parameters: {
+    chromatic: { disable: true },
+    nextjs: { rsc: false },
+  },
+};
+
+export const Error = {
+  tags: ['!test'],
+  parameters: {
+    chromatic: { disable: true },
+  },
+  render: () => {
+    throw new Error('RSC Error');
+  },
+};
+
+export const NestedRSC = {
+  render: (args) => (
+    <Nested>
+      <RSC {...args} />
+    </Nested>
+  ),
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Redirect.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Redirect.stories.tsx
new file mode 100644
index 000000000000..3c5980b79757
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Redirect.stories.tsx
@@ -0,0 +1,57 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { userEvent, within } from '@storybook/test';
+
+import { redirect } from 'next/navigation';
+
+let state = 'Bug! Not invalidated';
+
+export default {
+  render() {
+    return (
+      <div>
+        <div>{state}</div>
+        <form
+          action={() => {
+            state = 'State is invalidated successfully.';
+            redirect('/');
+          }}
+        >
+          <button>Submit</button>
+        </form>
+      </div>
+    );
+  },
+  parameters: {
+    test: {
+      // This is needed until Next will update to the React 19 beta: https://github.com/vercel/next.js/pull/65058
+      // In the React 19 beta ErrorBoundary errors (such as redirect) are only logged, and not thrown.
+      // We will also suspress console.error logs for re the console.error logs for redirect in the next framework.
+      // Using the onCaughtError react root option:
+      //   react: {
+      //     rootOptions: {
+      //       onCaughtError(error: unknown) {
+      //         if (isNextRouterError(error)) return;
+      //         console.error(error);
+      //       },
+      //     },
+      // See: code/frameworks/nextjs/src/preview.tsx
+      dangerouslyIgnoreUnhandledErrors: true,
+    },
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        pathname: '/',
+      },
+    },
+  },
+  tags: ['!test'],
+} as Meta;
+
+export const SingletonStateGetsInvalidatedAfterRedirecting: StoryObj = {
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByRole('button'));
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/Router.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/Router.stories.tsx
new file mode 100644
index 000000000000..7b1d5b0ec0c9
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/Router.stories.tsx
@@ -0,0 +1,111 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
+import { getRouter } from '@storybook/experimental-nextjs-vite/router.mock';
+
+import Router, { useRouter } from 'next/router';
+
+function Component() {
+  const router = useRouter();
+  const searchParams = router.query;
+
+  const routerActions = [
+    {
+      cb: () => router.back(),
+      name: 'Go back',
+    },
+    {
+      cb: () => router.forward(),
+      name: 'Go forward',
+    },
+    {
+      cb: () => router.prefetch('/prefetched-html'),
+      name: 'Prefetch',
+    },
+    {
+      // @ts-expect-error (old API)
+      cb: () => router.push('/push-html', { forceOptimisticNavigation: true }),
+      name: 'Push HTML',
+    },
+    {
+      // @ts-expect-error (old API)
+      cb: () => router.replace('/replaced-html', { forceOptimisticNavigation: true }),
+      name: 'Replace',
+    },
+  ];
+
+  return (
+    <div>
+      <div>Router pathname: {Router.pathname}</div>
+      <div>pathname: {router.pathname}</div>
+      <div>
+        searchparams:{' '}
+        <ul>
+          {Object.entries(searchParams).map(([key, value]) => (
+            <li key={key}>
+              {key}: {value}
+            </li>
+          ))}
+        </ul>
+      </div>
+      {routerActions.map(({ cb, name }) => (
+        <div key={name} style={{ marginBottom: '1em' }}>
+          <button type="button" onClick={cb}>
+            {name}
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+export default {
+  component: Component,
+  parameters: {
+    nextjs: {
+      router: {
+        pathname: '/hello',
+        query: {
+          foo: 'bar',
+        },
+        prefetch: () => {
+          console.log('custom prefetch');
+        },
+      },
+    },
+  },
+} as Meta<typeof Component>;
+
+export const Default: StoryObj<typeof Component> = {
+  play: async ({ canvasElement, step }) => {
+    const canvas = within(canvasElement);
+    const routerMock = getRouter();
+
+    await step('Router property overrides should be available in useRouter fn', async () => {
+      await expect(Router.pathname).toBe('/hello');
+      await expect(Router.query).toEqual({ foo: 'bar' });
+    });
+
+    await step(
+      'Router property overrides should be available in default export from next/router',
+      async () => {
+        await expect(Router.pathname).toBe('/hello');
+        await expect(Router.query).toEqual({ foo: 'bar' });
+      }
+    );
+
+    await step('Asserts whether forward hook is called', async () => {
+      const forwardBtn = await canvas.findByText('Go forward');
+      await userEvent.click(forwardBtn);
+      await expect(routerMock.forward).toHaveBeenCalled();
+    });
+
+    await step('Asserts whether custom prefetch hook is called', async () => {
+      const prefetchBtn = await canvas.findByText('Prefetch');
+      await userEvent.click(prefetchBtn);
+      await expect(routerMock.prefetch).toHaveBeenCalledWith('/prefetched-html');
+    });
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/ServerActions.stories.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/ServerActions.stories.tsx
new file mode 100644
index 000000000000..944bc42d8667
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/ServerActions.stories.tsx
@@ -0,0 +1,117 @@
+import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
+
+import { revalidatePath } from '@storybook/experimental-nextjs-vite/cache.mock';
+import { cookies } from '@storybook/experimental-nextjs-vite/headers.mock';
+import { getRouter, redirect } from '@storybook/experimental-nextjs-vite/navigation.mock';
+
+import { accessRoute, login, logout } from './ServerActions';
+
+function Component() {
+  return (
+    <div style={{ display: 'flex', gap: 8 }}>
+      <form>
+        <button type="submit" formAction={login}>
+          Login
+        </button>
+      </form>
+      <form>
+        <button type="submit" formAction={logout}>
+          Logout
+        </button>
+      </form>
+      <form>
+        <button type="submit" formAction={accessRoute}>
+          Access protected route
+        </button>
+      </form>
+    </div>
+  );
+}
+
+export default {
+  component: Component,
+  tags: ['!test'],
+  parameters: {
+    nextjs: {
+      appDirectory: true,
+      navigation: {
+        pathname: '/',
+      },
+    },
+    test: {
+      // This is needed until Next will update to the React 19 beta: https://github.com/vercel/next.js/pull/65058
+      // In the React 19 beta ErrorBoundary errors (such as redirect) are only logged, and not thrown.
+      // We will also suspress console.error logs for re the console.error logs for redirect in the next framework.
+      // Using the onCaughtError react root option:
+      //   react: {
+      //     rootOptions: {
+      //       onCaughtError(error: unknown) {
+      //         if (isNextRouterError(error)) return;
+      //         console.error(error);
+      //       },
+      //     },
+      // See: code/frameworks/nextjs/src/preview.tsx
+      dangerouslyIgnoreUnhandledErrors: true,
+    },
+  },
+} as Meta<typeof Component>;
+
+export const ProtectedWhileLoggedOut: StoryObj<typeof Component> = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByText('Access protected route'));
+
+    await expect(cookies().get).toHaveBeenCalledWith('user');
+    await expect(redirect).toHaveBeenCalledWith('/');
+
+    await waitFor(() => expect(getRouter().push).toHaveBeenCalled());
+  },
+};
+
+export const ProtectedWhileLoggedIn: StoryObj<typeof Component> = {
+  beforeEach() {
+    cookies().set('user', 'storybookjs');
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByText('Access protected route'));
+
+    await expect(cookies().get).toHaveBeenLastCalledWith('user');
+    await expect(revalidatePath).toHaveBeenLastCalledWith('/');
+    await expect(redirect).toHaveBeenLastCalledWith('/protected');
+
+    await waitFor(() => expect(getRouter().push).toHaveBeenCalled());
+  },
+};
+
+export const Logout: StoryObj<typeof Component> = {
+  beforeEach() {
+    cookies().set('user', 'storybookjs');
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    await userEvent.click(canvas.getByText('Logout'));
+    await expect(cookies().delete).toHaveBeenCalled();
+    await expect(revalidatePath).toHaveBeenCalledWith('/');
+    await expect(redirect).toHaveBeenCalledWith('/');
+
+    await waitFor(() => expect(getRouter().push).toHaveBeenCalled());
+  },
+};
+
+export const Login: StoryObj<typeof Component> = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    await userEvent.click(canvas.getByText('Login'));
+
+    await expect(cookies().set).toHaveBeenCalledWith('user', 'storybookjs');
+    await expect(revalidatePath).toHaveBeenCalledWith('/');
+    await expect(redirect).toHaveBeenCalledWith('/');
+
+    await waitFor(() => expect(getRouter().push).toHaveBeenCalled());
+  },
+};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/ServerActions.tsx b/code/frameworks/experimental-nextjs-vite/template/stories/ServerActions.tsx
new file mode 100644
index 000000000000..5e1b3c7227dc
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/ServerActions.tsx
@@ -0,0 +1,28 @@
+'use server';
+
+import { revalidatePath } from 'next/cache';
+import { cookies } from 'next/headers';
+import { redirect } from 'next/navigation';
+
+export async function accessRoute() {
+  const user = cookies().get('user');
+
+  if (!user) {
+    redirect('/');
+  }
+
+  revalidatePath('/');
+  redirect(`/protected`);
+}
+
+export async function logout() {
+  cookies().delete('user');
+  revalidatePath('/');
+  redirect('/');
+}
+
+export async function login() {
+  cookies().set('user', 'storybookjs');
+  revalidatePath('/');
+  redirect('/');
+}
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/StyledJsx.stories.jsx b/code/frameworks/experimental-nextjs-vite/template/stories/StyledJsx.stories.jsx
new file mode 100644
index 000000000000..5a0c586e232c
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/StyledJsx.stories.jsx
@@ -0,0 +1,20 @@
+import React from 'react';
+
+const Component = () => (
+  <div>
+    <style jsx>{`
+      .main p {
+        color: #ff4785;
+      }
+    `}</style>
+    <main className="main">
+      <p>This is styled using Styled JSX</p>
+    </main>
+  </div>
+);
+
+export default {
+  component: Component,
+};
+
+export const Default = {};
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/fonts/OFL.txt b/code/frameworks/experimental-nextjs-vite/template/stories/fonts/OFL.txt
new file mode 100644
index 000000000000..36d2f6f3febb
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/stories/fonts/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The Rubik Filtered Project Authors (https://https://github.com/NaN-xyz/Rubik-Filtered)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/code/frameworks/experimental-nextjs-vite/template/stories/fonts/RubikStorm-Regular.ttf b/code/frameworks/experimental-nextjs-vite/template/stories/fonts/RubikStorm-Regular.ttf
new file mode 100644
index 000000000000..2304ee84a07b
Binary files /dev/null and b/code/frameworks/experimental-nextjs-vite/template/stories/fonts/RubikStorm-Regular.ttf differ
diff --git a/code/frameworks/experimental-nextjs-vite/template/typings.d.ts b/code/frameworks/experimental-nextjs-vite/template/typings.d.ts
new file mode 100644
index 000000000000..b8b55169fef8
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/template/typings.d.ts
@@ -0,0 +1,14 @@
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.avif' {
+  const content: string;
+  export default content;
+}
+
+declare module '*.png' {
+  const content: string;
+  export default content;
+}
diff --git a/code/frameworks/experimental-nextjs-vite/tsconfig.json b/code/frameworks/experimental-nextjs-vite/tsconfig.json
new file mode 100644
index 000000000000..3b01f80f2c32
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {},
+  "include": ["src/**/*", "template/**/*"]
+}
diff --git a/code/frameworks/experimental-nextjs-vite/vitest.config.ts b/code/frameworks/experimental-nextjs-vite/vitest.config.ts
new file mode 100644
index 000000000000..edf3cc3ea035
--- /dev/null
+++ b/code/frameworks/experimental-nextjs-vite/vitest.config.ts
@@ -0,0 +1,11 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { defineConfig, mergeConfig } from 'vitest/config';
+
+import { vitestCommonConfig } from '../../vitest.workspace';
+
+export default mergeConfig(
+  vitestCommonConfig,
+  defineConfig({
+    // Add custom config here
+  })
+);
diff --git a/code/frameworks/html-vite/package.json b/code/frameworks/html-vite/package.json
index bca46d639a80..b2769248eeca 100644
--- a/code/frameworks/html-vite/package.json
+++ b/code/frameworks/html-vite/package.json
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-vite": "workspace:*",
@@ -52,7 +52,7 @@
     "magic-string": "^0.30.0"
   },
   "devDependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2"
   },
   "peerDependencies": {
diff --git a/code/frameworks/html-vite/src/preset.ts b/code/frameworks/html-vite/src/preset.ts
index 001c73d49e81..57c18a236cca 100644
--- a/code/frameworks/html-vite/src/preset.ts
+++ b/code/frameworks/html-vite/src/preset.ts
@@ -1,5 +1,6 @@
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { dirname, join } from 'path';
 
 function getAbsolutePath<I extends string>(value: I): I {
   return dirname(require.resolve(join(value, 'package.json'))) as any;
diff --git a/code/frameworks/html-vite/src/types.ts b/code/frameworks/html-vite/src/types.ts
index c32ae6e2729b..03b08009c50d 100644
--- a/code/frameworks/html-vite/src/types.ts
+++ b/code/frameworks/html-vite/src/types.ts
@@ -1,8 +1,9 @@
 import type {
-  StorybookConfig as StorybookConfigBase,
   CompatibleString,
+  StorybookConfig as StorybookConfigBase,
 } from 'storybook/internal/types';
-import type { StorybookConfigVite, BuilderOptions } from '@storybook/builder-vite';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
 
 type FrameworkName = CompatibleString<'@storybook/html-vite'>;
 type BuilderName = CompatibleString<'@storybook/builder-vite'>;
diff --git a/code/frameworks/html-webpack5/package.json b/code/frameworks/html-webpack5/package.json
index f56806e5f6bf..bbb944bac0a4 100644
--- a/code/frameworks/html-webpack5/package.json
+++ b/code/frameworks/html-webpack5/package.json
@@ -43,15 +43,15 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
     "@storybook/global": "^5.0.0",
     "@storybook/html": "workspace:*",
     "@storybook/preset-html-webpack": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "devDependencies": {
     "typescript": "^5.3.2"
diff --git a/code/frameworks/html-webpack5/src/preset.ts b/code/frameworks/html-webpack5/src/preset.ts
index 1b508928dfb8..d2e3e75d1c18 100644
--- a/code/frameworks/html-webpack5/src/preset.ts
+++ b/code/frameworks/html-webpack5/src/preset.ts
@@ -1,4 +1,5 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/html-webpack5/src/types.ts b/code/frameworks/html-webpack5/src/types.ts
index cca287503781..8221d8b3e280 100644
--- a/code/frameworks/html-webpack5/src/types.ts
+++ b/code/frameworks/html-webpack5/src/types.ts
@@ -1,13 +1,14 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
 import type {
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/preset-html-webpack';
-import type {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+import type {
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/preset-html-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/html-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/html-webpack5/vitest.config.ts b/code/frameworks/html-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/html-webpack5/vitest.config.ts
+++ b/code/frameworks/html-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/nextjs/package.json b/code/frameworks/nextjs/package.json
index 41867909afb6..6fe14e883fc5 100644
--- a/code/frameworks/nextjs/package.json
+++ b/code/frameworks/nextjs/package.json
@@ -121,8 +121,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.24.4",
@@ -143,7 +143,7 @@
     "@storybook/preset-react-webpack": "workspace:*",
     "@storybook/react": "workspace:*",
     "@storybook/test": "workspace:*",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "@types/semver": "^7.3.4",
     "babel-loader": "^9.1.3",
     "css-loader": "^6.7.3",
diff --git a/code/frameworks/nextjs/src/babel/loader.ts b/code/frameworks/nextjs/src/babel/loader.ts
index 51ec6beac144..934675dfc66a 100644
--- a/code/frameworks/nextjs/src/babel/loader.ts
+++ b/code/frameworks/nextjs/src/babel/loader.ts
@@ -1,7 +1,8 @@
 import { getProjectRoot, resolvePathInStorybookCache } from 'storybook/internal/common';
-import { getVirtualModules } from '@storybook/builder-webpack5';
 import type { Options } from 'storybook/internal/types';
 
+import { getVirtualModules } from '@storybook/builder-webpack5';
+
 export const configureBabelLoader = async (baseConfig: any, options: Options) => {
   const { virtualModules } = await getVirtualModules(options);
 
diff --git a/code/frameworks/nextjs/src/babel/plugins/jsx-pragma.ts b/code/frameworks/nextjs/src/babel/plugins/jsx-pragma.ts
index 131314e66c5e..a97bfee1aee7 100644
--- a/code/frameworks/nextjs/src/babel/plugins/jsx-pragma.ts
+++ b/code/frameworks/nextjs/src/babel/plugins/jsx-pragma.ts
@@ -1,7 +1,7 @@
 /**
  * Source: https://github.com/vercel/next.js/blob/canary/packages/next/src/build/babel/plugins/jsx-pragma.ts
  */
-import type { NodePath, PluginObj, types as BabelTypes } from '@babel/core';
+import type { types as BabelTypes, NodePath, PluginObj } from '@babel/core';
 import jsx from 'next/dist/compiled/babel/plugin-syntax-jsx';
 
 export default function jsxPragma({ types: t }: { types: typeof BabelTypes }): PluginObj<any> {
diff --git a/code/frameworks/nextjs/src/babel/plugins/next-page-config.ts b/code/frameworks/nextjs/src/babel/plugins/next-page-config.ts
index c59efd5dfd82..5541ab200f91 100644
--- a/code/frameworks/nextjs/src/babel/plugins/next-page-config.ts
+++ b/code/frameworks/nextjs/src/babel/plugins/next-page-config.ts
@@ -3,8 +3,8 @@
  */
 import type { NodePath, PluginObj, PluginPass, Visitor } from '@babel/core';
 import { types as BabelTypes } from '@babel/core';
-import type { PageConfig } from 'next/types';
 import { STRING_LITERAL_DROP_BUNDLE } from 'next/constants';
+import type { PageConfig } from 'next/types';
 
 const CONFIG_KEY = 'config';
 
diff --git a/code/frameworks/nextjs/src/babel/plugins/next-ssg-transform.ts b/code/frameworks/nextjs/src/babel/plugins/next-ssg-transform.ts
index a2b51614d4bf..d5d849e3eba9 100644
--- a/code/frameworks/nextjs/src/babel/plugins/next-ssg-transform.ts
+++ b/code/frameworks/nextjs/src/babel/plugins/next-ssg-transform.ts
@@ -3,7 +3,7 @@
 /**
  * Source: https://github.com/vercel/next.js/blob/canary/packages/next/src/build/babel/plugins/next-ssg-transform.ts
  */
-import type { NodePath, PluginObj, types as BabelTypes } from '@babel/core';
+import type { types as BabelTypes, NodePath, PluginObj } from '@babel/core';
 import { SERVER_PROPS_ID, STATIC_PROPS_ID } from 'next/constants';
 
 export const EXPORT_NAME_GET_STATIC_PROPS = 'getStaticProps';
diff --git a/code/frameworks/nextjs/src/babel/plugins/optimize-hook-destructuring.ts b/code/frameworks/nextjs/src/babel/plugins/optimize-hook-destructuring.ts
index 3145b35aac1e..d60535994091 100644
--- a/code/frameworks/nextjs/src/babel/plugins/optimize-hook-destructuring.ts
+++ b/code/frameworks/nextjs/src/babel/plugins/optimize-hook-destructuring.ts
@@ -1,7 +1,7 @@
 /**
  * Source: https://github.com/vercel/next.js/blob/canary/packages/next/src/build/babel/plugins/optimize-hook-destructuring.ts
  */
-import type { NodePath, PluginObj, types as BabelTypes } from '@babel/core';
+import type { types as BabelTypes, NodePath, PluginObj } from '@babel/core';
 
 // matches any hook-like (the default)
 const isHook = /^use[A-Z]/;
diff --git a/code/frameworks/nextjs/src/babel/plugins/react-loadable-plugin.ts b/code/frameworks/nextjs/src/babel/plugins/react-loadable-plugin.ts
index b4595ae277ed..3c075d437437 100644
--- a/code/frameworks/nextjs/src/babel/plugins/react-loadable-plugin.ts
+++ b/code/frameworks/nextjs/src/babel/plugins/react-loadable-plugin.ts
@@ -1,12 +1,13 @@
 /* eslint-disable @typescript-eslint/naming-convention */
+
 /* eslint-disable no-underscore-dangle */
 
 /**
  * Source: https://github.com/vercel/next.js/blob/canary/packages/next/src/build/babel/plugins/react-loadable-plugin.ts
  */
-import type { NodePath, PluginObj, types as BabelTypes } from '@babel/core';
+import { relative as relativePath } from 'node:path';
 
-import { relative as relativePath } from 'path';
+import type { types as BabelTypes, NodePath, PluginObj } from '@babel/core';
 
 export default function ({ types: t }: { types: typeof BabelTypes }): PluginObj {
   return {
diff --git a/code/frameworks/nextjs/src/babel/preset.ts b/code/frameworks/nextjs/src/babel/preset.ts
index 1b48e4a663c0..b4b7a465bacf 100644
--- a/code/frameworks/nextjs/src/babel/preset.ts
+++ b/code/frameworks/nextjs/src/babel/preset.ts
@@ -1,5 +1,6 @@
+import { dirname } from 'node:path';
+
 import type { PluginItem } from '@babel/core';
-import { dirname } from 'path';
 
 const isLoadIntentTest = process.env.NODE_ENV === 'test';
 const isLoadIntentDevelopment = process.env.NODE_ENV === 'development';
diff --git a/code/frameworks/nextjs/src/compatibility/compatibility-map.ts b/code/frameworks/nextjs/src/compatibility/compatibility-map.ts
index f423ee1db0fc..7f17cf10edc8 100644
--- a/code/frameworks/nextjs/src/compatibility/compatibility-map.ts
+++ b/code/frameworks/nextjs/src/compatibility/compatibility-map.ts
@@ -1,6 +1,7 @@
-import type { Configuration as WebpackConfig } from 'webpack';
 import semver from 'semver';
-import { getNextjsVersion, addScopedAlias } from '../utils';
+import type { Configuration as WebpackConfig } from 'webpack';
+
+import { addScopedAlias, getNextjsVersion } from '../utils';
 
 const mapping: Record<string, Record<string, string>> = {
   '<14.1.0': {
diff --git a/code/frameworks/nextjs/src/config/webpack.ts b/code/frameworks/nextjs/src/config/webpack.ts
index 1abc8684c4d5..3860207e124e 100644
--- a/code/frameworks/nextjs/src/config/webpack.ts
+++ b/code/frameworks/nextjs/src/config/webpack.ts
@@ -1,7 +1,7 @@
-import type { Configuration as WebpackConfig } from 'webpack';
-
 import type { NextConfig } from 'next';
+import type { Configuration as WebpackConfig } from 'webpack';
 import { DefinePlugin } from 'webpack';
+
 import { addScopedAlias, resolveNextConfig } from '../utils';
 
 const tryResolve = (path: string) => {
diff --git a/code/frameworks/nextjs/src/css/webpack.ts b/code/frameworks/nextjs/src/css/webpack.ts
index f6c7d7838f0a..e6939db97612 100644
--- a/code/frameworks/nextjs/src/css/webpack.ts
+++ b/code/frameworks/nextjs/src/css/webpack.ts
@@ -1,8 +1,9 @@
 import type { NextConfig } from 'next';
-import { getCssModuleLocalIdent } from 'next/dist/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent';
 import { cssFileResolve } from 'next/dist/build/webpack/config/blocks/css/loaders/file-resolve';
-import type { Configuration as WebpackConfig } from 'webpack';
+import { getCssModuleLocalIdent } from 'next/dist/build/webpack/config/blocks/css/loaders/getCssModuleLocalIdent';
 import semver from 'semver';
+import type { Configuration as WebpackConfig } from 'webpack';
+
 import { scopedResolve } from '../utils';
 
 // This tries to follow nextjs's css config, please refer to this file for more info:
diff --git a/code/frameworks/nextjs/src/export-mocks/cache/index.ts b/code/frameworks/nextjs/src/export-mocks/cache/index.ts
index b9f2fa8dd431..0344304bc795 100644
--- a/code/frameworks/nextjs/src/export-mocks/cache/index.ts
+++ b/code/frameworks/nextjs/src/export-mocks/cache/index.ts
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { unstable_cache } from 'next/dist/server/web/spec-extension/unstable-cache';
 import { unstable_noStore } from 'next/dist/server/web/spec-extension/unstable-no-store';
 
diff --git a/code/frameworks/nextjs/src/export-mocks/headers/cookies.ts b/code/frameworks/nextjs/src/export-mocks/headers/cookies.ts
index 3d84ecba3885..02e335834b8a 100644
--- a/code/frameworks/nextjs/src/export-mocks/headers/cookies.ts
+++ b/code/frameworks/nextjs/src/export-mocks/headers/cookies.ts
@@ -1,11 +1,12 @@
-import { fn } from '@storybook/test';
-import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies';
 // We need this import to be a singleton, and because it's used in multiple entrypoints
 // both in ESM and CJS, importing it via the package name instead of having a local import
 // is the only way to achieve it actually being a singleton
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore we must ignore types here as during compilation they are not generated yet
 import { headers } from '@storybook/nextjs/headers.mock';
+import { fn } from '@storybook/test';
+
+import { RequestCookies } from 'next/dist/compiled/@edge-runtime/cookies';
 
 class RequestCookiesMock extends RequestCookies {
   get = fn(super.get.bind(this)).mockName('next/headers::cookies().get');
diff --git a/code/frameworks/nextjs/src/export-mocks/headers/index.ts b/code/frameworks/nextjs/src/export-mocks/headers/index.ts
index 1ec2cbd2915f..1797d4ccaf57 100644
--- a/code/frameworks/nextjs/src/export-mocks/headers/index.ts
+++ b/code/frameworks/nextjs/src/export-mocks/headers/index.ts
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import * as originalHeaders from 'next/dist/client/components/headers';
 
 // re-exports of the actual module
diff --git a/code/frameworks/nextjs/src/export-mocks/navigation/index.ts b/code/frameworks/nextjs/src/export-mocks/navigation/index.ts
index 09a013578250..60d964147dbb 100644
--- a/code/frameworks/nextjs/src/export-mocks/navigation/index.ts
+++ b/code/frameworks/nextjs/src/export-mocks/navigation/index.ts
@@ -1,9 +1,11 @@
+import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
+
 import type { Mock } from '@storybook/test';
 import { fn } from '@storybook/test';
+
 import * as actual from 'next/dist/client/components/navigation';
-import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
-import { RedirectStatusCode } from 'next/dist/client/components/redirect-status-code';
 import { getRedirectError } from 'next/dist/client/components/redirect';
+import { RedirectStatusCode } from 'next/dist/client/components/redirect-status-code';
 
 let navigationAPI: {
   push: Mock;
diff --git a/code/frameworks/nextjs/src/export-mocks/router/index.ts b/code/frameworks/nextjs/src/export-mocks/router/index.ts
index e776674c5cef..6d7dac5ef3bc 100644
--- a/code/frameworks/nextjs/src/export-mocks/router/index.ts
+++ b/code/frameworks/nextjs/src/export-mocks/router/index.ts
@@ -1,8 +1,10 @@
+import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
+
 import type { Mock } from '@storybook/test';
 import { fn } from '@storybook/test';
-import { NextjsRouterMocksNotAvailable } from 'storybook/internal/preview-errors';
-import type { NextRouter, SingletonRouter } from 'next/router';
+
 import singletonRouter, * as originalRouter from 'next/dist/client/router';
+import type { NextRouter, SingletonRouter } from 'next/router';
 
 const defaultRouterState = {
   route: '/',
diff --git a/code/frameworks/nextjs/src/export-mocks/webpack.ts b/code/frameworks/nextjs/src/export-mocks/webpack.ts
index 8f43c41a9e53..3d054d114ed2 100644
--- a/code/frameworks/nextjs/src/export-mocks/webpack.ts
+++ b/code/frameworks/nextjs/src/export-mocks/webpack.ts
@@ -1,5 +1,7 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { Configuration as WebpackConfig } from 'webpack';
+
 import { getCompatibilityAliases } from '../compatibility/compatibility-map';
 
 const mapping = {
diff --git a/code/frameworks/nextjs/src/fastRefresh/webpack.ts b/code/frameworks/nextjs/src/fastRefresh/webpack.ts
index f9bb9d6c51e7..85733907c82c 100644
--- a/code/frameworks/nextjs/src/fastRefresh/webpack.ts
+++ b/code/frameworks/nextjs/src/fastRefresh/webpack.ts
@@ -1,5 +1,5 @@
-import type { Configuration as WebpackConfig } from 'webpack';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
+import type { Configuration as WebpackConfig } from 'webpack';
 
 export const configureFastRefresh = (baseConfig: WebpackConfig): void => {
   baseConfig.plugins = [
diff --git a/code/frameworks/nextjs/src/font/babel/helpers.ts b/code/frameworks/nextjs/src/font/babel/helpers.ts
index 5f588d8c8c2c..0303a391081b 100644
--- a/code/frameworks/nextjs/src/font/babel/helpers.ts
+++ b/code/frameworks/nextjs/src/font/babel/helpers.ts
@@ -1,5 +1,5 @@
-import type * as BabelTypesNamespace from '@babel/types';
 import type * as BabelCoreNamespace from '@babel/core';
+import type * as BabelTypesNamespace from '@babel/types';
 
 type BabelTypes = typeof BabelTypesNamespace;
 type PrimaryTypes = Record<string, any> | string | number | boolean | undefined | null;
diff --git a/code/frameworks/nextjs/src/font/babel/index.test.ts b/code/frameworks/nextjs/src/font/babel/index.test.ts
index 7df993cc031d..2b71bb3fbb88 100644
--- a/code/frameworks/nextjs/src/font/babel/index.test.ts
+++ b/code/frameworks/nextjs/src/font/babel/index.test.ts
@@ -1,5 +1,7 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import { transform } from '@babel/core';
+
 import TransformFontImports from '.';
 
 const example = `
diff --git a/code/frameworks/nextjs/src/font/babel/index.ts b/code/frameworks/nextjs/src/font/babel/index.ts
index 6c45b791e765..62f32d14bb63 100644
--- a/code/frameworks/nextjs/src/font/babel/index.ts
+++ b/code/frameworks/nextjs/src/font/babel/index.ts
@@ -1,4 +1,5 @@
 import type * as BabelCoreNamespace from '@babel/core';
+
 import {
   getVariableMetasBySpecifier,
   isDefined,
diff --git a/code/frameworks/nextjs/src/font/webpack/loader/google/get-font-face-declarations.ts b/code/frameworks/nextjs/src/font/webpack/loader/google/get-font-face-declarations.ts
index 2e4da33d10c7..23d3a4b100e2 100644
--- a/code/frameworks/nextjs/src/font/webpack/loader/google/get-font-face-declarations.ts
+++ b/code/frameworks/nextjs/src/font/webpack/loader/google/get-font-face-declarations.ts
@@ -1,14 +1,16 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-import loaderUtils from 'next/dist/compiled/loader-utils3';
 import {
   GoogleFontsDownloadError,
   GoogleFontsLoadingError,
 } from 'storybook/internal/server-errors';
-import { validateGoogleFontFunctionCall } from 'next/dist/compiled/@next/font/dist/google/validate-google-font-function-call';
-import { getGoogleFontsUrl } from 'next/dist/compiled/@next/font/dist/google/get-google-fonts-url';
-import { getFontAxes } from 'next/dist/compiled/@next/font/dist/google/get-font-axes';
+
 import { fetchCSSFromGoogleFonts } from 'next/dist/compiled/@next/font/dist/google/fetch-css-from-google-fonts';
+import { getFontAxes } from 'next/dist/compiled/@next/font/dist/google/get-font-axes';
+import { getGoogleFontsUrl } from 'next/dist/compiled/@next/font/dist/google/get-google-fonts-url';
+import { validateGoogleFontFunctionCall } from 'next/dist/compiled/@next/font/dist/google/validate-google-font-function-call';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+import loaderUtils from 'next/dist/compiled/loader-utils3';
+
 import type { LoaderOptions } from '../types';
 
 const cssCache = new Map<string, string>();
diff --git a/code/frameworks/nextjs/src/font/webpack/loader/local/get-font-face-declarations.ts b/code/frameworks/nextjs/src/font/webpack/loader/local/get-font-face-declarations.ts
index 36bbf05d05ec..884602b77e64 100644
--- a/code/frameworks/nextjs/src/font/webpack/loader/local/get-font-face-declarations.ts
+++ b/code/frameworks/nextjs/src/font/webpack/loader/local/get-font-face-declarations.ts
@@ -1,9 +1,11 @@
+import { dirname, join } from 'node:path';
+
+import { getProjectRoot } from 'storybook/internal/common';
+
+import { validateLocalFontFunctionCall } from 'next/dist/compiled/@next/font/dist/local/validate-local-font-function-call';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
 import loaderUtils from 'next/dist/compiled/loader-utils3';
-import { getProjectRoot } from 'storybook/internal/common';
-import { validateLocalFontFunctionCall } from 'next/dist/compiled/@next/font/dist/local/validate-local-font-function-call';
-import path from 'path';
 
 import type { LoaderOptions } from '../types';
 
@@ -18,8 +20,8 @@ export async function getFontFaceDeclarations(
 
   // Parent folder relative to the root context
   const parentFolder = swcMode
-    ? path.dirname(path.join(getProjectRoot(), options.filename)).replace(rootContext, '')
-    : path.dirname(options.filename).replace(rootContext, '');
+    ? dirname(join(getProjectRoot(), options.filename)).replace(rootContext, '')
+    : dirname(options.filename).replace(rootContext, '');
 
   const {
     weight,
@@ -41,7 +43,7 @@ export async function getFontFaceDeclarations(
 
   const getFontFaceCSS = () => {
     if (typeof localFontSrc === 'string') {
-      const localFontPath = path.join(parentFolder, localFontSrc).replaceAll('\\', '/');
+      const localFontPath = join(parentFolder, localFontSrc).replaceAll('\\', '/');
 
       return `@font-face {
           font-family: ${id};
@@ -51,7 +53,7 @@ export async function getFontFaceDeclarations(
     }
     return localFontSrc
       .map((font) => {
-        const localFontPath = path.join(parentFolder, font.path).replaceAll('\\', '/');
+        const localFontPath = join(parentFolder, font.path).replaceAll('\\', '/');
 
         return `@font-face {
           font-family: ${id};
diff --git a/code/frameworks/nextjs/src/font/webpack/loader/storybook-nextjs-font-loader.ts b/code/frameworks/nextjs/src/font/webpack/loader/storybook-nextjs-font-loader.ts
index 055d934f57a4..26be6ade3e97 100644
--- a/code/frameworks/nextjs/src/font/webpack/loader/storybook-nextjs-font-loader.ts
+++ b/code/frameworks/nextjs/src/font/webpack/loader/storybook-nextjs-font-loader.ts
@@ -1,9 +1,10 @@
+import { sep } from 'node:path';
+
 import { getFontFaceDeclarations as getGoogleFontFaceDeclarations } from './google/get-font-face-declarations';
 import { getFontFaceDeclarations as getLocalFontFaceDeclarations } from './local/get-font-face-declarations';
 import type { LoaderOptions } from './types';
 import { getCSSMeta } from './utils/get-css-meta';
 import { setFontDeclarationsInHead } from './utils/set-font-declarations-in-head';
-import path from 'path';
 
 type FontFaceDeclaration = {
   id: string;
@@ -40,7 +41,7 @@ export default async function storybookNextjsFontLoader(this: any) {
 
   let fontFaceDeclaration: FontFaceDeclaration | undefined;
 
-  const pathSep = path.sep;
+  const pathSep = sep;
 
   if (
     options.source.endsWith(`next${pathSep}font${pathSep}google`) ||
diff --git a/code/frameworks/nextjs/src/head-manager/decorator.tsx b/code/frameworks/nextjs/src/head-manager/decorator.tsx
index 794ad9c77cb9..84fd0215df4b 100644
--- a/code/frameworks/nextjs/src/head-manager/decorator.tsx
+++ b/code/frameworks/nextjs/src/head-manager/decorator.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import HeadManagerProvider from './head-manager-provider';
 
 export const HeadManagerDecorator = (Story: React.FC): React.ReactNode => {
diff --git a/code/frameworks/nextjs/src/head-manager/head-manager-provider.tsx b/code/frameworks/nextjs/src/head-manager/head-manager-provider.tsx
index ee62063351ea..69b58866c510 100644
--- a/code/frameworks/nextjs/src/head-manager/head-manager-provider.tsx
+++ b/code/frameworks/nextjs/src/head-manager/head-manager-provider.tsx
@@ -1,7 +1,8 @@
 import type { PropsWithChildren } from 'react';
 import React, { useMemo } from 'react';
-import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context.shared-runtime';
+
 import initHeadManager from 'next/dist/client/head-manager';
+import { HeadManagerContext } from 'next/dist/shared/lib/head-manager-context.shared-runtime';
 
 type HeadManagerValue = {
   updateHead?: ((state: JSX.Element[]) => void) | undefined;
diff --git a/code/frameworks/nextjs/src/image-context.ts b/code/frameworks/nextjs/src/image-context.ts
index 81f8cf2d6c82..3db7650c29ab 100644
--- a/code/frameworks/nextjs/src/image-context.ts
+++ b/code/frameworks/nextjs/src/image-context.ts
@@ -1,4 +1,5 @@
 import { createContext } from 'react';
+
 import type { ImageProps, StaticImageData } from 'next/image';
 import type { ImageProps as LegacyImageProps } from 'next/legacy/image';
 
diff --git a/code/frameworks/nextjs/src/images/decorator.tsx b/code/frameworks/nextjs/src/images/decorator.tsx
index 1c46981386d9..53b4cd470f4d 100644
--- a/code/frameworks/nextjs/src/images/decorator.tsx
+++ b/code/frameworks/nextjs/src/images/decorator.tsx
@@ -1,11 +1,12 @@
 import * as React from 'react';
+
 import type { Addon_StoryContext } from 'storybook/internal/types';
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore-error (this only errors during compilation for production)
-
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { ImageContext as ImageContextValue } from '@storybook/nextjs/dist/image-context';
+
 import { type ImageContext as ImageContextType } from '../image-context';
 
 const ImageContext = ImageContextValue as typeof ImageContextType;
diff --git a/code/frameworks/nextjs/src/images/next-image.tsx b/code/frameworks/nextjs/src/images/next-image.tsx
index ca84174b90c4..358b24d7ad4c 100644
--- a/code/frameworks/nextjs/src/images/next-image.tsx
+++ b/code/frameworks/nextjs/src/images/next-image.tsx
@@ -1,15 +1,14 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore import is aliased in webpack config
-import * as NextImageNamespace from 'sb-original/next/image';
-import type * as _NextImage from 'next/image';
-
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import React from 'react';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore-error (this only errors during compilation for production)
-
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { ImageContext as ImageContextValue } from '@storybook/nextjs/dist/image-context';
+
+import type * as _NextImage from 'next/image';
+// @ts-ignore import is aliased in webpack config
+import * as NextImageNamespace from 'sb-original/next/image';
+
 import { type ImageContext as ImageContextType } from '../image-context';
 import { defaultLoader } from './next-image-default-loader';
 
diff --git a/code/frameworks/nextjs/src/images/next-legacy-image.tsx b/code/frameworks/nextjs/src/images/next-legacy-image.tsx
index 5ca143c7be75..8a81fb7537f2 100644
--- a/code/frameworks/nextjs/src/images/next-legacy-image.tsx
+++ b/code/frameworks/nextjs/src/images/next-legacy-image.tsx
@@ -1,14 +1,14 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore import is aliased in webpack config
-import OriginalNextLegacyImage from 'sb-original/next/legacy/image';
-import type * as _NextLegacyImage from 'next/legacy/image';
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import React from 'react';
 
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore-error (this only errors during compilation for production)
-
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { ImageContext as ImageContextValue } from '@storybook/nextjs/dist/image-context';
+
+import type * as _NextLegacyImage from 'next/legacy/image';
+// @ts-ignore import is aliased in webpack config
+import OriginalNextLegacyImage from 'sb-original/next/legacy/image';
+
 import { type ImageContext as ImageContextType } from '../image-context';
 import { defaultLoader } from './next-image-default-loader';
 
diff --git a/code/frameworks/nextjs/src/images/webpack.ts b/code/frameworks/nextjs/src/images/webpack.ts
index 31324d099e48..dfcd1c2de6bf 100644
--- a/code/frameworks/nextjs/src/images/webpack.ts
+++ b/code/frameworks/nextjs/src/images/webpack.ts
@@ -1,7 +1,9 @@
-import semver from 'semver';
-import type { Configuration as WebpackConfig, RuleSetRule } from 'webpack';
+import { resolve as resolvePath } from 'node:path';
+
 import type { NextConfig } from 'next';
-import path from 'path';
+import semver from 'semver';
+import type { RuleSetRule, Configuration as WebpackConfig } from 'webpack';
+
 import { getNextjsVersion } from '../utils';
 
 export const configureImages = (baseConfig: WebpackConfig, nextConfig: NextConfig): void => {
@@ -17,14 +19,14 @@ const configureImageDefaults = (baseConfig: WebpackConfig): void => {
   resolve.alias = {
     ...resolve.alias,
     'sb-original/next/image': require.resolve('next/image'),
-    'next/image': path.resolve(__dirname, './images/next-image'),
+    'next/image': resolvePath(__dirname, './images/next-image'),
   };
 
   if (semver.satisfies(version, '>=13.0.0')) {
     resolve.alias = {
       ...resolve.alias,
       'sb-original/next/legacy/image': require.resolve('next/legacy/image'),
-      'next/legacy/image': path.resolve(__dirname, './images/next-legacy-image'),
+      'next/legacy/image': resolvePath(__dirname, './images/next-legacy-image'),
     };
   }
 };
diff --git a/code/frameworks/nextjs/src/imports/webpack.ts b/code/frameworks/nextjs/src/imports/webpack.ts
index 57d837d0fdb2..b96f66a8dab6 100644
--- a/code/frameworks/nextjs/src/imports/webpack.ts
+++ b/code/frameworks/nextjs/src/imports/webpack.ts
@@ -1,5 +1,5 @@
-import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import { loadConfig } from 'tsconfig-paths';
+import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import type { Configuration as WebpackConfig } from 'webpack';
 
 export const configureImports = ({
diff --git a/code/frameworks/nextjs/src/next-image-loader-stub.ts b/code/frameworks/nextjs/src/next-image-loader-stub.ts
index ba7e1df99a4f..1cdf966cb5c5 100644
--- a/code/frameworks/nextjs/src/next-image-loader-stub.ts
+++ b/code/frameworks/nextjs/src/next-image-loader-stub.ts
@@ -1,9 +1,10 @@
-import { interpolateName } from 'loader-utils';
+import { NextJsSharpError } from 'storybook/internal/preview-errors';
+
 import imageSizeOf from 'image-size';
-import type { RawLoaderDefinition } from 'webpack';
+import { interpolateName } from 'loader-utils';
 import type { NextConfig } from 'next';
 import { cpus } from 'os';
-import { NextJsSharpError } from 'storybook/internal/preview-errors';
+import type { RawLoaderDefinition } from 'webpack';
 
 interface LoaderOptions {
   filename: string;
diff --git a/code/frameworks/nextjs/src/nodePolyfills/webpack.ts b/code/frameworks/nextjs/src/nodePolyfills/webpack.ts
index fe9f5d9059a7..40f8e4203d3a 100644
--- a/code/frameworks/nextjs/src/nodePolyfills/webpack.ts
+++ b/code/frameworks/nextjs/src/nodePolyfills/webpack.ts
@@ -1,5 +1,5 @@
-import type { Configuration } from 'webpack';
 import NodePolyfillPlugin from 'node-polyfill-webpack-plugin';
+import type { Configuration } from 'webpack';
 
 export const configureNodePolyfills = (baseConfig: Configuration) => {
   // This is added as a way to avoid issues caused by Next.js 13.4.3
diff --git a/code/frameworks/nextjs/src/portable-stories.ts b/code/frameworks/nextjs/src/portable-stories.ts
index e682a103ef24..7ad73e7ce778 100644
--- a/code/frameworks/nextjs/src/portable-stories.ts
+++ b/code/frameworks/nextjs/src/portable-stories.ts
@@ -1,26 +1,26 @@
 import {
-  composeStory as originalComposeStory,
+  composeConfigs,
   composeStories as originalComposeStories,
+  composeStory as originalComposeStory,
   setProjectAnnotations as originalSetProjectAnnotations,
-  composeConfigs,
 } from 'storybook/internal/preview-api';
 import type {
   Args,
+  ComposedStoryFn,
+  NamedOrDefaultProjectAnnotations,
   ProjectAnnotations,
-  StoryAnnotationsOrFn,
   Store_CSFExports,
   StoriesWithPartialProps,
-  NamedOrDefaultProjectAnnotations,
-  ComposedStoryFn,
+  StoryAnnotationsOrFn,
 } from 'storybook/internal/types';
 
+import type { Meta, ReactRenderer } from '@storybook/react';
+
+import * as rscAnnotations from '../../../renderers/react/src/entry-preview-rsc';
 // ! ATTENTION: This needs to be a relative import so it gets prebundled. This is to avoid ESM issues in Nextjs + Jest setups
 import { INTERNAL_DEFAULT_PROJECT_ANNOTATIONS as reactAnnotations } from '../../../renderers/react/src/portable-stories';
-import * as rscAnnotations from '../../../renderers/react/src/entry-preview-rsc';
 import * as nextJsAnnotations from './preview';
 
-import type { ReactRenderer, Meta } from '@storybook/react';
-
 /** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
  *
  * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
diff --git a/code/frameworks/nextjs/src/preset.ts b/code/frameworks/nextjs/src/preset.ts
index 336d58ea435d..1956b978a37a 100644
--- a/code/frameworks/nextjs/src/preset.ts
+++ b/code/frameworks/nextjs/src/preset.ts
@@ -1,30 +1,33 @@
 // https://storybook.js.org/docs/react/addons/writing-presets
-import { dirname, join } from 'path';
+import { existsSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
+import { getProjectRoot } from 'storybook/internal/common';
+import { logger } from 'storybook/internal/node-logger';
 import type { PresetProperty } from 'storybook/internal/types';
+
 import type { ConfigItem, PluginItem, TransformOptions } from '@babel/core';
 import { loadPartialConfig } from '@babel/core';
-import { getProjectRoot } from 'storybook/internal/common';
-import fs from 'fs';
 import semver from 'semver';
+
+import { configureAliases } from './aliases/webpack';
+import { configureBabelLoader } from './babel/loader';
+import nextBabelPreset from './babel/preset';
+import { configureCompatibilityAliases } from './compatibility/compatibility-map';
 import { configureConfig } from './config/webpack';
 import { configureCss } from './css/webpack';
-import { configureImports } from './imports/webpack';
-import { configureStyledJsx } from './styledJsx/webpack';
-import { configureImages } from './images/webpack';
-import { configureRSC } from './rsc/webpack';
-import { configureRuntimeNextjsVersionResolution, getNextjsVersion } from './utils';
-import type { FrameworkOptions, StorybookConfig } from './types';
+import { configureNextExportMocks } from './export-mocks/webpack';
+import { configureFastRefresh } from './fastRefresh/webpack';
 import TransformFontImports from './font/babel';
 import { configureNextFont } from './font/webpack/configureNextFont';
-import nextBabelPreset from './babel/preset';
+import { configureImages } from './images/webpack';
+import { configureImports } from './imports/webpack';
 import { configureNodePolyfills } from './nodePolyfills/webpack';
+import { configureRSC } from './rsc/webpack';
+import { configureStyledJsx } from './styledJsx/webpack';
 import { configureSWCLoader } from './swc/loader';
-import { configureBabelLoader } from './babel/loader';
-import { configureFastRefresh } from './fastRefresh/webpack';
-import { configureAliases } from './aliases/webpack';
-import { logger } from 'storybook/internal/node-logger';
-import { configureNextExportMocks } from './export-mocks/webpack';
-import { configureCompatibilityAliases } from './compatibility/compatibility-map';
+import type { FrameworkOptions, StorybookConfig } from './types';
+import { configureRuntimeNextjsVersionResolution, getNextjsVersion } from './utils';
 
 export const addons: PresetProperty<'addons'> = [
   dirname(require.resolve(join('@storybook/preset-react-webpack', 'package.json'))),
@@ -143,7 +146,7 @@ export const webpackFinal: StorybookConfig['webpackFinal'] = async (baseConfig,
 
   const babelRCPath = join(getProjectRoot(), '.babelrc');
   const babelConfigPath = join(getProjectRoot(), 'babel.config.js');
-  const hasBabelConfig = fs.existsSync(babelRCPath) || fs.existsSync(babelConfigPath);
+  const hasBabelConfig = existsSync(babelRCPath) || existsSync(babelConfigPath);
   const nextjsVersion = getNextjsVersion();
   const isDevelopment = options.configType !== 'PRODUCTION';
 
diff --git a/code/frameworks/nextjs/src/preview.tsx b/code/frameworks/nextjs/src/preview.tsx
index f8e3cace5a09..e9c60ad28fbe 100644
--- a/code/frameworks/nextjs/src/preview.tsx
+++ b/code/frameworks/nextjs/src/preview.tsx
@@ -1,9 +1,4 @@
 import type { Addon_DecoratorFunction, Addon_LoaderFunction } from 'storybook/internal/types';
-import './config/preview';
-import { ImageDecorator } from './images/decorator';
-import { RouterDecorator } from './routing/decorator';
-import { StyledJsxDecorator } from './styledJsx/decorator';
-import { HeadManagerDecorator } from './head-manager/decorator';
 
 // We need this import to be a singleton, and because it's used in multiple entrypoints
 // both in ESM and CJS, importing it via the package name instead of having a local import
@@ -13,12 +8,19 @@ import { HeadManagerDecorator } from './head-manager/decorator';
 import { cookies, headers } from '@storybook/nextjs/headers.mock';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore we must ignore types here as during compilation they are not generated yet
-import { createRouter } from '@storybook/nextjs/router.mock';
+import { createNavigation } from '@storybook/nextjs/navigation.mock';
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore we must ignore types here as during compilation they are not generated yet
-import { createNavigation } from '@storybook/nextjs/navigation.mock';
+import { createRouter } from '@storybook/nextjs/router.mock';
+
 import { isNextRouterError } from 'next/dist/client/components/is-next-router-error';
 
+import './config/preview';
+import { HeadManagerDecorator } from './head-manager/decorator';
+import { ImageDecorator } from './images/decorator';
+import { RouterDecorator } from './routing/decorator';
+import { StyledJsxDecorator } from './styledJsx/decorator';
+
 function addNextHeadCount() {
   const meta = document.createElement('meta');
   meta.name = 'next-head-count';
diff --git a/code/frameworks/nextjs/src/routing/app-router-provider.tsx b/code/frameworks/nextjs/src/routing/app-router-provider.tsx
index 27041c896f8e..5685ec8bbf85 100644
--- a/code/frameworks/nextjs/src/routing/app-router-provider.tsx
+++ b/code/frameworks/nextjs/src/routing/app-router-provider.tsx
@@ -1,24 +1,27 @@
+// We need this import to be a singleton, and because it's used in multiple entrypoints
+// both in ESM and CJS, importing it via the package name instead of having a local import
+// is the only way to achieve it actually being a singleton
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore we must ignore types here as during compilation they are not generated yet
 import React, { useMemo } from 'react';
+
+import { getRouter } from '@storybook/nextjs/navigation.mock';
+
+import type { FlightRouterState } from 'next/dist/server/app-render/types';
 import {
-  LayoutRouterContext,
   AppRouterContext,
   GlobalLayoutRouterContext,
+  LayoutRouterContext,
 } from 'next/dist/shared/lib/app-router-context.shared-runtime';
 import {
+  PathParamsContext,
   PathnameContext,
   SearchParamsContext,
-  PathParamsContext,
 } from 'next/dist/shared/lib/hooks-client-context.shared-runtime';
 import { type Params } from 'next/dist/shared/lib/router/utils/route-matcher';
 import { PAGE_SEGMENT_KEY } from 'next/dist/shared/lib/segment';
-import type { FlightRouterState } from 'next/dist/server/app-render/types';
+
 import type { RouteParams } from './types';
-// We need this import to be a singleton, and because it's used in multiple entrypoints
-// both in ESM and CJS, importing it via the package name instead of having a local import
-// is the only way to achieve it actually being a singleton
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-ignore we must ignore types here as during compilation they are not generated yet
-import { getRouter } from '@storybook/nextjs/navigation.mock';
 
 type AppRouterProviderProps = {
   routeParams: RouteParams;
diff --git a/code/frameworks/nextjs/src/routing/decorator.tsx b/code/frameworks/nextjs/src/routing/decorator.tsx
index 2bb4211bd86c..f21819f373a4 100644
--- a/code/frameworks/nextjs/src/routing/decorator.tsx
+++ b/code/frameworks/nextjs/src/routing/decorator.tsx
@@ -1,9 +1,12 @@
 import * as React from 'react';
+
 import type { Addon_StoryContext } from 'storybook/internal/types';
+
+import { RedirectBoundary } from 'next/dist/client/components/redirect-boundary';
+
 import { AppRouterProvider } from './app-router-provider';
 import { PageRouterProvider } from './page-router-provider';
-import type { RouteParams, NextAppDirectory } from './types';
-import { RedirectBoundary } from 'next/dist/client/components/redirect-boundary';
+import type { NextAppDirectory, RouteParams } from './types';
 
 const defaultRouterParams: RouteParams = {
   pathname: '/',
diff --git a/code/frameworks/nextjs/src/routing/page-router-provider.tsx b/code/frameworks/nextjs/src/routing/page-router-provider.tsx
index e536a16db547..31cfd1ae175b 100644
--- a/code/frameworks/nextjs/src/routing/page-router-provider.tsx
+++ b/code/frameworks/nextjs/src/routing/page-router-provider.tsx
@@ -1,13 +1,15 @@
-import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime';
-import type { PropsWithChildren } from 'react';
-import React from 'react';
 // We need this import to be a singleton, and because it's used in multiple entrypoints
 // both in ESM and CJS, importing it via the package name instead of having a local import
 // is the only way to achieve it actually being a singleton
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore we must ignore types here as during compilation they are not generated yet
+import type { PropsWithChildren } from 'react';
+import React from 'react';
+
 import { getRouter } from '@storybook/nextjs/router.mock';
 
+import { RouterContext } from 'next/dist/shared/lib/router-context.shared-runtime';
+
 export const PageRouterProvider: React.FC<PropsWithChildren> = ({ children }) => (
   <RouterContext.Provider value={getRouter()}>{children}</RouterContext.Provider>
 );
diff --git a/code/frameworks/nextjs/src/styledJsx/decorator.tsx b/code/frameworks/nextjs/src/styledJsx/decorator.tsx
index 5e18664c9659..69d5496283bd 100644
--- a/code/frameworks/nextjs/src/styledJsx/decorator.tsx
+++ b/code/frameworks/nextjs/src/styledJsx/decorator.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import { StyleRegistry } from 'styled-jsx';
 
 export const StyledJsxDecorator = (Story: React.FC): React.ReactNode => (
diff --git a/code/frameworks/nextjs/src/styledJsx/webpack.ts b/code/frameworks/nextjs/src/styledJsx/webpack.ts
index 891947ba41d7..7750ca872cb9 100644
--- a/code/frameworks/nextjs/src/styledJsx/webpack.ts
+++ b/code/frameworks/nextjs/src/styledJsx/webpack.ts
@@ -1,4 +1,5 @@
 import type { Configuration as WebpackConfig } from 'webpack';
+
 import { addScopedAlias } from '../utils';
 
 export const configureStyledJsx = (baseConfig: WebpackConfig): void => {
diff --git a/code/frameworks/nextjs/src/swc/loader.ts b/code/frameworks/nextjs/src/swc/loader.ts
index 65d34a48fb68..68a9c05e5029 100644
--- a/code/frameworks/nextjs/src/swc/loader.ts
+++ b/code/frameworks/nextjs/src/swc/loader.ts
@@ -1,8 +1,11 @@
+import { join } from 'node:path';
+
 import { getProjectRoot } from 'storybook/internal/common';
-import { getVirtualModules } from '@storybook/builder-webpack5';
 import type { Options } from 'storybook/internal/types';
+
+import { getVirtualModules } from '@storybook/builder-webpack5';
+
 import type { NextConfig } from 'next';
-import path from 'path';
 import loadJsConfig from 'next/dist/build/load-jsconfig';
 import type { Configuration as WebpackConfig } from 'webpack';
 
@@ -47,7 +50,7 @@ export const configureSWCLoader = async (
           dir,
           isDevelopment
         ),
-        swcCacheDir: path.join(dir, nextConfig?.distDir ?? '.next', 'cache', 'swc'),
+        swcCacheDir: join(dir, nextConfig?.distDir ?? '.next', 'cache', 'swc'),
         bundleTarget: 'default',
       },
     },
diff --git a/code/frameworks/nextjs/src/swc/next-swc-loader-patch.ts b/code/frameworks/nextjs/src/swc/next-swc-loader-patch.ts
index 4ea6b2f99539..bc7aa6b6a451 100644
--- a/code/frameworks/nextjs/src/swc/next-swc-loader-patch.ts
+++ b/code/frameworks/nextjs/src/swc/next-swc-loader-patch.ts
@@ -26,11 +26,11 @@ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
 IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 DEALINGS IN THE SOFTWARE.
 */
+import { isAbsolute, relative } from 'node:path';
 
 import type { NextConfig } from 'next';
 import { isWasm, transform } from 'next/dist/build/swc';
 import { getLoaderSWCOptions } from 'next/dist/build/swc/options';
-import path, { isAbsolute } from 'path';
 
 export interface SWCLoaderOptions {
   rootDir: string;
@@ -72,7 +72,7 @@ async function loaderTransform(this: any, parentTrace: any, source?: string, inp
     isReactServerLayer,
   } = loaderOptions;
   const isPageFile = filename.startsWith(pagesDir);
-  const relativeFilePathFromRoot = path.relative(rootDir, filename);
+  const relativeFilePathFromRoot = relative(rootDir, filename);
 
   const swcOptions = getLoaderSWCOptions({
     pagesDir,
diff --git a/code/frameworks/nextjs/src/types.ts b/code/frameworks/nextjs/src/types.ts
index 8897a1d016b1..0eff7fd6b3a1 100644
--- a/code/frameworks/nextjs/src/types.ts
+++ b/code/frameworks/nextjs/src/types.ts
@@ -1,14 +1,16 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
+import type {
+  BuilderOptions,
+  StorybookConfigWebpack,
+  TypescriptOptions as TypescriptOptionsBuilder,
+} from '@storybook/builder-webpack5';
 import type {
   ReactOptions,
   StorybookConfig as StorybookConfigBase,
   TypescriptOptions as TypescriptOptionsReact,
 } from '@storybook/preset-react-webpack';
-import type {
-  StorybookConfigWebpack,
-  BuilderOptions,
-  TypescriptOptions as TypescriptOptionsBuilder,
-} from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+
 import type * as NextImage from 'next/image';
 
 type FrameworkName = CompatibleString<'@storybook/nextjs'>;
diff --git a/code/frameworks/nextjs/src/utils.ts b/code/frameworks/nextjs/src/utils.ts
index ecf8fec74c64..689462b20751 100644
--- a/code/frameworks/nextjs/src/utils.ts
+++ b/code/frameworks/nextjs/src/utils.ts
@@ -1,10 +1,12 @@
-import path from 'path';
-import { DefinePlugin } from 'webpack';
-import { PHASE_DEVELOPMENT_SERVER } from 'next/constants';
-import type { Configuration as WebpackConfig } from 'webpack';
+import { dirname, resolve, sep } from 'node:path';
+
+import { getProjectRoot } from 'storybook/internal/common';
+
 import type { NextConfig } from 'next';
+import { PHASE_DEVELOPMENT_SERVER } from 'next/constants';
 import loadConfig from 'next/dist/server/config';
-import { getProjectRoot } from 'storybook/internal/common';
+import { DefinePlugin } from 'webpack';
+import type { Configuration as WebpackConfig } from 'webpack';
 
 export const configureRuntimeNextjsVersionResolution = (baseConfig: WebpackConfig): void => {
   baseConfig.plugins?.push(
@@ -21,7 +23,7 @@ export const resolveNextConfig = async ({
 }: {
   nextConfigPath?: string;
 }): Promise<NextConfig> => {
-  const dir = nextConfigPath ? path.dirname(nextConfigPath) : getProjectRoot();
+  const dir = nextConfigPath ? dirname(nextConfigPath) : getProjectRoot();
   return loadConfig(PHASE_DEVELOPMENT_SERVER, dir, undefined);
 };
 
@@ -64,13 +66,13 @@ export const scopedResolve = (id: string): string => {
 
   try {
     // TODO: Remove in next major release (SB 8.0) and use the statement in the catch block per default instead
-    scopedModulePath = require.resolve(id, { paths: [path.resolve()] });
+    scopedModulePath = require.resolve(id, { paths: [resolve()] });
   } catch (e) {
     scopedModulePath = require.resolve(id);
   }
 
   const moduleFolderStrPosition = scopedModulePath.lastIndexOf(
-    id.replace(/\//g /* all '/' occurances */, path.sep)
+    id.replace(/\//g /* all '/' occurances */, sep)
   );
   const beginningOfMainScriptPath = moduleFolderStrPosition + id.length;
   return scopedModulePath.substring(0, beginningOfMainScriptPath);
diff --git a/code/frameworks/nextjs/template/cli/js/Button.jsx b/code/frameworks/nextjs/template/cli/js/Button.jsx
index 7c613bbf2599..8231c774f03b 100644
--- a/code/frameworks/nextjs/template/cli/js/Button.jsx
+++ b/code/frameworks/nextjs/template/cli/js/Button.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
+
 import './button.css';
 
 /**
diff --git a/code/frameworks/nextjs/template/cli/js/Button.stories.js b/code/frameworks/nextjs/template/cli/js/Button.stories.js
index 97b9ec0ed85d..045d9c477ab1 100644
--- a/code/frameworks/nextjs/template/cli/js/Button.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Button.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
diff --git a/code/frameworks/nextjs/template/cli/js/Header.jsx b/code/frameworks/nextjs/template/cli/js/Header.jsx
index 39e5226cffc1..38aa4d89af8b 100644
--- a/code/frameworks/nextjs/template/cli/js/Header.jsx
+++ b/code/frameworks/nextjs/template/cli/js/Header.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 import { Button } from './Button';
diff --git a/code/frameworks/nextjs/template/cli/js/Header.stories.js b/code/frameworks/nextjs/template/cli/js/Header.stories.js
index 982cd970fb5c..699abab07946 100644
--- a/code/frameworks/nextjs/template/cli/js/Header.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Header.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Header } from './Header';
 
 export default {
diff --git a/code/frameworks/nextjs/template/cli/js/Page.stories.js b/code/frameworks/nextjs/template/cli/js/Page.stories.js
index 53362f140e61..383fd1ab44e3 100644
--- a/code/frameworks/nextjs/template/cli/js/Page.stories.js
+++ b/code/frameworks/nextjs/template/cli/js/Page.stories.js
@@ -1,4 +1,5 @@
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import { Page } from './Page';
 
 export default {
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts b/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
index 2054fc59231e..18be3ab1aa1d 100644
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Button.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Button.tsx b/code/frameworks/nextjs/template/cli/ts-3-8/Button.tsx
index 30a6bcb96e49..34d8bcdf1fd8 100644
--- a/code/frameworks/nextjs/template/cli/ts-3-8/Button.tsx
+++ b/code/frameworks/nextjs/template/cli/ts-3-8/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import './button.css';
 
 export interface ButtonProps {
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 4bcf593cafa7..7581ed2bee30 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
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 
diff --git a/code/frameworks/nextjs/template/cli/ts-4-9/Button.stories.ts b/code/frameworks/nextjs/template/cli/ts-4-9/Button.stories.ts
index 455a9d8601c9..2a05e01b06fe 100644
--- a/code/frameworks/nextjs/template/cli/ts-4-9/Button.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-4-9/Button.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
diff --git a/code/frameworks/nextjs/template/cli/ts-4-9/Button.tsx b/code/frameworks/nextjs/template/cli/ts-4-9/Button.tsx
index 30a6bcb96e49..34d8bcdf1fd8 100644
--- a/code/frameworks/nextjs/template/cli/ts-4-9/Button.tsx
+++ b/code/frameworks/nextjs/template/cli/ts-4-9/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import './button.css';
 
 export interface ButtonProps {
diff --git a/code/frameworks/nextjs/template/cli/ts-4-9/Header.stories.ts b/code/frameworks/nextjs/template/cli/ts-4-9/Header.stories.ts
index 39d15874f4c1..80c71d0f520e 100644
--- a/code/frameworks/nextjs/template/cli/ts-4-9/Header.stories.ts
+++ b/code/frameworks/nextjs/template/cli/ts-4-9/Header.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { Header } from './Header';
 
 const meta = {
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 f7a06817f85a..53b9f8fdf9c9 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
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 
diff --git a/code/frameworks/nextjs/template/stories/DynamicImport.stories.jsx b/code/frameworks/nextjs/template/stories/DynamicImport.stories.jsx
index 3c177d670737..e9efbd0f7080 100644
--- a/code/frameworks/nextjs/template/stories/DynamicImport.stories.jsx
+++ b/code/frameworks/nextjs/template/stories/DynamicImport.stories.jsx
@@ -1,6 +1,7 @@
-import dynamic from 'next/dynamic';
 import React, { Suspense } from 'react';
 
+import dynamic from 'next/dynamic';
+
 const DynamicComponent = dynamic(() => import('./dynamic-component'), {
   ssr: false,
 });
diff --git a/code/frameworks/nextjs/template/stories/Image.stories.jsx b/code/frameworks/nextjs/template/stories/Image.stories.jsx
index 79ab308e1286..47f28711224e 100644
--- a/code/frameworks/nextjs/template/stories/Image.stories.jsx
+++ b/code/frameworks/nextjs/template/stories/Image.stories.jsx
@@ -1,4 +1,5 @@
 import React, { useRef, useState } from 'react';
+
 import Image from 'next/image';
 
 import Accessibility from '../../assets/accessibility.svg';
diff --git a/code/frameworks/nextjs/template/stories/RSC.jsx b/code/frameworks/nextjs/template/stories/RSC.jsx
index 9c894710b439..a5771a6a9202 100644
--- a/code/frameworks/nextjs/template/stories/RSC.jsx
+++ b/code/frameworks/nextjs/template/stories/RSC.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import 'server-only';
 
 export const RSC = async ({ label }) => <>RSC {label}</>;
diff --git a/code/frameworks/nextjs/template/stories/RSC.stories.jsx b/code/frameworks/nextjs/template/stories/RSC.stories.jsx
index 505c6a3acab4..1847c024379c 100644
--- a/code/frameworks/nextjs/template/stories/RSC.stories.jsx
+++ b/code/frameworks/nextjs/template/stories/RSC.stories.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { RSC, Nested } from './RSC';
+
+import { Nested, RSC } from './RSC';
 
 export default {
   component: RSC,
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-js/Font.jsx b/code/frameworks/nextjs/template/stories_nextjs-default-js/Font.jsx
index 11c7d4def183..f7509914db0c 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-js/Font.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-js/Font.jsx
@@ -1,9 +1,9 @@
 /* eslint-disable react/prop-types */
+import React from 'react';
+
 import { Rubik_Puddles } from 'next/font/google';
 import localFont from 'next/font/local';
 
-import React from 'react';
-
 const rubik = Rubik_Puddles({
   subsets: ['latin'],
   variable: '--font-latin-rubik',
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-js/GetImageProps.stories.jsx b/code/frameworks/nextjs/template/stories_nextjs-default-js/GetImageProps.stories.jsx
index 7c8e75a09083..f3e7c0b7462b 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-js/GetImageProps.stories.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-js/GetImageProps.stories.jsx
@@ -1,6 +1,7 @@
-import { getImageProps } from 'next/image';
 import React from 'react';
 
+import { getImageProps } from 'next/image';
+
 import Accessibility from '../../assets/accessibility.svg';
 import Testing from '../../assets/testing.png';
 
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-js/Head.stories.jsx b/code/frameworks/nextjs/template/stories_nextjs-default-js/Head.stories.jsx
index 9bc032037c60..7b86941b0073 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-js/Head.stories.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-js/Head.stories.jsx
@@ -1,6 +1,8 @@
-import Head from 'next/head';
 import React from 'react';
-import { waitFor, expect } from '@storybook/test';
+
+import { expect, waitFor } from '@storybook/test';
+
+import Head from 'next/head';
 
 function Component() {
   return (
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx b/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx
index b8a781499bd1..61e61b916cbe 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-js/ImageLegacy.stories.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import Image from 'next/legacy/image';
 
 import Accessibility from '../../assets/accessibility.svg';
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-js/Link.stories.jsx b/code/frameworks/nextjs/template/stories_nextjs-default-js/Link.stories.jsx
index f9fcb28b6253..14aa9d6805c6 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-js/Link.stories.jsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-js/Link.stories.jsx
@@ -1,5 +1,6 @@
 /* eslint-disable react/prop-types */
 import React from 'react';
+
 import Link from 'next/link';
 
 import style from './Link.stories.module.css';
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Link.stories.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Link.stories.tsx
index 1bc99d187e3d..7c1aa2073ab6 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Link.stories.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Link.stories.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
-import Link from 'next/link';
+
 import type { Meta, StoryObj } from '@storybook/react';
 
+import Link from 'next/link';
+
 import style from './Link.stories.module.css';
 
 // `onClick`, `href`, and `ref` need to be passed to the DOM element
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Navigation.stories.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Navigation.stories.tsx
index 8a120eb80e2a..58dd07548841 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Navigation.stories.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Navigation.stories.tsx
@@ -1,15 +1,17 @@
+import React from 'react';
+
+import { getRouter } from '@storybook/nextjs/navigation.mock';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
 import {
-  useRouter,
+  useParams,
   usePathname,
+  useRouter,
   useSearchParams,
-  useParams,
   useSelectedLayoutSegment,
   useSelectedLayoutSegments,
 } from 'next/navigation';
-import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, userEvent, within } from '@storybook/test';
-import { getRouter } from '@storybook/nextjs/navigation.mock';
 
 function Component() {
   const router = useRouter();
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.stories.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.stories.tsx
index d8abfe11bdd1..1c1a7b9bca20 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.stories.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.stories.tsx
@@ -1,8 +1,9 @@
-import NextHeader from './NextHeader';
+import { cookies, headers } from '@storybook/nextjs/headers.mock';
 import type { Meta } from '@storybook/react';
 import type { StoryObj } from '@storybook/react';
 import { expect, userEvent, within } from '@storybook/test';
-import { cookies, headers } from '@storybook/nextjs/headers.mock';
+
+import NextHeader from './NextHeader';
 
 export default {
   component: NextHeader,
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.tsx
index b93c9611c774..6189f84baa62 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/NextHeader.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { cookies, headers } from 'next/headers';
 
 export default async function Component() {
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Redirect.stories.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Redirect.stories.tsx
index 05f4d5a68eab..3c5980b79757 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Redirect.stories.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Redirect.stories.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
 import { userEvent, within } from '@storybook/test';
+
 import { redirect } from 'next/navigation';
 
 let state = 'Bug! Not invalidated';
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Router.stories.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Router.stories.tsx
index f5a840241fb4..d6586364fd0f 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/Router.stories.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/Router.stories.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, within, userEvent } from '@storybook/test';
+
 import { getRouter } from '@storybook/nextjs/router.mock';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, within } from '@storybook/test';
+
 import Router, { useRouter } from 'next/router';
 
 function Component() {
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/ServerActions.stories.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/ServerActions.stories.tsx
index 24f199f89ce2..018c4d33b54f 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/ServerActions.stories.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/ServerActions.stories.tsx
@@ -1,9 +1,10 @@
 import React from 'react';
-import type { Meta, StoryObj } from '@storybook/react';
-import { expect, within, userEvent, waitFor } from '@storybook/test';
-import { cookies } from '@storybook/nextjs/headers.mock';
+
 import { revalidatePath } from '@storybook/nextjs/cache.mock';
-import { redirect, getRouter } from '@storybook/nextjs/navigation.mock';
+import { cookies } from '@storybook/nextjs/headers.mock';
+import { getRouter, redirect } from '@storybook/nextjs/navigation.mock';
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 
 import { accessRoute, login, logout } from './server-actions';
 
diff --git a/code/frameworks/nextjs/template/stories_nextjs-default-ts/server-actions.tsx b/code/frameworks/nextjs/template/stories_nextjs-default-ts/server-actions.tsx
index ffeba72ab848..5e1b3c7227dc 100644
--- a/code/frameworks/nextjs/template/stories_nextjs-default-ts/server-actions.tsx
+++ b/code/frameworks/nextjs/template/stories_nextjs-default-ts/server-actions.tsx
@@ -1,7 +1,7 @@
 'use server';
 
-import { cookies } from 'next/headers';
 import { revalidatePath } from 'next/cache';
+import { cookies } from 'next/headers';
 import { redirect } from 'next/navigation';
 
 export async function accessRoute() {
diff --git a/code/frameworks/nextjs/vitest.config.ts b/code/frameworks/nextjs/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/nextjs/vitest.config.ts
+++ b/code/frameworks/nextjs/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/preact-vite/package.json b/code/frameworks/preact-vite/package.json
index 483dc21e9063..51927aca88f4 100644
--- a/code/frameworks/preact-vite/package.json
+++ b/code/frameworks/preact-vite/package.json
@@ -43,15 +43,15 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-vite": "workspace:*",
     "@storybook/preact": "workspace:*"
   },
   "devDependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
     "vite": "^4.0.0"
   },
diff --git a/code/frameworks/preact-vite/src/preset.ts b/code/frameworks/preact-vite/src/preset.ts
index 95ffc2654d6e..18d7c604cf87 100644
--- a/code/frameworks/preact-vite/src/preset.ts
+++ b/code/frameworks/preact-vite/src/preset.ts
@@ -1,5 +1,7 @@
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { dirname, join } from 'path';
+
 import type { StorybookConfig } from './types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/preact-vite/src/types.ts b/code/frameworks/preact-vite/src/types.ts
index b387bce8b2a5..5c186b82bc97 100644
--- a/code/frameworks/preact-vite/src/types.ts
+++ b/code/frameworks/preact-vite/src/types.ts
@@ -2,7 +2,8 @@ import type {
   CompatibleString,
   StorybookConfig as StorybookConfigBase,
 } from 'storybook/internal/types';
-import type { StorybookConfigVite, BuilderOptions } from '@storybook/builder-vite';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
 
 type FrameworkName = CompatibleString<'@storybook/preact-vite'>;
 type BuilderName = CompatibleString<'@storybook/builder-vite'>;
diff --git a/code/frameworks/preact-vite/vitest.config.ts b/code/frameworks/preact-vite/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/preact-vite/vitest.config.ts
+++ b/code/frameworks/preact-vite/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/preact-webpack5/package.json b/code/frameworks/preact-webpack5/package.json
index 9a623c3de8fc..8d1f4f5b7c99 100644
--- a/code/frameworks/preact-webpack5/package.json
+++ b/code/frameworks/preact-webpack5/package.json
@@ -43,14 +43,14 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
     "@storybook/preact": "workspace:*",
     "@storybook/preset-preact-webpack": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "devDependencies": {
     "preact": "^10.5.13",
diff --git a/code/frameworks/preact-webpack5/src/preset.ts b/code/frameworks/preact-webpack5/src/preset.ts
index af8ea1bd5946..e3c5e48087cc 100644
--- a/code/frameworks/preact-webpack5/src/preset.ts
+++ b/code/frameworks/preact-webpack5/src/preset.ts
@@ -1,4 +1,5 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/preact-webpack5/src/types.ts b/code/frameworks/preact-webpack5/src/types.ts
index 7cf389c9ca0b..fd2445a76d0c 100644
--- a/code/frameworks/preact-webpack5/src/types.ts
+++ b/code/frameworks/preact-webpack5/src/types.ts
@@ -1,13 +1,14 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
 import type {
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/preset-preact-webpack';
-import type {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+import type {
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/preset-preact-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/preact-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/preact-webpack5/vitest.config.ts b/code/frameworks/preact-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/preact-webpack5/vitest.config.ts
+++ b/code/frameworks/preact-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/react-vite/package.json b/code/frameworks/react-vite/package.json
index eea8e373693f..b1086f9ac3c1 100644
--- a/code/frameworks/react-vite/package.json
+++ b/code/frameworks/react-vite/package.json
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.3.1",
@@ -58,7 +58,7 @@
     "tsconfig-paths": "^4.2.0"
   },
   "devDependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
     "vite": "^4.0.0"
   },
diff --git a/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts b/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts
index 7fe133be6bb9..c8490093b51d 100644
--- a/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts
+++ b/code/frameworks/react-vite/src/plugins/docgen-handlers/actualNameHandler.ts
@@ -8,7 +8,6 @@
  * This is inspired by `actualNameHandler` from https://github.com/storybookjs/babel-plugin-react-docgen, but is modified
  * directly from displayNameHandler, using the same approach as babel-plugin-react-docgen.
  */
-
 import type { Handler, NodePath, babelTypes as t } from 'react-docgen';
 import { utils } from 'react-docgen';
 
diff --git a/code/frameworks/react-vite/src/plugins/docgen-resolver.ts b/code/frameworks/react-vite/src/plugins/docgen-resolver.ts
index ab0fda807cf8..f4ae37407c09 100644
--- a/code/frameworks/react-vite/src/plugins/docgen-resolver.ts
+++ b/code/frameworks/react-vite/src/plugins/docgen-resolver.ts
@@ -1,4 +1,5 @@
-import { extname } from 'path';
+import { extname } from 'node:path';
+
 import resolve from 'resolve';
 
 export class ReactDocgenResolveError extends Error {
diff --git a/code/frameworks/react-vite/src/plugins/react-docgen.test.ts b/code/frameworks/react-vite/src/plugins/react-docgen.test.ts
index 1fed686198b9..035606f999c4 100644
--- a/code/frameworks/react-vite/src/plugins/react-docgen.test.ts
+++ b/code/frameworks/react-vite/src/plugins/react-docgen.test.ts
@@ -1,5 +1,6 @@
+import { describe, expect, it, vi } from 'vitest';
+
 import { getReactDocgenImporter } from './react-docgen';
-import { describe, it, expect, vi } from 'vitest';
 
 const reactDocgenMock = vi.hoisted(() => {
   return {
diff --git a/code/frameworks/react-vite/src/plugins/react-docgen.ts b/code/frameworks/react-vite/src/plugins/react-docgen.ts
index 6b41631ef229..7ec1f0b8df29 100644
--- a/code/frameworks/react-vite/src/plugins/react-docgen.ts
+++ b/code/frameworks/react-vite/src/plugins/react-docgen.ts
@@ -1,24 +1,27 @@
-import path from 'path';
+import { relative } from 'node:path';
+
+import { logger } from 'storybook/internal/node-logger';
+
 import { createFilter } from '@rollup/pluginutils';
+import findUp from 'find-up';
+import MagicString from 'magic-string';
 import type { Documentation } from 'react-docgen';
 import {
   ERROR_CODES,
-  parse,
   builtinHandlers as docgenHandlers,
   builtinResolvers as docgenResolver,
   makeFsImporter,
+  parse,
 } from 'react-docgen';
-import MagicString from 'magic-string';
-import type { PluginOption } from 'vite';
 import * as TsconfigPaths from 'tsconfig-paths';
-import findUp from 'find-up';
+import type { PluginOption } from 'vite';
+
 import actualNameHandler from './docgen-handlers/actualNameHandler';
 import {
   RESOLVE_EXTENSIONS,
   ReactDocgenResolveError,
   defaultLookupModule,
 } from './docgen-resolver';
-import { logger } from 'storybook/internal/node-logger';
 
 type DocObj = Documentation & { actualName: string; definedInFile: string };
 
@@ -57,7 +60,7 @@ export async function reactDocgen({
     name: 'storybook:react-docgen-plugin',
     enforce: 'pre',
     async transform(src: string, id: string) {
-      if (!filter(path.relative(cwd, id))) {
+      if (!filter(relative(cwd, id))) {
         return;
       }
 
diff --git a/code/frameworks/react-vite/src/preset.ts b/code/frameworks/react-vite/src/preset.ts
index 95606c5e44ce..cef1a270f33b 100644
--- a/code/frameworks/react-vite/src/preset.ts
+++ b/code/frameworks/react-vite/src/preset.ts
@@ -1,5 +1,7 @@
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { dirname, join } from 'path';
+
 import type { StorybookConfig } from './types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/react-vite/src/types.ts b/code/frameworks/react-vite/src/types.ts
index da15d378d67e..4e381305cd02 100644
--- a/code/frameworks/react-vite/src/types.ts
+++ b/code/frameworks/react-vite/src/types.ts
@@ -3,7 +3,9 @@ import type {
   StorybookConfig as StorybookConfigBase,
   TypescriptOptions as TypescriptOptionsBase,
 } from 'storybook/internal/types';
-import type { StorybookConfigVite, BuilderOptions } from '@storybook/builder-vite';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+
 import type docgenTypescript from '@joshwooding/vite-plugin-react-docgen-typescript';
 
 type FrameworkName = CompatibleString<'@storybook/react-vite'>;
diff --git a/code/frameworks/react-vite/src/utils.ts b/code/frameworks/react-vite/src/utils.ts
index 805a30a728e2..a65c5103483c 100644
--- a/code/frameworks/react-vite/src/utils.ts
+++ b/code/frameworks/react-vite/src/utils.ts
@@ -1,12 +1,12 @@
-import path from 'path';
-import fs from 'fs';
+import { existsSync, readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
 
 export function readPackageJson(): Record<string, any> | false {
-  const packageJsonPath = path.resolve('package.json');
-  if (!fs.existsSync(packageJsonPath)) {
+  const packageJsonPath = resolve('package.json');
+  if (!existsSync(packageJsonPath)) {
     return false;
   }
 
-  const jsonContent = fs.readFileSync(packageJsonPath, 'utf8');
+  const jsonContent = readFileSync(packageJsonPath, 'utf8');
   return JSON.parse(jsonContent);
 }
diff --git a/code/frameworks/react-vite/vitest.config.ts b/code/frameworks/react-vite/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/react-vite/vitest.config.ts
+++ b/code/frameworks/react-vite/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/react-webpack5/package.json b/code/frameworks/react-webpack5/package.json
index d1fb43d5e3d3..0fd5ad7f64dc 100644
--- a/code/frameworks/react-webpack5/package.json
+++ b/code/frameworks/react-webpack5/package.json
@@ -43,14 +43,14 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
     "@storybook/preset-react-webpack": "workspace:*",
     "@storybook/react": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
diff --git a/code/frameworks/react-webpack5/src/preset.ts b/code/frameworks/react-webpack5/src/preset.ts
index c6dcb9076039..9e233459c10b 100644
--- a/code/frameworks/react-webpack5/src/preset.ts
+++ b/code/frameworks/react-webpack5/src/preset.ts
@@ -1,5 +1,7 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
+
 import type { StorybookConfig } from './types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/react-webpack5/src/types.ts b/code/frameworks/react-webpack5/src/types.ts
index 086302c7f851..b36d6c0dd60e 100644
--- a/code/frameworks/react-webpack5/src/types.ts
+++ b/code/frameworks/react-webpack5/src/types.ts
@@ -1,14 +1,15 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
+import type {
+  BuilderOptions,
+  StorybookConfigWebpack,
+  TypescriptOptions as TypescriptOptionsBuilder,
+} from '@storybook/builder-webpack5';
 import type {
   ReactOptions,
   StorybookConfig as StorybookConfigBase,
   TypescriptOptions as TypescriptOptionsReact,
 } from '@storybook/preset-react-webpack';
-import type {
-  StorybookConfigWebpack,
-  BuilderOptions,
-  TypescriptOptions as TypescriptOptionsBuilder,
-} from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
 
 type FrameworkName = CompatibleString<'@storybook/react-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/react-webpack5/vitest.config.ts b/code/frameworks/react-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/react-webpack5/vitest.config.ts
+++ b/code/frameworks/react-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/server-webpack5/package.json b/code/frameworks/server-webpack5/package.json
index 1cec9c4e8da2..ed7654a162b7 100644
--- a/code/frameworks/server-webpack5/package.json
+++ b/code/frameworks/server-webpack5/package.json
@@ -43,14 +43,14 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
     "@storybook/preset-server-webpack": "workspace:*",
     "@storybook/server": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "devDependencies": {
     "typescript": "^5.3.2"
diff --git a/code/frameworks/server-webpack5/src/preset.ts b/code/frameworks/server-webpack5/src/preset.ts
index 82e32b305236..689a984336e1 100644
--- a/code/frameworks/server-webpack5/src/preset.ts
+++ b/code/frameworks/server-webpack5/src/preset.ts
@@ -1,4 +1,5 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/server-webpack5/src/types.ts b/code/frameworks/server-webpack5/src/types.ts
index 3237e59c18df..f16b50f512d3 100644
--- a/code/frameworks/server-webpack5/src/types.ts
+++ b/code/frameworks/server-webpack5/src/types.ts
@@ -1,13 +1,14 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
 import type {
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/preset-server-webpack';
-import type {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+import type {
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/preset-server-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/server-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/server-webpack5/vitest.config.ts b/code/frameworks/server-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/server-webpack5/vitest.config.ts
+++ b/code/frameworks/server-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/svelte-vite/package.json b/code/frameworks/svelte-vite/package.json
index 40f581f95349..b5b6a80b1dfd 100644
--- a/code/frameworks/svelte-vite/package.json
+++ b/code/frameworks/svelte-vite/package.json
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-vite": "workspace:*",
@@ -56,7 +56,7 @@
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^3.0.1",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "svelte": "^5.0.0-next.65",
     "typescript": "^5.3.2",
     "vite": "^4.0.0"
diff --git a/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts b/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts
index 27db39238e70..7d2ba7141287 100644
--- a/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts
+++ b/code/frameworks/svelte-vite/src/plugins/svelte-docgen.ts
@@ -1,12 +1,14 @@
-import type { PluginOption } from 'vite';
+import { readFileSync } from 'node:fs';
+import { basename, relative } from 'node:path';
+
+import { logger } from 'storybook/internal/node-logger';
+
 import MagicString from 'magic-string';
-import path from 'path';
-import fs from 'fs';
+import { replace, typescript } from 'svelte-preprocess';
+import { preprocess } from 'svelte/compiler';
 import svelteDoc from 'sveltedoc-parser';
 import type { SvelteComponentDoc, SvelteParserOptions } from 'sveltedoc-parser';
-import { logger } from 'storybook/internal/node-logger';
-import { preprocess } from 'svelte/compiler';
-import { replace, typescript } from 'svelte-preprocess';
+import type { PluginOption } from 'vite';
 
 /*
  * Patch sveltedoc-parser internal options.
@@ -96,11 +98,11 @@ export async function svelteDocgen(svelteOptions: Record<string, any> = {}): Pro
         }
       }
 
-      const resource = path.relative(cwd, id);
+      const resource = relative(cwd, id);
 
       let docOptions;
       if (docPreprocessOptions) {
-        const rawSource = fs.readFileSync(resource).toString();
+        const rawSource = readFileSync(resource).toString();
 
         const { code: fileContent } = await preprocess(rawSource, docPreprocessOptions, {
           filename: resource,
@@ -132,9 +134,9 @@ export async function svelteDocgen(svelteOptions: Record<string, any> = {}): Pro
       }
 
       // get filename for source content
-      const file = path.basename(resource);
+      const file = basename(resource);
 
-      componentDoc.name = path.basename(file);
+      componentDoc.name = basename(file);
 
       const componentName = getNameFromFilename(resource);
       s.append(`;${componentName}.__docgen = ${JSON.stringify(componentDoc)}`);
diff --git a/code/frameworks/svelte-vite/src/preset.ts b/code/frameworks/svelte-vite/src/preset.ts
index c35251429b8b..c50f86a5eabd 100644
--- a/code/frameworks/svelte-vite/src/preset.ts
+++ b/code/frameworks/svelte-vite/src/preset.ts
@@ -1,8 +1,10 @@
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { dirname, join } from 'path';
+
+import { svelteDocgen } from './plugins/svelte-docgen';
 import type { StorybookConfig } from './types';
 import { handleSvelteKit } from './utils';
-import { svelteDocgen } from './plugins/svelte-docgen';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
   dirname(require.resolve(join(input, 'package.json'))) as any;
diff --git a/code/frameworks/svelte-vite/src/types.ts b/code/frameworks/svelte-vite/src/types.ts
index 5dafd0a133a6..b55668676386 100644
--- a/code/frameworks/svelte-vite/src/types.ts
+++ b/code/frameworks/svelte-vite/src/types.ts
@@ -2,7 +2,8 @@ import type {
   CompatibleString,
   StorybookConfig as StorybookConfigBase,
 } from 'storybook/internal/types';
-import type { StorybookConfigVite, BuilderOptions } from '@storybook/builder-vite';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
 
 type FrameworkName = CompatibleString<'@storybook/svelte-vite'>;
 type BuilderName = CompatibleString<'@storybook/builder-vite'>;
diff --git a/code/frameworks/svelte-vite/src/utils.ts b/code/frameworks/svelte-vite/src/utils.ts
index fd1716174a59..3bde0f597425 100644
--- a/code/frameworks/svelte-vite/src/utils.ts
+++ b/code/frameworks/svelte-vite/src/utils.ts
@@ -1,8 +1,10 @@
-import type { PluginOption } from 'vite';
 import type { Options } from 'storybook/internal/types';
-import { dedent } from 'ts-dedent';
+
 import { hasVitePlugins } from '@storybook/builder-vite';
 
+import { dedent } from 'ts-dedent';
+import type { PluginOption } from 'vite';
+
 /**
  * A migration step that ensures the svelte-vite framework still supports SvelteKit,
  * but warns the user that they should use the sveltekit framework instead.
diff --git a/code/frameworks/svelte-vite/vitest.config.ts b/code/frameworks/svelte-vite/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/svelte-vite/vitest.config.ts
+++ b/code/frameworks/svelte-vite/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/svelte-webpack5/package.json b/code/frameworks/svelte-webpack5/package.json
index 9a4a5d3b6919..6a00fc45a756 100644
--- a/code/frameworks/svelte-webpack5/package.json
+++ b/code/frameworks/svelte-webpack5/package.json
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
diff --git a/code/frameworks/svelte-webpack5/src/preset.ts b/code/frameworks/svelte-webpack5/src/preset.ts
index 0d3b05c859f4..df46921663ed 100644
--- a/code/frameworks/svelte-webpack5/src/preset.ts
+++ b/code/frameworks/svelte-webpack5/src/preset.ts
@@ -1,4 +1,5 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/svelte-webpack5/src/types.ts b/code/frameworks/svelte-webpack5/src/types.ts
index 4d1a6547e06d..d571ddeb109f 100644
--- a/code/frameworks/svelte-webpack5/src/types.ts
+++ b/code/frameworks/svelte-webpack5/src/types.ts
@@ -1,14 +1,15 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
 import type {
-  SvelteOptions,
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/preset-svelte-webpack';
-import type {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+import type {
+  StorybookConfig as StorybookConfigBase,
+  SvelteOptions,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/preset-svelte-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/svelte-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/svelte-webpack5/vitest.config.ts b/code/frameworks/svelte-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/svelte-webpack5/vitest.config.ts
+++ b/code/frameworks/svelte-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/sveltekit/package.json b/code/frameworks/sveltekit/package.json
index 436902293880..c287d86fa123 100644
--- a/code/frameworks/sveltekit/package.json
+++ b/code/frameworks/sveltekit/package.json
@@ -49,8 +49,8 @@
     "src/mocks/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/addon-actions": "workspace:*",
@@ -59,7 +59,7 @@
     "@storybook/svelte-vite": "workspace:*"
   },
   "devDependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
     "vite": "^4.0.0"
   },
diff --git a/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts b/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts
index 32f6eb0c41b0..8831e9217052 100644
--- a/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts
+++ b/code/frameworks/sveltekit/src/plugins/mock-sveltekit-stores.ts
@@ -1,4 +1,5 @@
 import { resolve } from 'node:path';
+
 import type { Plugin } from 'vite';
 
 export async function mockSveltekitStores() {
diff --git a/code/frameworks/sveltekit/src/preset.ts b/code/frameworks/sveltekit/src/preset.ts
index d9fd70179c20..263a6b35429d 100644
--- a/code/frameworks/sveltekit/src/preset.ts
+++ b/code/frameworks/sveltekit/src/preset.ts
@@ -1,8 +1,11 @@
-// @ts-expect-error -- TS picks up the type from preset.js instead of dist/preset.d.ts
-import { viteFinal as svelteViteFinal } from '@storybook/svelte-vite/preset';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
+
 import { withoutVitePlugins } from '@storybook/builder-vite';
-import { dirname, join } from 'path';
+// @ts-expect-error -- TS picks up the type from preset.js instead of dist/preset.d.ts
+import { viteFinal as svelteViteFinal } from '@storybook/svelte-vite/preset';
+
 import { configOverrides } from './plugins/config-overrides';
 import { mockSveltekitStores } from './plugins/mock-sveltekit-stores';
 import { type StorybookConfig } from './types';
diff --git a/code/frameworks/sveltekit/src/preview.ts b/code/frameworks/sveltekit/src/preview.ts
index fc3ab8bcc65a..cc7533108179 100644
--- a/code/frameworks/sveltekit/src/preview.ts
+++ b/code/frameworks/sveltekit/src/preview.ts
@@ -1,6 +1,9 @@
 import type { Decorator } from '@storybook/svelte';
+
 import { action } from '@storybook/addon-actions';
+
 import { onMount } from 'svelte';
+
 import { setAfterNavigateArgument } from './mocks/app/navigation';
 import { setNavigating, setPage, setUpdated } from './mocks/app/stores';
 import type { HrefConfig, NormalizedHrefConfig, SvelteKitParameters } from './types';
diff --git a/code/frameworks/sveltekit/src/types.ts b/code/frameworks/sveltekit/src/types.ts
index d4b46021946e..975a184f4545 100644
--- a/code/frameworks/sveltekit/src/types.ts
+++ b/code/frameworks/sveltekit/src/types.ts
@@ -1,8 +1,10 @@
-import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
 import type {
   CompatibleString,
   StorybookConfig as StorybookConfigBase,
 } from 'storybook/internal/types';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+
 import type { enhance } from './mocks/app/forms';
 import type { goto, invalidate, invalidateAll } from './mocks/app/navigation';
 
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/forms.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/forms.stories.js
index 72b584baef76..baff059fa212 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/forms.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/forms.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Forms from './Forms.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/hrefs.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/hrefs.stories.js
index 520e83c78a83..9f7033e36a3f 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/hrefs.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/hrefs.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Hrefs from './Hrefs.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/navigation.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/navigation.stories.js
index 8640d467c463..e102fce96438 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/navigation.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-prerelease-ts/navigation.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Navigation from './Navigation.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/environment.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/environment.stories.js
index a8baaabbf5be..fb4c85d99264 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/environment.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/environment.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Environment from './Environment.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/forms.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/forms.stories.js
index 72b584baef76..baff059fa212 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/forms.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/forms.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Forms from './Forms.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/hrefs.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/hrefs.stories.js
index 520e83c78a83..9f7033e36a3f 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/hrefs.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/hrefs.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Hrefs from './Hrefs.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/navigation.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/navigation.stories.js
index 8640d467c463..e102fce96438 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/navigation.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/navigation.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Navigation from './Navigation.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/paths.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/paths.stories.js
index 5d87296483a5..4ef5ddbcb54b 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/paths.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-js/paths.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Paths from './Paths.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js
index a8baaabbf5be..fb4c85d99264 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/environment.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Environment from './Environment.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/forms.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/forms.stories.js
index 72b584baef76..baff059fa212 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/forms.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/forms.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Forms from './Forms.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/hrefs.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/hrefs.stories.js
index 520e83c78a83..9f7033e36a3f 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/hrefs.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/hrefs.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Hrefs from './Hrefs.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/navigation.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/navigation.stories.js
index 8640d467c463..e102fce96438 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/navigation.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/navigation.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Navigation from './Navigation.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/paths.stories.js b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/paths.stories.js
index 5d87296483a5..4ef5ddbcb54b 100644
--- a/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/paths.stories.js
+++ b/code/frameworks/sveltekit/template/stories_svelte-kit-skeleton-ts/paths.stories.js
@@ -1,4 +1,5 @@
 import { expect, fn, within } from '@storybook/test';
+
 import Paths from './Paths.svelte';
 
 export default {
diff --git a/code/frameworks/sveltekit/vitest.config.ts b/code/frameworks/sveltekit/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/sveltekit/vitest.config.ts
+++ b/code/frameworks/sveltekit/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/vue3-vite/package.json b/code/frameworks/vue3-vite/package.json
index 2a60b476f447..b9c97002c5bc 100644
--- a/code/frameworks/vue3-vite/package.json
+++ b/code/frameworks/vue3-vite/package.json
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-vite": "workspace:*",
@@ -57,7 +57,7 @@
   },
   "devDependencies": {
     "@types/find-package-json": "^1.2.6",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2",
     "vite": "^4.0.0"
   },
diff --git a/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts b/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts
index c7218e328fc6..fb61f1c1e09f 100644
--- a/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts
+++ b/code/frameworks/vue3-vite/src/plugins/vue-component-meta.ts
@@ -1,15 +1,16 @@
+import { readFile, stat } from 'node:fs/promises';
+import { dirname, join, parse, relative, resolve } from 'node:path';
+
 import findPackageJson from 'find-package-json';
-import fs from 'fs/promises';
 import MagicString from 'magic-string';
-import path from 'path';
 import type { PluginOption } from 'vite';
 import {
-  TypeMeta,
-  createChecker,
-  createCheckerByJson,
   type ComponentMeta,
   type MetaCheckerOptions,
   type PropertyMetaSchema,
+  TypeMeta,
+  createChecker,
+  createCheckerByJson,
 } from 'vue-component-meta';
 import { parseMulti } from 'vue-docgen-api';
 
@@ -151,7 +152,7 @@ async function createVueComponentMetaChecker(tsconfigPath = 'tsconfig.json') {
   };
 
   const projectRoot = getProjectRoot();
-  const projectTsConfigPath = path.join(projectRoot, tsconfigPath);
+  const projectTsConfigPath = join(projectRoot, tsconfigPath);
 
   const defaultChecker = createCheckerByJson(projectRoot, { include: ['**/*'] }, checkerOptions);
 
@@ -174,17 +175,17 @@ async function createVueComponentMetaChecker(tsconfigPath = 'tsconfig.json') {
 function getProjectRoot() {
   const projectRoot = findPackageJson().next().value?.path ?? '';
 
-  const currentFileDir = path.dirname(__filename);
-  const relativePathToProjectRoot = path.relative(currentFileDir, projectRoot);
+  const currentFileDir = dirname(__filename);
+  const relativePathToProjectRoot = relative(currentFileDir, projectRoot);
 
-  return path.resolve(currentFileDir, relativePathToProjectRoot);
+  return resolve(currentFileDir, relativePathToProjectRoot);
 }
 
 /**
  * Gets the filename without file extension.
  */
 function getFilenameWithoutExtension(filename: string) {
-  return path.parse(filename).name;
+  return parse(filename).name;
 }
 
 /**
@@ -199,7 +200,7 @@ function lowercaseFirstLetter(string: string) {
  */
 async function fileExists(fullPath: string) {
   try {
-    await fs.stat(fullPath);
+    await stat(fullPath);
     return true;
   } catch {
     return false;
@@ -250,13 +251,13 @@ async function applyTempFixForEventDescriptions(filename: string, componentMeta:
 }
 
 /**
- * Gets a list of tsconfig references for the given tsconfig path.
+ * Gets a list of tsconfig references for the given tsconfig
  * This is only needed for the temporary workaround/fix for:
  * https://github.com/vuejs/language-tools/issues/3896
  */
 async function getTsConfigReferences(tsConfigPath: string) {
   try {
-    const content = JSON.parse(await fs.readFile(tsConfigPath, 'utf-8'));
+    const content = JSON.parse(await readFile(tsConfigPath, 'utf-8'));
     if (!('references' in content) || !Array.isArray(content.references)) return [];
     return content.references as unknown[];
   } catch {
diff --git a/code/frameworks/vue3-vite/src/preset.ts b/code/frameworks/vue3-vite/src/preset.ts
index 2539c7f368ea..bef688db2792 100644
--- a/code/frameworks/vue3-vite/src/preset.ts
+++ b/code/frameworks/vue3-vite/src/preset.ts
@@ -1,6 +1,9 @@
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { dirname, join } from 'path';
+
 import type { PluginOption } from 'vite';
+
 import { vueComponentMeta } from './plugins/vue-component-meta';
 import { vueDocgen } from './plugins/vue-docgen';
 import type { FrameworkOptions, StorybookConfig, VueDocgenPlugin } from './types';
diff --git a/code/frameworks/vue3-vite/src/types.ts b/code/frameworks/vue3-vite/src/types.ts
index d3db8c14fe60..97fe6e01d077 100644
--- a/code/frameworks/vue3-vite/src/types.ts
+++ b/code/frameworks/vue3-vite/src/types.ts
@@ -1,8 +1,10 @@
-import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
 import type {
   CompatibleString,
   StorybookConfig as StorybookConfigBase,
 } from 'storybook/internal/types';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
+
 import type { ComponentMeta } from 'vue-component-meta';
 import type { ComponentDoc } from 'vue-docgen-api';
 
diff --git a/code/frameworks/vue3-vite/vitest.config.ts b/code/frameworks/vue3-vite/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/vue3-vite/vitest.config.ts
+++ b/code/frameworks/vue3-vite/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/vue3-webpack5/package.json b/code/frameworks/vue3-webpack5/package.json
index 0f5f46096a56..3851ece4d44d 100644
--- a/code/frameworks/vue3-webpack5/package.json
+++ b/code/frameworks/vue3-webpack5/package.json
@@ -43,14 +43,14 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
     "@storybook/preset-vue3-webpack": "workspace:*",
     "@storybook/vue3": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "devDependencies": {
     "@vue/compiler-sfc": "3.0.0",
diff --git a/code/frameworks/vue3-webpack5/src/preset.ts b/code/frameworks/vue3-webpack5/src/preset.ts
index d17b55791e5c..bbb02cb9029f 100644
--- a/code/frameworks/vue3-webpack5/src/preset.ts
+++ b/code/frameworks/vue3-webpack5/src/preset.ts
@@ -1,4 +1,5 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/vue3-webpack5/src/types.ts b/code/frameworks/vue3-webpack5/src/types.ts
index ed623d6a7e9a..cd9f60251eb0 100644
--- a/code/frameworks/vue3-webpack5/src/types.ts
+++ b/code/frameworks/vue3-webpack5/src/types.ts
@@ -1,13 +1,14 @@
+import type { CompatibleString } from 'storybook/internal/types';
+
 import type {
-  StorybookConfig as StorybookConfigBase,
-  TypescriptOptions as TypescriptOptionsReact,
-} from '@storybook/preset-vue3-webpack';
-import type {
-  StorybookConfigWebpack,
   BuilderOptions,
+  StorybookConfigWebpack,
   TypescriptOptions as TypescriptOptionsBuilder,
 } from '@storybook/builder-webpack5';
-import type { CompatibleString } from 'storybook/internal/types';
+import type {
+  StorybookConfig as StorybookConfigBase,
+  TypescriptOptions as TypescriptOptionsReact,
+} from '@storybook/preset-vue3-webpack';
 
 type FrameworkName = CompatibleString<'@storybook/vue3-webpack5'>;
 type BuilderName = CompatibleString<'@storybook/builder-webpack5'>;
diff --git a/code/frameworks/vue3-webpack5/vitest.config.ts b/code/frameworks/vue3-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/vue3-webpack5/vitest.config.ts
+++ b/code/frameworks/vue3-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/web-components-vite/package.json b/code/frameworks/web-components-vite/package.json
index 81d467ca3b19..0e464f089de6 100644
--- a/code/frameworks/web-components-vite/package.json
+++ b/code/frameworks/web-components-vite/package.json
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-vite": "workspace:*",
@@ -52,7 +52,7 @@
     "magic-string": "^0.30.0"
   },
   "devDependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2"
   },
   "peerDependencies": {
diff --git a/code/frameworks/web-components-vite/src/preset.ts b/code/frameworks/web-components-vite/src/preset.ts
index 9a2bb74a77be..397deddb6e4b 100644
--- a/code/frameworks/web-components-vite/src/preset.ts
+++ b/code/frameworks/web-components-vite/src/preset.ts
@@ -1,5 +1,6 @@
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { dirname, join } from 'path';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
   dirname(require.resolve(join(input, 'package.json'))) as any;
diff --git a/code/frameworks/web-components-vite/src/types.ts b/code/frameworks/web-components-vite/src/types.ts
index bd6c6d1cb2df..988a605fc5f7 100644
--- a/code/frameworks/web-components-vite/src/types.ts
+++ b/code/frameworks/web-components-vite/src/types.ts
@@ -2,7 +2,8 @@ import type {
   CompatibleString,
   StorybookConfig as StorybookConfigBase,
 } from 'storybook/internal/types';
-import type { StorybookConfigVite, BuilderOptions } from '@storybook/builder-vite';
+
+import type { BuilderOptions, StorybookConfigVite } from '@storybook/builder-vite';
 
 type FrameworkName = CompatibleString<'@storybook/web-components-vite'>;
 type BuilderName = CompatibleString<'@storybook/builder-vite'>;
diff --git a/code/frameworks/web-components-vite/vitest.config.ts b/code/frameworks/web-components-vite/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/web-components-vite/vitest.config.ts
+++ b/code/frameworks/web-components-vite/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/frameworks/web-components-webpack5/package.json b/code/frameworks/web-components-webpack5/package.json
index c94085c35fae..a0223da98e9e 100644
--- a/code/frameworks/web-components-webpack5/package.json
+++ b/code/frameworks/web-components-webpack5/package.json
@@ -46,13 +46,13 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/builder-webpack5": "workspace:*",
     "@storybook/web-components": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "devDependencies": {
     "lit": "2.3.1",
diff --git a/code/frameworks/web-components-webpack5/src/preset.ts b/code/frameworks/web-components-webpack5/src/preset.ts
index 03078118211e..b005060fa88c 100644
--- a/code/frameworks/web-components-webpack5/src/preset.ts
+++ b/code/frameworks/web-components-webpack5/src/preset.ts
@@ -1,4 +1,5 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
 
 const getAbsolutePath = <I extends string>(input: I): I =>
diff --git a/code/frameworks/web-components-webpack5/src/types.ts b/code/frameworks/web-components-webpack5/src/types.ts
index 0a491e0b67c1..090289999570 100644
--- a/code/frameworks/web-components-webpack5/src/types.ts
+++ b/code/frameworks/web-components-webpack5/src/types.ts
@@ -3,6 +3,7 @@ import type {
   StorybookConfig as StorybookConfigBase,
   TypescriptOptions as TypescriptOptionsWebComponents,
 } from 'storybook/internal/types';
+
 import type {
   BuilderOptions,
   StorybookConfigWebpack,
diff --git a/code/frameworks/web-components-webpack5/vitest.config.ts b/code/frameworks/web-components-webpack5/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/frameworks/web-components-webpack5/vitest.config.ts
+++ b/code/frameworks/web-components-webpack5/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/blocks/package.json b/code/lib/blocks/package.json
index 2c2c56b2c339..d0e6fc0327bb 100644
--- a/code/lib/blocks/package.json
+++ b/code/lib/blocks/package.json
@@ -23,9 +23,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -40,8 +40,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/csf": "^0.1.11",
diff --git a/code/lib/blocks/src/blocks/Anchor.stories.tsx b/code/lib/blocks/src/blocks/Anchor.stories.tsx
index 75051f1760be..276c5aa2219e 100644
--- a/code/lib/blocks/src/blocks/Anchor.stories.tsx
+++ b/code/lib/blocks/src/blocks/Anchor.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Anchor } from './Anchor';
 
 const meta = {
diff --git a/code/lib/blocks/src/blocks/ArgTypes.stories.tsx b/code/lib/blocks/src/blocks/ArgTypes.stories.tsx
index 30e5386a1ffd..0d79724c0bb6 100644
--- a/code/lib/blocks/src/blocks/ArgTypes.stories.tsx
+++ b/code/lib/blocks/src/blocks/ArgTypes.stories.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
+
+import type { PlayFunctionContext } from '@storybook/csf';
 import type { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
 
-import { ArgTypes } from './ArgTypes';
 import * as ExampleStories from '../examples/ArgTypesParameters.stories';
 import * as SubcomponentsExampleStories from '../examples/ArgTypesWithSubcomponentsParameters.stories';
-import { within } from '@storybook/test';
-import type { PlayFunctionContext } from '@storybook/csf';
+import { ArgTypes } from './ArgTypes';
 
 const meta: Meta<typeof ArgTypes> = {
   title: 'Blocks/ArgTypes',
diff --git a/code/lib/blocks/src/blocks/ArgTypes.tsx b/code/lib/blocks/src/blocks/ArgTypes.tsx
index bfab62aa23df..a65e6dfeeee4 100644
--- a/code/lib/blocks/src/blocks/ArgTypes.tsx
+++ b/code/lib/blocks/src/blocks/ArgTypes.tsx
@@ -1,14 +1,16 @@
 /* eslint-disable react/destructuring-assignment */
-import type { Parameters, Renderer, StrictArgTypes } from '@storybook/csf';
-import type { ModuleExports } from 'storybook/internal/types';
 import type { FC } from 'react';
+import React from 'react';
+
+import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
 import type { PropDescriptor } from 'storybook/internal/preview-api';
 import { filterArgTypes } from 'storybook/internal/preview-api';
-import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
-import React from 'react';
+import type { ModuleExports } from 'storybook/internal/types';
+
+import type { Parameters, Renderer, StrictArgTypes } from '@storybook/csf';
 
 import type { SortType } from '../components';
-import { ArgsTable as PureArgsTable, ArgsTableError, TabbedArgsTable } from '../components';
+import { ArgsTableError, ArgsTable as PureArgsTable, TabbedArgsTable } from '../components';
 import { useOf } from './useOf';
 import { getComponentName } from './utils';
 
diff --git a/code/lib/blocks/src/blocks/Canvas.stories.tsx b/code/lib/blocks/src/blocks/Canvas.stories.tsx
index 4319ef5a0653..4a7e25f6706d 100644
--- a/code/lib/blocks/src/blocks/Canvas.stories.tsx
+++ b/code/lib/blocks/src/blocks/Canvas.stories.tsx
@@ -1,11 +1,14 @@
 import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { dedent } from 'ts-dedent';
-import { Canvas } from './Canvas';
-import SourceStoriesMeta from './Source.stories';
+
 import * as ButtonStories from '../examples/Button.stories';
 import * as ParameterStories from '../examples/CanvasParameters.stories';
 import * as SourceParameterStories from '../examples/SourceParameters.stories';
+import { Canvas } from './Canvas';
+import SourceStoriesMeta from './Source.stories';
 
 const meta: Meta<typeof Canvas> = {
   component: Canvas,
diff --git a/code/lib/blocks/src/blocks/Canvas.tsx b/code/lib/blocks/src/blocks/Canvas.tsx
index af7e6796628c..080edff53306 100644
--- a/code/lib/blocks/src/blocks/Canvas.tsx
+++ b/code/lib/blocks/src/blocks/Canvas.tsx
@@ -1,13 +1,15 @@
 /* eslint-disable react/destructuring-assignment */
 import React, { useContext } from 'react';
 import type { FC } from 'react';
+
 import type { ModuleExport, ModuleExports } from 'storybook/internal/types';
+
 import type { Layout, PreviewProps as PurePreviewProps } from '../components';
 import { Preview as PurePreview } from '../components';
 import { DocsContext } from './DocsContext';
-import { SourceContext } from './SourceContainer';
 import type { SourceProps } from './Source';
 import { useSourceProps } from './Source';
+import { SourceContext } from './SourceContainer';
 import type { StoryProps } from './Story';
 import { Story } from './Story';
 import { useOf } from './useOf';
diff --git a/code/lib/blocks/src/blocks/Controls.stories.tsx b/code/lib/blocks/src/blocks/Controls.stories.tsx
index 6d39ab537b89..cc152c515fe2 100644
--- a/code/lib/blocks/src/blocks/Controls.stories.tsx
+++ b/code/lib/blocks/src/blocks/Controls.stories.tsx
@@ -1,12 +1,13 @@
 import React from 'react';
+
+import type { PlayFunctionContext } from '@storybook/csf';
 import type { Meta, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
 
-import { Controls } from './Controls';
 import * as ExampleStories from '../examples/ControlsParameters.stories';
 import * as SubcomponentsExampleStories from '../examples/ControlsWithSubcomponentsParameters.stories';
-import { within } from '@storybook/test';
-import type { PlayFunctionContext } from '@storybook/csf';
 import * as EmptyArgTypesStories from '../examples/EmptyArgTypes.stories';
+import { Controls } from './Controls';
 
 const meta = {
   component: Controls,
diff --git a/code/lib/blocks/src/blocks/Controls.tsx b/code/lib/blocks/src/blocks/Controls.tsx
index a4684ded1ad4..3041c9be3779 100644
--- a/code/lib/blocks/src/blocks/Controls.tsx
+++ b/code/lib/blocks/src/blocks/Controls.tsx
@@ -1,17 +1,19 @@
 /* eslint-disable react/destructuring-assignment */
-import type { Renderer, Parameters, StrictArgTypes } from '@storybook/csf';
-import type { ModuleExports } from 'storybook/internal/types';
 import type { FC } from 'react';
 import React, { useContext } from 'react';
+
+import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
 import { filterArgTypes } from 'storybook/internal/preview-api';
 import type { PropDescriptor } from 'storybook/internal/preview-api';
-import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
+import type { ModuleExports } from 'storybook/internal/types';
+
+import type { Parameters, Renderer, StrictArgTypes } from '@storybook/csf';
 
 import type { SortType } from '../components';
-import { ArgsTable as PureArgsTable, ArgsTableError, TabbedArgsTable } from '../components';
+import { ArgsTableError, ArgsTable as PureArgsTable, TabbedArgsTable } from '../components';
 import { DocsContext } from './DocsContext';
-import { useGlobals } from './useGlobals';
 import { useArgs } from './useArgs';
+import { useGlobals } from './useGlobals';
 import { getComponentName } from './utils';
 
 type ControlsParameters = {
diff --git a/code/lib/blocks/src/blocks/Description.stories.tsx b/code/lib/blocks/src/blocks/Description.stories.tsx
index ee9922b43074..9285fd9095ff 100644
--- a/code/lib/blocks/src/blocks/Description.stories.tsx
+++ b/code/lib/blocks/src/blocks/Description.stories.tsx
@@ -1,11 +1,13 @@
 import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
-import { Description } from './Description';
+
 import { Button as ButtonComponent } from '../examples/Button';
 import * as DefaultButtonStories from '../examples/Button.stories';
-import * as ButtonStoriesWithMetaDescriptionAsParameter from '../examples/ButtonWithMetaDescriptionAsParameter.stories';
-import * as ButtonStoriesWithMetaDescriptionAsComment from '../examples/ButtonWithMetaDescriptionAsComment.stories';
 import * as ButtonStoriesWithMetaDescriptionAsBoth from '../examples/ButtonWithMetaDescriptionAsBoth.stories';
+import * as ButtonStoriesWithMetaDescriptionAsComment from '../examples/ButtonWithMetaDescriptionAsComment.stories';
+import * as ButtonStoriesWithMetaDescriptionAsParameter from '../examples/ButtonWithMetaDescriptionAsParameter.stories';
+import { Description } from './Description';
 
 const meta: Meta<typeof Description> = {
   component: Description,
diff --git a/code/lib/blocks/src/blocks/Description.tsx b/code/lib/blocks/src/blocks/Description.tsx
index 99b9cf7ce75b..dd6f656d0505 100644
--- a/code/lib/blocks/src/blocks/Description.tsx
+++ b/code/lib/blocks/src/blocks/Description.tsx
@@ -1,8 +1,9 @@
 import type { FC } from 'react';
 import React from 'react';
+
+import { Markdown } from './Markdown';
 import type { Of } from './useOf';
 import { useOf } from './useOf';
-import { Markdown } from './Markdown';
 
 export enum DescriptionType {
   INFO = 'info',
diff --git a/code/lib/blocks/src/blocks/Docs.tsx b/code/lib/blocks/src/blocks/Docs.tsx
index c53aa027916e..820e65b4ae8d 100644
--- a/code/lib/blocks/src/blocks/Docs.tsx
+++ b/code/lib/blocks/src/blocks/Docs.tsx
@@ -1,10 +1,11 @@
 import React from 'react';
 import type { ComponentType, PropsWithChildren } from 'react';
-import type { Renderer, Parameters } from 'storybook/internal/types';
+
 import type { Theme } from 'storybook/internal/theming';
+import type { Parameters, Renderer } from 'storybook/internal/types';
 
-import type { DocsContextProps } from './DocsContext';
 import { DocsContainer } from './DocsContainer';
+import type { DocsContextProps } from './DocsContext';
 import { DocsPage } from './DocsPage';
 
 export type DocsProps<TRenderer extends Renderer = Renderer> = {
diff --git a/code/lib/blocks/src/blocks/DocsContainer.tsx b/code/lib/blocks/src/blocks/DocsContainer.tsx
index e5ad466f7f6a..01df02857251 100644
--- a/code/lib/blocks/src/blocks/DocsContainer.tsx
+++ b/code/lib/blocks/src/blocks/DocsContainer.tsx
@@ -1,15 +1,18 @@
 import type { FC, PropsWithChildren } from 'react';
 import React, { useEffect } from 'react';
-import { global } from '@storybook/global';
+
 import type { ThemeVars } from 'storybook/internal/theming';
 import { ThemeProvider, ensure as ensureTheme } from 'storybook/internal/theming';
 import type { Renderer } from 'storybook/internal/types';
+
+import { global } from '@storybook/global';
+
 import { DocsPageWrapper } from '../components';
+import { TableOfContents } from '../components/TableOfContents';
 import type { DocsContextProps } from './DocsContext';
 import { DocsContext } from './DocsContext';
 import { SourceContainer } from './SourceContainer';
 import { scrollToElement } from './utils';
-import { TableOfContents } from '../components/TableOfContents';
 
 const { document, window: globalWindow } = global;
 
diff --git a/code/lib/blocks/src/blocks/DocsContext.ts b/code/lib/blocks/src/blocks/DocsContext.ts
index 414390be8f87..b7680f920c5d 100644
--- a/code/lib/blocks/src/blocks/DocsContext.ts
+++ b/code/lib/blocks/src/blocks/DocsContext.ts
@@ -1,10 +1,11 @@
 /* eslint-disable no-underscore-dangle */
 import type { Context } from 'react';
 import { createContext } from 'react';
-import { global } from '@storybook/global';
 
 import type { DocsContextProps, Renderer } from 'storybook/internal/types';
 
+import { global } from '@storybook/global';
+
 export type { DocsContextProps };
 
 // We add DocsContext to window. The reason is that in case DocsContext.ts is
diff --git a/code/lib/blocks/src/blocks/DocsPage.stories.tsx b/code/lib/blocks/src/blocks/DocsPage.stories.tsx
index 6812f7b70586..1ed85bfa3ac9 100644
--- a/code/lib/blocks/src/blocks/DocsPage.stories.tsx
+++ b/code/lib/blocks/src/blocks/DocsPage.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { DocsPage } from './DocsPage';
 
 const meta = {
diff --git a/code/lib/blocks/src/blocks/DocsPage.test.ts b/code/lib/blocks/src/blocks/DocsPage.test.ts
index 535f011a7161..cb9e777d8f94 100644
--- a/code/lib/blocks/src/blocks/DocsPage.test.ts
+++ b/code/lib/blocks/src/blocks/DocsPage.test.ts
@@ -1,6 +1,6 @@
 // @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
 import { extractTitle } from './Title';
 
 describe('defaultTitleSlot', () => {
diff --git a/code/lib/blocks/src/blocks/DocsPage.tsx b/code/lib/blocks/src/blocks/DocsPage.tsx
index fd5a29876547..41f58189c661 100644
--- a/code/lib/blocks/src/blocks/DocsPage.tsx
+++ b/code/lib/blocks/src/blocks/DocsPage.tsx
@@ -1,11 +1,12 @@
 import type { FC } from 'react';
 import React from 'react';
-import { Title } from './Title';
-import { Subtitle } from './Subtitle';
+
+import { Controls } from './Controls';
 import { Description } from './Description';
 import { Primary } from './Primary';
-import { Controls } from './Controls';
 import { Stories } from './Stories';
+import { Subtitle } from './Subtitle';
+import { Title } from './Title';
 import { useOf } from './useOf';
 
 export const DocsPage: FC = () => {
diff --git a/code/lib/blocks/src/blocks/DocsStory.tsx b/code/lib/blocks/src/blocks/DocsStory.tsx
index b648e67881e3..24ebe0eee630 100644
--- a/code/lib/blocks/src/blocks/DocsStory.tsx
+++ b/code/lib/blocks/src/blocks/DocsStory.tsx
@@ -1,10 +1,11 @@
 import type { FC } from 'react';
 import React from 'react';
-import { Subheading } from './Subheading';
-import type { DocsStoryProps } from './types';
+
 import { Anchor } from './Anchor';
-import { Description } from './Description';
 import { Canvas } from './Canvas';
+import { Description } from './Description';
+import { Subheading } from './Subheading';
+import type { DocsStoryProps } from './types';
 import { useOf } from './useOf';
 
 export const DocsStory: FC<DocsStoryProps> = ({
diff --git a/code/lib/blocks/src/blocks/Heading.tsx b/code/lib/blocks/src/blocks/Heading.tsx
index f34eb64153b7..cf6004aeffc6 100644
--- a/code/lib/blocks/src/blocks/Heading.tsx
+++ b/code/lib/blocks/src/blocks/Heading.tsx
@@ -1,6 +1,8 @@
 import type { FC, PropsWithChildren } from 'react';
 import React from 'react';
+
 import { H2 } from 'storybook/internal/components';
+
 import { HeaderMdx } from './mdx';
 
 export interface HeadingProps {
diff --git a/code/lib/blocks/src/blocks/Markdown.stories.tsx b/code/lib/blocks/src/blocks/Markdown.stories.tsx
index 4a4d1bc80d19..f40babf45099 100644
--- a/code/lib/blocks/src/blocks/Markdown.stories.tsx
+++ b/code/lib/blocks/src/blocks/Markdown.stories.tsx
@@ -1,7 +1,7 @@
 import { dedent } from 'ts-dedent';
-import { Markdown as MarkdownComponent } from './Markdown';
 
 import mdContent from '../examples/Markdown-content.md?raw';
+import { Markdown as MarkdownComponent } from './Markdown';
 
 export default {
   component: MarkdownComponent,
diff --git a/code/lib/blocks/src/blocks/Markdown.tsx b/code/lib/blocks/src/blocks/Markdown.tsx
index a20dd3a401f2..c683d92fef06 100644
--- a/code/lib/blocks/src/blocks/Markdown.tsx
+++ b/code/lib/blocks/src/blocks/Markdown.tsx
@@ -1,7 +1,9 @@
 /* eslint-disable react/destructuring-assignment */
 import React from 'react';
+
 import PureMarkdown from 'markdown-to-jsx';
 import { dedent } from 'ts-dedent';
+
 import { AnchorMdx, CodeOrSourceMdx, HeadersMdx } from './mdx';
 
 // mirror props from markdown-to-jsx. From https://react-typescript-cheatsheet.netlify.app/docs/advanced/patterns_by_usecase#wrappingmirroring-a-component
diff --git a/code/lib/blocks/src/blocks/Meta.tsx b/code/lib/blocks/src/blocks/Meta.tsx
index 37cc922f99bb..21afe2139865 100644
--- a/code/lib/blocks/src/blocks/Meta.tsx
+++ b/code/lib/blocks/src/blocks/Meta.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import React, { useContext } from 'react';
+
 import type { BaseAnnotations, ModuleExports } from 'storybook/internal/types';
 
 import { Anchor } from './Anchor';
diff --git a/code/lib/blocks/src/blocks/Primary.stories.tsx b/code/lib/blocks/src/blocks/Primary.stories.tsx
index 7640be8399dd..6ea9025eac9c 100644
--- a/code/lib/blocks/src/blocks/Primary.stories.tsx
+++ b/code/lib/blocks/src/blocks/Primary.stories.tsx
@@ -1,7 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Primary } from './Primary';
+
 import * as DefaultButtonStories from '../examples/Button.stories';
 import * as StoriesParametersStories from '../examples/StoriesParameters.stories';
+import { Primary } from './Primary';
 
 const meta = {
   component: Primary,
diff --git a/code/lib/blocks/src/blocks/Primary.tsx b/code/lib/blocks/src/blocks/Primary.tsx
index 7a7cd53fbe36..f9b6347ccab0 100644
--- a/code/lib/blocks/src/blocks/Primary.tsx
+++ b/code/lib/blocks/src/blocks/Primary.tsx
@@ -1,9 +1,10 @@
 import type { FC } from 'react';
 import React, { useContext } from 'react';
+
+import { DocsContext } from './DocsContext';
+import { DocsStory } from './DocsStory';
 import type { Of } from './useOf';
 import { useOf } from './useOf';
-import { DocsStory } from './DocsStory';
-import { DocsContext } from './DocsContext';
 
 interface PrimaryProps {
   /**
diff --git a/code/lib/blocks/src/blocks/Source.stories.tsx b/code/lib/blocks/src/blocks/Source.stories.tsx
index 5ecd69b92fb1..8981289a1491 100644
--- a/code/lib/blocks/src/blocks/Source.stories.tsx
+++ b/code/lib/blocks/src/blocks/Source.stories.tsx
@@ -1,11 +1,14 @@
 import React from 'react';
+
 import { SourceType } from 'storybook/internal/docs-tools';
+
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { dedent } from 'ts-dedent';
-import { Source } from './Source';
+
 import * as ParametersStories from '../examples/SourceParameters.stories';
-import { argsHash, SourceContext } from './SourceContainer';
+import { Source } from './Source';
+import { SourceContext, argsHash } from './SourceContainer';
 
 const meta: Meta<typeof Source> = {
   component: Source,
diff --git a/code/lib/blocks/src/blocks/Source.tsx b/code/lib/blocks/src/blocks/Source.tsx
index fda733fc8a5b..e8e68e77be37 100644
--- a/code/lib/blocks/src/blocks/Source.tsx
+++ b/code/lib/blocks/src/blocks/Source.tsx
@@ -1,14 +1,15 @@
 import type { ComponentProps, FC } from 'react';
 import React, { useContext } from 'react';
-import type { StoryId, PreparedStory, ModuleExport, Args } from 'storybook/internal/types';
+
 import { SourceType } from 'storybook/internal/docs-tools';
+import type { Args, ModuleExport, PreparedStory, StoryId } from 'storybook/internal/types';
 
 import type { SourceCodeProps } from '../components/Source';
 import { Source as PureSource, SourceError } from '../components/Source';
 import type { DocsContextProps } from './DocsContext';
 import { DocsContext } from './DocsContext';
 import type { SourceContextProps, SourceItem } from './SourceContainer';
-import { UNKNOWN_ARGS_HASH, argsHash, SourceContext } from './SourceContainer';
+import { SourceContext, UNKNOWN_ARGS_HASH, argsHash } from './SourceContainer';
 
 type SourceParameters = SourceCodeProps & {
   /**
diff --git a/code/lib/blocks/src/blocks/SourceContainer.tsx b/code/lib/blocks/src/blocks/SourceContainer.tsx
index 149d544d705e..b8b6774160ef 100644
--- a/code/lib/blocks/src/blocks/SourceContainer.tsx
+++ b/code/lib/blocks/src/blocks/SourceContainer.tsx
@@ -1,9 +1,9 @@
-import type { FC, Context, PropsWithChildren } from 'react';
+import type { Context, FC, PropsWithChildren } from 'react';
 import React, { createContext, useEffect, useState } from 'react';
 
-import { SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
 import type { SyntaxHighlighterFormatTypes } from 'storybook/internal/components';
-import type { StoryId, Args, DocsContextProps } from 'storybook/internal/types';
+import { SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
+import type { Args, DocsContextProps, StoryId } from 'storybook/internal/types';
 
 import { stringify } from 'telejson';
 
diff --git a/code/lib/blocks/src/blocks/Stories.stories.tsx b/code/lib/blocks/src/blocks/Stories.stories.tsx
index 77b2285a8a5a..017da21c799e 100644
--- a/code/lib/blocks/src/blocks/Stories.stories.tsx
+++ b/code/lib/blocks/src/blocks/Stories.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Stories } from './Stories';
 
 const meta = {
diff --git a/code/lib/blocks/src/blocks/Stories.tsx b/code/lib/blocks/src/blocks/Stories.tsx
index 1d521101a08c..96d6667b9958 100644
--- a/code/lib/blocks/src/blocks/Stories.tsx
+++ b/code/lib/blocks/src/blocks/Stories.tsx
@@ -1,6 +1,8 @@
 import type { FC, ReactElement } from 'react';
 import React, { useContext } from 'react';
+
 import { styled } from 'storybook/internal/theming';
+
 import { DocsContext } from './DocsContext';
 import { DocsStory } from './DocsStory';
 import { Heading } from './Heading';
diff --git a/code/lib/blocks/src/blocks/Story.stories.tsx b/code/lib/blocks/src/blocks/Story.stories.tsx
index 9bf42b26ad46..370262bf0f2f 100644
--- a/code/lib/blocks/src/blocks/Story.stories.tsx
+++ b/code/lib/blocks/src/blocks/Story.stories.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
 import { expect, waitFor } from '@storybook/test';
 
-import { Story as StoryBlock } from './Story';
-import * as ButtonStories from '../examples/Button.stories';
 import * as StoryComponentStories from '../components/Story.stories';
+import * as ButtonStories from '../examples/Button.stories';
 import * as StoryParametersStories from '../examples/StoryParameters.stories';
+import { Story as StoryBlock } from './Story';
 
 const meta: Meta<typeof StoryBlock> = {
   component: StoryBlock,
diff --git a/code/lib/blocks/src/blocks/Story.tsx b/code/lib/blocks/src/blocks/Story.tsx
index 92477a9a8f3f..1a4f1e188eb8 100644
--- a/code/lib/blocks/src/blocks/Story.tsx
+++ b/code/lib/blocks/src/blocks/Story.tsx
@@ -1,10 +1,11 @@
-import type { FC, ComponentProps } from 'react';
+import type { ComponentProps, FC } from 'react';
 import React, { useContext } from 'react';
+
 import type {
-  Renderer,
   ModuleExport,
   ModuleExports,
   PreparedStory,
+  Renderer,
   StoryId,
 } from 'storybook/internal/types';
 
diff --git a/code/lib/blocks/src/blocks/Subheading.tsx b/code/lib/blocks/src/blocks/Subheading.tsx
index 3428bcc78e5c..6b7b67e55571 100644
--- a/code/lib/blocks/src/blocks/Subheading.tsx
+++ b/code/lib/blocks/src/blocks/Subheading.tsx
@@ -1,8 +1,10 @@
 import type { FC, PropsWithChildren } from 'react';
 import React from 'react';
+
 import { H3 } from 'storybook/internal/components';
-import { HeaderMdx } from './mdx';
+
 import type { HeadingProps } from './Heading';
+import { HeaderMdx } from './mdx';
 
 export const Subheading: FC<PropsWithChildren<HeadingProps>> = ({ children, disableAnchor }) => {
   if (disableAnchor || typeof children !== 'string') {
diff --git a/code/lib/blocks/src/blocks/Subtitle.stories.tsx b/code/lib/blocks/src/blocks/Subtitle.stories.tsx
index bd38129c5757..df1b8ff2fd70 100644
--- a/code/lib/blocks/src/blocks/Subtitle.stories.tsx
+++ b/code/lib/blocks/src/blocks/Subtitle.stories.tsx
@@ -1,10 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import { Subtitle } from './Subtitle';
+
+import type { Meta, StoryObj } from '@storybook/react';
+
 import * as DefaultButtonStories from '../examples/Button.stories';
 import * as ButtonStoriesWithMetaSubtitleAsBoth from '../examples/ButtonWithMetaSubtitleAsBoth.stories';
 import * as ButtonStoriesWithMetaSubtitleAsComponentSubtitle from '../examples/ButtonWithMetaSubtitleAsComponentSubtitle.stories';
 import * as ButtonStoriesWithMetaSubtitleAsDocsSubtitle from '../examples/ButtonWithMetaSubtitleAsDocsSubtitle.stories';
+import { Subtitle } from './Subtitle';
 
 const meta: Meta<typeof Subtitle> = {
   component: Subtitle,
diff --git a/code/lib/blocks/src/blocks/Subtitle.tsx b/code/lib/blocks/src/blocks/Subtitle.tsx
index af80a72bfb06..1e84e7099ba2 100644
--- a/code/lib/blocks/src/blocks/Subtitle.tsx
+++ b/code/lib/blocks/src/blocks/Subtitle.tsx
@@ -1,5 +1,6 @@
 import type { FunctionComponent, ReactNode } from 'react';
 import React from 'react';
+
 import { deprecate } from 'storybook/internal/client-logger';
 
 import { Subtitle as PureSubtitle } from '../components';
diff --git a/code/lib/blocks/src/blocks/Title.stories.tsx b/code/lib/blocks/src/blocks/Title.stories.tsx
index 9ac72a10a737..00ec452971be 100644
--- a/code/lib/blocks/src/blocks/Title.stories.tsx
+++ b/code/lib/blocks/src/blocks/Title.stories.tsx
@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { Title } from './Title';
+
 import * as DefaultButtonStories from '../examples/Button.stories';
+import { Title } from './Title';
 
 const meta: Meta<typeof Title> = {
   component: Title,
diff --git a/code/lib/blocks/src/blocks/Title.tsx b/code/lib/blocks/src/blocks/Title.tsx
index 4df5139ef703..9f8f7fef08b6 100644
--- a/code/lib/blocks/src/blocks/Title.tsx
+++ b/code/lib/blocks/src/blocks/Title.tsx
@@ -1,6 +1,8 @@
-import type { ComponentTitle } from 'storybook/internal/types';
 import type { FunctionComponent, ReactNode } from 'react';
 import React from 'react';
+
+import type { ComponentTitle } from 'storybook/internal/types';
+
 import { Title as PureTitle } from '../components';
 import type { Of } from './useOf';
 import { useOf } from './useOf';
diff --git a/code/lib/blocks/src/blocks/external/ExternalDocs.tsx b/code/lib/blocks/src/blocks/external/ExternalDocs.tsx
index 0e3bf4dfa079..869b66e0d87b 100644
--- a/code/lib/blocks/src/blocks/external/ExternalDocs.tsx
+++ b/code/lib/blocks/src/blocks/external/ExternalDocs.tsx
@@ -1,7 +1,8 @@
 import type { PropsWithChildren } from 'react';
 import React, { useRef } from 'react';
-import type { Renderer, ProjectAnnotations } from 'storybook/internal/types';
+
 import { composeConfigs } from 'storybook/internal/preview-api';
+import type { ProjectAnnotations, Renderer } from 'storybook/internal/types';
 
 import { Docs } from '../Docs';
 import { ExternalPreview } from './ExternalPreview';
diff --git a/code/lib/blocks/src/blocks/external/ExternalDocsContainer.tsx b/code/lib/blocks/src/blocks/external/ExternalDocsContainer.tsx
index c0a20dc4650b..5a79097ab993 100644
--- a/code/lib/blocks/src/blocks/external/ExternalDocsContainer.tsx
+++ b/code/lib/blocks/src/blocks/external/ExternalDocsContainer.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { ThemeProvider, themes, ensure } from 'storybook/internal/theming';
+import { ThemeProvider, ensure, themes } from 'storybook/internal/theming';
 import type { Renderer } from 'storybook/internal/types';
 
 import { DocsContext } from '../DocsContext';
diff --git a/code/lib/blocks/src/blocks/external/ExternalDocsContext.ts b/code/lib/blocks/src/blocks/external/ExternalDocsContext.ts
index a7730317cc81..4909f88fe2b9 100644
--- a/code/lib/blocks/src/blocks/external/ExternalDocsContext.ts
+++ b/code/lib/blocks/src/blocks/external/ExternalDocsContext.ts
@@ -1,6 +1,6 @@
-import type { Renderer, CSFFile, ModuleExports, DocsContextProps } from 'storybook/internal/types';
 import { DocsContext } from 'storybook/internal/preview-api';
 import type { StoryStore } from 'storybook/internal/preview-api';
+import type { CSFFile, DocsContextProps, ModuleExports, Renderer } from 'storybook/internal/types';
 
 export class ExternalDocsContext<TRenderer extends Renderer> extends DocsContext<TRenderer> {
   constructor(
diff --git a/code/lib/blocks/src/blocks/external/ExternalPreview.ts b/code/lib/blocks/src/blocks/external/ExternalPreview.ts
index 885e6b8586e4..fb7c7a9f42fb 100644
--- a/code/lib/blocks/src/blocks/external/ExternalPreview.ts
+++ b/code/lib/blocks/src/blocks/external/ExternalPreview.ts
@@ -1,13 +1,13 @@
+import { Channel } from 'storybook/internal/channels';
 import { Preview, composeConfigs } from 'storybook/internal/preview-api';
 import type {
-  Renderer,
   ComponentTitle,
+  ModuleExports,
   Path,
   ProjectAnnotations,
-  ModuleExports,
+  Renderer,
   StoryIndex,
 } from 'storybook/internal/types';
-import { Channel } from 'storybook/internal/channels';
 
 import { ExternalDocsContext } from './ExternalDocsContext';
 
diff --git a/code/lib/blocks/src/blocks/mdx.tsx b/code/lib/blocks/src/blocks/mdx.tsx
index 146e8d292d6f..9a4bf1173c80 100644
--- a/code/lib/blocks/src/blocks/mdx.tsx
+++ b/code/lib/blocks/src/blocks/mdx.tsx
@@ -1,11 +1,14 @@
 import type { FC, MouseEvent, PropsWithChildren, SyntheticEvent } from 'react';
 import React, { useContext } from 'react';
-import { NAVIGATE_URL } from 'storybook/internal/core-events';
+
 import type { SupportedLanguage } from 'storybook/internal/components';
 import { Code, components, nameSpaceClassNames } from 'storybook/internal/components';
-import { global } from '@storybook/global';
+import { NAVIGATE_URL } from 'storybook/internal/core-events';
 import { styled } from 'storybook/internal/theming';
+
+import { global } from '@storybook/global';
 import { LinkIcon } from '@storybook/icons';
+
 import { Source } from '../components';
 import type { DocsContextProps } from './DocsContext';
 import { DocsContext } from './DocsContext';
diff --git a/code/lib/blocks/src/blocks/useArgs.ts b/code/lib/blocks/src/blocks/useArgs.ts
index f0d332994178..0844d1c61442 100644
--- a/code/lib/blocks/src/blocks/useArgs.ts
+++ b/code/lib/blocks/src/blocks/useArgs.ts
@@ -1,10 +1,11 @@
 import { useCallback, useEffect, useState } from 'react';
-import type { Args, DocsContextProps, PreparedStory } from 'storybook/internal/types';
+
 import {
+  RESET_STORY_ARGS,
   STORY_ARGS_UPDATED,
   UPDATE_STORY_ARGS,
-  RESET_STORY_ARGS,
 } from 'storybook/internal/core-events';
+import type { Args, DocsContextProps, PreparedStory } from 'storybook/internal/types';
 
 export const useArgs = (
   story: PreparedStory,
diff --git a/code/lib/blocks/src/blocks/useGlobals.ts b/code/lib/blocks/src/blocks/useGlobals.ts
index d1b03f95ae96..4925cb3b0553 100644
--- a/code/lib/blocks/src/blocks/useGlobals.ts
+++ b/code/lib/blocks/src/blocks/useGlobals.ts
@@ -1,7 +1,9 @@
-import type { Globals } from '@storybook/csf';
-import type { DocsContextProps, PreparedStory } from 'storybook/internal/types';
 import { useEffect, useState } from 'react';
+
 import { GLOBALS_UPDATED } from 'storybook/internal/core-events';
+import type { DocsContextProps, PreparedStory } from 'storybook/internal/types';
+
+import type { Globals } from '@storybook/csf';
 
 export const useGlobals = (story: PreparedStory, context: DocsContextProps): [Globals] => {
   const storyContext = context.getStoryContext(story);
diff --git a/code/lib/blocks/src/blocks/useOf.ts b/code/lib/blocks/src/blocks/useOf.ts
index aa263ebd2ead..99d8120039ba 100644
--- a/code/lib/blocks/src/blocks/useOf.ts
+++ b/code/lib/blocks/src/blocks/useOf.ts
@@ -1,9 +1,11 @@
+import { useContext } from 'react';
+
 import type {
   DocsContextProps,
-  ResolvedModuleExportType,
   ResolvedModuleExportFromType,
+  ResolvedModuleExportType,
 } from 'storybook/internal/types';
-import { useContext } from 'react';
+
 import { DocsContext } from './DocsContext';
 
 export type Of = Parameters<DocsContextProps['resolveOf']>[0];
diff --git a/code/lib/blocks/src/blocks/useStory.ts b/code/lib/blocks/src/blocks/useStory.ts
index d10521ec64c0..736198a2d902 100644
--- a/code/lib/blocks/src/blocks/useStory.ts
+++ b/code/lib/blocks/src/blocks/useStory.ts
@@ -1,5 +1,6 @@
-import { useState, useEffect } from 'react';
-import type { StoryId, Renderer, PreparedStory } from 'storybook/internal/types';
+import { useEffect, useState } from 'react';
+
+import type { PreparedStory, Renderer, StoryId } from 'storybook/internal/types';
 
 import type { DocsContextProps } from './DocsContext';
 
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgControl.tsx b/code/lib/blocks/src/components/ArgsTable/ArgControl.tsx
index 974ef4a64c84..1e76d726d1b1 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgControl.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgControl.tsx
@@ -1,7 +1,8 @@
 import type { FC } from 'react';
-import React, { useCallback, useState, useEffect } from 'react';
+import React, { useCallback, useEffect, useState } from 'react';
 
 import { Link } from 'storybook/internal/components';
+
 import {
   BooleanControl,
   ColorControl,
@@ -13,7 +14,7 @@ import {
   RangeControl,
   TextControl,
 } from '../../controls';
-import type { Args, ArgType } from './types';
+import type { ArgType, Args } from './types';
 
 export interface ArgControlProps {
   row: ArgType;
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgJsDoc.tsx b/code/lib/blocks/src/components/ArgsTable/ArgJsDoc.tsx
index b80aab0a29be..9cc45441e70c 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgJsDoc.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgJsDoc.tsx
@@ -1,8 +1,10 @@
 import type { FC } from 'react';
 import React from 'react';
+
+import { codeCommon } from 'storybook/internal/components';
 import type { CSSObject } from 'storybook/internal/theming';
 import { styled } from 'storybook/internal/theming';
-import { codeCommon } from 'storybook/internal/components';
+
 import type { JsDocTags } from './types';
 
 interface ArgJsDocArgs {
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgRow.stories.tsx b/code/lib/blocks/src/components/ArgsTable/ArgRow.stories.tsx
index 54d929d0a24f..8f8e5d1ad51a 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgRow.stories.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgRow.stories.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import { ResetWrapper } from 'storybook/internal/components';
+
 import { ArgRow } from './ArgRow';
 import { TableWrapper } from './ArgsTable';
 
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgRow.tsx b/code/lib/blocks/src/components/ArgsTable/ArgRow.tsx
index 264a036d06dd..14d74978224b 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgRow.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgRow.tsx
@@ -1,16 +1,18 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
-import Markdown from 'markdown-to-jsx';
-import { transparentize } from 'polished';
+
+import { codeCommon } from 'storybook/internal/components';
 import type { CSSObject } from 'storybook/internal/theming';
 import { styled } from 'storybook/internal/theming';
-import { codeCommon } from 'storybook/internal/components';
-import type { ArgType, Args, TableAnnotation } from './types';
-import { ArgJsDoc } from './ArgJsDoc';
-import { ArgValue } from './ArgValue';
+
+import Markdown from 'markdown-to-jsx';
+import { transparentize } from 'polished';
 
 import type { ArgControlProps } from './ArgControl';
 import { ArgControl } from './ArgControl';
+import { ArgJsDoc } from './ArgJsDoc';
+import { ArgValue } from './ArgValue';
+import type { ArgType, Args, TableAnnotation } from './types';
 
 interface ArgRowProps {
   row: ArgType;
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgValue.tsx b/code/lib/blocks/src/components/ArgsTable/ArgValue.tsx
index 6395ee27fe4c..e64faf848b9b 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgValue.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgValue.tsx
@@ -1,12 +1,16 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
-import memoize from 'memoizerific';
-import uniq from 'lodash/uniq.js';
+
+import { SyntaxHighlighter, WithTooltipPure, codeCommon } from 'storybook/internal/components';
 import { styled } from 'storybook/internal/theming';
-import { WithTooltipPure, SyntaxHighlighter, codeCommon } from 'storybook/internal/components';
-import type { PropSummaryValue } from './types';
+
 import { ChevronSmallDownIcon, ChevronSmallUpIcon } from '@storybook/icons';
 
+import uniq from 'lodash/uniq.js';
+import memoize from 'memoizerific';
+
+import type { PropSummaryValue } from './types';
+
 interface ArgValueProps {
   value?: PropSummaryValue;
   initialExpandedArgs?: boolean;
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgsTable.stories.tsx b/code/lib/blocks/src/components/ArgsTable/ArgsTable.stories.tsx
index 1df5958ee8a7..ab867ff74b5c 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgsTable.stories.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgsTable.stories.tsx
@@ -1,9 +1,13 @@
 import React from 'react';
-import { action } from '@storybook/addon-actions';
+
 import { styled } from 'storybook/internal/theming';
+
 import type { Meta, StoryObj } from '@storybook/react';
-import { ArgsTable, ArgsTableError } from './ArgsTable';
+
+import { action } from '@storybook/addon-actions';
+
 import * as ArgRow from './ArgRow.stories';
+import { ArgsTable, ArgsTableError } from './ArgsTable';
 
 const meta = {
   component: ArgsTable,
diff --git a/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx b/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
index 0bac6d042a30..ce87e2536264 100644
--- a/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
@@ -1,20 +1,22 @@
 import type { FC } from 'react';
 import React from 'react';
-import pickBy from 'lodash/pickBy.js';
-import { styled } from 'storybook/internal/theming';
-import { transparentize } from 'polished';
-import { includeConditionalArg } from '@storybook/csf';
+
 import { once } from 'storybook/internal/client-logger';
-import { IconButton, ResetWrapper, Link } from 'storybook/internal/components';
+import { IconButton, Link, ResetWrapper } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
+import { includeConditionalArg } from '@storybook/csf';
 import { DocumentIcon, UndoIcon } from '@storybook/icons';
-import { ArgRow } from './ArgRow';
-import { SectionRow } from './SectionRow';
-import type { ArgType, ArgTypes, Args, Globals } from './types';
+
+import pickBy from 'lodash/pickBy.js';
+import { transparentize } from 'polished';
 
 import { EmptyBlock } from '..';
-import { Skeleton } from './Skeleton';
+import { ArgRow } from './ArgRow';
 import { Empty } from './Empty';
+import { SectionRow } from './SectionRow';
+import { Skeleton } from './Skeleton';
+import type { ArgType, ArgTypes, Args, Globals } from './types';
 
 export const TableWrapper = styled.table<{
   compact?: boolean;
diff --git a/code/lib/blocks/src/components/ArgsTable/Empty.tsx b/code/lib/blocks/src/components/ArgsTable/Empty.tsx
index def87ebd61e4..a6619cb20e4c 100644
--- a/code/lib/blocks/src/components/ArgsTable/Empty.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/Empty.tsx
@@ -1,7 +1,9 @@
 import type { FC } from 'react';
 import React, { useEffect, useState } from 'react';
+
+import { EmptyTabContent, Link } from 'storybook/internal/components';
 import { styled } from 'storybook/internal/theming';
-import { Link, EmptyTabContent } from 'storybook/internal/components';
+
 import { DocumentIcon, VideoIcon } from '@storybook/icons';
 
 interface EmptyProps {
diff --git a/code/lib/blocks/src/components/ArgsTable/SectionRow.stories.tsx b/code/lib/blocks/src/components/ArgsTable/SectionRow.stories.tsx
index 68b46292d0d5..a4ab61490870 100644
--- a/code/lib/blocks/src/components/ArgsTable/SectionRow.stories.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/SectionRow.stories.tsx
@@ -1,8 +1,10 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
+
 import { ResetWrapper } from 'storybook/internal/components';
-import { SectionRow } from './SectionRow';
+
 import { TableWrapper } from './ArgsTable';
+import { SectionRow } from './SectionRow';
 
 export default {
   component: SectionRow,
diff --git a/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx b/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
index 5597954932fa..ad3abf0f8f32 100644
--- a/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/SectionRow.tsx
@@ -1,9 +1,12 @@
 import type { FC } from 'react';
 import React, { useState } from 'react';
-import { transparentize, lighten } from 'polished';
+
 import { styled } from 'storybook/internal/theming';
+
 import { ChevronDownIcon, ChevronRightIcon } from '@storybook/icons';
 
+import { lighten, transparentize } from 'polished';
+
 type Level = 'section' | 'subsection';
 
 export interface SectionRowProps {
diff --git a/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx b/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx
index f374e8eb2964..2c9769aee288 100644
--- a/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/Skeleton.tsx
@@ -1,7 +1,8 @@
-import { styled } from 'storybook/internal/theming';
 import type { FC } from 'react';
 import React from 'react';
 
+import { styled } from 'storybook/internal/theming';
+
 const Row = styled.div(({ theme }) => ({
   display: 'flex',
   gap: 16,
diff --git a/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.stories.tsx b/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.stories.tsx
index 1f26d86b1de8..e8b97cb78520 100644
--- a/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.stories.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.stories.tsx
@@ -1,5 +1,5 @@
+import { Compact, Normal, Sections } from './ArgsTable.stories';
 import { TabbedArgsTable } from './TabbedArgsTable';
-import { Normal, Compact, Sections } from './ArgsTable.stories';
 
 export default {
   component: TabbedArgsTable,
diff --git a/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.tsx b/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.tsx
index e372cb0b88f8..cfc51c517235 100644
--- a/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.tsx
+++ b/code/lib/blocks/src/components/ArgsTable/TabbedArgsTable.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
+
 import { TabsState } from 'storybook/internal/components';
 
 import type { ArgsTableProps } from './ArgsTable';
diff --git a/code/lib/blocks/src/components/ColorPalette.stories.tsx b/code/lib/blocks/src/components/ColorPalette.stories.tsx
index 7306b096e2b5..39f531feccc7 100644
--- a/code/lib/blocks/src/components/ColorPalette.stories.tsx
+++ b/code/lib/blocks/src/components/ColorPalette.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { ColorItem, ColorPalette } from './ColorPalette';
 
 export default {
diff --git a/code/lib/blocks/src/components/ColorPalette.tsx b/code/lib/blocks/src/components/ColorPalette.tsx
index ee4087f5de73..39dd0ab8dafa 100644
--- a/code/lib/blocks/src/components/ColorPalette.tsx
+++ b/code/lib/blocks/src/components/ColorPalette.tsx
@@ -1,8 +1,10 @@
 import type { FunctionComponent } from 'react';
 import React from 'react';
-import { transparentize } from 'polished';
-import { styled } from 'storybook/internal/theming';
+
 import { ResetWrapper } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
+
+import { transparentize } from 'polished';
 
 import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
 
diff --git a/code/lib/blocks/src/components/DocsPage.stories.tsx b/code/lib/blocks/src/components/DocsPage.stories.tsx
index 335d8271319d..f1b2a091b221 100644
--- a/code/lib/blocks/src/components/DocsPage.stories.tsx
+++ b/code/lib/blocks/src/components/DocsPage.stories.tsx
@@ -1,14 +1,16 @@
 /* eslint-disable jsx-a11y/anchor-is-valid */
 import React from 'react';
+
 import { Global, css } from 'storybook/internal/theming';
-import { Source, ArgsTable } from '.';
-import { Title, Subtitle, DocsPageWrapper } from './DocsPage';
+
+import { ArgsTable, Source } from '.';
 import { Markdown as MarkdownComponent } from '../blocks/Markdown';
-import * as Preview from './Preview.stories';
-import * as argsTable from './ArgsTable/ArgsTable.stories';
-import * as source from './Source.stories';
 import * as markdown from '../blocks/Markdown.stories';
 import { Unstyled } from '../blocks/Unstyled';
+import * as argsTable from './ArgsTable/ArgsTable.stories';
+import { DocsPageWrapper, Subtitle, Title } from './DocsPage';
+import * as Preview from './Preview.stories';
+import * as source from './Source.stories';
 
 export default {
   component: DocsPageWrapper,
diff --git a/code/lib/blocks/src/components/DocsPage.tsx b/code/lib/blocks/src/components/DocsPage.tsx
index 836ddc332ef4..52bdab9713d0 100644
--- a/code/lib/blocks/src/components/DocsPage.tsx
+++ b/code/lib/blocks/src/components/DocsPage.tsx
@@ -1,10 +1,12 @@
 import type { FC } from 'react';
 import React from 'react';
-import { transparentize } from 'polished';
+
 import { withReset } from 'storybook/internal/components';
 import type { CSSObject } from 'storybook/internal/theming';
 import { styled } from 'storybook/internal/theming';
 
+import { transparentize } from 'polished';
+
 /**
  * This selector styles all raw elements inside the DocsPage like this example with a `<div/>`:
  * :where(div:not(.sb-unstyled, .sb-anchor, .sb-unstyled div, .sb-unstyled div))
diff --git a/code/lib/blocks/src/components/EmptyBlock.stories.tsx b/code/lib/blocks/src/components/EmptyBlock.stories.tsx
index 52843ad1a826..f7d07222c0bb 100644
--- a/code/lib/blocks/src/components/EmptyBlock.stories.tsx
+++ b/code/lib/blocks/src/components/EmptyBlock.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { EmptyBlock } from './EmptyBlock';
 
 export default {
diff --git a/code/lib/blocks/src/components/EmptyBlock.tsx b/code/lib/blocks/src/components/EmptyBlock.tsx
index aa553bd1fa12..8562179d8ce3 100644
--- a/code/lib/blocks/src/components/EmptyBlock.tsx
+++ b/code/lib/blocks/src/components/EmptyBlock.tsx
@@ -1,8 +1,10 @@
 import type { FC } from 'react';
 import React from 'react';
-import { transparentize } from 'polished';
-import { styled } from 'storybook/internal/theming';
+
 import { withReset } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
+
+import { transparentize } from 'polished';
 
 const Wrapper = styled.div(withReset, ({ theme }) => ({
   backgroundColor: theme.base === 'light' ? 'rgba(0,0,0,.01)' : 'rgba(255,255,255,.01)',
diff --git a/code/lib/blocks/src/components/IFrame.tsx b/code/lib/blocks/src/components/IFrame.tsx
index d3f3dfc0c749..4fbf6220a1eb 100644
--- a/code/lib/blocks/src/components/IFrame.tsx
+++ b/code/lib/blocks/src/components/IFrame.tsx
@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+
 import { global } from '@storybook/global';
 
 const { window: globalWindow } = global;
diff --git a/code/lib/blocks/src/components/IconGallery.stories.tsx b/code/lib/blocks/src/components/IconGallery.stories.tsx
index 0dc183e79311..b7b086d03173 100644
--- a/code/lib/blocks/src/components/IconGallery.stories.tsx
+++ b/code/lib/blocks/src/components/IconGallery.stories.tsx
@@ -1,7 +1,9 @@
 import React from 'react';
-import { IconItem, IconGallery } from './IconGallery';
+
 import { AddIcon, FaceHappyIcon, HomeIcon, SubtractIcon } from '@storybook/icons';
 
+import { IconGallery, IconItem } from './IconGallery';
+
 export default {
   component: IconGallery,
 };
diff --git a/code/lib/blocks/src/components/IconGallery.tsx b/code/lib/blocks/src/components/IconGallery.tsx
index c85c43a2df68..0d491a37f47e 100644
--- a/code/lib/blocks/src/components/IconGallery.tsx
+++ b/code/lib/blocks/src/components/IconGallery.tsx
@@ -1,7 +1,8 @@
 import type { FunctionComponent } from 'react';
 import React from 'react';
-import { styled } from 'storybook/internal/theming';
+
 import { ResetWrapper } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
 import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
 
diff --git a/code/lib/blocks/src/components/Preview.stories.tsx b/code/lib/blocks/src/components/Preview.stories.tsx
index aeb543a58688..69b3adb29bf6 100644
--- a/code/lib/blocks/src/components/Preview.stories.tsx
+++ b/code/lib/blocks/src/components/Preview.stories.tsx
@@ -1,13 +1,16 @@
 import type { ComponentProps } from 'react';
 import React from 'react';
+
+import { Button, Spaced } from 'storybook/internal/components';
 import { styled } from 'storybook/internal/theming';
-import { global } from '@storybook/global';
-import { Spaced, Button } from 'storybook/internal/components';
 import type { DocsContextProps, ModuleExport } from 'storybook/internal/types';
+
+import { global } from '@storybook/global';
+
+import * as ButtonStories from '../examples/Button.stories';
 import { Preview, PreviewSkeleton } from './Preview';
-import { Story } from './Story';
 import * as sourceStories from './Source.stories';
-import * as ButtonStories from '../examples/Button.stories';
+import { Story } from './Story';
 
 export default {
   component: Preview,
diff --git a/code/lib/blocks/src/components/Preview.tsx b/code/lib/blocks/src/components/Preview.tsx
index 5578c2f90590..686bfcb02aff 100644
--- a/code/lib/blocks/src/components/Preview.tsx
+++ b/code/lib/blocks/src/components/Preview.tsx
@@ -1,19 +1,20 @@
 import type { ClipboardEvent, FC, ReactElement, ReactNode } from 'react';
 import React, { Children, useCallback, useState } from 'react';
-import { darken } from 'polished';
-import { styled } from 'storybook/internal/theming';
 
-import { global } from '@storybook/global';
 import { ActionBar, Zoom } from 'storybook/internal/components';
 import type { ActionItem } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
-import type { SourceProps } from '.';
+import { global } from '@storybook/global';
 
+import { darken } from 'polished';
+
+import type { SourceProps } from '.';
 import { Source } from '.';
 import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
+import { StorySkeleton } from './Story';
 import { Toolbar } from './Toolbar';
 import { ZoomContext } from './ZoomContext';
-import { StorySkeleton } from './Story';
 
 export interface PreviewProps {
   isLoading?: true;
diff --git a/code/lib/blocks/src/components/Source.stories.tsx b/code/lib/blocks/src/components/Source.stories.tsx
index 61758cb64971..d7028b920e05 100644
--- a/code/lib/blocks/src/components/Source.stories.tsx
+++ b/code/lib/blocks/src/components/Source.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Source, SourceError } from './Source';
 
 const meta: Meta<typeof Source> = {
diff --git a/code/lib/blocks/src/components/Source.tsx b/code/lib/blocks/src/components/Source.tsx
index 2131a934481e..9f8db14ae98f 100644
--- a/code/lib/blocks/src/components/Source.tsx
+++ b/code/lib/blocks/src/components/Source.tsx
@@ -1,16 +1,17 @@
 import type { ComponentProps, FunctionComponent } from 'react';
 import React from 'react';
+
+import type { SupportedLanguage, SyntaxHighlighterProps } from 'storybook/internal/components';
+import { SyntaxHighlighter } from 'storybook/internal/components';
 import {
-  styled,
   ThemeProvider,
   convert,
-  themes,
   ignoreSsrWarning,
+  styled,
+  themes,
   useTheme,
 } from 'storybook/internal/theming';
 
-import type { SupportedLanguage, SyntaxHighlighterProps } from 'storybook/internal/components';
-import { SyntaxHighlighter } from 'storybook/internal/components';
 import { EmptyBlock } from './EmptyBlock';
 
 const StyledSyntaxHighlighter: React.FunctionComponent<SyntaxHighlighterProps> = styled(
diff --git a/code/lib/blocks/src/components/Story.stories.tsx b/code/lib/blocks/src/components/Story.stories.tsx
index c77cb20708fa..2fe44a875869 100644
--- a/code/lib/blocks/src/components/Story.stories.tsx
+++ b/code/lib/blocks/src/components/Story.stories.tsx
@@ -1,20 +1,22 @@
 import React from 'react';
-import type { Meta, ReactRenderer, StoryObj } from '@storybook/react';
-import { within } from '@storybook/test';
-import type { PlayFunctionContext } from '@storybook/csf';
-import type { WebRenderer, ModuleExport } from 'storybook/internal/types';
+
+import type { Channel } from 'storybook/internal/channels';
 import {
   RESET_STORY_ARGS,
   STORY_ARGS_UPDATED,
   UPDATE_STORY_ARGS,
 } from 'storybook/internal/core-events';
 import type { PreviewWeb } from 'storybook/internal/preview-api';
-import type { Channel } from 'storybook/internal/channels';
+import type { ModuleExport, WebRenderer } from 'storybook/internal/types';
+
+import type { PlayFunctionContext } from '@storybook/csf';
+import type { Meta, ReactRenderer, StoryObj } from '@storybook/react';
+import { within } from '@storybook/test';
 
-import type { StoryProps } from './Story';
-import { Story as StoryComponent, StorySkeleton } from './Story';
 import type { DocsContextProps } from '../blocks';
 import * as ButtonStories from '../examples/Button.stories';
+import type { StoryProps } from './Story';
+import { Story as StoryComponent, StorySkeleton } from './Story';
 
 // eslint-disable-next-line no-underscore-dangle
 const preview = (window as any).__STORYBOOK_PREVIEW__ as PreviewWeb<ReactRenderer>;
diff --git a/code/lib/blocks/src/components/Story.tsx b/code/lib/blocks/src/components/Story.tsx
index fb14bde93d34..a42ff8d5a0e6 100644
--- a/code/lib/blocks/src/components/Story.tsx
+++ b/code/lib/blocks/src/components/Story.tsx
@@ -1,12 +1,15 @@
 /* eslint-disable react/destructuring-assignment */
-import { global } from '@storybook/global';
 import type { FunctionComponent } from 'react';
-import React, { useRef, useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+
+import { ErrorFormatter, Loader, getStoryHref } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 import type { DocsContextProps, PreparedStory } from 'storybook/internal/types';
-import { Loader, getStoryHref, ErrorFormatter } from 'storybook/internal/components';
+
+import { global } from '@storybook/global';
+
 import { IFrame } from './IFrame';
 import { ZoomContext } from './ZoomContext';
-import { styled } from 'storybook/internal/theming';
 
 const { PREVIEW_URL } = global;
 const BASE_URL = PREVIEW_URL || 'iframe.html';
diff --git a/code/lib/blocks/src/components/TableOfContents.tsx b/code/lib/blocks/src/components/TableOfContents.tsx
index ee7b16ba96d1..d6f9e06db2e5 100644
--- a/code/lib/blocks/src/components/TableOfContents.tsx
+++ b/code/lib/blocks/src/components/TableOfContents.tsx
@@ -1,6 +1,8 @@
 import React, { useEffect } from 'react';
 import type { FC, ReactElement } from 'react';
+
 import { styled } from 'storybook/internal/theming';
+
 import * as tocbot from 'tocbot';
 
 export interface TocParameters {
diff --git a/code/lib/blocks/src/components/Title.tsx b/code/lib/blocks/src/components/Title.tsx
index 8083a653f671..96ce9609de06 100644
--- a/code/lib/blocks/src/components/Title.tsx
+++ b/code/lib/blocks/src/components/Title.tsx
@@ -1,5 +1,5 @@
-import { styled } from 'storybook/internal/theming';
 import { withReset } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
 const breakpoint = 600;
 
diff --git a/code/lib/blocks/src/components/Toolbar.tsx b/code/lib/blocks/src/components/Toolbar.tsx
index c656c42332b8..c3c6c4f4d01b 100644
--- a/code/lib/blocks/src/components/Toolbar.tsx
+++ b/code/lib/blocks/src/components/Toolbar.tsx
@@ -1,7 +1,9 @@
 import type { FC, MouseEvent } from 'react';
 import React from 'react';
-import { styled } from 'storybook/internal/theming';
+
 import { FlexBar, IconButton } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
+
 import { ZoomIcon, ZoomOutIcon, ZoomResetIcon } from '@storybook/icons';
 
 interface ZoomProps {
diff --git a/code/lib/blocks/src/components/Typeset.stories.tsx b/code/lib/blocks/src/components/Typeset.stories.tsx
index eb2097055075..c03dbdc94ca0 100644
--- a/code/lib/blocks/src/components/Typeset.stories.tsx
+++ b/code/lib/blocks/src/components/Typeset.stories.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { Typeset } from './Typeset';
 
 export default {
diff --git a/code/lib/blocks/src/components/Typeset.tsx b/code/lib/blocks/src/components/Typeset.tsx
index f6345aef1ef4..47f6ed2c0d02 100644
--- a/code/lib/blocks/src/components/Typeset.tsx
+++ b/code/lib/blocks/src/components/Typeset.tsx
@@ -1,8 +1,11 @@
 import type { FC } from 'react';
 import React from 'react';
-import { transparentize } from 'polished';
-import { styled } from 'storybook/internal/theming';
+
 import { withReset } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
+
+import { transparentize } from 'polished';
+
 import { getBlockBackgroundStyle } from './BlockBackgroundStyles';
 
 const Label = styled.div(({ theme }) => ({
diff --git a/code/lib/blocks/src/controls/Boolean.stories.tsx b/code/lib/blocks/src/controls/Boolean.stories.tsx
index a09dc269e3ab..f8b5e96c94a7 100644
--- a/code/lib/blocks/src/controls/Boolean.stories.tsx
+++ b/code/lib/blocks/src/controls/Boolean.stories.tsx
@@ -1,7 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { within, fireEvent, waitFor, expect, fn } from '@storybook/test';
-import { addons } from 'storybook/internal/preview-api';
 import { RESET_STORY_ARGS, STORY_ARGS_UPDATED } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/preview-api';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, fireEvent, fn, waitFor, within } from '@storybook/test';
+
 import { BooleanControl } from './Boolean';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Boolean.tsx b/code/lib/blocks/src/controls/Boolean.tsx
index a4d5497b9e93..52e4d6945373 100644
--- a/code/lib/blocks/src/controls/Boolean.tsx
+++ b/code/lib/blocks/src/controls/Boolean.tsx
@@ -1,13 +1,13 @@
 import type { FC } from 'react';
 import React, { useCallback } from 'react';
 
-import { opacify, transparentize } from 'polished';
+import { Button } from 'storybook/internal/components';
 import { styled } from 'storybook/internal/theming';
 
-import { Button } from 'storybook/internal/components';
-import { getControlId, getControlSetterButtonId } from './helpers';
+import { opacify, transparentize } from 'polished';
 
-import type { ControlProps, BooleanValue, BooleanConfig } from './types';
+import { getControlId, getControlSetterButtonId } from './helpers';
+import type { BooleanConfig, BooleanValue, ControlProps } from './types';
 
 const Label = styled.label(({ theme }) => ({
   lineHeight: '18px',
diff --git a/code/lib/blocks/src/controls/Color.stories.tsx b/code/lib/blocks/src/controls/Color.stories.tsx
index aebd2854b2b6..f12a0f05f80b 100644
--- a/code/lib/blocks/src/controls/Color.stories.tsx
+++ b/code/lib/blocks/src/controls/Color.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { ColorControl } from './Color';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Color.tsx b/code/lib/blocks/src/controls/Color.tsx
index 68eb8d3678b5..81a976906e23 100644
--- a/code/lib/blocks/src/controls/Color.tsx
+++ b/code/lib/blocks/src/controls/Color.tsx
@@ -1,14 +1,17 @@
-import type { FC, ChangeEvent, FocusEvent } from 'react';
+import type { ChangeEvent, FC, FocusEvent } from 'react';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import { HexColorPicker, HslaStringColorPicker, RgbaStringColorPicker } from 'react-colorful';
+
+import { Form, TooltipNote, WithTooltip } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
+
+import { MarkupIcon } from '@storybook/icons';
+
 import convert from 'color-convert';
 import debounce from 'lodash/debounce.js';
-import { styled } from 'storybook/internal/theming';
-import { TooltipNote, WithTooltip, Form } from 'storybook/internal/components';
+import { HexColorPicker, HslaStringColorPicker, RgbaStringColorPicker } from 'react-colorful';
 
-import type { ControlProps, ColorValue, ColorConfig, PresetColor } from './types';
 import { getControlId } from './helpers';
-import { MarkupIcon } from '@storybook/icons';
+import type { ColorConfig, ColorValue, ControlProps, PresetColor } from './types';
 
 const Wrapper = styled.div({
   position: 'relative',
diff --git a/code/lib/blocks/src/controls/Date.stories.tsx b/code/lib/blocks/src/controls/Date.stories.tsx
index 6970b952ca9d..c2fcb33e39bb 100644
--- a/code/lib/blocks/src/controls/Date.stories.tsx
+++ b/code/lib/blocks/src/controls/Date.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { DateControl } from './Date';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Date.test.ts b/code/lib/blocks/src/controls/Date.test.ts
index 32a61ebf8ea9..fecba97848d3 100644
--- a/code/lib/blocks/src/controls/Date.test.ts
+++ b/code/lib/blocks/src/controls/Date.test.ts
@@ -1,7 +1,7 @@
 // @vitest-environment happy-dom
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
-import { parseDate, parseTime, formatDate, formatTime } from './Date';
+import { formatDate, formatTime, parseDate, parseTime } from './Date';
 
 describe('Date control', () => {
   it.each([
diff --git a/code/lib/blocks/src/controls/Date.tsx b/code/lib/blocks/src/controls/Date.tsx
index 6949f2dae262..db1dd6291e5b 100644
--- a/code/lib/blocks/src/controls/Date.tsx
+++ b/code/lib/blocks/src/controls/Date.tsx
@@ -1,10 +1,11 @@
-import type { FC, ChangeEvent, RefObject } from 'react';
-import React, { useState, useRef, useEffect } from 'react';
-import { styled } from 'storybook/internal/theming';
+import type { ChangeEvent, FC, RefObject } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
+
 import { Form } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
-import type { ControlProps, DateValue, DateConfig } from './types';
 import { getControlId } from './helpers';
+import type { ControlProps, DateConfig, DateValue } from './types';
 
 export const parseDate = (value: string) => {
   const [year, month, day] = value.split('-');
diff --git a/code/lib/blocks/src/controls/Files.stories.tsx b/code/lib/blocks/src/controls/Files.stories.tsx
index 2c57c86c245a..640f954260c1 100644
--- a/code/lib/blocks/src/controls/Files.stories.tsx
+++ b/code/lib/blocks/src/controls/Files.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { FilesControl } from './Files';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Files.tsx b/code/lib/blocks/src/controls/Files.tsx
index 2517e3c4ff48..57fbfa5dcd99 100644
--- a/code/lib/blocks/src/controls/Files.tsx
+++ b/code/lib/blocks/src/controls/Files.tsx
@@ -1,10 +1,11 @@
 import React, { useEffect, useRef } from 'react';
 import type { ChangeEvent, FC } from 'react';
-import { styled } from 'storybook/internal/theming';
+
 import { Form } from 'storybook/internal/components';
+import { styled } from 'storybook/internal/theming';
 
-import type { ControlProps } from './types';
 import { getControlId } from './helpers';
+import type { ControlProps } from './types';
 
 export interface FilesControlProps extends ControlProps<string[]> {
   /**
diff --git a/code/lib/blocks/src/controls/Number.stories.tsx b/code/lib/blocks/src/controls/Number.stories.tsx
index a82f3079b4ed..80bde03aeeff 100644
--- a/code/lib/blocks/src/controls/Number.stories.tsx
+++ b/code/lib/blocks/src/controls/Number.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { NumberControl } from './Number';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Number.tsx b/code/lib/blocks/src/controls/Number.tsx
index 9d75a80e8282..8e002879a66c 100644
--- a/code/lib/blocks/src/controls/Number.tsx
+++ b/code/lib/blocks/src/controls/Number.tsx
@@ -1,10 +1,11 @@
-import type { FC, ChangeEvent } from 'react';
-import React, { useState, useCallback, useEffect, useRef } from 'react';
-import { styled } from 'storybook/internal/theming';
+import type { ChangeEvent, FC } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+
 import { Button, Form } from 'storybook/internal/components';
-import { getControlId, getControlSetterButtonId } from './helpers';
+import { styled } from 'storybook/internal/theming';
 
-import type { ControlProps, NumberValue, NumberConfig } from './types';
+import { getControlId, getControlSetterButtonId } from './helpers';
+import type { ControlProps, NumberConfig, NumberValue } from './types';
 
 const Wrapper = styled.label({
   display: 'flex',
diff --git a/code/lib/blocks/src/controls/Object.stories.tsx b/code/lib/blocks/src/controls/Object.stories.tsx
index 2c54fc366a1f..b96895825d7f 100644
--- a/code/lib/blocks/src/controls/Object.stories.tsx
+++ b/code/lib/blocks/src/controls/Object.stories.tsx
@@ -1,7 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { ObjectControl } from './Object';
 import { fn } from '@storybook/test';
 
+import { ObjectControl } from './Object';
+
 const meta = {
   component: ObjectControl,
   tags: ['autodocs'],
diff --git a/code/lib/blocks/src/controls/Object.tsx b/code/lib/blocks/src/controls/Object.tsx
index 1a1cc0a33c9a..50b5b9891d5e 100644
--- a/code/lib/blocks/src/controls/Object.tsx
+++ b/code/lib/blocks/src/controls/Object.tsx
@@ -1,13 +1,17 @@
+import type { ComponentProps, FC, FocusEvent, SyntheticEvent } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+
+import { Button, Form, IconButton } from 'storybook/internal/components';
+import { type Theme, styled, useTheme } from 'storybook/internal/theming';
+
 import { global } from '@storybook/global';
-import cloneDeep from 'lodash/cloneDeep.js';
-import type { ComponentProps, SyntheticEvent, FC, FocusEvent } from 'react';
-import React, { useCallback, useMemo, useState, useEffect, useRef } from 'react';
-import { styled, useTheme, type Theme } from 'storybook/internal/theming';
-import { Form, IconButton, Button } from 'storybook/internal/components';
 import { AddIcon, EyeCloseIcon, EyeIcon, SubtractIcon } from '@storybook/icons';
-import { JsonTree } from './react-editable-json-tree';
+
+import cloneDeep from 'lodash/cloneDeep.js';
+
 import { getControlId, getControlSetterButtonId } from './helpers';
-import type { ControlProps, ObjectValue, ObjectConfig } from './types';
+import { JsonTree } from './react-editable-json-tree';
+import type { ControlProps, ObjectConfig, ObjectValue } from './types';
 
 const { window: globalWindow } = global;
 
diff --git a/code/lib/blocks/src/controls/Range.stories.tsx b/code/lib/blocks/src/controls/Range.stories.tsx
index 1fd8adc85624..cd8ca20c5220 100644
--- a/code/lib/blocks/src/controls/Range.stories.tsx
+++ b/code/lib/blocks/src/controls/Range.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { RangeControl } from './Range';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Range.tsx b/code/lib/blocks/src/controls/Range.tsx
index 6db22a7710cd..753de1600490 100644
--- a/code/lib/blocks/src/controls/Range.tsx
+++ b/code/lib/blocks/src/controls/Range.tsx
@@ -1,13 +1,13 @@
-import type { FC, ChangeEvent } from 'react';
+import type { ChangeEvent, FC } from 'react';
 import React, { useMemo } from 'react';
 
 import { styled } from 'storybook/internal/theming';
-import { lighten, darken, rgba } from 'polished';
-import { getControlId } from './helpers';
 
-import type { ControlProps, NumberValue, RangeConfig } from './types';
+import { darken, lighten, rgba } from 'polished';
 
 import { parse } from './Number';
+import { getControlId } from './helpers';
+import type { ControlProps, NumberValue, RangeConfig } from './types';
 
 type RangeProps = ControlProps<NumberValue | null> & RangeConfig;
 
diff --git a/code/lib/blocks/src/controls/Text.stories.tsx b/code/lib/blocks/src/controls/Text.stories.tsx
index 603ca990cbe0..71dee59dc19a 100644
--- a/code/lib/blocks/src/controls/Text.stories.tsx
+++ b/code/lib/blocks/src/controls/Text.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { TextControl } from './Text';
 
 const meta = {
diff --git a/code/lib/blocks/src/controls/Text.tsx b/code/lib/blocks/src/controls/Text.tsx
index 0005651c9360..db4fbbab7881 100644
--- a/code/lib/blocks/src/controls/Text.tsx
+++ b/code/lib/blocks/src/controls/Text.tsx
@@ -1,10 +1,11 @@
-import type { FC, ChangeEvent } from 'react';
+import type { ChangeEvent, FC } from 'react';
 import React, { useCallback, useState } from 'react';
-import { styled } from 'storybook/internal/theming';
+
 import { Button, Form } from 'storybook/internal/components';
-import { getControlId, getControlSetterButtonId } from './helpers';
+import { styled } from 'storybook/internal/theming';
 
-import type { ControlProps, TextValue, TextConfig } from './types';
+import { getControlId, getControlSetterButtonId } from './helpers';
+import type { ControlProps, TextConfig, TextValue } from './types';
 
 export type TextProps = ControlProps<TextValue | undefined> & TextConfig;
 
diff --git a/code/lib/blocks/src/controls/helpers.test.ts b/code/lib/blocks/src/controls/helpers.test.ts
index 21b3d7c95c8d..aa560a1f3c49 100644
--- a/code/lib/blocks/src/controls/helpers.test.ts
+++ b/code/lib/blocks/src/controls/helpers.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { getControlId, getControlSetterButtonId } from './helpers';
 
 describe('getControlId', () => {
diff --git a/code/lib/blocks/src/controls/index.tsx b/code/lib/blocks/src/controls/index.tsx
index 16c4e9d2c1c6..95278adc8955 100644
--- a/code/lib/blocks/src/controls/index.tsx
+++ b/code/lib/blocks/src/controls/index.tsx
@@ -1,5 +1,6 @@
 import type { ComponentProps } from 'react';
-import React, { lazy, Suspense } from 'react';
+import React, { Suspense, lazy } from 'react';
+
 import type { ColorControlProps } from './Color';
 
 export * from './types';
diff --git a/code/lib/blocks/src/controls/options/CheckOptions.stories.tsx b/code/lib/blocks/src/controls/options/CheckOptions.stories.tsx
index 88a21760fd93..8e98d88c080f 100644
--- a/code/lib/blocks/src/controls/options/CheckOptions.stories.tsx
+++ b/code/lib/blocks/src/controls/options/CheckOptions.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { OptionsControl } from './Options';
 
 const arrayOptions = ['Bat', 'Cat', 'Rat'];
diff --git a/code/lib/blocks/src/controls/options/Checkbox.tsx b/code/lib/blocks/src/controls/options/Checkbox.tsx
index 00b672a5257c..f6b318d8019c 100644
--- a/code/lib/blocks/src/controls/options/Checkbox.tsx
+++ b/code/lib/blocks/src/controls/options/Checkbox.tsx
@@ -1,12 +1,12 @@
-import type { FC, ChangeEvent } from 'react';
-import React, { useState, useEffect } from 'react';
-import { styled } from 'storybook/internal/theming';
-import { logger } from 'storybook/internal/client-logger';
+import type { ChangeEvent, FC } from 'react';
+import React, { useEffect, useState } from 'react';
 
-import type { ControlProps, OptionsMultiSelection, NormalizedOptionsConfig } from '../types';
+import { logger } from 'storybook/internal/client-logger';
+import { styled } from 'storybook/internal/theming';
 
-import { selectedKeys, selectedValues } from './helpers';
 import { getControlId } from '../helpers';
+import type { ControlProps, NormalizedOptionsConfig, OptionsMultiSelection } from '../types';
+import { selectedKeys, selectedValues } from './helpers';
 
 const Wrapper = styled.div<{ isInline: boolean }>(
   ({ isInline }) =>
diff --git a/code/lib/blocks/src/controls/options/Options.tsx b/code/lib/blocks/src/controls/options/Options.tsx
index 859df4f678fc..ff9193a0eecf 100644
--- a/code/lib/blocks/src/controls/options/Options.tsx
+++ b/code/lib/blocks/src/controls/options/Options.tsx
@@ -1,14 +1,11 @@
 import type { FC } from 'react';
 import React from 'react';
 
+import type { ControlProps, Options, OptionsConfig, OptionsSelection } from '../types';
 import { CheckboxControl } from './Checkbox';
-
 import { RadioControl } from './Radio';
-
 import { SelectControl } from './Select';
 
-import type { ControlProps, OptionsSelection, OptionsConfig, Options } from '../types';
-
 /**
  * Options can accept `options` in two formats:
  * - array: ['a', 'b', 'c'] OR
diff --git a/code/lib/blocks/src/controls/options/Radio.tsx b/code/lib/blocks/src/controls/options/Radio.tsx
index 7c874bb285eb..9dd7ff43c0f0 100644
--- a/code/lib/blocks/src/controls/options/Radio.tsx
+++ b/code/lib/blocks/src/controls/options/Radio.tsx
@@ -1,12 +1,12 @@
 import type { FC } from 'react';
 import React from 'react';
-import { styled } from 'storybook/internal/theming';
-import { logger } from 'storybook/internal/client-logger';
 
-import type { ControlProps, OptionsSingleSelection, NormalizedOptionsConfig } from '../types';
+import { logger } from 'storybook/internal/client-logger';
+import { styled } from 'storybook/internal/theming';
 
-import { selectedKey } from './helpers';
 import { getControlId } from '../helpers';
+import type { ControlProps, NormalizedOptionsConfig, OptionsSingleSelection } from '../types';
+import { selectedKey } from './helpers';
 
 const Wrapper = styled.div<{ isInline: boolean }>(
   ({ isInline }) =>
diff --git a/code/lib/blocks/src/controls/options/RadioOptions.stories.tsx b/code/lib/blocks/src/controls/options/RadioOptions.stories.tsx
index 26a46a16450b..e96f52b781cf 100644
--- a/code/lib/blocks/src/controls/options/RadioOptions.stories.tsx
+++ b/code/lib/blocks/src/controls/options/RadioOptions.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { OptionsControl } from './Options';
 
 const arrayOptions = ['Bat', 'Cat', 'Rat'];
diff --git a/code/lib/blocks/src/controls/options/Select.tsx b/code/lib/blocks/src/controls/options/Select.tsx
index a826f9a7eb98..e27d6783d40d 100644
--- a/code/lib/blocks/src/controls/options/Select.tsx
+++ b/code/lib/blocks/src/controls/options/Select.tsx
@@ -1,14 +1,15 @@
-import type { FC, ChangeEvent } from 'react';
+import type { ChangeEvent, FC } from 'react';
 import React from 'react';
+
+import { logger } from 'storybook/internal/client-logger';
 import { styled } from 'storybook/internal/theming';
 import type { CSSObject } from 'storybook/internal/theming';
-import { logger } from 'storybook/internal/client-logger';
 
-import type { ControlProps, OptionsSelection, NormalizedOptionsConfig } from '../types';
+import { ChevronSmallDownIcon } from '@storybook/icons';
 
-import { selectedKey, selectedKeys, selectedValues } from './helpers';
 import { getControlId } from '../helpers';
-import { ChevronSmallDownIcon } from '@storybook/icons';
+import type { ControlProps, NormalizedOptionsConfig, OptionsSelection } from '../types';
+import { selectedKey, selectedKeys, selectedValues } from './helpers';
 
 const styleResets: CSSObject = {
   // resets
diff --git a/code/lib/blocks/src/controls/options/SelectOptions.stories.tsx b/code/lib/blocks/src/controls/options/SelectOptions.stories.tsx
index 6d52b80f625e..81efc451c7f5 100644
--- a/code/lib/blocks/src/controls/options/SelectOptions.stories.tsx
+++ b/code/lib/blocks/src/controls/options/SelectOptions.stories.tsx
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { OptionsControl } from './Options';
 
 const arrayOptions = ['Bat', 'Cat', 'Rat'];
diff --git a/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx b/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx
index 517a4d0fd6f4..a45045f3470b 100644
--- a/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx
+++ b/code/lib/blocks/src/controls/react-editable-json-tree/JsonNodes.tsx
@@ -1,13 +1,12 @@
 /* eslint-disable react/no-direct-mutation-state */
 
 /* eslint-disable react/sort-comp */
-
 import type { ReactElement } from 'react';
-import React, { cloneElement, Component } from 'react';
-import * as inputUsageTypes from './types/inputUsageTypes';
+import React, { Component, cloneElement } from 'react';
 
 import * as dataTypes from './types/dataTypes';
 import * as deltaTypes from './types/deltaTypes';
+import * as inputUsageTypes from './types/inputUsageTypes';
 import { getObjectType, isComponentWillChange } from './utils/objectTypes';
 
 interface JsonAddValueState {
diff --git a/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx b/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx
index 5383bfefb358..fbb5cab89743 100644
--- a/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx
+++ b/code/lib/blocks/src/controls/react-editable-json-tree/index.tsx
@@ -2,12 +2,12 @@ import type { ReactElement } from 'react';
 import React, { Component } from 'react';
 
 import { JsonNode } from './JsonNodes';
-import { value, object, array } from './utils/styles';
-import { ADD_DELTA_TYPE, REMOVE_DELTA_TYPE, UPDATE_DELTA_TYPE } from './types/deltaTypes';
-import { getObjectType } from './utils/objectTypes';
 import * as DATA_TYPES from './types/dataTypes';
+import { ADD_DELTA_TYPE, REMOVE_DELTA_TYPE, UPDATE_DELTA_TYPE } from './types/deltaTypes';
 import * as INPUT_USAGE_TYPES from './types/inputUsageTypes';
+import { getObjectType } from './utils/objectTypes';
 import { parse } from './utils/parse';
+import { array, object, value } from './utils/styles';
 
 interface JsonTreeState {
   data: JsonTreeProps['data'];
diff --git a/code/lib/blocks/src/examples/ArgTypesParameters.stories.tsx b/code/lib/blocks/src/examples/ArgTypesParameters.stories.tsx
index e79c0c1bf0e3..544469a79c1b 100644
--- a/code/lib/blocks/src/examples/ArgTypesParameters.stories.tsx
+++ b/code/lib/blocks/src/examples/ArgTypesParameters.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { ArgTypesParameters } from './ArgTypesParameters';
 
 /**
diff --git a/code/lib/blocks/src/examples/ArgTypesWithSubcomponentsParameters.stories.tsx b/code/lib/blocks/src/examples/ArgTypesWithSubcomponentsParameters.stories.tsx
index 79b6c14f882b..94990dfb9704 100644
--- a/code/lib/blocks/src/examples/ArgTypesWithSubcomponentsParameters.stories.tsx
+++ b/code/lib/blocks/src/examples/ArgTypesWithSubcomponentsParameters.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { ArgTypesParameters, SubcomponentA, SubcomponentB } from './ArgTypesParameters';
 
 /**
diff --git a/code/lib/blocks/src/examples/Button.stories.tsx b/code/lib/blocks/src/examples/Button.stories.tsx
index 71678472a9e7..a9504296e953 100644
--- a/code/lib/blocks/src/examples/Button.stories.tsx
+++ b/code/lib/blocks/src/examples/Button.stories.tsx
@@ -1,7 +1,9 @@
 /* eslint-disable local-rules/no-uncategorized-errors */
-import type { Meta, StoryObj } from '@storybook/react';
-import { within, fireEvent, expect } from '@storybook/test';
 import React from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { expect, fireEvent, within } from '@storybook/test';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/Button.tsx b/code/lib/blocks/src/examples/Button.tsx
index 914854ce0a10..61c2d9042a44 100644
--- a/code/lib/blocks/src/examples/Button.tsx
+++ b/code/lib/blocks/src/examples/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { styled } from 'storybook/internal/theming';
 
 interface ButtonProps {
diff --git a/code/lib/blocks/src/examples/ButtonNoAutodocs.stories.tsx b/code/lib/blocks/src/examples/ButtonNoAutodocs.stories.tsx
index c934e70753f2..727ba4598ba2 100644
--- a/code/lib/blocks/src/examples/ButtonNoAutodocs.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonNoAutodocs.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ButtonReadonly.stories.tsx b/code/lib/blocks/src/examples/ButtonReadonly.stories.tsx
index 4f55b32d69f9..442f945490b2 100644
--- a/code/lib/blocks/src/examples/ButtonReadonly.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonReadonly.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ButtonSomeAutodocs.stories.tsx b/code/lib/blocks/src/examples/ButtonSomeAutodocs.stories.tsx
index dd5f7d227f49..fbc06945b979 100644
--- a/code/lib/blocks/src/examples/ButtonSomeAutodocs.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonSomeAutodocs.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsBoth.stories.tsx b/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsBoth.stories.tsx
index 38c70ac80a86..f1d406d6f54b 100644
--- a/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsBoth.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsBoth.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 /**
diff --git a/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsComment.stories.tsx b/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsComment.stories.tsx
index 3060eb59cbfc..95464610b4aa 100644
--- a/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsComment.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsComment.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 /**
diff --git a/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsParameter.stories.tsx b/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsParameter.stories.tsx
index e4de6047b668..fff71f67e626 100644
--- a/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsParameter.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonWithMetaDescriptionAsParameter.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsBoth.stories.tsx b/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsBoth.stories.tsx
index 04a6cec92d54..6ee3c6c12930 100644
--- a/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsBoth.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsBoth.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsComponentSubtitle.stories.tsx b/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsComponentSubtitle.stories.tsx
index 11ee4d719169..9a430f39e81f 100644
--- a/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsComponentSubtitle.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsComponentSubtitle.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsDocsSubtitle.stories.tsx b/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsDocsSubtitle.stories.tsx
index a36e8ce3bbcb..0ec5ff64c6fe 100644
--- a/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsDocsSubtitle.stories.tsx
+++ b/code/lib/blocks/src/examples/ButtonWithMetaSubtitleAsDocsSubtitle.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { Button } from './Button';
 
 const meta = {
diff --git a/code/lib/blocks/src/examples/ControlsParameters.stories.tsx b/code/lib/blocks/src/examples/ControlsParameters.stories.tsx
index 402e49c601f3..dad4fe88756e 100644
--- a/code/lib/blocks/src/examples/ControlsParameters.stories.tsx
+++ b/code/lib/blocks/src/examples/ControlsParameters.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { ControlsParameters } from './ControlsParameters';
 
 /**
diff --git a/code/lib/blocks/src/examples/ControlsWithSubcomponentsParameters.stories.tsx b/code/lib/blocks/src/examples/ControlsWithSubcomponentsParameters.stories.tsx
index 65d350564c1a..32e03a8df6d3 100644
--- a/code/lib/blocks/src/examples/ControlsWithSubcomponentsParameters.stories.tsx
+++ b/code/lib/blocks/src/examples/ControlsWithSubcomponentsParameters.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { ControlsParameters, SubcomponentA, SubcomponentB } from './ControlsParameters';
 
 /**
diff --git a/code/lib/blocks/src/examples/EmptyArgTypes.stories.tsx b/code/lib/blocks/src/examples/EmptyArgTypes.stories.tsx
index b72fb9794acb..03c4f5b18f6e 100644
--- a/code/lib/blocks/src/examples/EmptyArgTypes.stories.tsx
+++ b/code/lib/blocks/src/examples/EmptyArgTypes.stories.tsx
@@ -1,6 +1,8 @@
+import React from 'react';
+
 import type { Meta, StoryObj } from '@storybook/react';
+
 import type { ControlsParameters } from './ControlsParameters';
-import React from 'react';
 
 const meta = {
   title: 'examples/Empty ArgTypes for Control blocks',
diff --git a/code/lib/blocks/src/examples/SourceParameters.stories.tsx b/code/lib/blocks/src/examples/SourceParameters.stories.tsx
index 59a1c2a0fab1..ee40704a051e 100644
--- a/code/lib/blocks/src/examples/SourceParameters.stories.tsx
+++ b/code/lib/blocks/src/examples/SourceParameters.stories.tsx
@@ -1,9 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import { SourceType } from 'storybook/internal/docs-tools';
-
 import type { StoryContext } from 'storybook/internal/types';
 
+import type { Meta, StoryObj } from '@storybook/react';
+
 import { dedent } from 'ts-dedent';
+
 import { EmptyExample } from './EmptyExample';
 
 const code = `query HeroNameAndFriends($episode: Episode) {
diff --git a/code/lib/blocks/src/examples/StoryParameters.stories.tsx b/code/lib/blocks/src/examples/StoryParameters.stories.tsx
index 62f5c545df9e..79c8dcb7bdca 100644
--- a/code/lib/blocks/src/examples/StoryParameters.stories.tsx
+++ b/code/lib/blocks/src/examples/StoryParameters.stories.tsx
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
+
 import { SimpleSizeTest } from './SimpleSizeTest';
 
 const meta = {
diff --git a/code/lib/blocks/vitest.config.ts b/code/lib/blocks/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/blocks/vitest.config.ts
+++ b/code/lib/blocks/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/cli-sb/vitest.config.ts b/code/lib/cli-sb/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/cli-sb/vitest.config.ts
+++ b/code/lib/cli-sb/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/cli-storybook/package.json b/code/lib/cli-storybook/package.json
index 81454d1c71ec..9e46b26fabd6 100644
--- a/code/lib/cli-storybook/package.json
+++ b/code/lib/cli-storybook/package.json
@@ -36,8 +36,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti  ../../../scripts/prepare/check.ts",
+    "prep": "jiti  ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.24.4",
diff --git a/code/lib/cli-storybook/src/add.test.ts b/code/lib/cli-storybook/src/add.test.ts
index c2436982c521..10e7b90b23ac 100644
--- a/code/lib/cli-storybook/src/add.test.ts
+++ b/code/lib/cli-storybook/src/add.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, test, vi } from 'vitest';
+
 import { add, getVersionSpecifier } from './add';
 
 const MockedConfig = vi.hoisted(() => {
diff --git a/code/lib/cli-storybook/src/add.ts b/code/lib/cli-storybook/src/add.ts
index 11a14d8e0dfb..bc72ed99e786 100644
--- a/code/lib/cli-storybook/src/add.ts
+++ b/code/lib/cli-storybook/src/add.ts
@@ -1,15 +1,18 @@
+import { isAbsolute, join } from 'node:path';
+
 import {
-  getStorybookInfo,
-  serverRequire,
   JsPackageManagerFactory,
-  getCoercedStorybookVersion,
   type PackageManagerName,
+  getCoercedStorybookVersion,
+  getStorybookInfo,
+  serverRequire,
   versions,
 } from 'storybook/internal/common';
 import { readConfig, writeConfig } from 'storybook/internal/csf-tools';
-import { isAbsolute, join } from 'path';
+
 import SemVer from 'semver';
 import { dedent } from 'ts-dedent';
+
 import { postinstallAddon } from './postinstallAddon';
 
 export interface PostinstallOptions {
diff --git a/code/lib/cli-storybook/src/autoblock/block-dependencies-versions.ts b/code/lib/cli-storybook/src/autoblock/block-dependencies-versions.ts
index 45db54bac794..49ebdbb54318 100644
--- a/code/lib/cli-storybook/src/autoblock/block-dependencies-versions.ts
+++ b/code/lib/cli-storybook/src/autoblock/block-dependencies-versions.ts
@@ -1,7 +1,8 @@
-import { createBlocker } from './types';
-import { dedent } from 'ts-dedent';
-import { lt } from 'semver';
 import chalk from 'chalk';
+import { lt } from 'semver';
+import { dedent } from 'ts-dedent';
+
+import { createBlocker } from './types';
 
 const minimalVersionsMap = {
   '@angular/core': '15.0.0',
diff --git a/code/lib/cli-storybook/src/autoblock/block-node-version.ts b/code/lib/cli-storybook/src/autoblock/block-node-version.ts
index 49c9744b08f0..6c4340c38dad 100644
--- a/code/lib/cli-storybook/src/autoblock/block-node-version.ts
+++ b/code/lib/cli-storybook/src/autoblock/block-node-version.ts
@@ -1,7 +1,8 @@
-import { createBlocker } from './types';
-import { dedent } from 'ts-dedent';
-import { lt } from 'semver';
 import chalk from 'chalk';
+import { lt } from 'semver';
+import { dedent } from 'ts-dedent';
+
+import { createBlocker } from './types';
 
 export const blocker = createBlocker({
   id: 'minimumNode16',
diff --git a/code/lib/cli-storybook/src/autoblock/block-storystorev6.ts b/code/lib/cli-storybook/src/autoblock/block-storystorev6.ts
index 261b3dd0e5fd..7904c39ae33f 100644
--- a/code/lib/cli-storybook/src/autoblock/block-storystorev6.ts
+++ b/code/lib/cli-storybook/src/autoblock/block-storystorev6.ts
@@ -1,7 +1,9 @@
-import { createBlocker } from './types';
-import { dedent } from 'ts-dedent';
 import type { StorybookConfigRaw } from 'storybook/internal/types';
+
 import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+
+import { createBlocker } from './types';
 
 export const blocker = createBlocker({
   id: 'storyStoreV7removal',
diff --git a/code/lib/cli-storybook/src/autoblock/index.test.ts b/code/lib/cli-storybook/src/autoblock/index.test.ts
index 8a7361f451ce..b2e67b0e1986 100644
--- a/code/lib/cli-storybook/src/autoblock/index.test.ts
+++ b/code/lib/cli-storybook/src/autoblock/index.test.ts
@@ -1,10 +1,13 @@
 import { expect, test, vi } from 'vitest';
-import { autoblock } from './index';
+
 import { JsPackageManagerFactory } from 'storybook/internal/common';
-import { createBlocker } from './types';
 import { logger as loggerRaw } from 'storybook/internal/node-logger';
+
 import stripAnsi from 'strip-ansi';
 
+import { autoblock } from './index';
+import { createBlocker } from './types';
+
 vi.mock('node:fs/promises', async (importOriginal) => ({
   ...(await importOriginal<any>()),
   writeFile: vi.fn(),
diff --git a/code/lib/cli-storybook/src/autoblock/index.ts b/code/lib/cli-storybook/src/autoblock/index.ts
index adb2232932c4..a09d1b60477f 100644
--- a/code/lib/cli-storybook/src/autoblock/index.ts
+++ b/code/lib/cli-storybook/src/autoblock/index.ts
@@ -1,7 +1,9 @@
-import type { AutoblockOptions, Blocker } from './types';
 import { logger } from 'storybook/internal/node-logger';
-import chalk from 'chalk';
+
 import boxen from 'boxen';
+import chalk from 'chalk';
+
+import type { AutoblockOptions, Blocker } from './types';
 
 const excludesFalse = <T>(x: T | false): x is T => x !== false;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/__test__/main-config-with-wrappers.js b/code/lib/cli-storybook/src/automigrate/fixes/__test__/main-config-with-wrappers.js
index 7e6280732df5..e22c255ac492 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/__test__/main-config-with-wrappers.js
+++ b/code/lib/cli-storybook/src/automigrate/fixes/__test__/main-config-with-wrappers.js
@@ -1,7 +1,6 @@
-import path from 'path';
+import { dirname, join } from 'node:path';
 
-const wrapForPnp = (packageName) =>
-  path.dirname(require.resolve(path.join(packageName, 'package.json')));
+const wrapForPnp = (packageName) => dirname(require.resolve(join(packageName, 'package.json')));
 
 const config = {
   stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.test.ts
index ec54fe573286..63b939840acf 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.test.ts
@@ -1,7 +1,9 @@
-import { addonPostCSS } from './addon-postcss';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { describe, expect, it } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
-import { expect, describe, it } from 'vitest';
+import type { StorybookConfig } from 'storybook/internal/types';
+
+import { addonPostCSS } from './addon-postcss';
 
 const checkAddonPostCSS = async ({
   packageManager,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.ts b/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.ts
index 0b9e9095d336..130ac71d38d2 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/addon-postcss.ts
@@ -1,7 +1,8 @@
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
-import type { Fix } from '../types';
+
 import { getAddonNames } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 interface AddonPostcssRunOptions {
   hasAddonPostcss: boolean;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/addons-api.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/addons-api.test.ts
index 3aebd02efd0f..efb2a8d6a09d 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/addons-api.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/addons-api.test.ts
@@ -1,7 +1,9 @@
-import { addonsAPI } from './addons-api';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { describe, expect, it } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
-import { expect, describe, it } from 'vitest';
+import type { StorybookConfig } from 'storybook/internal/types';
+
+import { addonsAPI } from './addons-api';
 
 const checkAddonsAPI = async ({
   packageManager,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/addons-api.ts b/code/lib/cli-storybook/src/automigrate/fixes/addons-api.ts
index 69d0f3284b03..f014b331c064 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/addons-api.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/addons-api.ts
@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
 
 interface AddonsAPIRunOptions {
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.test.ts
index f48c01bdd5bd..59b5c03c05fc 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.test.ts
@@ -1,8 +1,10 @@
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import * as helpers from 'storybook/internal/cli';
 import type { JsPackageManager } from 'storybook/internal/common';
+import type { StorybookConfig } from 'storybook/internal/types';
+
 import { angularBuildersMultiproject } from './angular-builders-multiproject';
-import * as helpers from 'storybook/internal/cli';
 
 const checkAngularBuilders = async ({
   packageManager,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.ts b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.ts
index e9a728d4ac83..182ab521942b 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders-multiproject.ts
@@ -1,9 +1,11 @@
-import { dedent } from 'ts-dedent';
-import semver from 'semver';
+import { AngularJSON, isNxProject } from 'storybook/internal/cli';
+
 import chalk from 'chalk';
-import type { Fix } from '../types';
-import { isNxProject, AngularJSON } from 'storybook/internal/cli';
+import semver from 'semver';
+import { dedent } from 'ts-dedent';
+
 import { getFrameworkPackageName } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 interface AngularBuildersMultiprojectRunOptions {}
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.test.ts
index a1dc26f8cb3b..185c6cd5b369 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.test.ts
@@ -1,8 +1,10 @@
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfig } from 'storybook/internal/types';
-import { angularBuilders } from './angular-builders';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import * as helpers from 'storybook/internal/cli';
 import type { JsPackageManager } from 'storybook/internal/common';
+import type { StorybookConfig } from 'storybook/internal/types';
+
+import { angularBuilders } from './angular-builders';
 
 const checkAngularBuilders = async ({
   packageManager,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.ts b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.ts
index 583ce3a20457..80eccbc1f046 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/angular-builders.ts
@@ -1,11 +1,13 @@
-import { dedent } from 'ts-dedent';
+import { AngularJSON, isNxProject } from 'storybook/internal/cli';
+import type { JsPackageManager } from 'storybook/internal/common';
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import chalk from 'chalk';
 import prompts from 'prompts';
-import type { Fix } from '../types';
-import { isNxProject, AngularJSON } from 'storybook/internal/cli';
-import type { JsPackageManager } from 'storybook/internal/common';
+import { dedent } from 'ts-dedent';
+
 import { getFrameworkPackageName } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 interface AngularBuildersRunOptions {
   mainConfig: StorybookConfig;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.test.ts
index 144679757e2f..9f5cc2f9b239 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.test.ts
@@ -1,5 +1,7 @@
 import { describe, expect, it } from 'vitest';
+
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import { autodocsTags } from './autodocs-tags';
 
 const check = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.ts b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.ts
index cff6f104ac58..f7791f2751c5 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-tags.ts
@@ -1,7 +1,9 @@
-import { dedent } from 'ts-dedent';
-import chalk from 'chalk';
-import type { DocsOptions } from 'storybook/internal/types';
 import { readConfig, writeConfig } from 'storybook/internal/csf-tools';
+import type { DocsOptions } from 'storybook/internal/types';
+
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+
 import { updateMainConfig } from '../helpers/mainConfigFile';
 import type { Fix } from '../types';
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.test.ts
index 427a12111fb2..a62591bd8815 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.test.ts
@@ -1,5 +1,7 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfigRaw, PackageJson } from 'storybook/internal/types';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { PackageJson, StorybookConfigRaw } from 'storybook/internal/types';
+
 import { makePackageManager } from '../helpers/testing-helpers';
 import { autodocsTrue } from './autodocs-true';
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.ts b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.ts
index e5c2aceda7c2..5589d1d299d8 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/autodocs-true.ts
@@ -1,8 +1,8 @@
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
 
-import type { Fix } from '../types';
 import { updateMainConfig } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.test.ts
index 4c15622d2212..74d88946e0ce 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.test.ts
@@ -1,5 +1,7 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfigRaw, PackageJson } from 'storybook/internal/types';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { PackageJson, StorybookConfigRaw } from 'storybook/internal/types';
+
 import { makePackageManager } from '../helpers/testing-helpers';
 import { builderVite } from './builder-vite';
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.ts b/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.ts
index f6daefed62ec..0f3e7714edee 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/builder-vite.ts
@@ -1,12 +1,12 @@
+import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
+import { writeConfig } from 'storybook/internal/csf-tools';
+import type { PackageJson } from 'storybook/internal/types';
+
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
 
-import { writeConfig } from 'storybook/internal/csf-tools';
-
-import type { Fix } from '../types';
-import type { PackageJson } from 'storybook/internal/types';
 import { updateMainConfig } from '../helpers/mainConfigFile';
-import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
+import type { Fix } from '../types';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/cra5.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/cra5.test.ts
index 5acfb4b59d2b..a619662c4813 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/cra5.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/cra5.test.ts
@@ -1,6 +1,8 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfigRaw } from 'storybook/internal/types';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
+import type { StorybookConfigRaw } from 'storybook/internal/types';
+
 import { cra5 } from './cra5';
 
 const checkCra5 = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/cra5.ts b/code/lib/cli-storybook/src/automigrate/fixes/cra5.ts
index 468fbe90947b..fe8dbea1943e 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/cra5.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/cra5.ts
@@ -1,9 +1,10 @@
 import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
 import semver from 'semver';
+import { dedent } from 'ts-dedent';
+
+import { checkWebpack5Builder } from '../helpers/checkWebpack5Builder';
 import type { Fix } from '../types';
 import { webpack5 } from './webpack5';
-import { checkWebpack5Builder } from '../helpers/checkWebpack5Builder';
 
 interface CRA5RunOptions {
   craVersion: string;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.test.ts
index 28dadb9a9cbf..2120abd7098f 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.test.ts
@@ -1,11 +1,15 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, it, expect, vi } from 'vitest';
-import { dedent } from 'ts-dedent';
-import * as fsExtra from 'fs-extra';
+import * as fs from 'node:fs';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import type { PackageJson } from 'storybook/internal/common';
-import { eslintPlugin } from './eslint-plugin';
+
+import * as fsExtra from 'fs-extra';
+import { dedent } from 'ts-dedent';
+
 import { makePackageManager } from '../helpers/testing-helpers';
-import * as fs from 'node:fs';
+import { eslintPlugin } from './eslint-plugin';
 
 vi.mock('fs-extra', async () => import('../../../../../__mocks__/fs-extra'));
 vi.mock('fs');
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts b/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts
index 4eb2d09cbcc9..d6bab2111738 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/eslint-plugin.ts
@@ -1,13 +1,13 @@
-import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
-
 import {
+  SUPPORTED_ESLINT_EXTENSIONS,
   configureEslintPlugin,
   extractEslintInfo,
   findEslintFile,
-  SUPPORTED_ESLINT_EXTENSIONS,
 } from 'storybook/internal/cli';
 
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
 
 const logger = console;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/index.ts b/code/lib/cli-storybook/src/automigrate/fixes/index.ts
index 531606a6d095..20d701bb16a8 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/index.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/index.ts
@@ -1,36 +1,35 @@
 import type { Fix } from '../types';
-
-import { cra5 } from './cra5';
-import { webpack5 } from './webpack5';
-import { vue3 } from './vue3';
-import { mdxgfm } from './mdx-gfm';
-import { removeLegacyMDX1 } from './remove-legacymdx1';
-import { eslintPlugin } from './eslint-plugin';
-import { builderVite } from './builder-vite';
-import { viteConfigFile } from './vite-config-file';
-import { sbScripts } from './sb-scripts';
-import { sbBinary } from './sb-binary';
-import { newFrameworks } from './new-frameworks';
-import { removedGlobalClientAPIs } from './remove-global-client-apis';
-import { autodocsTrue } from './autodocs-true';
+import { addonPostCSS } from './addon-postcss';
+import { addonsAPI } from './addons-api';
 import { angularBuilders } from './angular-builders';
 import { angularBuildersMultiproject } from './angular-builders-multiproject';
-import { wrapRequire } from './wrap-require';
-import { reactDocgen } from './react-docgen';
+import { autodocsTags } from './autodocs-tags';
+import { autodocsTrue } from './autodocs-true';
+import { builderVite } from './builder-vite';
+import { cra5 } from './cra5';
+import { eslintPlugin } from './eslint-plugin';
+import { initialGlobals } from './initial-globals';
+import { mdx1to3 } from './mdx-1-to-3';
+import { mdxgfm } from './mdx-gfm';
 import { mdxToCSF } from './mdx-to-csf';
+import { missingStorybookDependencies } from './missing-storybook-dependencies';
+import { newFrameworks } from './new-frameworks';
 import { removeReactDependency } from './prompt-remove-react';
-import { storyshotsMigration } from './storyshots-migration';
+import { reactDocgen } from './react-docgen';
 import { removeArgtypesRegex } from './remove-argtypes-regex';
-import { webpack5CompilerSetup } from './webpack5-compiler-setup';
+import { removedGlobalClientAPIs } from './remove-global-client-apis';
 import { removeJestTestingLibrary } from './remove-jest-testing-library';
-import { addonsAPI } from './addons-api';
-import { mdx1to3 } from './mdx-1-to-3';
-import { addonPostCSS } from './addon-postcss';
-import { vta } from './vta';
+import { removeLegacyMDX1 } from './remove-legacymdx1';
+import { sbBinary } from './sb-binary';
+import { sbScripts } from './sb-scripts';
+import { storyshotsMigration } from './storyshots-migration';
 import { upgradeStorybookRelatedDependencies } from './upgrade-storybook-related-dependencies';
-import { autodocsTags } from './autodocs-tags';
-import { initialGlobals } from './initial-globals';
-import { missingStorybookDependencies } from './missing-storybook-dependencies';
+import { viteConfigFile } from './vite-config-file';
+import { vta } from './vta';
+import { vue3 } from './vue3';
+import { webpack5 } from './webpack5';
+import { webpack5CompilerSetup } from './webpack5-compiler-setup';
+import { wrapRequire } from './wrap-require';
 
 export * from '../types';
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.test.ts
index 6bd1204492a0..e74d5ce810da 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.test.ts
@@ -1,12 +1,15 @@
 /* eslint-disable no-underscore-dangle */
-import { vi, expect, it } from 'vitest';
-import path from 'path';
+import { join } from 'node:path';
+
+import { expect, it, vi } from 'vitest';
+
 import * as fsExtra from 'fs-extra';
+
 import { initialGlobals } from './initial-globals';
 
 vi.mock('fs-extra', async () => import('../../../../../__mocks__/fs-extra'));
 
-const previewConfigPath = path.join('.storybook', 'preview.js');
+const previewConfigPath = join('.storybook', 'preview.js');
 const check = async (previewContents: string) => {
   vi.mocked<typeof import('../../../../../__mocks__/fs-extra')>(fsExtra as any).__setMockFiles({
     [previewConfigPath]: previewContents,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.ts b/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.ts
index b629bccaa6b1..9cb7ab4d5fa0 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/initial-globals.ts
@@ -1,9 +1,11 @@
-import { dedent } from 'ts-dedent';
+import type { ConfigFile } from 'storybook/internal/csf-tools';
+import { formatConfig, loadConfig } from 'storybook/internal/csf-tools';
+
+import type { Expression } from '@babel/types';
 import chalk from 'chalk';
 import { readFile, writeFile } from 'fs-extra';
-import type { Expression } from '@babel/types';
-import type { ConfigFile } from 'storybook/internal/csf-tools';
-import { loadConfig, formatConfig } from 'storybook/internal/csf-tools';
+import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
 
 const MIGRATION =
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.test.ts
index 320e4447de7d..6dec4545f710 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.test.ts
@@ -1,7 +1,8 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
 
 import { dedent } from 'ts-dedent';
-import { fixMdxStyleTags, fixMdxComments } from './mdx-1-to-3';
+
+import { fixMdxComments, fixMdxStyleTags } from './mdx-1-to-3';
 
 it('fixMdxStyleTags fixes badly-formatted style blocks', () => {
   expect(
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.ts b/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.ts
index 8b556033a6ac..cc4e3871b076 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/mdx-1-to-3.ts
@@ -1,7 +1,9 @@
+import { basename } from 'node:path';
+
 import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
-import { basename } from 'path';
 import fse from 'fs-extra';
+import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
 
 const MDX1_STYLE_START = /<style>{`/g;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.test.ts
index 5c00a0ce70d2..09db8f399c8e 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.test.ts
@@ -1,5 +1,7 @@
-import { describe, expect, vi, it } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import { mdxgfm } from './mdx-gfm';
 
 vi.mock('globby', () => ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.ts b/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.ts
index d65159dede4c..0a96b8f96de1 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/mdx-gfm.ts
@@ -1,10 +1,13 @@
-import { dedent } from 'ts-dedent';
-import { join } from 'path';
-import slash from 'slash';
+import { join } from 'node:path';
+
+import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
 import { commonGlobOptions } from 'storybook/internal/common';
+
+import slash from 'slash';
+import { dedent } from 'ts-dedent';
+
 import { updateMainConfig } from '../helpers/mainConfigFile';
 import type { Fix } from '../types';
-import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.test.ts
index 03cfa2f941b5..449ee8e90d66 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.test.ts
@@ -1,6 +1,7 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+import type { PackageJson, StorybookConfigRaw } from 'storybook/internal/types';
 
-import type { StorybookConfigRaw, PackageJson } from 'storybook/internal/types';
 import { ansiRegex } from '../helpers/cleanLog';
 import { makePackageManager } from '../helpers/testing-helpers';
 import type { BareMdxStoriesGlobRunOptions } from './mdx-to-csf';
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.ts b/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.ts
index dfffb66f21ef..373ec72f8c35 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/mdx-to-csf.ts
@@ -1,11 +1,14 @@
+import type { StoriesEntry } from 'storybook/internal/types';
+
+import { runCodemod } from '@storybook/codemod';
+
 import chalk from 'chalk';
+import { glob } from 'glob';
+import { prompt } from 'prompts';
 import { dedent } from 'ts-dedent';
-import type { StoriesEntry } from 'storybook/internal/types';
+
 import { updateMainConfig } from '../helpers/mainConfigFile';
 import type { Fix } from '../types';
-import { runCodemod } from '@storybook/codemod';
-import { prompt } from 'prompts';
-import { glob } from 'glob';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.test.ts
index 14b07e905dee..2729cfb1da16 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.test.ts
@@ -1,5 +1,7 @@
-import { describe, expect, vi, it, beforeEach } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import type { JsPackageManager } from '@storybook/core/common';
+
 import stripAnsi from 'strip-ansi';
 
 import { missingStorybookDependencies } from './missing-storybook-dependencies';
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.ts b/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.ts
index 0907339f90d6..d140442b19f8 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/missing-storybook-dependencies.ts
@@ -1,11 +1,14 @@
-import chalk from 'chalk';
 import { readFile } from 'node:fs/promises';
-import { dedent } from 'ts-dedent';
 
-import type { Fix } from '../types';
 import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
+
 import type { InstallationMetadata, JsPackageManager } from '@storybook/core/common';
 
+import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+
+import type { Fix } from '../types';
+
 const logger = console;
 
 type PackageUsage = Record<string, string[]>;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.test.ts
index 50e67cc402e6..7bc5f94e71bb 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.test.ts
@@ -1,9 +1,12 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager } from 'storybook/internal/common';
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import * as findUp from 'find-up';
+
 import * as rendererHelpers from '../helpers/detectRenderer';
 import { newFrameworks } from './new-frameworks';
-import type { JsPackageManager } from 'storybook/internal/common';
 
 vi.mock('find-up');
 vi.mock('../helpers/detectRenderer', async (importOriginal) => ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.ts b/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.ts
index f96ff7bd5e10..122dc970105c 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/new-frameworks.ts
@@ -1,23 +1,24 @@
-import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
-import semver from 'semver';
+import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
 import { frameworkPackages, rendererPackages } from 'storybook/internal/common';
-
 import type { Preset } from 'storybook/internal/types';
+
+import chalk from 'chalk';
+import semver from 'semver';
 import invariant from 'tiny-invariant';
-import type { Fix } from '../types';
-import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
-import {
-  getNextjsAddonOptions,
-  detectBuilderInfo,
-  packagesMap,
-} from '../helpers/new-frameworks-utils';
+import { dedent } from 'ts-dedent';
+
+import { detectRenderer } from '../helpers/detectRenderer';
 import {
   getFrameworkPackageName,
   getRendererPackageNameFromFramework,
   updateMainConfig,
 } from '../helpers/mainConfigFile';
-import { detectRenderer } from '../helpers/detectRenderer';
+import {
+  detectBuilderInfo,
+  getNextjsAddonOptions,
+  packagesMap,
+} from '../helpers/new-frameworks-utils';
+import type { Fix } from '../types';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.test.ts
index bbfbbf7ea4c3..2e6c644bed54 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.test.ts
@@ -1,8 +1,11 @@
-import { vi, describe, it, expect } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager } from 'storybook/internal/common';
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import { glob } from 'glob';
+
 import { removeReactDependency } from './prompt-remove-react';
-import type { JsPackageManager } from 'storybook/internal/common';
 
 const check = async ({
   packageManagerContent,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.ts b/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.ts
index 6ef26c5e7a83..53acfdb2c340 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/prompt-remove-react.ts
@@ -1,4 +1,5 @@
 import { dedent } from 'ts-dedent';
+
 import { getFrameworkPackageName } from '../helpers/mainConfigFile';
 import type { Fix } from '../types';
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.test.ts
index be963b347d98..9fce67922cc0 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import { reactDocgen } from './react-docgen';
 
 const check = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.ts b/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.ts
index 9359a96bacd9..bec42b612a46 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/react-docgen.ts
@@ -1,7 +1,8 @@
+import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
+
 import { getRendererName, updateMainConfig } from '../helpers/mainConfigFile';
 import type { Fix } from '../types';
-import chalk from 'chalk';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/remove-argtypes-regex.ts b/code/lib/cli-storybook/src/automigrate/fixes/remove-argtypes-regex.ts
index fc2e4087e72e..ed39e8e4fc22 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/remove-argtypes-regex.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/remove-argtypes-regex.ts
@@ -1,10 +1,13 @@
-import type { Fix } from '../types';
-import * as fs from 'node:fs/promises';
+import { readFile } from 'node:fs/promises';
+
+import { babelParse } from 'storybook/internal/csf-tools';
+
 import * as babel from '@babel/core';
 import type { BabelFile, NodePath } from '@babel/core';
-import { babelParse } from 'storybook/internal/csf-tools';
-import { dedent } from 'ts-dedent';
 import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+
+import type { Fix } from '../types';
 
 export const removeArgtypesRegex: Fix<{ argTypesRegex: NodePath; previewConfigPath: string }> = {
   id: 'remove-argtypes-regex',
@@ -13,7 +16,7 @@ export const removeArgtypesRegex: Fix<{ argTypesRegex: NodePath; previewConfigPa
   async check({ previewConfigPath }) {
     if (!previewConfigPath) return null;
 
-    const previewFile = await fs.readFile(previewConfigPath, { encoding: 'utf-8' });
+    const previewFile = await readFile(previewConfigPath, { encoding: 'utf-8' });
 
     // @ts-expect-error File is not yet exposed, see https://github.com/babel/babel/issues/11350#issuecomment-644118606
     const file: BabelFile = new babel.File(
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.test.ts
index 20c94de4f2bb..6ae48ad95018 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.test.ts
@@ -1,9 +1,12 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, it, expect, vi } from 'vitest';
+import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
 
-import path from 'path';
-import * as fsExtra from 'fs-extra';
 import type { JsPackageManager } from 'storybook/internal/common';
+
+import * as fsExtra from 'fs-extra';
+
 import { RemovedAPIs, removedGlobalClientAPIs as migration } from './remove-global-client-apis';
 
 vi.mock('fs-extra', async () => import('../../../../../__mocks__/fs-extra'));
@@ -11,7 +14,7 @@ vi.mock('fs-extra', async () => import('../../../../../__mocks__/fs-extra'));
 const check = async ({ contents, previewConfigPath }: any) => {
   if (contents) {
     vi.mocked<typeof import('../../../../../__mocks__/fs-extra')>(fsExtra as any).__setMockFiles({
-      [path.join('.storybook', 'preview.js')]: contents,
+      [join('.storybook', 'preview.js')]: contents,
     });
   }
   const packageManager = {
@@ -36,7 +39,7 @@ describe('removedGlobalClientAPIs fix', () => {
       export const parameters = {};
     `;
     await expect(
-      check({ contents, previewConfigPath: path.join('.storybook', 'preview.js') })
+      check({ contents, previewConfigPath: join('.storybook', 'preview.js') })
     ).resolves.toBeNull();
   });
   it('uses 1 removed API', async () => {
@@ -45,7 +48,7 @@ describe('removedGlobalClientAPIs fix', () => {
       addParameters({});
     `;
     await expect(
-      check({ contents, previewConfigPath: path.join('.storybook', 'preview.js') })
+      check({ contents, previewConfigPath: join('.storybook', 'preview.js') })
     ).resolves.toEqual(
       expect.objectContaining({
         usedAPIs: [RemovedAPIs.addParameters],
@@ -59,7 +62,7 @@ describe('removedGlobalClientAPIs fix', () => {
       addDecorator((storyFn) => storyFn());
     `;
     await expect(
-      check({ contents, previewConfigPath: path.join('.storybook', 'preview.js') })
+      check({ contents, previewConfigPath: join('.storybook', 'preview.js') })
     ).resolves.toEqual(
       expect.objectContaining({
         usedAPIs: expect.arrayContaining([RemovedAPIs.addParameters, RemovedAPIs.addDecorator]),
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.ts b/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.ts
index 975052fbb247..232ac4fea188 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/remove-global-client-apis.ts
@@ -1,6 +1,7 @@
 import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
 import { readFile } from 'fs-extra';
+import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
 
 export enum RemovedAPIs {
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.test.ts
index 7f95a5f05494..80e5e4989bad 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.test.ts
@@ -1,10 +1,12 @@
 import { expect, it } from 'vitest';
 
-import type { StorybookConfig } from 'storybook/internal/types';
 import type { JsPackageManager } from 'storybook/internal/common';
-import { removeJestTestingLibrary } from './remove-jest-testing-library';
+import type { StorybookConfig } from 'storybook/internal/types';
+
 import ansiRegex from 'ansi-regex';
 
+import { removeJestTestingLibrary } from './remove-jest-testing-library';
+
 const check = async ({
   packageManager,
   main: mainConfig = {},
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.ts b/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.ts
index 15ae8d08f01a..928ace2519bf 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/remove-jest-testing-library.ts
@@ -1,9 +1,12 @@
-import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
-import type { Fix } from '../types';
 import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
+
 import { runCodemod } from '@storybook/codemod';
+
+import chalk from 'chalk';
 import prompts from 'prompts';
+import { dedent } from 'ts-dedent';
+
+import type { Fix } from '../types';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/remove-legacymdx1.ts b/code/lib/cli-storybook/src/automigrate/fixes/remove-legacymdx1.ts
index b19147feaec1..851aae16a689 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/remove-legacymdx1.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/remove-legacymdx1.ts
@@ -1,9 +1,9 @@
-import { dedent } from 'ts-dedent';
-
 import { writeConfig } from 'storybook/internal/csf-tools';
 
-import type { Fix } from '../types';
+import { dedent } from 'ts-dedent';
+
 import { updateMainConfig } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.test.ts
index 7341656b34db..5153331e22ae 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
+
 import { sbBinary } from './sb-binary';
 
 const checkStorybookBinary = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.ts b/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.ts
index 80fd840cc0af..67a86453ec0b 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/sb-binary.ts
@@ -1,8 +1,10 @@
+import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
+import type { PackageJsonWithDepsAndDevDeps } from 'storybook/internal/common';
+
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
-import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
-import type { PackageJsonWithDepsAndDevDeps } from 'storybook/internal/common';
 
 interface SbBinaryRunOptions {
   storybookVersion: string;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.test.ts
index d9e8f5cfa3d6..bcdd73e048d9 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.test.ts
@@ -1,5 +1,7 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
+
 import { getStorybookScripts, sbScripts } from './sb-scripts';
 
 const checkSbScripts = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.ts b/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.ts
index 91892957b62c..6ed409d64b57 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/sb-scripts.ts
@@ -1,9 +1,11 @@
+import type { PackageJsonWithDepsAndDevDeps } from 'storybook/internal/common';
+import type { PackageJson } from 'storybook/internal/types';
+
 import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
 import semver from 'semver';
-import type { PackageJson } from 'storybook/internal/types';
+import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
-import type { PackageJsonWithDepsAndDevDeps } from 'storybook/internal/common';
 
 interface SbScriptsRunOptions {
   storybookScripts: Record<string, { before: string; after: string }>;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.test.ts
index 860687d12eef..9a43a268536d 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.test.ts
@@ -1,8 +1,9 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, describe, expect, it, vi } from 'vitest';
 
+import type { JsPackageManager } from 'storybook/internal/common';
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import { storyshotsMigration } from './storyshots-migration';
-import type { JsPackageManager } from 'storybook/internal/common';
 
 const check = async ({
   packageManager,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.ts b/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.ts
index 42eec6def9fd..7024a4763c6f 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/storyshots-migration.ts
@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
+
 import type { Fix } from '../types';
 
 export const storyshotsMigration: Fix = {
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.test.ts
index 1a5d4182d97e..c93577b0f2e5 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.test.ts
@@ -1,8 +1,9 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
-import * as docsUtils from '../../doctor/getIncompatibleStorybookPackages';
+import type { StorybookConfig } from 'storybook/internal/types';
 
+import * as docsUtils from '../../doctor/getIncompatibleStorybookPackages';
 import { upgradeStorybookRelatedDependencies } from './upgrade-storybook-related-dependencies';
 
 vi.mock('../../doctor/getIncompatibleStorybookPackages');
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.ts b/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.ts
index bfcba9f4eacc..b5d8a6665598 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/upgrade-storybook-related-dependencies.ts
@@ -1,10 +1,12 @@
-import { dedent } from 'ts-dedent';
-import { cyan, yellow } from 'chalk';
-import { gt } from 'semver';
 import type { JsPackageManager } from 'storybook/internal/common';
 import { isCorePackage } from 'storybook/internal/common';
-import type { Fix } from '../types';
+
+import { cyan, yellow } from 'chalk';
+import { gt } from 'semver';
+import { dedent } from 'ts-dedent';
+
 import { getIncompatibleStorybookPackages } from '../../doctor/getIncompatibleStorybookPackages';
+import type { Fix } from '../types';
 
 type PackageMetadata = {
   packageName: string;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/vite-config-file.ts b/code/lib/cli-storybook/src/automigrate/fixes/vite-config-file.ts
index 4dfde34c6d0c..6afc31311663 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/vite-config-file.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/vite-config-file.ts
@@ -1,10 +1,13 @@
-import { dedent } from 'ts-dedent';
-import type { Fix } from '../types';
-import findUp from 'find-up';
-import { getFrameworkPackageName } from '../helpers/mainConfigFile';
+import { join } from 'node:path';
+
 import { frameworkToRenderer } from 'storybook/internal/cli';
 import { frameworkPackages } from 'storybook/internal/common';
-import path from 'path';
+
+import findUp from 'find-up';
+import { dedent } from 'ts-dedent';
+
+import { getFrameworkPackageName } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 interface ViteConfigFileRunOptions {
   plugins: string[];
@@ -21,7 +24,7 @@ export const viteConfigFile = {
   async check({ mainConfig, packageManager, mainConfigPath }) {
     let isViteConfigFileFound = !!(await findUp(
       ['vite.config.js', 'vite.config.mjs', 'vite.config.cjs', 'vite.config.ts', 'vite.config.mts'],
-      { cwd: mainConfigPath ? path.join(mainConfigPath, '..') : process.cwd() }
+      { cwd: mainConfigPath ? join(mainConfigPath, '..') : process.cwd() }
     ));
 
     const rendererToVitePluginMap: Record<string, string> = {
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/vta.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/vta.test.ts
index 4a919db21686..4a632bf988f7 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/vta.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/vta.test.ts
@@ -1,5 +1,7 @@
 import { describe, expect, it } from 'vitest';
+
 import type { StorybookConfig } from 'storybook/internal/types';
+
 import { vta } from './vta';
 
 const check = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/vta.ts b/code/lib/cli-storybook/src/automigrate/fixes/vta.ts
index 468cfacf3238..9645a4115f54 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/vta.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/vta.ts
@@ -1,5 +1,6 @@
-import { dedent } from 'ts-dedent';
 import chalk from 'chalk';
+import { dedent } from 'ts-dedent';
+
 import { getAddonNames, updateMainConfig } from '../helpers/mainConfigFile';
 import type { Fix } from '../types';
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/vue3.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/vue3.test.ts
index bdd7382beacb..8f3e73acb54d 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/vue3.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/vue3.test.ts
@@ -1,6 +1,8 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
+import type { StorybookConfig } from 'storybook/internal/types';
+
 import { vue3 } from './vue3';
 
 const checkVue3 = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/vue3.ts b/code/lib/cli-storybook/src/automigrate/fixes/vue3.ts
index f641b30373de..fea96554a6fd 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/vue3.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/vue3.ts
@@ -1,9 +1,10 @@
 import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
 import semver from 'semver';
+import { dedent } from 'ts-dedent';
+
+import { checkWebpack5Builder } from '../helpers/checkWebpack5Builder';
 import type { Fix } from '../types';
 import { webpack5 } from './webpack5';
-import { checkWebpack5Builder } from '../helpers/checkWebpack5Builder';
 
 interface Vue3RunOptions {
   vueVersion: string;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.test.ts
index bd258e10112b..5cf952a3a5c4 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.test.ts
@@ -1,8 +1,10 @@
-import { vi, describe, it, expect } from 'vitest';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { describe, expect, it, vi } from 'vitest';
+
+import { CoreWebpackCompilers } from 'storybook/internal/cli';
 import type { JsPackageManager } from 'storybook/internal/common';
+import type { StorybookConfig } from 'storybook/internal/types';
+
 import { webpack5CompilerSetup } from './webpack5-compiler-setup';
-import { CoreWebpackCompilers } from 'storybook/internal/cli';
 
 const check = async ({
   packageManager,
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.ts b/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.ts
index ec466fd5fa62..2462e02ff159 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/webpack5-compiler-setup.ts
@@ -1,14 +1,3 @@
-import prompts from 'prompts';
-import type { SupportedFrameworks } from 'storybook/internal/types';
-import { frameworkPackages } from 'storybook/internal/common';
-import type { Fix } from '../types';
-import {
-  getAddonNames,
-  getBuilderPackageName,
-  getFrameworkOptions,
-  getFrameworkPackageName,
-  updateMainConfig,
-} from '../helpers/mainConfigFile';
 import { frameworkToDefaultBuilder } from 'storybook/internal/cli';
 import {
   CoreBuilder,
@@ -16,9 +5,22 @@ import {
   builderNameToCoreBuilder,
   compilerNameToCoreCompiler,
 } from 'storybook/internal/cli';
-import { dedent } from 'ts-dedent';
+import { frameworkPackages } from 'storybook/internal/common';
+import type { SupportedFrameworks } from 'storybook/internal/types';
+
 import chalk from 'chalk';
+import prompts from 'prompts';
+import { dedent } from 'ts-dedent';
+
 import { add } from '../../add';
+import {
+  getAddonNames,
+  getBuilderPackageName,
+  getFrameworkOptions,
+  getFrameworkPackageName,
+  updateMainConfig,
+} from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 type Options = {
   defaultCompiler?: CoreWebpackCompilers;
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/webpack5.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/webpack5.test.ts
index fe4343aaf6c7..89e50d8bde36 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/webpack5.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/webpack5.test.ts
@@ -1,6 +1,8 @@
-import { describe, afterEach, it, expect, vi } from 'vitest';
-import type { StorybookConfig } from 'storybook/internal/types';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import type { JsPackageManager } from 'storybook/internal/common';
+import type { StorybookConfig } from 'storybook/internal/types';
+
 import { webpack5 } from './webpack5';
 
 const checkWebpack5 = async ({
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/webpack5.ts b/code/lib/cli-storybook/src/automigrate/fixes/webpack5.ts
index a2072be41eb9..75f888198dc1 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/webpack5.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/webpack5.ts
@@ -1,9 +1,10 @@
 import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
 import semver from 'semver';
-import type { Fix } from '../types';
+import { dedent } from 'ts-dedent';
+
 import { checkWebpack5Builder } from '../helpers/checkWebpack5Builder';
 import { updateMainConfig } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/wrap-require-utils.ts b/code/lib/cli-storybook/src/automigrate/fixes/wrap-require-utils.ts
index 5199cc54ce3a..68b8cacb5c21 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/wrap-require-utils.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/wrap-require-utils.ts
@@ -1,6 +1,7 @@
-import * as t from '@babel/types';
 import type { ConfigFile } from 'storybook/internal/csf-tools';
 
+import * as t from '@babel/types';
+
 const defaultRequireWrapperName = 'getAbsolutePath';
 
 /**
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.test.ts b/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.test.ts
index b1be414b4c0f..e4d43b2ee0ff 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.test.ts
@@ -1,8 +1,10 @@
 import type { MockInstance } from 'vitest';
-import { describe, it, expect, vi } from 'vitest';
-import { wrapRequire } from './wrap-require';
+import { describe, expect, it, vi } from 'vitest';
+
 import * as detect from 'storybook/internal/cli';
 
+import { wrapRequire } from './wrap-require';
+
 vi.mock('storybook/internal/cli', async (importOriginal) => ({
   ...(await importOriginal<typeof import('storybook/internal/cli')>()),
   detectPnp: vi.fn(),
diff --git a/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.ts b/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.ts
index 30d62b89edd7..723a2874031a 100644
--- a/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.ts
+++ b/code/lib/cli-storybook/src/automigrate/fixes/wrap-require.ts
@@ -1,9 +1,11 @@
+import { detectPnp } from 'storybook/internal/cli';
+import { readConfig } from 'storybook/internal/csf-tools';
+
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
-import { readConfig } from 'storybook/internal/csf-tools';
-import type { Fix } from '../types';
-import { detectPnp } from 'storybook/internal/cli';
+
 import { updateMainConfig } from '../helpers/mainConfigFile';
+import type { Fix } from '../types';
 import {
   getFieldsForRequireWrapper,
   getRequireWrapperAsCallExpression,
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.test.ts b/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.test.ts
index ad0bbad0a8f9..7ed3bc3dc37a 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.test.ts
@@ -1,6 +1,8 @@
 import type { MockInstance } from 'vitest';
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import type { StorybookConfigRaw } from 'storybook/internal/types';
+
 import { checkWebpack5Builder } from './checkWebpack5Builder';
 import { getBuilderPackageName } from './mainConfigFile';
 
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.ts b/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.ts
index ad906629e73d..cc6a977454dc 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/checkWebpack5Builder.ts
@@ -1,7 +1,9 @@
+import type { StorybookConfigRaw } from 'storybook/internal/types';
+
 import chalk from 'chalk';
 import semver from 'semver';
 import { dedent } from 'ts-dedent';
-import type { StorybookConfigRaw } from 'storybook/internal/types';
+
 import { getBuilderPackageName } from './mainConfigFile';
 
 const logger = console;
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/detectRenderer.ts b/code/lib/cli-storybook/src/automigrate/helpers/detectRenderer.ts
index a1f4e7349bd9..e57ac50e1e01 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/detectRenderer.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/detectRenderer.ts
@@ -1,5 +1,6 @@
-import type { PackageJson } from 'storybook/internal/types';
 import { rendererPackages } from 'storybook/internal/common';
+import type { PackageJson } from 'storybook/internal/types';
+
 import prompts from 'prompts';
 
 export const detectRenderer = async (packageJson: PackageJson) => {
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.test.ts b/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.test.ts
index 99e225011329..62883e69bf1e 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.test.ts
@@ -1,8 +1,10 @@
-import { describe, expect, vi, it } from 'vitest';
-import { getMigrationSummary } from './getMigrationSummary';
-import { FixStatus } from '../types';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { InstallationMetadata } from 'storybook/internal/common';
 
+import { FixStatus } from '../types';
+import { getMigrationSummary } from './getMigrationSummary';
+
 vi.mock('boxen', () => ({
   default: vi.fn((str, { title = '' }) => `${title}\n\n${str.replace(/\x1b\[[0-9;]*[mG]/g, '')}`),
 }));
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.ts b/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.ts
index 1e5f119901e1..3aaaf7542cd6 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/getMigrationSummary.ts
@@ -1,7 +1,9 @@
-import chalk from 'chalk';
+import { type InstallationMetadata } from 'storybook/internal/common';
+
 import boxen from 'boxen';
+import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
-import { type InstallationMetadata } from 'storybook/internal/common';
+
 import type { FixSummary } from '../types';
 import { FixStatus } from '../types';
 
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.test.ts b/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.test.ts
index 8f2f0fde245f..c61237b85035 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.test.ts
@@ -1,4 +1,5 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import {
   getBuilderPackageName,
   getFrameworkPackageName,
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.ts b/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.ts
index cc58c742a2f3..3fb4ce3bfc81 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/mainConfigFile.ts
@@ -1,20 +1,22 @@
+import { normalize } from 'node:path';
+
+import { frameworkToRenderer } from 'storybook/internal/cli';
 import {
+  builderPackages,
+  extractProperFrameworkName,
+  frameworkPackages,
   getStorybookInfo,
   loadMainConfig,
   rendererPackages,
-  frameworkPackages,
-  builderPackages,
-  extractProperFrameworkName,
 } from 'storybook/internal/common';
-import type { StorybookConfigRaw, StorybookConfig } from 'storybook/internal/types';
+import type { JsPackageManager } from 'storybook/internal/common';
+import { getCoercedStorybookVersion } from 'storybook/internal/common';
 import type { ConfigFile } from 'storybook/internal/csf-tools';
 import { readConfig, writeConfig as writeConfigFile } from 'storybook/internal/csf-tools';
+import type { StorybookConfig, StorybookConfigRaw } from 'storybook/internal/types';
+
 import chalk from 'chalk';
 import { dedent } from 'ts-dedent';
-import path from 'path';
-import type { JsPackageManager } from 'storybook/internal/common';
-import { getCoercedStorybookVersion } from 'storybook/internal/common';
-import { frameworkToRenderer } from 'storybook/internal/cli';
 
 const logger = console;
 
@@ -75,7 +77,7 @@ export const getBuilderPackageName = (mainConfig?: StorybookConfigRaw) => {
     return null;
   }
 
-  const normalizedPath = path.normalize(packageNameOrPath).replace(new RegExp(/\\/, 'g'), '/');
+  const normalizedPath = normalize(packageNameOrPath).replace(new RegExp(/\\/, 'g'), '/');
 
   return builderPackages.find((pkg) => normalizedPath.endsWith(pkg)) || packageNameOrPath;
 };
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.test.ts b/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.test.ts
index 421797768ea9..6e84aa89b986 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.test.ts
@@ -1,10 +1,13 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager } from 'storybook/internal/common';
+
 import * as findUp from 'find-up';
+
 import {
   detectBuilderInfo as _getBuilderInfo,
   getNextjsAddonOptions,
 } from './new-frameworks-utils';
-import type { JsPackageManager } from 'storybook/internal/common';
 
 vi.mock('find-up');
 
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.ts b/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.ts
index 379fe508b3a0..a4ab6ee34a4f 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/new-frameworks-utils.ts
@@ -1,7 +1,9 @@
 import { frameworkPackages } from 'storybook/internal/common';
+import type { JsPackageManager } from 'storybook/internal/common';
 import type { Preset, StorybookConfigRaw } from 'storybook/internal/types';
+
 import findUp from 'find-up';
-import type { JsPackageManager } from 'storybook/internal/common';
+
 import { getBuilderPackageName, getFrameworkPackageName } from './mainConfigFile';
 
 const logger = console;
diff --git a/code/lib/cli-storybook/src/automigrate/helpers/testing-helpers.ts b/code/lib/cli-storybook/src/automigrate/helpers/testing-helpers.ts
index 557a8ec721d9..bb73cc6ab036 100644
--- a/code/lib/cli-storybook/src/automigrate/helpers/testing-helpers.ts
+++ b/code/lib/cli-storybook/src/automigrate/helpers/testing-helpers.ts
@@ -1,4 +1,5 @@
 import { vi } from 'vitest';
+
 import type { JsPackageManager, PackageJson } from 'storybook/internal/common';
 
 vi.mock('./mainConfigFile', async (importOriginal) => ({
diff --git a/code/lib/cli-storybook/src/automigrate/index.test.ts b/code/lib/cli-storybook/src/automigrate/index.test.ts
index 5b2d831312b6..9bc05affbacc 100644
--- a/code/lib/cli-storybook/src/automigrate/index.test.ts
+++ b/code/lib/cli-storybook/src/automigrate/index.test.ts
@@ -1,7 +1,9 @@
-import { vi, it, expect, describe, beforeEach, afterEach } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager, PackageJsonWithDepsAndDevDeps } from '@storybook/core/common';
+
 import { runFixes } from './index';
 import type { Fix } from './types';
-import type { JsPackageManager, PackageJsonWithDepsAndDevDeps } from '@storybook/core/common';
 
 const check1 = vi.fn();
 const run1 = vi.fn();
diff --git a/code/lib/cli-storybook/src/automigrate/index.ts b/code/lib/cli-storybook/src/automigrate/index.ts
index 29af9a9142d1..690c3d1b15f7 100644
--- a/code/lib/cli-storybook/src/automigrate/index.ts
+++ b/code/lib/cli-storybook/src/automigrate/index.ts
@@ -1,36 +1,36 @@
-import prompts from 'prompts';
-import chalk from 'chalk';
-import boxen from 'boxen';
-import { createWriteStream, move, remove } from 'fs-extra';
-import { join } from 'path';
-import invariant from 'tiny-invariant';
-import semver from 'semver';
+import { join } from 'node:path';
 
 import {
-  JsPackageManagerFactory,
   type JsPackageManager,
+  JsPackageManagerFactory,
   getCoercedStorybookVersion,
   getStorybookInfo,
   temporaryFile,
 } from 'storybook/internal/common';
 
+import boxen from 'boxen';
+import chalk from 'chalk';
+import { createWriteStream, move, remove } from 'fs-extra';
+import prompts from 'prompts';
+import semver from 'semver';
+import invariant from 'tiny-invariant';
+import { dedent } from 'ts-dedent';
+
+import { doctor } from '../doctor';
 import type {
+  AutofixOptions,
+  AutofixOptionsFromCLI,
   Fix,
   FixId,
-  AutofixOptions,
   FixSummary,
   PreCheckFailure,
-  AutofixOptionsFromCLI,
   Prompt,
 } from './fixes';
 import { FixStatus, allFixes } from './fixes';
+import { upgradeStorybookRelatedDependencies } from './fixes/upgrade-storybook-related-dependencies';
 import { cleanLog } from './helpers/cleanLog';
 import { getMigrationSummary } from './helpers/getMigrationSummary';
 import { getStorybookData } from './helpers/mainConfigFile';
-import { doctor } from '../doctor';
-
-import { upgradeStorybookRelatedDependencies } from './fixes/upgrade-storybook-related-dependencies';
-import { dedent } from 'ts-dedent';
 
 const logger = console;
 const LOG_FILE_NAME = 'migration-storybook.log';
diff --git a/code/lib/cli-storybook/src/bin/index.ts b/code/lib/cli-storybook/src/bin/index.ts
index ab7a7f2adc22..de33b71dbc62 100644
--- a/code/lib/cli-storybook/src/bin/index.ts
+++ b/code/lib/cli-storybook/src/bin/index.ts
@@ -1,26 +1,26 @@
-import program from 'commander';
-import chalk from 'chalk';
-import envinfo from 'envinfo';
-import leven from 'leven';
-import { findPackageSync } from 'fd-package-json';
-import invariant from 'tiny-invariant';
-
-import { logger } from 'storybook/internal/node-logger';
-import { addToGlobalContext, telemetry } from 'storybook/internal/telemetry';
 import {
   JsPackageManagerFactory,
-  versions,
   removeAddon as remove,
+  versions,
 } from 'storybook/internal/common';
 import { withTelemetry } from 'storybook/internal/core-server';
+import { logger } from 'storybook/internal/node-logger';
+import { addToGlobalContext, telemetry } from 'storybook/internal/telemetry';
+
+import chalk from 'chalk';
+import program from 'commander';
+import envinfo from 'envinfo';
+import { findPackageSync } from 'fd-package-json';
+import leven from 'leven';
+import invariant from 'tiny-invariant';
 
 import { add } from '../add';
-import { migrate } from '../migrate';
-import { upgrade, type UpgradeOptions } from '../upgrade';
-import { sandbox } from '../sandbox';
-import { link } from '../link';
 import { doAutomigrate } from '../automigrate';
 import { doctor } from '../doctor';
+import { link } from '../link';
+import { migrate } from '../migrate';
+import { sandbox } from '../sandbox';
+import { type UpgradeOptions, upgrade } from '../upgrade';
 
 addToGlobalContext('cliVersion', versions.storybook);
 
diff --git a/code/lib/cli-storybook/src/doctor/getDuplicatedDepsWarnings.ts b/code/lib/cli-storybook/src/doctor/getDuplicatedDepsWarnings.ts
index 82ac60d04217..871bb13e4805 100644
--- a/code/lib/cli-storybook/src/doctor/getDuplicatedDepsWarnings.ts
+++ b/code/lib/cli-storybook/src/doctor/getDuplicatedDepsWarnings.ts
@@ -1,6 +1,8 @@
-import chalk from 'chalk';
 import { frameworkPackages, rendererPackages } from 'storybook/internal/common';
 import type { InstallationMetadata } from 'storybook/internal/common';
+
+import chalk from 'chalk';
+
 import { hasMultipleVersions } from './hasMultipleVersions';
 
 export const messageDivider = '\n\n';
diff --git a/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.test.ts b/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.test.ts
index a75041d3d747..b804567c9a7a 100644
--- a/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.test.ts
+++ b/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.test.ts
@@ -1,11 +1,13 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
+
+import type { JsPackageManager } from 'storybook/internal/common';
+
 import type { AnalysedPackage } from './getIncompatibleStorybookPackages';
 import {
-  getIncompatibleStorybookPackages,
-  getIncompatiblePackagesSummary,
   checkPackageCompatibility,
+  getIncompatiblePackagesSummary,
+  getIncompatibleStorybookPackages,
 } from './getIncompatibleStorybookPackages';
-import type { JsPackageManager } from 'storybook/internal/common';
 
 vi.mock('chalk', () => {
   return {
diff --git a/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.ts b/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.ts
index bafd5e6895e0..0c65c5902701 100644
--- a/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.ts
+++ b/code/lib/cli-storybook/src/doctor/getIncompatibleStorybookPackages.ts
@@ -1,12 +1,13 @@
 /* eslint-disable local-rules/no-uncategorized-errors */
-import chalk from 'chalk';
-import semver from 'semver';
 import type { JsPackageManager } from 'storybook/internal/common';
 import {
   JsPackageManagerFactory,
   versions as storybookCorePackages,
 } from 'storybook/internal/common';
 
+import chalk from 'chalk';
+import semver from 'semver';
+
 export type AnalysedPackage = {
   packageName: string;
   packageVersion?: string;
diff --git a/code/lib/cli-storybook/src/doctor/getMismatchingVersionsWarning.ts b/code/lib/cli-storybook/src/doctor/getMismatchingVersionsWarning.ts
index 4477bb517e55..00cd470c1b28 100644
--- a/code/lib/cli-storybook/src/doctor/getMismatchingVersionsWarning.ts
+++ b/code/lib/cli-storybook/src/doctor/getMismatchingVersionsWarning.ts
@@ -1,8 +1,9 @@
-import chalk from 'chalk';
-import semver from 'semver';
 import { frameworkPackages, versions as storybookCorePackages } from 'storybook/internal/common';
 import type { InstallationMetadata } from 'storybook/internal/common';
 
+import chalk from 'chalk';
+import semver from 'semver';
+
 function getPrimaryVersion(name: string | undefined, installationMetadata?: InstallationMetadata) {
   if (!name) {
     return undefined;
diff --git a/code/lib/cli-storybook/src/doctor/index.ts b/code/lib/cli-storybook/src/doctor/index.ts
index 17db9ba2ed26..08e798288753 100644
--- a/code/lib/cli-storybook/src/doctor/index.ts
+++ b/code/lib/cli-storybook/src/doctor/index.ts
@@ -1,19 +1,21 @@
-import chalk from 'chalk';
+import { join } from 'node:path';
+
+import { JsPackageManagerFactory, temporaryFile } from 'storybook/internal/common';
+import type { PackageManagerName } from 'storybook/internal/common';
+
 import boxen from 'boxen';
+import chalk from 'chalk';
 import { createWriteStream, move, remove } from 'fs-extra';
 import { dedent } from 'ts-dedent';
-import { join } from 'path';
 
-import { JsPackageManagerFactory, temporaryFile } from 'storybook/internal/common';
-import type { PackageManagerName } from 'storybook/internal/common';
-import { getStorybookData } from '../automigrate/helpers/mainConfigFile';
 import { cleanLog } from '../automigrate/helpers/cleanLog';
-import { getMismatchingVersionsWarnings } from './getMismatchingVersionsWarning';
+import { getStorybookData } from '../automigrate/helpers/mainConfigFile';
+import { getDuplicatedDepsWarnings } from './getDuplicatedDepsWarnings';
 import {
   getIncompatiblePackagesSummary,
   getIncompatibleStorybookPackages,
 } from './getIncompatibleStorybookPackages';
-import { getDuplicatedDepsWarnings } from './getDuplicatedDepsWarnings';
+import { getMismatchingVersionsWarnings } from './getMismatchingVersionsWarning';
 
 const logger = console;
 const LOG_FILE_NAME = 'doctor-storybook.log';
diff --git a/code/lib/cli-storybook/src/link.ts b/code/lib/cli-storybook/src/link.ts
index d9e112957300..dbb6b30663ba 100644
--- a/code/lib/cli-storybook/src/link.ts
+++ b/code/lib/cli-storybook/src/link.ts
@@ -1,8 +1,10 @@
-import fse from 'fs-extra';
-import path from 'path';
-import { sync as spawnSync, spawn as spawnAsync } from 'cross-spawn';
+import { basename, extname, join } from 'node:path';
+
 import { logger } from 'storybook/internal/node-logger';
+
 import chalk from 'chalk';
+import { spawn as spawnAsync, sync as spawnSync } from 'cross-spawn';
+import fse from 'fs-extra';
 
 type ExecOptions = Parameters<typeof spawnAsync>[2];
 
@@ -66,21 +68,21 @@ export const link = async ({ target, local, start }: LinkOptions) => {
   }
 
   let reproDir = target;
-  let reproName = path.basename(target);
+  let reproName = basename(target);
 
   if (!local) {
-    const reprosDir = path.join(storybookDir, '../storybook-repros');
+    const reprosDir = join(storybookDir, '../storybook-repros');
     logger.info(`Ensuring directory ${reprosDir}`);
     await fse.ensureDir(reprosDir);
 
     logger.info(`Cloning ${target}`);
     await exec(`git clone ${target}`, { cwd: reprosDir });
     // Extract a repro name from url given as input (take the last part of the path and remove the extension)
-    reproName = path.basename(target, path.extname(target));
-    reproDir = path.join(reprosDir, reproName);
+    reproName = basename(target, extname(target));
+    reproDir = join(reprosDir, reproName);
   }
 
-  const reproPackageJson = await fse.readJSON(path.join(reproDir, 'package.json'));
+  const reproPackageJson = await fse.readJSON(join(reproDir, 'package.json'));
 
   const version = spawnSync('yarn', ['--version'], {
     cwd: reproDir,
@@ -107,7 +109,7 @@ export const link = async ({ target, local, start }: LinkOptions) => {
   }
 
   // ensure that linking is possible
-  await exec(`yarn add @types/node@18`, { cwd: reproDir });
+  await exec(`yarn add @types/node@22`, { cwd: reproDir });
 
   if (start) {
     logger.info(`Running ${reproName} storybook`);
diff --git a/code/lib/cli-storybook/src/migrate.ts b/code/lib/cli-storybook/src/migrate.ts
index 36b72ed86b90..18df29cc9e19 100644
--- a/code/lib/cli-storybook/src/migrate.ts
+++ b/code/lib/cli-storybook/src/migrate.ts
@@ -1,13 +1,14 @@
-import { listCodemods, runCodemod } from '@storybook/codemod';
+import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
 import {
   JsPackageManagerFactory,
   getCoercedStorybookVersion,
   getStorybookInfo,
 } from 'storybook/internal/common';
 
+import { listCodemods, runCodemod } from '@storybook/codemod';
+
 import { runFixes } from './automigrate';
 import { mdxToCSF } from './automigrate/fixes/mdx-to-csf';
-import { getStorybookVersionSpecifier } from 'storybook/internal/cli';
 
 const logger = console;
 
diff --git a/code/lib/cli-storybook/src/sandbox-templates.ts b/code/lib/cli-storybook/src/sandbox-templates.ts
index 532b20efb936..e69ccedb2a0a 100644
--- a/code/lib/cli-storybook/src/sandbox-templates.ts
+++ b/code/lib/cli-storybook/src/sandbox-templates.ts
@@ -1,5 +1,5 @@
-import type { StoriesEntry, StorybookConfigRaw } from 'storybook/internal/types';
 import type { ConfigFile } from 'storybook/internal/csf-tools';
+import type { StoriesEntry, StorybookConfigRaw } from 'storybook/internal/types';
 
 export type SkippableTask =
   | 'smoke-test'
@@ -197,10 +197,35 @@ const baseTemplates = {
       builder: '@storybook/builder-webpack5',
     },
     modifications: {
+      extraDependencies: ['server-only'],
       mainConfig: {
         features: { experimentalRSC: true },
       },
-      extraDependencies: ['server-only'],
+    },
+    skipTasks: ['e2e-tests-dev', 'bench'],
+  },
+  'experimental-nextjs-vite/default-ts': {
+    name: 'Next.js Latest (Vite | TypeScript)',
+    script:
+      'yarn create next-app {{beforeDir}} --typescript --eslint --tailwind --app --import-alias="@/*" --src-dir',
+    inDevelopment: true,
+    expected: {
+      framework: '@storybook/experimental-nextjs-vite',
+      renderer: '@storybook/react',
+      builder: '@storybook/builder-vite',
+    },
+
+    modifications: {
+      mainConfig: {
+        framework: '@storybook/experimental-nextjs-vite',
+        features: { experimentalRSC: true },
+      },
+      extraDependencies: [
+        'server-only',
+        'vite-plugin-storybook-nextjs',
+        '@storybook/experimental-nextjs-vite',
+        'vite',
+      ],
     },
     skipTasks: ['e2e-tests-dev', 'bench'],
   },
@@ -692,6 +717,7 @@ export const daily: TemplateKey[] = [
   ...merged,
   'angular-cli/prerelease',
   'cra/default-js',
+  'experimental-nextjs-vite/default-ts',
   'react-vite/default-js',
   'react-vite/prerelease-ts',
   'react-webpack/prerelease-ts',
diff --git a/code/lib/cli-storybook/src/sandbox.ts b/code/lib/cli-storybook/src/sandbox.ts
index 72a6f9edf333..a6b4fe40f043 100644
--- a/code/lib/cli-storybook/src/sandbox.ts
+++ b/code/lib/cli-storybook/src/sandbox.ts
@@ -1,19 +1,21 @@
-import prompts from 'prompts';
-import path from 'path';
-import chalk from 'chalk';
-import boxen from 'boxen';
-import { dedent } from 'ts-dedent';
-import { downloadTemplate } from 'giget';
+import { isAbsolute, join } from 'node:path';
 
-import { existsSync, readdir } from 'fs-extra';
-import invariant from 'tiny-invariant';
-import { lt, prerelease } from 'semver';
-import type { Template, TemplateKey } from './sandbox-templates';
-import { allTemplates as TEMPLATES } from './sandbox-templates';
 import type { PackageManagerName } from 'storybook/internal/common';
 import { JsPackageManagerFactory } from 'storybook/internal/common';
 import { versions } from 'storybook/internal/common';
+
+import boxen from 'boxen';
+import chalk from 'chalk';
 import { initiate } from 'create-storybook';
+import { existsSync, readdir } from 'fs-extra';
+import { downloadTemplate } from 'giget';
+import prompts from 'prompts';
+import { lt, prerelease } from 'semver';
+import invariant from 'tiny-invariant';
+import { dedent } from 'ts-dedent';
+
+import type { Template, TemplateKey } from './sandbox-templates';
+import { allTemplates as TEMPLATES } from './sandbox-templates';
 
 const logger = console;
 
@@ -190,9 +192,9 @@ export const sandbox = async ({
   invariant(selectedDirectory);
 
   try {
-    const templateDestination = path.isAbsolute(selectedDirectory)
+    const templateDestination = isAbsolute(selectedDirectory)
       ? selectedDirectory
-      : path.join(process.cwd(), selectedDirectory);
+      : join(process.cwd(), selectedDirectory);
 
     logger.info(`🏃 Adding ${selectedConfig.name} into ${templateDestination}`);
 
diff --git a/code/lib/cli-storybook/src/upgrade.test.ts b/code/lib/cli-storybook/src/upgrade.test.ts
index 7bf478d184fd..37529bff32a1 100644
--- a/code/lib/cli-storybook/src/upgrade.test.ts
+++ b/code/lib/cli-storybook/src/upgrade.test.ts
@@ -1,10 +1,13 @@
 import { describe, expect, it, vi } from 'vitest';
+
 import * as sbcc from 'storybook/internal/common';
+import { logger } from 'storybook/internal/node-logger';
 import { UpgradeStorybookToLowerVersionError } from 'storybook/internal/server-errors';
+
 import { doUpgrade, getStorybookVersion } from './upgrade';
-import { logger } from 'storybook/internal/node-logger';
 
-const findInstallationsMock = vi.fn<string[], Promise<sbcc.InstallationMetadata | undefined>>();
+const findInstallationsMock =
+  vi.fn<(arg: string[]) => Promise<sbcc.InstallationMetadata | undefined>>();
 
 vi.mock('storybook/internal/telemetry');
 vi.mock('storybook/internal/common', async (importOriginal) => {
diff --git a/code/lib/cli-storybook/src/upgrade.ts b/code/lib/cli-storybook/src/upgrade.ts
index 8b1bc007add2..593d45d31bac 100644
--- a/code/lib/cli-storybook/src/upgrade.ts
+++ b/code/lib/cli-storybook/src/upgrade.ts
@@ -1,29 +1,30 @@
-import { sync as spawnSync } from 'cross-spawn';
-import { telemetry } from 'storybook/internal/telemetry';
-import semver, { eq, lt, prerelease, clean } from 'semver';
-import { logger } from 'storybook/internal/node-logger';
+import { hasStorybookDependencies } from 'storybook/internal/cli';
+import type { JsPackageManager, PackageManagerName } from 'storybook/internal/common';
+import {
+  JsPackageManagerFactory,
+  getStorybookInfo,
+  isCorePackage,
+  loadMainConfig,
+  versions,
+} from 'storybook/internal/common';
 import { withTelemetry } from 'storybook/internal/core-server';
+import { logger } from 'storybook/internal/node-logger';
 import {
   UpgradeStorybookInWrongWorkingDirectory,
   UpgradeStorybookToLowerVersionError,
   UpgradeStorybookToSameVersionError,
   UpgradeStorybookUnknownCurrentVersionError,
 } from 'storybook/internal/server-errors';
+import { telemetry } from 'storybook/internal/telemetry';
 
+import boxen from 'boxen';
 import chalk from 'chalk';
+import { sync as spawnSync } from 'cross-spawn';
+import semver, { clean, eq, lt, prerelease } from 'semver';
 import { dedent } from 'ts-dedent';
-import boxen from 'boxen';
-import type { JsPackageManager, PackageManagerName } from 'storybook/internal/common';
-import {
-  isCorePackage,
-  versions,
-  getStorybookInfo,
-  loadMainConfig,
-  JsPackageManagerFactory,
-} from 'storybook/internal/common';
-import { automigrate } from './automigrate/index';
+
 import { autoblock } from './autoblock/index';
-import { hasStorybookDependencies } from 'storybook/internal/cli';
+import { automigrate } from './automigrate/index';
 
 type Package = {
   package: string;
diff --git a/code/lib/cli-storybook/src/warn.test.ts b/code/lib/cli-storybook/src/warn.test.ts
index ceda21a10089..eee497978490 100644
--- a/code/lib/cli-storybook/src/warn.test.ts
+++ b/code/lib/cli-storybook/src/warn.test.ts
@@ -1,5 +1,7 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { logger } from 'storybook/internal/node-logger';
+
 import { warn } from './warn';
 
 vi.mock('storybook/internal/node-logger');
diff --git a/code/lib/cli-storybook/src/window.d.ts b/code/lib/cli-storybook/src/window.d.ts
index 91fe506c5490..54005ee2e1f2 100644
--- a/code/lib/cli-storybook/src/window.d.ts
+++ b/code/lib/cli-storybook/src/window.d.ts
@@ -1,5 +1,5 @@
-import type { Renderer } from 'storybook/internal/types';
 import type { StoryStore } from 'storybook/internal/preview-api';
+import type { Renderer } from 'storybook/internal/types';
 
 declare global {
   interface Window {
diff --git a/code/lib/cli-storybook/vitest.config.ts b/code/lib/cli-storybook/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/cli-storybook/vitest.config.ts
+++ b/code/lib/cli-storybook/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/cli/package.json b/code/lib/cli/package.json
index 763d55ebc1ee..792ca1188a32 100644
--- a/code/lib/cli/package.json
+++ b/code/lib/cli/package.json
@@ -305,8 +305,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core": "workspace:*"
diff --git a/code/lib/cli/scripts/update-core-portal.ts b/code/lib/cli/scripts/update-core-portal.ts
index f80627ec9028..155f223cb9f0 100644
--- a/code/lib/cli/scripts/update-core-portal.ts
+++ b/code/lib/cli/scripts/update-core-portal.ts
@@ -1,8 +1,9 @@
 import { join } from 'node:path';
-import { sortPackageJson } from '../../../../scripts/node_modules/sort-package-json';
 
 import { readJSON } from 'fs-extra';
-import { mapCoreExportToSelf, write, generateMapperContent } from './utils';
+
+import { sortPackageJson } from '../../../../scripts/node_modules/sort-package-json';
+import { generateMapperContent, mapCoreExportToSelf, write } from './utils';
 
 /** Update the `storybook` package's `exports` and `typesVersion` fields to expose all things exposed from `@storybook/core`
  * We do this to ensure that users that import `storybook/theming` will get the code located at `@storybook/theming` (note the `@` symbol!)
diff --git a/code/lib/cli/scripts/utils.ts b/code/lib/cli/scripts/utils.ts
index 76555a003934..e453988fad64 100644
--- a/code/lib/cli/scripts/utils.ts
+++ b/code/lib/cli/scripts/utils.ts
@@ -1,4 +1,4 @@
-import { writeFile, ensureFile } from 'fs-extra';
+import { ensureFile, writeFile } from 'fs-extra';
 import { dedent } from 'ts-dedent';
 
 export const write = async (location: string, data: string) => {
diff --git a/code/lib/cli/src/proxy.ts b/code/lib/cli/src/proxy.ts
index eee009524c59..33feae172bbe 100644
--- a/code/lib/cli/src/proxy.ts
+++ b/code/lib/cli/src/proxy.ts
@@ -1,6 +1,7 @@
-import { spawn } from 'child_process';
 import { versions } from '@storybook/core/common';
 
+import { spawn } from 'child_process';
+
 const args = process.argv.slice(2);
 
 if (['dev', 'build'].includes(args[0])) {
diff --git a/code/lib/cli/vitest.config.ts b/code/lib/cli/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/cli/vitest.config.ts
+++ b/code/lib/cli/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/codemod/README.md b/code/lib/codemod/README.md
index 6047b031d134..ad06d914520e 100644
--- a/code/lib/codemod/README.md
+++ b/code/lib/codemod/README.md
@@ -134,6 +134,7 @@ For example:
 
 ```js
 import { Button } from './Button';
+
 storiesOf('Button', module).add('story', () => <Button label="The Button" />);
 ```
 
@@ -141,6 +142,7 @@ Becomes:
 
 ```js
 import { Button } from './Button';
+
 storiesOf('Button', module)
   .addParameters({ component: Button })
   .add('story', () => <Button label="The Button" />);
diff --git a/code/lib/codemod/package.json b/code/lib/codemod/package.json
index f715aa8b7400..c3968cbf935d 100644
--- a/code/lib/codemod/package.json
+++ b/code/lib/codemod/package.json
@@ -50,8 +50,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@babel/core": "^7.24.4",
diff --git a/code/lib/codemod/src/index.ts b/code/lib/codemod/src/index.ts
index f820e47d82a7..d4dc0dcd5b76 100644
--- a/code/lib/codemod/src/index.ts
+++ b/code/lib/codemod/src/index.ts
@@ -1,8 +1,10 @@
 /* eslint import/prefer-default-export: "off" */
-import fs from 'fs';
-import path from 'path';
-import { promisify } from 'util';
+import { readdirSync } from 'node:fs';
+import { rename as renameAsync } from 'node:fs/promises';
+import { extname } from 'node:path';
+
 import { sync as spawnSync } from 'cross-spawn';
+
 import { jscodeshiftToPrettierParser } from './lib/utils';
 
 export {
@@ -15,14 +17,11 @@ export { default as updateAddonInfo } from './transforms/update-addon-info';
 const TRANSFORM_DIR = `${__dirname}/transforms`;
 
 export function listCodemods() {
-  return fs
-    .readdirSync(TRANSFORM_DIR)
+  return readdirSync(TRANSFORM_DIR)
     .filter((fname) => fname.endsWith('.js'))
     .map((fname) => fname.slice(0, -3));
 }
 
-const renameAsync = promisify(fs.rename);
-
 async function renameFile(file: any, from: any, to: any, { logger }: any) {
   const newFile = file.replace(from, to);
   logger.log(`Rename: ${file} ${newFile}`);
@@ -57,7 +56,7 @@ export async function runCodemod(
   let inferredParser = parser;
 
   if (!parser) {
-    const extension = path.extname(glob).slice(1);
+    const extension = extname(glob).slice(1);
     const knownParser = jscodeshiftToPrettierParser(extension);
     if (knownParser !== 'babel') inferredParser = extension;
   }
@@ -66,7 +65,7 @@ export async function runCodemod(
   const { globby } = await import('globby');
 
   const files = await globby([glob, '!**/node_modules', '!**/dist']);
-  const extensions = new Set(files.map((file) => path.extname(file).slice(1)));
+  const extensions = new Set(files.map((file) => extname(file).slice(1)));
   const commaSeparatedExtensions = Array.from(extensions).join(',');
 
   logger.log(`=> Applying ${codemod}: ${files.length} files`);
diff --git a/code/lib/codemod/src/lib/utils.test.js b/code/lib/codemod/src/lib/utils.test.js
index edce155064cc..2153cae9e070 100644
--- a/code/lib/codemod/src/lib/utils.test.js
+++ b/code/lib/codemod/src/lib/utils.test.js
@@ -1,4 +1,5 @@
-import { it, expect } from 'vitest';
+import { expect, it } from 'vitest';
+
 import { sanitizeName } from './utils';
 
 it('should sanitize names', () => {
diff --git a/code/lib/codemod/src/transforms/__tests__/__snapshots__/upgrade-deprecated-types.test.ts.snap b/code/lib/codemod/src/transforms/__tests__/__snapshots__/upgrade-deprecated-types.test.ts.snap
index c17b8f8a1104..b6690df75b31 100644
--- a/code/lib/codemod/src/transforms/__tests__/__snapshots__/upgrade-deprecated-types.test.ts.snap
+++ b/code/lib/codemod/src/transforms/__tests__/__snapshots__/upgrade-deprecated-types.test.ts.snap
@@ -12,10 +12,11 @@ Rename this local import and try again.
 
 exports[`upgrade-deprecated-types > typescript > upgrade imports with local names 1`] = `
 import {
-  StoryFn as Story_,
   Meta as ComponentMeta_,
   StoryObj as ComponentStoryObj_,
+  StoryFn as Story_,
 } from '@storybook/react';
+
 import { Cat } from './Cat';
 
 const meta = { title: 'Cat', component: Cat } satisfies ComponentMeta_<typeof Cat>;
@@ -35,6 +36,7 @@ export const E: Story_<CatProps> = (args) => <Cat {...args} />;
 
 exports[`upgrade-deprecated-types > typescript > upgrade namespaces 1`] = `
 import * as SB from '@storybook/react';
+
 import { Cat, CatProps } from './Cat';
 
 const meta = { title: 'Cat', component: Cat } satisfies SB.Meta<typeof Cat>;
@@ -53,7 +55,8 @@ export const E: SB.StoryFn<CatProps> = (args) => <Cat {...args} />;
 `;
 
 exports[`upgrade-deprecated-types > typescript > upgrade regular imports 1`] = `
-import { StoryFn, Meta, StoryObj } from '@storybook/react';
+import { Meta, StoryFn, StoryObj } from '@storybook/react';
+
 import { Cat, CatProps } from './Cat';
 
 const meta = { title: 'Cat', component: Cat } satisfies Meta<typeof Cat>;
diff --git a/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts b/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts
index a91946f345bc..665928c30380 100644
--- a/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts
+++ b/code/lib/codemod/src/transforms/__tests__/csf-2-to-3.test.ts
@@ -1,7 +1,9 @@
-import { describe, it, expect } from 'vitest';
-import { dedent } from 'ts-dedent';
-import type { API } from 'jscodeshift';
+import { describe, expect, it } from 'vitest';
+
 import ansiRegex from 'ansi-regex';
+import type { API } from 'jscodeshift';
+import { dedent } from 'ts-dedent';
+
 import _transform from '../csf-2-to-3';
 
 expect.addSnapshotSerializer({
@@ -313,7 +315,8 @@ describe('csf-2-to-3', () => {
           };
         `)
       ).resolves.toMatchInlineSnapshot(`
-        import { Meta, StoryObj as CSF3, StoryFn as CSF2 } from '@storybook/react';
+        import { StoryFn as CSF2, StoryObj as CSF3, Meta } from '@storybook/react';
+
         import { CatProps } from './Cat';
 
         const meta = { title: 'Cat', component: Cat } satisfies Meta<CatProps>;
@@ -372,7 +375,7 @@ describe('csf-2-to-3', () => {
           };
         `)
       ).resolves.toMatchInlineSnapshot(`
-        import { StoryObj, StoryFn } from '@storybook/react';
+        import { StoryFn, StoryObj } from '@storybook/react';
 
         // some extra whitespace to test
 
@@ -429,7 +432,7 @@ describe('csf-2-to-3', () => {
           export const Default = Template.bind({})
         `)
       ).resolves.toMatchInlineSnapshot(`
-        import { StoryFn, Meta } from '@storybook/react';
+        import { Meta, StoryFn } from '@storybook/react';
 
         export default {
           component: Cat,
diff --git a/code/lib/codemod/src/transforms/__tests__/find-implicit-spies.test.ts b/code/lib/codemod/src/transforms/__tests__/find-implicit-spies.test.ts
index 91b8a06b412e..97a2370035f1 100644
--- a/code/lib/codemod/src/transforms/__tests__/find-implicit-spies.test.ts
+++ b/code/lib/codemod/src/transforms/__tests__/find-implicit-spies.test.ts
@@ -1,7 +1,9 @@
 import { beforeEach, expect, test, vi } from 'vitest';
-import transform from '../find-implicit-spies';
-import { dedent } from 'ts-dedent';
+
 import ansiRegex from 'ansi-regex';
+import { dedent } from 'ts-dedent';
+
+import transform from '../find-implicit-spies';
 
 expect.addSnapshotSerializer({
   print: (val, print) => print((val as string).replace(ansiRegex(), '')),
diff --git a/code/lib/codemod/src/transforms/__tests__/mdx-to-csf.test.ts b/code/lib/codemod/src/transforms/__tests__/mdx-to-csf.test.ts
index 5513dc80cf9e..304fb0c40b05 100644
--- a/code/lib/codemod/src/transforms/__tests__/mdx-to-csf.test.ts
+++ b/code/lib/codemod/src/transforms/__tests__/mdx-to-csf.test.ts
@@ -1,6 +1,9 @@
-import { beforeEach, expect, vi, it } from 'vitest';
 import * as fs_ from 'node:fs';
+
+import { beforeEach, expect, it, vi } from 'vitest';
+
 import { dedent } from 'ts-dedent';
+
 import jscodeshift, { nameToValidExport } from '../mdx-to-csf';
 
 expect.addSnapshotSerializer({
@@ -507,6 +510,7 @@ it('story child is jsx', async () => {
 
   expect(csf).toMatchInlineSnapshot(`
     import { Button } from './button';
+
     export default {};
 
     export const Primary = {
@@ -535,6 +539,7 @@ it('story child is CSF3', async () => {
 
   expect(csf).toMatchInlineSnapshot(`
     import { Button } from './button';
+
     export default {};
 
     export const Primary = {
@@ -564,6 +569,7 @@ it('story child is arrow function', async () => {
 
   expect(csf).toMatchInlineSnapshot(`
     import { Button } from './button';
+
     export default {};
 
     export const Primary = {
@@ -589,6 +595,7 @@ it('story child is identifier', async () => {
 
   expect(csf).toMatchInlineSnapshot(`
     import { Button } from './button';
+
     export default {};
 
     export const Primary = {
diff --git a/code/lib/codemod/src/transforms/__tests__/migrate-to-test-package.test.ts b/code/lib/codemod/src/transforms/__tests__/migrate-to-test-package.test.ts
index f1fa84e91ba9..e3c2b2e517fa 100644
--- a/code/lib/codemod/src/transforms/__tests__/migrate-to-test-package.test.ts
+++ b/code/lib/codemod/src/transforms/__tests__/migrate-to-test-package.test.ts
@@ -1,7 +1,9 @@
 import { expect, test } from 'vitest';
-import transform from '../migrate-to-test-package';
+
 import { dedent } from 'ts-dedent';
 
+import transform from '../migrate-to-test-package';
+
 expect.addSnapshotSerializer({
   serialize: (val: any) => (typeof val === 'string' ? val : val.toString()),
   test: () => true,
@@ -18,7 +20,7 @@ test('replace jest and testing-library with the test package', async () => {
 
   expect(await tsTransform(input)).toMatchInlineSnapshot(`
     import { expect } from '@storybook/test';
-    import { within, userEvent } from '@storybook/test';
+    import { userEvent, within } from '@storybook/test';
   `);
 });
 
@@ -36,7 +38,7 @@ test('Make jest imports namespace imports', async () => {
   expect(await tsTransform(input)).toMatchInlineSnapshot(`
     import { expect } from '@storybook/test';
     import * as test from '@storybook/test';
-    import { within, userEvent } from '@storybook/test';
+    import { userEvent, within } from '@storybook/test';
 
     const onFocusMock = test.fn();
     const onSearchMock = test.fn();
diff --git a/code/lib/codemod/src/transforms/__tests__/transforms.tests.js b/code/lib/codemod/src/transforms/__tests__/transforms.tests.js
index 6c86a3dd8788..fc6f71ca1e02 100644
--- a/code/lib/codemod/src/transforms/__tests__/transforms.tests.js
+++ b/code/lib/codemod/src/transforms/__tests__/transforms.tests.js
@@ -1,26 +1,28 @@
-import { describe, it, expect, vi } from 'vitest';
-import path from 'path';
-import fs from 'fs';
+import { readdirSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import { applyTransform } from 'jscodeshift/dist/testUtils';
 
 vi.mock('@storybook/core/node-logger');
 
 const inputRegExp = /\.input\.js$/;
 
-const fixturesDir = path.resolve(__dirname, '../__testfixtures__');
-fs.readdirSync(fixturesDir).forEach((transformName) => {
+const fixturesDir = resolve(__dirname, '../__testfixtures__');
+readdirSync(fixturesDir).forEach((transformName) => {
   // FIXME: delete after https://github.com/storybookjs/storybook/issues/19497
   if (transformName === 'mdx-to-csf') return;
 
-  const transformFixturesDir = path.join(fixturesDir, transformName);
+  const transformFixturesDir = join(fixturesDir, transformName);
   describe(`${transformName}`, () => {
     fs.readdirSync(transformFixturesDir)
       .filter((fileName) => inputRegExp.test(fileName))
       .forEach((fileName) => {
-        const inputPath = path.join(transformFixturesDir, fileName);
+        const inputPath = join(transformFixturesDir, fileName);
         it(`transforms correctly using "${fileName}" data`, () =>
           expect(
-            applyTransform(require(path.join(__dirname, '..', transformName)), null, {
+            applyTransform(require(join(__dirname, '..', transformName)), null, {
               path: inputPath,
               source: fs.readFileSync(inputPath, 'utf8'),
             })
diff --git a/code/lib/codemod/src/transforms/__tests__/upgrade-deprecated-types.test.ts b/code/lib/codemod/src/transforms/__tests__/upgrade-deprecated-types.test.ts
index 6ef18f7d995e..bd5aba32ed3f 100644
--- a/code/lib/codemod/src/transforms/__tests__/upgrade-deprecated-types.test.ts
+++ b/code/lib/codemod/src/transforms/__tests__/upgrade-deprecated-types.test.ts
@@ -1,7 +1,9 @@
 import { describe, expect, it } from 'vitest';
-import { dedent } from 'ts-dedent';
-import type { API } from 'jscodeshift';
+
 import ansiRegex from 'ansi-regex';
+import type { API } from 'jscodeshift';
+import { dedent } from 'ts-dedent';
+
 import _transform from '../upgrade-deprecated-types';
 
 expect.addSnapshotSerializer({
diff --git a/code/lib/codemod/src/transforms/csf-2-to-3.ts b/code/lib/codemod/src/transforms/csf-2-to-3.ts
index 45f42b0e8d96..186d3092435b 100644
--- a/code/lib/codemod/src/transforms/csf-2-to-3.ts
+++ b/code/lib/codemod/src/transforms/csf-2-to-3.ts
@@ -1,13 +1,15 @@
 /* eslint-disable no-underscore-dangle */
-import prettier from 'prettier';
-import * as t from '@babel/types';
-import { isIdentifier, isTSTypeAnnotation, isTSTypeReference } from '@babel/types';
 import type { CsfFile } from '@storybook/core/csf-tools';
 import { loadCsf, printCsf } from '@storybook/core/csf-tools';
-import type { API, FileInfo } from 'jscodeshift';
+
 import type { BabelFile, NodePath } from '@babel/core';
 import * as babel from '@babel/core';
+import * as t from '@babel/types';
+import { isIdentifier, isTSTypeAnnotation, isTSTypeReference } from '@babel/types';
+import type { API, FileInfo } from 'jscodeshift';
+import prettier from 'prettier';
 import invariant from 'tiny-invariant';
+
 import { upgradeDeprecatedTypes } from './upgrade-deprecated-types';
 
 const logger = console;
diff --git a/code/lib/codemod/src/transforms/find-implicit-spies.ts b/code/lib/codemod/src/transforms/find-implicit-spies.ts
index 8202a91ae0ee..2324078cf507 100644
--- a/code/lib/codemod/src/transforms/find-implicit-spies.ts
+++ b/code/lib/codemod/src/transforms/find-implicit-spies.ts
@@ -1,9 +1,10 @@
 /* eslint-disable no-underscore-dangle */
-import type { FileInfo } from 'jscodeshift';
 import { loadCsf } from '@storybook/core/csf-tools';
+
 import type { BabelFile } from '@babel/core';
 import * as babel from '@babel/core';
 import { isIdentifier, isObjectExpression, isObjectProperty } from '@babel/types';
+import type { FileInfo } from 'jscodeshift';
 
 function findImplicitSpies(path: babel.NodePath, file: string, keys: string[]) {
   path.traverse({
diff --git a/code/lib/codemod/src/transforms/mdx-to-csf.ts b/code/lib/codemod/src/transforms/mdx-to-csf.ts
index 28da21d7bc8f..42d6744b7c02 100644
--- a/code/lib/codemod/src/transforms/mdx-to-csf.ts
+++ b/code/lib/codemod/src/transforms/mdx-to-csf.ts
@@ -1,10 +1,15 @@
-/* eslint-disable @typescript-eslint/ban-ts-comment,@typescript-eslint/no-shadow */
-import type { FileInfo } from 'jscodeshift';
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { existsSync, renameSync, writeFileSync } from 'node:fs';
+import { basename, join, parse } from 'node:path';
+
 import { babelParse, babelParseExpression } from '@storybook/core/csf-tools';
-import { remark } from 'remark';
-import remarkMdx from 'remark-mdx';
-import { SKIP, visit } from 'unist-util-visit';
-import { is } from 'unist-util-is';
+
+import type { BabelFile } from '@babel/core';
+import * as babel from '@babel/core';
+import * as t from '@babel/types';
+import type { FileInfo } from 'jscodeshift';
+import camelCase from 'lodash/camelCase';
+import type { MdxFlowExpression } from 'mdast-util-mdx-expression';
 import type {
   MdxJsxAttribute,
   MdxJsxExpressionAttribute,
@@ -12,15 +17,12 @@ import type {
   MdxJsxTextElement,
 } from 'mdast-util-mdx-jsx';
 import type { MdxjsEsm } from 'mdast-util-mdxjs-esm';
-import * as t from '@babel/types';
-import type { BabelFile } from '@babel/core';
-import * as babel from '@babel/core';
-import * as recast from 'recast';
-import * as path from 'node:path';
 import prettier from 'prettier';
-import * as fs from 'node:fs';
-import camelCase from 'lodash/camelCase';
-import type { MdxFlowExpression } from 'mdast-util-mdx-expression';
+import * as recast from 'recast';
+import { remark } from 'remark';
+import remarkMdx from 'remark-mdx';
+import { is } from 'unist-util-is';
+import { SKIP, visit } from 'unist-util-visit';
 
 const mdxProcessor = remark().use(remarkMdx) as ReturnType<typeof remark>;
 
@@ -28,23 +30,23 @@ const renameList: { original: string; baseName: string }[] = [];
 const brokenList: { original: string; baseName: string }[] = [];
 
 export default async function jscodeshift(info: FileInfo) {
-  const parsed = path.parse(info.path);
+  const parsed = parse(info.path);
 
-  let baseName = path.join(
+  let baseName = join(
     parsed.dir,
     parsed.name.replace('.mdx', '').replace('.stories', '').replace('.story', '')
   );
 
   // make sure the new csf file we are going to create exists
-  while (fs.existsSync(`${baseName}.stories.js`)) {
+  while (existsSync(`${baseName}.stories.js`)) {
     baseName += '_';
   }
 
   try {
-    const { csf, mdx } = await transform(info, path.basename(baseName));
+    const { csf, mdx } = await transform(info, basename(baseName));
 
     if (csf != null) {
-      fs.writeFileSync(`${baseName}.stories.js`, csf);
+      writeFileSync(`${baseName}.stories.js`, csf);
     }
 
     renameList.push({ original: info.path, baseName });
@@ -60,10 +62,10 @@ export default async function jscodeshift(info: FileInfo) {
 // This is a workaround to rename the files after the transformation, which we can remove after we switch from jscodeshift to another solution.
 process.on('exit', () => {
   renameList.forEach((file) => {
-    fs.renameSync(file.original, `${file.baseName}.mdx`);
+    renameSync(file.original, `${file.baseName}.mdx`);
   });
   brokenList.forEach((file) => {
-    fs.renameSync(file.original, `${file.original}.broken`);
+    renameSync(file.original, `${file.original}.broken`);
   });
 });
 
diff --git a/code/lib/codemod/src/transforms/migrate-to-test-package.ts b/code/lib/codemod/src/transforms/migrate-to-test-package.ts
index efdbd6cd6f16..52cfc67a02c6 100644
--- a/code/lib/codemod/src/transforms/migrate-to-test-package.ts
+++ b/code/lib/codemod/src/transforms/migrate-to-test-package.ts
@@ -1,9 +1,10 @@
 /* eslint-disable no-underscore-dangle */
-import type { FileInfo } from 'jscodeshift';
 import { loadCsf, printCsf } from '@storybook/core/csf-tools';
+
 import type { BabelFile } from '@babel/core';
 import * as babel from '@babel/core';
 import * as t from '@babel/types';
+import type { FileInfo } from 'jscodeshift';
 import prettier from 'prettier';
 
 export default async function transform(info: FileInfo) {
diff --git a/code/lib/codemod/src/transforms/storiesof-to-csf.js b/code/lib/codemod/src/transforms/storiesof-to-csf.js
index c6a58c904c15..1cb62366cfce 100644
--- a/code/lib/codemod/src/transforms/storiesof-to-csf.js
+++ b/code/lib/codemod/src/transforms/storiesof-to-csf.js
@@ -1,7 +1,10 @@
-import prettier from 'prettier';
-import { logger } from '@storybook/core/node-logger';
 import { storyNameFromExport } from '@storybook/csf';
-import { sanitizeName, jscodeshiftToPrettierParser } from '../lib/utils';
+
+import { logger } from '@storybook/core/node-logger';
+
+import prettier from 'prettier';
+
+import { jscodeshiftToPrettierParser, sanitizeName } from '../lib/utils';
 
 /**
  * Convert a legacy story API to component story format
diff --git a/code/lib/codemod/src/transforms/upgrade-deprecated-types.ts b/code/lib/codemod/src/transforms/upgrade-deprecated-types.ts
index f342e98746b4..312fb3c4cfb6 100644
--- a/code/lib/codemod/src/transforms/upgrade-deprecated-types.ts
+++ b/code/lib/codemod/src/transforms/upgrade-deprecated-types.ts
@@ -1,10 +1,11 @@
 /* eslint-disable no-underscore-dangle */
-import prettier from 'prettier';
-import type { API, FileInfo } from 'jscodeshift';
+import { loadCsf, printCsf } from '@storybook/core/csf-tools';
+
 import type { BabelFile, NodePath } from '@babel/core';
 import * as babel from '@babel/core';
-import { loadCsf, printCsf } from '@storybook/core/csf-tools';
 import * as t from '@babel/types';
+import type { API, FileInfo } from 'jscodeshift';
+import prettier from 'prettier';
 
 const logger = console;
 
diff --git a/code/lib/codemod/vitest.config.ts b/code/lib/codemod/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/codemod/vitest.config.ts
+++ b/code/lib/codemod/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/core-webpack/package.json b/code/lib/core-webpack/package.json
index 30dd28a986c6..2709e69a47f9 100644
--- a/code/lib/core-webpack/package.json
+++ b/code/lib/core-webpack/package.json
@@ -40,11 +40,11 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "ts-dedent": "^2.0.0"
   },
   "devDependencies": {
diff --git a/code/lib/core-webpack/src/check-webpack-version.ts b/code/lib/core-webpack/src/check-webpack-version.ts
index 051b03a4933f..fdee9e56731a 100644
--- a/code/lib/core-webpack/src/check-webpack-version.ts
+++ b/code/lib/core-webpack/src/check-webpack-version.ts
@@ -1,4 +1,5 @@
 import { logger } from 'storybook/internal/node-logger';
+
 import { dedent } from 'ts-dedent';
 
 export const checkWebpackVersion = (
diff --git a/code/lib/core-webpack/src/importPipeline.test.ts b/code/lib/core-webpack/src/importPipeline.test.ts
index 5d9775c8d453..a0a86325cfb8 100644
--- a/code/lib/core-webpack/src/importPipeline.test.ts
+++ b/code/lib/core-webpack/src/importPipeline.test.ts
@@ -1,4 +1,5 @@
-import { it, expect, vi } from 'vitest';
+import { expect, it, vi } from 'vitest';
+
 import { importPipeline } from './importPipeline';
 
 const createGate = (): [Promise<any | undefined>, (_?: any) => void] => {
diff --git a/code/lib/core-webpack/src/load-custom-webpack-config.ts b/code/lib/core-webpack/src/load-custom-webpack-config.ts
index 4393fb7242f2..021dedff7f3d 100644
--- a/code/lib/core-webpack/src/load-custom-webpack-config.ts
+++ b/code/lib/core-webpack/src/load-custom-webpack-config.ts
@@ -1,7 +1,8 @@
-import path from 'path';
+import { resolve } from 'node:path';
+
 import { serverRequire } from 'storybook/internal/common';
 
 const webpackConfigs = ['webpack.config', 'webpackfile'];
 
 export const loadCustomWebpackConfig = (configDir: string) =>
-  serverRequire(webpackConfigs.map((configName) => path.resolve(configDir, configName)));
+  serverRequire(webpackConfigs.map((configName) => resolve(configDir, configName)));
diff --git a/code/lib/core-webpack/src/merge-webpack-config.test.ts b/code/lib/core-webpack/src/merge-webpack-config.test.ts
index 7b2c026c2338..f32ecb3cb7b9 100644
--- a/code/lib/core-webpack/src/merge-webpack-config.test.ts
+++ b/code/lib/core-webpack/src/merge-webpack-config.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import type { Configuration } from 'webpack';
+
 import { mergeConfigs } from './merge-webpack-config';
 
 const config: Configuration = {
diff --git a/code/lib/core-webpack/src/to-importFn.test.ts b/code/lib/core-webpack/src/to-importFn.test.ts
index 7ab9f1497959..4cd439032673 100644
--- a/code/lib/core-webpack/src/to-importFn.test.ts
+++ b/code/lib/core-webpack/src/to-importFn.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { normalizeStoriesEntry } from 'storybook/internal/common';
 
 import { webpackIncludeRegexp } from './to-importFn';
diff --git a/code/lib/core-webpack/src/to-importFn.ts b/code/lib/core-webpack/src/to-importFn.ts
index dfe97fce19e6..ec4cfca8f548 100644
--- a/code/lib/core-webpack/src/to-importFn.ts
+++ b/code/lib/core-webpack/src/to-importFn.ts
@@ -1,6 +1,7 @@
-import { dedent } from 'ts-dedent';
-import type { NormalizedStoriesSpecifier } from 'storybook/internal/types';
 import { globToRegexp } from 'storybook/internal/common';
+import type { NormalizedStoriesSpecifier } from 'storybook/internal/types';
+
+import { dedent } from 'ts-dedent';
 
 import { importPipeline } from './importPipeline';
 
diff --git a/code/lib/core-webpack/src/to-require-context.test.ts b/code/lib/core-webpack/src/to-require-context.test.ts
index 5eeed9c731e0..c8acff09b9d0 100644
--- a/code/lib/core-webpack/src/to-require-context.test.ts
+++ b/code/lib/core-webpack/src/to-require-context.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
-import path from 'path';
+import { relative } from 'node:path';
+
+import { describe, expect, it } from 'vitest';
+
 import { normalizeStoriesEntry } from 'storybook/internal/common';
 
 import { toRequireContext } from './to-require-context';
@@ -271,7 +273,7 @@ describe('toRequireContext', () => {
       const regex = new RegExp(match);
 
       function isMatched(filePath: string) {
-        const relativePath = `./${path.relative(base, filePath)}`;
+        const relativePath = `./${relative(base, filePath)}`;
 
         const baseIncluded = filePath.includes(base);
         const matched = regex.test(relativePath);
diff --git a/code/lib/core-webpack/src/to-require-context.ts b/code/lib/core-webpack/src/to-require-context.ts
index 8a4fd5e9e442..1fcd3f0ccbdd 100644
--- a/code/lib/core-webpack/src/to-require-context.ts
+++ b/code/lib/core-webpack/src/to-require-context.ts
@@ -1,5 +1,5 @@
-import type { NormalizedStoriesSpecifier } from 'storybook/internal/types';
 import { globToRegexp } from 'storybook/internal/common';
+import type { NormalizedStoriesSpecifier } from 'storybook/internal/types';
 
 export const toRequireContext = (specifier: NormalizedStoriesSpecifier) => {
   const { directory, files } = specifier;
diff --git a/code/lib/core-webpack/vitest.config.ts b/code/lib/core-webpack/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/core-webpack/vitest.config.ts
+++ b/code/lib/core-webpack/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/create-storybook/package.json b/code/lib/create-storybook/package.json
index 0acc48d79102..778c28b8d975 100644
--- a/code/lib/create-storybook/package.json
+++ b/code/lib/create-storybook/package.json
@@ -51,8 +51,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti  ../../../scripts/prepare/check.ts",
+    "prep": "jiti  ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@types/semver": "^7.3.4",
diff --git a/code/lib/create-storybook/src/bin/index.ts b/code/lib/create-storybook/src/bin/index.ts
index a3e21bfc4d60..758365d3b1ca 100644
--- a/code/lib/create-storybook/src/bin/index.ts
+++ b/code/lib/create-storybook/src/bin/index.ts
@@ -1,8 +1,9 @@
+import { versions } from 'storybook/internal/common';
+import { addToGlobalContext } from 'storybook/internal/telemetry';
+
 import program from 'commander';
 import { findPackageSync } from 'fd-package-json';
 import invariant from 'tiny-invariant';
-import { addToGlobalContext } from 'storybook/internal/telemetry';
-import { versions } from 'storybook/internal/common';
 
 import type { CommandOptions } from '../generators/types';
 import { initiate } from '../initiate';
diff --git a/code/lib/create-storybook/src/generators/ANGULAR/index.ts b/code/lib/create-storybook/src/generators/ANGULAR/index.ts
index e7a6ec09e42a..9525b7678986 100644
--- a/code/lib/create-storybook/src/generators/ANGULAR/index.ts
+++ b/code/lib/create-storybook/src/generators/ANGULAR/index.ts
@@ -1,10 +1,12 @@
-import { join } from 'path';
-import { commandLog } from 'storybook/internal/common';
-import { baseGenerator, getCliDir } from '../baseGenerator';
-import type { Generator } from '../types';
+import { join } from 'node:path';
+
 import { CoreBuilder } from 'storybook/internal/cli';
 import { AngularJSON, compoDocPreviewPrefix, promptForCompoDocs } from 'storybook/internal/cli';
 import { copyTemplate } from 'storybook/internal/cli';
+import { commandLog } from 'storybook/internal/common';
+
+import { baseGenerator, getCliDir } from '../baseGenerator';
+import type { Generator } from '../types';
 
 const generator: Generator<{ projectName: string }> = async (
   packageManager,
diff --git a/code/lib/create-storybook/src/generators/EMBER/index.ts b/code/lib/create-storybook/src/generators/EMBER/index.ts
index cd12ca61a4d6..25622d0bb142 100644
--- a/code/lib/create-storybook/src/generators/EMBER/index.ts
+++ b/code/lib/create-storybook/src/generators/EMBER/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/HTML/index.ts b/code/lib/create-storybook/src/generators/HTML/index.ts
index 541525e7b384..884f83bb0d72 100755
--- a/code/lib/create-storybook/src/generators/HTML/index.ts
+++ b/code/lib/create-storybook/src/generators/HTML/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/NEXTJS/index.ts b/code/lib/create-storybook/src/generators/NEXTJS/index.ts
index fbbbe7b58728..2a0f5a876dd4 100644
--- a/code/lib/create-storybook/src/generators/NEXTJS/index.ts
+++ b/code/lib/create-storybook/src/generators/NEXTJS/index.ts
@@ -1,6 +1,8 @@
-import { join } from 'path';
-import { existsSync } from 'fs';
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
+
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/PREACT/index.ts b/code/lib/create-storybook/src/generators/PREACT/index.ts
index b75293bf3c3d..66b1bb15d2c3 100644
--- a/code/lib/create-storybook/src/generators/PREACT/index.ts
+++ b/code/lib/create-storybook/src/generators/PREACT/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/REACT/index.ts b/code/lib/create-storybook/src/generators/REACT/index.ts
index b4b2bb1d9479..f37ae562d9fe 100644
--- a/code/lib/create-storybook/src/generators/REACT/index.ts
+++ b/code/lib/create-storybook/src/generators/REACT/index.ts
@@ -1,5 +1,6 @@
 import { detectLanguage } from 'storybook/internal/cli';
 import { CoreBuilder, SupportedLanguage } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/REACT_NATIVE/index.ts b/code/lib/create-storybook/src/generators/REACT_NATIVE/index.ts
index 377c87e94db4..a1fb9be5ad79 100644
--- a/code/lib/create-storybook/src/generators/REACT_NATIVE/index.ts
+++ b/code/lib/create-storybook/src/generators/REACT_NATIVE/index.ts
@@ -1,7 +1,7 @@
 import { copyTemplateFiles, getBabelDependencies } from 'storybook/internal/cli';
-import type { JsPackageManager } from 'storybook/internal/common';
 import type { NpmOptions } from 'storybook/internal/cli';
 import { SupportedLanguage } from 'storybook/internal/cli';
+import type { JsPackageManager } from 'storybook/internal/common';
 
 const generator = async (
   packageManager: JsPackageManager,
diff --git a/code/lib/create-storybook/src/generators/REACT_SCRIPTS/index.ts b/code/lib/create-storybook/src/generators/REACT_SCRIPTS/index.ts
index afd1ff670bf5..d089a3f6c190 100644
--- a/code/lib/create-storybook/src/generators/REACT_SCRIPTS/index.ts
+++ b/code/lib/create-storybook/src/generators/REACT_SCRIPTS/index.ts
@@ -1,14 +1,16 @@
-import path from 'path';
-import fs from 'fs';
+import { existsSync } from 'node:fs';
+import { join, resolve } from 'node:path';
+
+import { CoreBuilder } from 'storybook/internal/cli';
+
 import semver from 'semver';
 import { dedent } from 'ts-dedent';
 
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
-import { CoreBuilder } from 'storybook/internal/cli';
 
 const generator: Generator = async (packageManager, npmOptions, options) => {
-  const monorepoRootPath = path.join(__dirname, '..', '..', '..', '..', '..', '..');
+  const monorepoRootPath = join(__dirname, '..', '..', '..', '..', '..', '..');
   const extraMain = options.linkable
     ? {
         webpackFinal: `%%(config) => {
@@ -57,7 +59,7 @@ const generator: Generator = async (packageManager, npmOptions, options) => {
       webpackCompiler: () => undefined,
       extraAddons,
       extraPackages,
-      staticDir: fs.existsSync(path.resolve('./public')) ? 'public' : undefined,
+      staticDir: existsSync(resolve('./public')) ? 'public' : undefined,
       extraMain,
     }
   );
diff --git a/code/lib/create-storybook/src/generators/SERVER/index.ts b/code/lib/create-storybook/src/generators/SERVER/index.ts
index c46ace7b0e65..280551bd3791 100755
--- a/code/lib/create-storybook/src/generators/SERVER/index.ts
+++ b/code/lib/create-storybook/src/generators/SERVER/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/SOLID/index.ts b/code/lib/create-storybook/src/generators/SOLID/index.ts
index 9f02e6256b45..0d0e1a4a80b6 100644
--- a/code/lib/create-storybook/src/generators/SOLID/index.ts
+++ b/code/lib/create-storybook/src/generators/SOLID/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/SVELTEKIT/index.ts b/code/lib/create-storybook/src/generators/SVELTEKIT/index.ts
index 2632f7edcdd0..4a891b9a68bf 100644
--- a/code/lib/create-storybook/src/generators/SVELTEKIT/index.ts
+++ b/code/lib/create-storybook/src/generators/SVELTEKIT/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/VUE3/index.ts b/code/lib/create-storybook/src/generators/VUE3/index.ts
index d7315f6cae39..2ac5733685f1 100644
--- a/code/lib/create-storybook/src/generators/VUE3/index.ts
+++ b/code/lib/create-storybook/src/generators/VUE3/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/WEB-COMPONENTS/index.ts b/code/lib/create-storybook/src/generators/WEB-COMPONENTS/index.ts
index 49135da7f517..bb6c9c607286 100755
--- a/code/lib/create-storybook/src/generators/WEB-COMPONENTS/index.ts
+++ b/code/lib/create-storybook/src/generators/WEB-COMPONENTS/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/WEBPACK_REACT/index.ts b/code/lib/create-storybook/src/generators/WEBPACK_REACT/index.ts
index 7ded9e787096..0a1bba56b269 100644
--- a/code/lib/create-storybook/src/generators/WEBPACK_REACT/index.ts
+++ b/code/lib/create-storybook/src/generators/WEBPACK_REACT/index.ts
@@ -1,4 +1,5 @@
 import { CoreBuilder } from 'storybook/internal/cli';
+
 import { baseGenerator } from '../baseGenerator';
 import type { Generator } from '../types';
 
diff --git a/code/lib/create-storybook/src/generators/baseGenerator.ts b/code/lib/create-storybook/src/generators/baseGenerator.ts
index 57631d3f7245..9ebd449228bf 100644
--- a/code/lib/create-storybook/src/generators/baseGenerator.ts
+++ b/code/lib/create-storybook/src/generators/baseGenerator.ts
@@ -1,19 +1,22 @@
-import path, { dirname } from 'path';
-import fse from 'fs-extra';
-import { dedent } from 'ts-dedent';
-import ora from 'ora';
-import invariant from 'tiny-invariant';
-import type { JsPackageManager } from 'storybook/internal/common';
-import { getPackageDetails, versions as packageVersions } from 'storybook/internal/common';
-import type { SupportedFrameworks } from 'storybook/internal/types';
+import { dirname, join } from 'node:path';
+
 import type { NpmOptions } from 'storybook/internal/cli';
-import type { SupportedRenderers, Builder } from 'storybook/internal/cli';
+import type { Builder, SupportedRenderers } from 'storybook/internal/cli';
 import { SupportedLanguage, externalFrameworks } from 'storybook/internal/cli';
 import { copyTemplateFiles } from 'storybook/internal/cli';
-import { configureMain, configurePreview } from './configure';
-import type { FrameworkOptions, GeneratorOptions } from './types';
 import { configureEslintPlugin, extractEslintInfo } from 'storybook/internal/cli';
 import { detectBuilder } from 'storybook/internal/cli';
+import type { JsPackageManager } from 'storybook/internal/common';
+import { getPackageDetails, versions as packageVersions } from 'storybook/internal/common';
+import type { SupportedFrameworks } from 'storybook/internal/types';
+
+import fse from 'fs-extra';
+import ora from 'ora';
+import invariant from 'tiny-invariant';
+import { dedent } from 'ts-dedent';
+
+import { configureMain, configurePreview } from './configure';
+import type { FrameworkOptions, GeneratorOptions } from './types';
 
 const logger = console;
 
@@ -359,7 +362,7 @@ export async function baseGenerator(
         : addons,
       extensions,
       language,
-      ...(staticDir ? { staticDirs: [path.join('..', staticDir)] } : null),
+      ...(staticDir ? { staticDirs: [join('..', staticDir)] } : null),
       ...extraMain,
       ...(type !== 'framework'
         ? {
@@ -394,7 +397,7 @@ export async function baseGenerator(
       packageManager,
       language,
       destination: componentsDestinationPath,
-      commonAssetsDir: path.join(getCliDir(), 'rendererAssets', 'common'),
+      commonAssetsDir: join(getCliDir(), 'rendererAssets', 'common'),
     });
   }
 }
diff --git a/code/lib/create-storybook/src/generators/configure.test.ts b/code/lib/create-storybook/src/generators/configure.test.ts
index b9626fdcdfd5..f5903d883637 100644
--- a/code/lib/create-storybook/src/generators/configure.test.ts
+++ b/code/lib/create-storybook/src/generators/configure.test.ts
@@ -1,7 +1,10 @@
-import { describe, beforeAll, expect, vi, it } from 'vitest';
+import { beforeAll, describe, expect, it, vi } from 'vitest';
+
+import { SupportedLanguage } from 'storybook/internal/cli';
+
 import fse from 'fs-extra';
 import { dedent } from 'ts-dedent';
-import { SupportedLanguage } from 'storybook/internal/cli';
+
 import { configureMain, configurePreview } from './configure';
 
 vi.mock('fs-extra');
@@ -91,7 +94,7 @@ describe('configureMain', () => {
 
     expect(mainConfigPath).toEqual('./.storybook/main.js');
     expect(mainConfigContent).toMatchInlineSnapshot(`
-      "import path from 'path';
+      "import path from 'node:path';
 
       /** @type { import('@storybook/react-webpack5').StorybookConfig } */
       const config = {
@@ -202,8 +205,11 @@ describe('configurePreview', () => {
     expect(previewConfigPath).toEqual('./.storybook/preview.ts');
     expect(previewConfigContent).toMatchInlineSnapshot(`
       "import type { Preview } from '@storybook/angular';
+
       import { setCompodocJson } from '@storybook/addon-docs/angular';
+
       import docJson from '../documentation.json';
+
       setCompodocJson(docJson);
 
       const preview: Preview = {
diff --git a/code/lib/create-storybook/src/generators/configure.ts b/code/lib/create-storybook/src/generators/configure.ts
index 791caf3887a3..7fd0728b6128 100644
--- a/code/lib/create-storybook/src/generators/configure.ts
+++ b/code/lib/create-storybook/src/generators/configure.ts
@@ -1,8 +1,10 @@
+import { resolve } from 'node:path';
+
+import { SupportedLanguage, externalFrameworks } from 'storybook/internal/cli';
+import { logger } from 'storybook/internal/node-logger';
+
 import fse from 'fs-extra';
-import path from 'path';
 import { dedent } from 'ts-dedent';
-import { logger } from 'storybook/internal/node-logger';
-import { externalFrameworks, SupportedLanguage } from 'storybook/internal/cli';
 
 interface ConfigureMainOptions {
   addons: string[];
@@ -57,7 +59,7 @@ export async function configureMain({
   prefixes = [],
   ...custom
 }: ConfigureMainOptions) {
-  const srcPath = path.resolve(storybookConfigFolder, '../src');
+  const srcPath = resolve(storybookConfigFolder, '../src');
   const prefix = (await fse.pathExists(srcPath)) ? '../src' : '../stories';
   const config = {
     stories: [`${prefix}/**/*.mdx`, `${prefix}/**/*.stories.@(${extensions.join('|')})`],
@@ -86,7 +88,7 @@ export async function configureMain({
   const finalPrefixes = [...prefixes];
 
   if (custom.framework?.name.includes('path.dirname(')) {
-    imports.push(`import path from 'path';`);
+    imports.push(`import path from 'node:path';`);
   }
 
   if (isTypescript) {
diff --git a/code/lib/create-storybook/src/generators/types.ts b/code/lib/create-storybook/src/generators/types.ts
index deade843e206..e9192a47c3c9 100644
--- a/code/lib/create-storybook/src/generators/types.ts
+++ b/code/lib/create-storybook/src/generators/types.ts
@@ -1,6 +1,7 @@
 import type { NpmOptions } from 'storybook/internal/cli';
-import type { SupportedLanguage, Builder, ProjectType } from 'storybook/internal/cli';
+import type { Builder, ProjectType, SupportedLanguage } from 'storybook/internal/cli';
 import type { JsPackageManager, PackageManagerName } from 'storybook/internal/common';
+
 import type { FrameworkPreviewParts } from './configure';
 
 export type GeneratorOptions = {
diff --git a/code/lib/create-storybook/src/initiate.ts b/code/lib/create-storybook/src/initiate.ts
index 5d0932926d7b..787e16288cc2 100644
--- a/code/lib/create-storybook/src/initiate.ts
+++ b/code/lib/create-storybook/src/initiate.ts
@@ -1,42 +1,44 @@
-import { appendFile, readFile } from 'fs/promises';
-import findUp from 'find-up';
-import chalk from 'chalk';
-import prompts from 'prompts';
-import { telemetry } from 'storybook/internal/telemetry';
-import { withTelemetry } from 'storybook/internal/core-server';
-import { NxProjectDetectedError } from 'storybook/internal/server-errors';
+import { appendFile, readFile } from 'node:fs/promises';
+
+import type { Builder, NpmOptions } from 'storybook/internal/cli';
+import { ProjectType, installableProjectTypes } from 'storybook/internal/cli';
+import { detect, detectLanguage, detectPnp, isStorybookInstantiated } from 'storybook/internal/cli';
 import {
-  versions,
   HandledError,
   JsPackageManagerFactory,
   commandLog,
-  paddedLog,
   getProjectRoot,
+  paddedLog,
+  versions,
 } from 'storybook/internal/common';
 import type { JsPackageManager } from 'storybook/internal/common';
+import { withTelemetry } from 'storybook/internal/core-server';
+import { NxProjectDetectedError } from 'storybook/internal/server-errors';
+import { telemetry } from 'storybook/internal/telemetry';
 
-import { dedent } from 'ts-dedent';
 import boxen from 'boxen';
+import chalk from 'chalk';
+import findUp from 'find-up';
+import prompts from 'prompts';
 import { lt, prerelease } from 'semver';
-import type { Builder, NpmOptions } from 'storybook/internal/cli';
-import { installableProjectTypes, ProjectType } from 'storybook/internal/cli';
-import { detect, isStorybookInstantiated, detectLanguage, detectPnp } from 'storybook/internal/cli';
+import { dedent } from 'ts-dedent';
+
 import angularGenerator from './generators/ANGULAR';
 import emberGenerator from './generators/EMBER';
+import htmlGenerator from './generators/HTML';
+import nextjsGenerator from './generators/NEXTJS';
+import preactGenerator from './generators/PREACT';
+import qwikGenerator from './generators/QWIK';
 import reactGenerator from './generators/REACT';
 import reactNativeGenerator from './generators/REACT_NATIVE';
 import reactScriptsGenerator from './generators/REACT_SCRIPTS';
-import nextjsGenerator from './generators/NEXTJS';
-import vue3Generator from './generators/VUE3';
-import webpackReactGenerator from './generators/WEBPACK_REACT';
-import htmlGenerator from './generators/HTML';
-import webComponentsGenerator from './generators/WEB-COMPONENTS';
-import preactGenerator from './generators/PREACT';
+import serverGenerator from './generators/SERVER';
+import solidGenerator from './generators/SOLID';
 import svelteGenerator from './generators/SVELTE';
-import qwikGenerator from './generators/QWIK';
 import svelteKitGenerator from './generators/SVELTEKIT';
-import solidGenerator from './generators/SOLID';
-import serverGenerator from './generators/SERVER';
+import vue3Generator from './generators/VUE3';
+import webComponentsGenerator from './generators/WEB-COMPONENTS';
+import webpackReactGenerator from './generators/WEBPACK_REACT';
 import type { CommandOptions, GeneratorOptions } from './generators/types';
 import { currentDirectoryIsEmpty, scaffoldNewProject } from './scaffold-new-project';
 
diff --git a/code/lib/create-storybook/src/scaffold-new-project.ts b/code/lib/create-storybook/src/scaffold-new-project.ts
index 18310892fbc5..29bd2321bb77 100644
--- a/code/lib/create-storybook/src/scaffold-new-project.ts
+++ b/code/lib/create-storybook/src/scaffold-new-project.ts
@@ -1,3 +1,8 @@
+import type { PackageManagerName } from 'storybook/internal/common';
+import { logger } from 'storybook/internal/node-logger';
+import { GenerateNewProjectOnInitError } from 'storybook/internal/server-errors';
+import { telemetry } from 'storybook/internal/telemetry';
+
 import boxen from 'boxen';
 import chalk from 'chalk';
 import execa from 'execa';
@@ -5,12 +10,6 @@ import { readdirSync, remove } from 'fs-extra';
 import prompts from 'prompts';
 import { dedent } from 'ts-dedent';
 
-import { telemetry } from 'storybook/internal/telemetry';
-
-import { GenerateNewProjectOnInitError } from 'storybook/internal/server-errors';
-import { logger } from 'storybook/internal/node-logger';
-
-import type { PackageManagerName } from 'storybook/internal/common';
 import type { CommandOptions } from './generators/types';
 
 type CoercedPackageManagerName = 'npm' | 'yarn' | 'pnpm';
diff --git a/code/lib/create-storybook/vitest.config.ts b/code/lib/create-storybook/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/create-storybook/vitest.config.ts
+++ b/code/lib/create-storybook/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/csf-plugin/package.json b/code/lib/csf-plugin/package.json
index 70410a350e66..b96a6fdfb9ab 100644
--- a/code/lib/csf-plugin/package.json
+++ b/code/lib/csf-plugin/package.json
@@ -46,8 +46,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "unplugin": "^1.3.1"
diff --git a/code/lib/csf-plugin/src/index.ts b/code/lib/csf-plugin/src/index.ts
index 50d2f446631d..7ad2a1c96ffc 100644
--- a/code/lib/csf-plugin/src/index.ts
+++ b/code/lib/csf-plugin/src/index.ts
@@ -1,7 +1,9 @@
-import { createUnplugin } from 'unplugin';
 import type { EnrichCsfOptions } from 'storybook/internal/csf-tools';
-import { rollupBasedPlugin } from './rollup-based-plugin';
+
+import { createUnplugin } from 'unplugin';
+
 import { STORIES_REGEX } from './constants';
+import { rollupBasedPlugin } from './rollup-based-plugin';
 
 export type CsfPluginOptions = EnrichCsfOptions;
 
diff --git a/code/lib/csf-plugin/src/rollup-based-plugin.ts b/code/lib/csf-plugin/src/rollup-based-plugin.ts
index 9d4c281af616..a2b089694912 100644
--- a/code/lib/csf-plugin/src/rollup-based-plugin.ts
+++ b/code/lib/csf-plugin/src/rollup-based-plugin.ts
@@ -1,7 +1,10 @@
+import { readFile } from 'node:fs/promises';
+
 import type { EnrichCsfOptions } from 'storybook/internal/csf-tools';
 import { enrichCsf, formatCsf, loadCsf } from 'storybook/internal/csf-tools';
+
 import type { RollupPlugin } from 'unplugin';
-import fs from 'fs/promises';
+
 import { STORIES_REGEX } from './constants';
 
 const logger = console;
@@ -14,7 +17,7 @@ export function rollupBasedPlugin(options: EnrichCsfOptions): Partial<RollupPlug
         return;
       }
 
-      const sourceCode = await fs.readFile(id, 'utf-8');
+      const sourceCode = await readFile(id, 'utf-8');
       try {
         const makeTitle = (userTitle: string) => userTitle || 'default';
         const csf = loadCsf(code, { makeTitle }).parse();
diff --git a/code/lib/csf-plugin/src/webpack-loader.ts b/code/lib/csf-plugin/src/webpack-loader.ts
index 1d27053918b1..3304d35c10bf 100644
--- a/code/lib/csf-plugin/src/webpack-loader.ts
+++ b/code/lib/csf-plugin/src/webpack-loader.ts
@@ -1,6 +1,7 @@
-import fs from 'fs/promises';
+import { readFile } from 'node:fs/promises';
+
 import type { EnrichCsfOptions } from 'storybook/internal/csf-tools';
-import { loadCsf, formatCsf, enrichCsf } from 'storybook/internal/csf-tools';
+import { enrichCsf, formatCsf, loadCsf } from 'storybook/internal/csf-tools';
 
 interface LoaderContext {
   async: () => (err: Error | null, result?: string, map?: any) => void;
@@ -13,7 +14,7 @@ async function loader(this: LoaderContext, content: string, map: any) {
   const options = this.getOptions();
   const id = this.resourcePath;
 
-  const sourceCode = await fs.readFile(id, 'utf-8');
+  const sourceCode = await readFile(id, 'utf-8');
 
   try {
     const makeTitle = (userTitle: string) => userTitle || 'default';
diff --git a/code/lib/csf-plugin/vitest.config.ts b/code/lib/csf-plugin/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/csf-plugin/vitest.config.ts
+++ b/code/lib/csf-plugin/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/instrumenter/package.json b/code/lib/instrumenter/package.json
index 7a5f7ca811c3..70a80d1f2e05 100644
--- a/code/lib/instrumenter/package.json
+++ b/code/lib/instrumenter/package.json
@@ -23,9 +23,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -40,12 +40,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@vitest/utils": "^1.3.1",
+    "@vitest/utils": "^2.0.5",
     "util": "^0.12.4"
   },
   "devDependencies": {
diff --git a/code/lib/instrumenter/src/instrumenter.test.ts b/code/lib/instrumenter/src/instrumenter.test.ts
index 54833bec51ab..ed09d7b65b2b 100644
--- a/code/lib/instrumenter/src/instrumenter.test.ts
+++ b/code/lib/instrumenter/src/instrumenter.test.ts
@@ -1,13 +1,15 @@
 // @vitest-environment happy-dom
 
 /* eslint-disable no-underscore-dangle */
-import { addons, mockChannel } from 'storybook/internal/preview-api';
-import { describe, beforeEach, afterEach, it, expect, vi } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
 import {
   FORCE_REMOUNT,
   SET_CURRENT_STORY,
   STORY_RENDER_PHASE_CHANGED,
 } from 'storybook/internal/core-events';
+import { addons, mockChannel } from 'storybook/internal/preview-api';
+
 import { global } from '@storybook/global';
 
 import { EVENTS, Instrumenter } from './instrumenter';
diff --git a/code/lib/instrumenter/src/instrumenter.ts b/code/lib/instrumenter/src/instrumenter.ts
index 7127e2c480cc..31a60aef1625 100644
--- a/code/lib/instrumenter/src/instrumenter.ts
+++ b/code/lib/instrumenter/src/instrumenter.ts
@@ -1,19 +1,21 @@
 /* eslint-disable no-underscore-dangle */
 import type { Channel } from 'storybook/internal/channels';
-import { addons } from 'storybook/internal/preview-api';
-import type { StoryId } from 'storybook/internal/types';
 import { once } from 'storybook/internal/client-logger';
-import './typings.d.ts';
 import {
   FORCE_REMOUNT,
   SET_CURRENT_STORY,
   STORY_RENDER_PHASE_CHANGED,
 } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/preview-api';
+import type { StoryId } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
+
 import { processError } from '@vitest/utils/error';
 
 import type { Call, CallRef, ControlStates, LogItem, Options, State, SyncPayload } from './types';
 import { CallStates } from './types';
+import './typings.d.ts';
 
 export const EVENTS = {
   CALL: 'storybook/instrumenter/call',
diff --git a/code/lib/instrumenter/vitest.config.ts b/code/lib/instrumenter/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/instrumenter/vitest.config.ts
+++ b/code/lib/instrumenter/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/react-dom-shim/package.json b/code/lib/react-dom-shim/package.json
index f561277fd638..54b8d81859df 100644
--- a/code/lib/react-dom-shim/package.json
+++ b/code/lib/react-dom-shim/package.json
@@ -23,15 +23,15 @@
   "exports": {
     ".": {
       "types": "./dist/react-18.d.ts",
-      "node": "./dist/react-18.js",
       "import": "./dist/react-18.mjs",
-      "require": "./dist/react-18.js"
+      "require": "./dist/react-18.js",
+      "node": "./dist/react-18.js"
     },
     "./dist/react-16": {
       "types": "./dist/react-16.d.ts",
-      "node": "./dist/react-16.js",
       "import": "./dist/react-16.mjs",
-      "require": "./dist/react-16.js"
+      "require": "./dist/react-16.js",
+      "node": "./dist/react-16.js"
     },
     "./dist/preset": {
       "types": "./dist/preset.d.ts",
@@ -50,8 +50,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "devDependencies": {
     "typescript": "^5.3.2"
diff --git a/code/lib/react-dom-shim/src/preset.ts b/code/lib/react-dom-shim/src/preset.ts
index 92df188e69e0..1eae332f91ee 100644
--- a/code/lib/react-dom-shim/src/preset.ts
+++ b/code/lib/react-dom-shim/src/preset.ts
@@ -1,6 +1,7 @@
+import { readFile } from 'node:fs/promises';
+import { dirname, isAbsolute, join } from 'node:path';
+
 import type { Options } from 'storybook/internal/types';
-import { join, dirname, isAbsolute } from 'path';
-import { readFile } from 'fs/promises';
 
 /**
  * Get react-dom version from the resolvedReact preset, which points to either
diff --git a/code/lib/source-loader/package.json b/code/lib/source-loader/package.json
index ab2e7abddec5..6dd1305af61e 100644
--- a/code/lib/source-loader/package.json
+++ b/code/lib/source-loader/package.json
@@ -24,9 +24,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
@@ -41,8 +41,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/csf": "^0.1.11",
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js b/code/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
index 7e9f60048d07..4d31750aaed6 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
+++ b/code/lib/source-loader/src/abstract-syntax-tree/generate-helpers.js
@@ -1,15 +1,17 @@
-import { storyNameFromExport, sanitize } from '@storybook/csf';
+import { sanitize, storyNameFromExport } from '@storybook/csf';
+
 import mapKeys from 'lodash/mapKeys.js';
+
+import { extractSource } from '../extract-source';
 import { patchNode } from './parse-helpers';
 import getParser from './parsers';
 import {
-  splitSTORYOF,
   findAddsMap,
-  splitExports,
-  popParametersObjectFromDefaultExport,
   findExportsMap as generateExportsMap,
+  popParametersObjectFromDefaultExport,
+  splitExports,
+  splitSTORYOF,
 } from './traverse-helpers';
-import { extractSource } from '../extract-source';
 
 export function sanitizeSource(source) {
   return JSON.stringify(source, null, 2)
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js b/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
index 808ca468a0d0..9979b921fd5f 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
+++ b/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.csf.test.js
@@ -1,6 +1,8 @@
-import { describe, it, expect } from 'vitest';
-import { readFile } from 'fs/promises';
-import path from 'path';
+import { readFile } from 'node:fs/promises';
+import { resolve } from 'node:path';
+
+import { describe, expect, it } from 'vitest';
+
 import injectDecorator from './inject-decorator';
 import getParser from './parsers';
 
@@ -11,7 +13,7 @@ describe('inject-decorator', () => {
     it('includes storySource parameter in the default exported object', async () => {
       const mockFilePath = './__mocks__/inject-decorator.ts.csf.txt';
       const source = await readFile(mockFilePath, 'utf-8');
-      const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+      const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
         parser: 'typescript',
       });
 
@@ -23,7 +25,7 @@ describe('inject-decorator', () => {
     it('includes storySource parameter in the default exported variable', async () => {
       const mockFilePath = './__mocks__/inject-decorator.ts.csf-meta-var.txt';
       const source = await readFile(mockFilePath, 'utf-8');
-      const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+      const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
         parser: 'typescript',
       });
 
@@ -35,7 +37,7 @@ describe('inject-decorator', () => {
     it('includes storySource parameter in CSf3', async () => {
       const mockFilePath = './__mocks__/inject-decorator.ts.csf3.txt';
       const source = await readFile(mockFilePath, 'utf-8');
-      const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+      const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
         parser: 'typescript',
       });
 
@@ -49,7 +51,7 @@ describe('inject-decorator', () => {
     it('includes storySource parameter in the default exported object', async () => {
       const mockFilePath = './__mocks__/inject-parameters.ts.csf.txt';
       const source = await readFile(mockFilePath, 'utf-8');
-      const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+      const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
         injectStoryParameters: true,
         parser: 'typescript',
       });
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js b/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
index fcf776e4b9f0..f6402d70eb8b 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
+++ b/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.js
@@ -1,14 +1,13 @@
 import defaultOptions from './default-options';
-import getParser from './parsers';
-
 import {
   generateSourceWithDecorators,
   generateSourceWithoutDecorators,
-  generateStorySource,
-  generateStoriesLocationsMap,
   generateSourcesInExportedParameters,
   generateSourcesInStoryParameters,
+  generateStoriesLocationsMap,
+  generateStorySource,
 } from './generate-helpers';
+import getParser from './parsers';
 
 function extendOptions(source, comments, filepath, options) {
   return {
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.test.js b/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.test.js
index 4d4217387a89..a6e08f54c8f8 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.test.js
+++ b/code/lib/source-loader/src/abstract-syntax-tree/inject-decorator.test.js
@@ -1,13 +1,15 @@
-import { describe, it, expect } from 'vitest';
-import fs from 'fs';
-import path from 'path';
+import { readFileSync } from 'node:fs';
+import { resolve } from 'node:path';
+
+import { describe, expect, it } from 'vitest';
+
 import injectDecorator from './inject-decorator';
 
 describe('inject-decorator', () => {
   describe('positive', () => {
     const mockFilePath = './__mocks__/inject-decorator.stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       parser: 'javascript',
     });
 
@@ -26,8 +28,8 @@ describe('inject-decorator', () => {
 
   describe('positive - angular', () => {
     const mockFilePath = './__mocks__/inject-decorator.angular-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       parser: 'typescript',
     });
 
@@ -46,8 +48,8 @@ describe('inject-decorator', () => {
 
   describe('positive - flow', () => {
     const mockFilePath = './__mocks__/inject-decorator.flow-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       parser: 'flow',
     });
 
@@ -66,8 +68,8 @@ describe('inject-decorator', () => {
 
   describe('positive - ts', () => {
     const mockFilePath = './__mocks__/inject-decorator.ts.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       parser: 'typescript',
     });
 
@@ -86,8 +88,8 @@ describe('inject-decorator', () => {
 
   describe('stories with ugly comments', () => {
     const mockFilePath = './__mocks__/inject-decorator.ugly-comments-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       parser: 'javascript',
     });
 
@@ -98,8 +100,8 @@ describe('inject-decorator', () => {
 
   describe('stories with ugly comments in ts', () => {
     const mockFilePath = './__mocks__/inject-decorator.ts.ugly-comments-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       parser: 'typescript',
     });
 
@@ -110,9 +112,9 @@ describe('inject-decorator', () => {
 
   it('will not change the source when there are no "storiesOf" functions', () => {
     const mockFilePath = './__mocks__/inject-decorator.no-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
+    const source = readFileSync(mockFilePath, 'utf-8');
 
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath));
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath));
 
     expect(result.changed).toBeFalsy();
     expect(result.addsMap).toEqual({});
@@ -121,8 +123,8 @@ describe('inject-decorator', () => {
 
   describe('injectDecorator option is false', () => {
     const mockFilePath = './__mocks__/inject-decorator.stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       injectDecorator: false,
       parser: 'javascript',
     });
@@ -134,8 +136,8 @@ describe('inject-decorator', () => {
 
   describe('injectDecorator option is false - angular', () => {
     const mockFilePath = './__mocks__/inject-decorator.angular-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       injectDecorator: false,
       parser: 'typescript',
     });
@@ -147,8 +149,8 @@ describe('inject-decorator', () => {
 
   describe('injectDecorator option is false - flow', () => {
     const mockFilePath = './__mocks__/inject-decorator.flow-stories.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       injectDecorator: false,
       parser: 'flow',
     });
@@ -160,8 +162,8 @@ describe('inject-decorator', () => {
 
   describe('injectDecorator option is false - ts', () => {
     const mockFilePath = './__mocks__/inject-decorator.ts.txt';
-    const source = fs.readFileSync(mockFilePath, 'utf-8');
-    const result = injectDecorator(source, path.resolve(__dirname, mockFilePath), {
+    const source = readFileSync(mockFilePath, 'utf-8');
+    const result = injectDecorator(source, resolve(__dirname, mockFilePath), {
       injectDecorator: false,
       parser: 'typescript',
     });
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/parsers/index.js b/code/lib/source-loader/src/abstract-syntax-tree/parsers/index.js
index b51073b51f3b..a2508b5a1117 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/parsers/index.js
+++ b/code/lib/source-loader/src/abstract-syntax-tree/parsers/index.js
@@ -1,6 +1,6 @@
+import flowParser from './parser-flow';
 import jsParser from './parser-js';
 import tsParser from './parser-ts';
-import flowParser from './parser-flow';
 
 function getParser(type) {
   if (type === 'javascript' || /\.jsx?/.test(type) || !type) {
diff --git a/code/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js b/code/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
index a908bf618c9a..79ede51cd168 100644
--- a/code/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
+++ b/code/lib/source-loader/src/abstract-syntax-tree/traverse-helpers.js
@@ -1,6 +1,8 @@
 import { isExportStory } from '@storybook/csf';
+
 import estraverse from 'estraverse';
-import { handleADD, handleSTORYOF, patchNode, handleExportedName } from './parse-helpers';
+
+import { handleADD, handleExportedName, handleSTORYOF, patchNode } from './parse-helpers';
 
 export function splitSTORYOF(ast, source) {
   let lastIndex = 0;
diff --git a/code/lib/source-loader/src/build.js b/code/lib/source-loader/src/build.js
index 671720423ac4..a906c9a6c414 100644
--- a/code/lib/source-loader/src/build.js
+++ b/code/lib/source-loader/src/build.js
@@ -1,6 +1,7 @@
-import { readFile } from 'fs/promises';
-import { readStory } from './dependencies-lookup/readAsObject';
+import { readFile } from 'node:fs/promises';
+
 import { sanitizeSource } from './abstract-syntax-tree/generate-helpers';
+import { readStory } from './dependencies-lookup/readAsObject';
 
 export async function transform(inputSource) {
   const sourceObject = await readStory(this, inputSource);
diff --git a/code/lib/source-loader/src/dependencies-lookup/readAsObject.js b/code/lib/source-loader/src/dependencies-lookup/readAsObject.js
index 8e5ad53d669a..2811f2571eaf 100644
--- a/code/lib/source-loader/src/dependencies-lookup/readAsObject.js
+++ b/code/lib/source-loader/src/dependencies-lookup/readAsObject.js
@@ -1,5 +1,5 @@
-import injectDecorator from '../abstract-syntax-tree/inject-decorator';
 import { sanitizeSource } from '../abstract-syntax-tree/generate-helpers';
+import injectDecorator from '../abstract-syntax-tree/inject-decorator';
 
 function readAsObject(classLoader, inputSource, mainFile) {
   const options = classLoader.getOptions();
diff --git a/code/lib/source-loader/vitest.config.ts b/code/lib/source-loader/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/source-loader/vitest.config.ts
+++ b/code/lib/source-loader/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/lib/test/README.md b/code/lib/test/README.md
index 9c28efa303bd..81efc0635b0b 100644
--- a/code/lib/test/README.md
+++ b/code/lib/test/README.md
@@ -21,8 +21,8 @@ The instrumentation makes sure you can debug those methods in the [addon-interac
 
 ```ts
 // Button.stories.ts
+import { expect, fn, userEvent, within } from '@storybook/test';
 import { Button } from './Button';
-import { within, userEvent, expect, fn } from '@storybook/test';
 
 export default {
   component: Button,
diff --git a/code/lib/test/package.json b/code/lib/test/package.json
index 20516e4f2f95..e0e3cd8ca6a5 100644
--- a/code/lib/test/package.json
+++ b/code/lib/test/package.json
@@ -40,22 +40,22 @@
     "*.d.ts"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/csf": "^0.1.11",
     "@storybook/instrumenter": "workspace:*",
-    "@testing-library/dom": "10.1.0",
-    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.4.8",
     "@testing-library/user-event": "14.5.2",
-    "@vitest/expect": "1.6.0",
-    "@vitest/spy": "1.6.0",
+    "@vitest/expect": "2.0.5",
+    "@vitest/spy": "2.0.5",
     "util": "^0.12.4"
   },
   "devDependencies": {
-    "chai": "^4.4.1",
-    "tinyspy": "^2.2.0",
+    "chai": "^5.1.1",
+    "tinyspy": "^3.0.0",
     "ts-dedent": "^2.2.0",
     "type-fest": "~2.19",
     "typescript": "^5.3.2"
diff --git a/code/lib/test/src/expect.ts b/code/lib/test/src/expect.ts
index aa898bd7e36a..18588b261e32 100644
--- a/code/lib/test/src/expect.ts
+++ b/code/lib/test/src/expect.ts
@@ -1,22 +1,25 @@
-import * as chai from 'chai';
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import * as matchers from '@testing-library/jest-dom/matchers';
+import type { TestingLibraryMatchers } from '@testing-library/jest-dom/matchers';
+
 import type {
   AsymmetricMatchersContaining,
   ExpectStatic,
   JestAssertion,
-  MatchersObject,
   MatcherState,
+  MatchersObject,
 } from '@vitest/expect';
 import {
-  getState,
   GLOBAL_EXPECT,
   JestAsymmetricMatchers,
   JestChaiExpect,
   JestExtend,
+  getState,
   setState,
 } from '@vitest/expect';
-import * as matchers from '@testing-library/jest-dom/matchers';
+import * as chai from 'chai';
+
 import type { PromisifyObject } from './utils';
-import type { TestingLibraryMatchers } from '@testing-library/jest-dom/matchers';
 
 type Matchers<T> = PromisifyObject<JestAssertion<T>> &
   TestingLibraryMatchers<ReturnType<ExpectStatic['stringContaining']>, Promise<void>>;
@@ -65,7 +68,9 @@ export function createExpect() {
   // @ts-expect-error chai.extend is not typed
   expect.extend = (expects: MatchersObject) => chai.expect.extend(expect, expects);
 
+  // @ts-ignore tsup borks here for some reason
   expect.soft = (...args) => {
+    // @ts-ignore tsup borks here for some reason
     const assert = expect(...args);
     expect.setState({
       soft: true,
@@ -73,6 +78,7 @@ export function createExpect() {
     return assert;
   };
 
+  // @ts-ignore tsup borks here for some reason
   expect.unreachable = (message?: string): never => {
     chai.assert.fail(`expected${message ? ` "${message}" ` : ' '}not to be reached`);
   };
@@ -123,7 +129,7 @@ export function createExpect() {
   return expect as unknown as Expect;
 }
 
-const expect = createExpect();
+const expect: Expect = createExpect();
 
 // @vitest/expect expects this to be set
 Object.defineProperty(globalThis, GLOBAL_EXPECT, {
diff --git a/code/lib/test/src/index.test.ts b/code/lib/test/src/index.test.ts
index 9e49520260b2..e87c485c991b 100644
--- a/code/lib/test/src/index.test.ts
+++ b/code/lib/test/src/index.test.ts
@@ -1,7 +1,8 @@
 // @vitest-environment happy-dom
-
 import { describe, it, test } from 'vitest';
+
 import { expect, fn, isMockFunction, traverseArgs } from '@storybook/test';
+
 import { action } from '@storybook/addon-actions';
 
 it('storybook expect and fn can be used in vitest test', () => {
diff --git a/code/lib/test/src/index.ts b/code/lib/test/src/index.ts
index aea46596a53a..2af4cc76e854 100644
--- a/code/lib/test/src/index.ts
+++ b/code/lib/test/src/index.ts
@@ -1,7 +1,9 @@
-import { instrument } from '@storybook/instrumenter';
 import type { LoaderFunction } from '@storybook/csf';
-import chai from 'chai';
 import { global } from '@storybook/global';
+import { instrument } from '@storybook/instrumenter';
+
+import * as chai from 'chai';
+
 import { expect as rawExpect } from './expect';
 import {
   clearAllMocks,
diff --git a/code/lib/test/src/spy.test.ts b/code/lib/test/src/spy.test.ts
index 1a59a0e114c5..4e56cf60c226 100644
--- a/code/lib/test/src/spy.test.ts
+++ b/code/lib/test/src/spy.test.ts
@@ -1,4 +1,5 @@
-import { it, vi, expect, beforeEach } from 'vitest';
+import { beforeEach, expect, it, vi } from 'vitest';
+
 import { fn, onMockCall, spyOn } from './spy';
 
 const vitestSpy = vi.fn();
diff --git a/code/lib/test/src/spy.ts b/code/lib/test/src/spy.ts
index 53c95c99d9c4..a861c8b75b1b 100644
--- a/code/lib/test/src/spy.ts
+++ b/code/lib/test/src/spy.ts
@@ -1,14 +1,14 @@
 /* eslint-disable @typescript-eslint/no-shadow */
-import type { MockInstance } from '@vitest/spy';
+import type { MockInstance, Mock as MockV2 } from '@vitest/spy';
 import {
-  spyOn as vitestSpyOn,
-  isMockFunction,
-  fn as vitestFn,
-  mocks,
   type MaybeMocked,
   type MaybeMockedDeep,
   type MaybePartiallyMocked,
   type MaybePartiallyMockedDeep,
+  isMockFunction,
+  mocks,
+  fn as vitestFn,
+  spyOn as vitestSpyOn,
 } from '@vitest/spy';
 import type { SpyInternalImpl } from 'tinyspy';
 import * as tinyspy from 'tinyspy';
@@ -31,11 +31,30 @@ export const spyOn: typeof vitestSpyOn = (...args) => {
   return reactiveMock(mock);
 };
 
-// @ts-expect-error Make sure we export the exact same type as @vitest/spy
-export const fn: typeof vitestFn = (implementation) => {
+type Procedure = (...args: any[]) => any;
+
+// TODO: Remove in 9.0
+export type Mock<T extends Procedure | any[] = any[], R = any> = T extends Procedure
+  ? MockV2<T>
+  : T extends any[]
+    ? MockV2<(...args: T) => R>
+    : never;
+
+// V2
+export function fn<T extends Procedure = Procedure>(implementation?: T): Mock<T>;
+// TODO: Remove in 9.0
+// V1
+export function fn<TArgs extends any[] = any, R = any>(): Mock<(...args: TArgs) => R>;
+export function fn<TArgs extends any[] = any[], R = any>(
+  implementation: (...args: TArgs) => R
+): Mock<(...args: TArgs) => R>;
+export function fn<TArgs extends any[] = any[], R = any>(
+  implementation?: (...args: TArgs) => R
+): Mock<(...args: TArgs) => R>;
+export function fn(implementation?: Procedure) {
   const mock = implementation ? vitestFn(implementation) : vitestFn();
   return reactiveMock(mock);
-};
+}
 
 function reactiveMock(mock: MockInstance) {
   const reactive = listenWhenCalled(mock);
diff --git a/code/lib/test/src/testing-library.ts b/code/lib/test/src/testing-library.ts
index 3e4c35878ecd..1aa814dafdce 100644
--- a/code/lib/test/src/testing-library.ts
+++ b/code/lib/test/src/testing-library.ts
@@ -1,11 +1,15 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import { once } from 'storybook/internal/client-logger';
-import { instrument } from '@storybook/instrumenter';
 import * as domTestingLibrary from '@testing-library/dom';
+import type { FireFunction, FireObject } from '@testing-library/dom/types/events';
 import _userEvent from '@testing-library/user-event';
+
+import { once } from 'storybook/internal/client-logger';
+
+import { instrument } from '@storybook/instrumenter';
+
 import dedent from 'ts-dedent';
-import type { FireFunction, FireObject } from '@testing-library/dom/types/events';
 import type { Writable } from 'type-fest';
+
 import type { Promisify, PromisifyObject } from './utils';
 
 type TestingLibraryDom = typeof domTestingLibrary;
diff --git a/code/lib/test/template/stories/before-each.stories.ts b/code/lib/test/template/stories/before-each.stories.ts
index 301264f8a8f8..79c31874c813 100644
--- a/code/lib/test/template/stories/before-each.stories.ts
+++ b/code/lib/test/template/stories/before-each.stories.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention,storybook/prefer-pascal-case */
-import { expect, mocked, getByRole, spyOn, userEvent } from '@storybook/test';
+import { expect, getByRole, mocked, spyOn, userEvent } from '@storybook/test';
 
 const meta = {
   component: globalThis.Components.Button,
diff --git a/code/lib/test/template/stories/destructuring-not-transpiled.stories.ts b/code/lib/test/template/stories/destructuring-not-transpiled.stories.ts
index 50a9731e659f..b1f2c98e220e 100644
--- a/code/lib/test/template/stories/destructuring-not-transpiled.stories.ts
+++ b/code/lib/test/template/stories/destructuring-not-transpiled.stories.ts
@@ -1,5 +1,5 @@
-import { expect } from '@storybook/test';
 import { global as globalThis } from '@storybook/global';
+import { expect } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Button,
diff --git a/code/lib/test/template/stories/loader-enhancements.stories.ts b/code/lib/test/template/stories/loader-enhancements.stories.ts
index b759a73b56c1..fdd1a7c4e646 100644
--- a/code/lib/test/template/stories/loader-enhancements.stories.ts
+++ b/code/lib/test/template/stories/loader-enhancements.stories.ts
@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention,storybook/prefer-pascal-case */
-import { expect, within, userEvent as globalUserEvent } from '@storybook/test';
+import { expect, userEvent as globalUserEvent, within } from '@storybook/test';
 
 const meta = {
   component: globalThis.Components.Button,
diff --git a/code/lib/test/template/stories/module-mocking.stories.ts b/code/lib/test/template/stories/module-mocking.stories.ts
index dc9b8e2430b7..f773f675ff57 100644
--- a/code/lib/test/template/stories/module-mocking.stories.ts
+++ b/code/lib/test/template/stories/module-mocking.stories.ts
@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
+import { expect, fn, isMockFunction, mocked } from '@storybook/test';
+
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore This alias is set in the sandbox. Using ts-ignore instead of ts-expect-error to avoid build errors in the sandbox.
-
 import { foo } from '#utils';
-import { expect, fn, isMockFunction, mocked } from '@storybook/test';
 
 export default {
   component: globalThis.Components.Button,
diff --git a/code/lib/test/template/stories/mount-in-play.stories.ts b/code/lib/test/template/stories/mount-in-play.stories.ts
index 04589bde2070..c7acb7dce688 100644
--- a/code/lib/test/template/stories/mount-in-play.stories.ts
+++ b/code/lib/test/template/stories/mount-in-play.stories.ts
@@ -1,4 +1,4 @@
-import { expect, mocked, getByRole, spyOn, userEvent, fn } from '@storybook/test';
+import { expect, fn, getByRole, mocked, spyOn, userEvent } from '@storybook/test';
 
 const meta = {
   component: globalThis.Components.Button,
diff --git a/code/lib/test/template/stories/utils.mock.ts b/code/lib/test/template/stories/utils.mock.ts
index bd3955dc0729..93a72d03a0e2 100644
--- a/code/lib/test/template/stories/utils.mock.ts
+++ b/code/lib/test/template/stories/utils.mock.ts
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import * as utils from './utils.ts';
 
 export const foo = fn(utils.foo).mockName('foo');
diff --git a/code/lib/test/vitest.config.ts b/code/lib/test/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/lib/test/vitest.config.ts
+++ b/code/lib/test/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/package.json b/code/package.json
index 9828493a397c..c9b730ac07fa 100644
--- a/code/package.json
+++ b/code/package.json
@@ -76,9 +76,8 @@
   ],
   "resolutions": {
     "@playwright/test": "1.36.0",
-    "@testing-library/jest-dom/aria-query": "5.1.3",
-    "@types/node": "^18.0.0",
-    "@vitest/expect": "patch:@vitest/expect@npm%3A1.6.0#~/.yarn/patches/@vitest-expect-npm-1.6.0-0e382f8212.patch",
+    "@types/node": "^22.0.0",
+    "@vitest/expect@npm:2.0.5": "patch:@vitest/expect@npm%3A2.0.5#~/.yarn/patches/@vitest-expect-npm-2.0.5-8933466cce.patch",
     "esbuild": "^0.23.0",
     "playwright": "1.36.0",
     "playwright-core": "1.36.0",
@@ -158,15 +157,16 @@
     "@storybook/web-components": "workspace:*",
     "@storybook/web-components-vite": "workspace:*",
     "@storybook/web-components-webpack5": "workspace:*",
-    "@testing-library/dom": "^7.29.4",
-    "@testing-library/jest-dom": "6.4.5",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/express": "^4.17.21",
     "@types/fs-extra": "^11.0.1",
     "@types/lodash": "^4.14.167",
     "@types/mock-require": "^2.0.3",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
     "@types/semver": "^7.3.4",
@@ -174,7 +174,7 @@
     "@typescript-eslint/experimental-utils": "^5.62.0",
     "@typescript-eslint/parser": "^6.18.1",
     "@vitejs/plugin-react": "^3.0.1",
-    "@vitest/coverage-v8": "^1.2.2",
+    "@vitest/coverage-v8": "^2.0.5",
     "create-storybook": "workspace:*",
     "cross-env": "^7.0.3",
     "danger": "^12.3.3",
@@ -194,7 +194,6 @@
     "lint-staged": "^13.2.2",
     "lodash": "^4.17.21",
     "mock-require": "^3.0.3",
-    "node-gyp": "^9.3.1",
     "nx": "18.0.6",
     "prettier": "^3.1.1",
     "process": "^0.11.10",
@@ -208,7 +207,7 @@
     "typescript": "^5.4.3",
     "util": "^0.12.4",
     "vite": "^4.0.0",
-    "vitest": "^1.6.0",
+    "vitest": "^2.0.5",
     "wait-on": "^7.0.1"
   },
   "dependenciesMeta": {
@@ -280,5 +279,6 @@
         "Dependency Upgrades"
       ]
     ]
-  }
+  },
+  "deferredNextVersion": "8.3.0-alpha.5"
 }
diff --git a/code/presets/create-react-app/package.json b/code/presets/create-react-app/package.json
index f9218fc2a9c0..04ad50db513f 100644
--- a/code/presets/create-react-app/package.json
+++ b/code/presets/create-react-app/package.json
@@ -45,8 +45,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.1",
@@ -56,7 +56,7 @@
     "semver": "^7.5.4"
   },
   "devDependencies": {
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "typescript": "^5.3.2"
   },
   "peerDependencies": {
diff --git a/code/presets/create-react-app/src/helpers/checkPresets.ts b/code/presets/create-react-app/src/helpers/checkPresets.ts
index 14f1cbe7f03e..e79592bf0eef 100644
--- a/code/presets/create-react-app/src/helpers/checkPresets.ts
+++ b/code/presets/create-react-app/src/helpers/checkPresets.ts
@@ -1,4 +1,5 @@
 import { logger } from 'storybook/internal/node-logger';
+
 import type { PluginOptions } from '../types';
 
 const incompatiblePresets = ['@storybook/preset-scss', '@storybook/preset-typescript'];
diff --git a/code/presets/create-react-app/src/helpers/getModulePath.ts b/code/presets/create-react-app/src/helpers/getModulePath.ts
index 20c336f248f4..db6ae3c1cf9a 100644
--- a/code/presets/create-react-app/src/helpers/getModulePath.ts
+++ b/code/presets/create-react-app/src/helpers/getModulePath.ts
@@ -1,5 +1,5 @@
-import { existsSync } from 'fs';
-import { join } from 'path';
+import { existsSync } from 'node:fs';
+import { join } from 'node:path';
 
 interface PartialTSConfig {
   compilerOptions: {
diff --git a/code/presets/create-react-app/src/helpers/getReactScriptsPath.ts b/code/presets/create-react-app/src/helpers/getReactScriptsPath.ts
index 909524ff25a1..2a4260afe12a 100644
--- a/code/presets/create-react-app/src/helpers/getReactScriptsPath.ts
+++ b/code/presets/create-react-app/src/helpers/getReactScriptsPath.ts
@@ -1,5 +1,5 @@
-import { readFileSync, realpathSync, lstatSync } from 'fs';
-import { join, dirname } from 'path';
+import { lstatSync, readFileSync, realpathSync } from 'node:fs';
+import { dirname, join } from 'node:path';
 
 export const getReactScriptsPath = (): string => {
   const cwd = process.cwd();
diff --git a/code/presets/create-react-app/src/helpers/mergePlugins.ts b/code/presets/create-react-app/src/helpers/mergePlugins.ts
index c5fc7888674e..c8677a5e7609 100644
--- a/code/presets/create-react-app/src/helpers/mergePlugins.ts
+++ b/code/presets/create-react-app/src/helpers/mergePlugins.ts
@@ -1,5 +1,5 @@
-import type { Configuration, WebpackPluginInstance } from 'webpack';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
+import type { Configuration, WebpackPluginInstance } from 'webpack';
 
 export const mergePlugins = (...args: WebpackPluginInstance[]): Configuration['plugins'] =>
   args?.reduce((plugins, plugin) => {
diff --git a/code/presets/create-react-app/src/helpers/processCraConfig.ts b/code/presets/create-react-app/src/helpers/processCraConfig.ts
index c023e2c08ac1..dacf03d469ac 100644
--- a/code/presets/create-react-app/src/helpers/processCraConfig.ts
+++ b/code/presets/create-react-app/src/helpers/processCraConfig.ts
@@ -1,8 +1,10 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import { resolve } from 'path';
-import type { Configuration, RuleSetCondition, RuleSetRule } from 'webpack';
-import semver from 'semver';
+import { resolve } from 'node:path';
+
 import type { PluginItem, TransformOptions } from '@babel/core';
+import semver from 'semver';
+import type { Configuration, RuleSetCondition, RuleSetRule } from 'webpack';
+
 import type { PluginOptions } from '../types';
 
 type RuleSetConditions = RuleSetCondition[];
diff --git a/code/presets/create-react-app/src/index.ts b/code/presets/create-react-app/src/index.ts
index c42cc924d72f..3dbee4f797e1 100644
--- a/code/presets/create-react-app/src/index.ts
+++ b/code/presets/create-react-app/src/index.ts
@@ -1,13 +1,15 @@
-import { join, relative, dirname } from 'path';
-import type { Configuration, RuleSetRule, WebpackPluginInstance } from 'webpack';
+import { dirname, join, relative } from 'node:path';
 
 import { logger } from 'storybook/internal/node-logger';
+
 import PnpWebpackPlugin from 'pnp-webpack-plugin';
-import { mergePlugins } from './helpers/mergePlugins';
-import { getReactScriptsPath } from './helpers/getReactScriptsPath';
-import { processCraConfig } from './helpers/processCraConfig';
+import type { Configuration, RuleSetRule, WebpackPluginInstance } from 'webpack';
+
 import { checkPresets } from './helpers/checkPresets';
 import { getModulePath } from './helpers/getModulePath';
+import { getReactScriptsPath } from './helpers/getReactScriptsPath';
+import { mergePlugins } from './helpers/mergePlugins';
+import { processCraConfig } from './helpers/processCraConfig';
 import type { PluginOptions } from './types';
 
 const CWD = process.cwd();
diff --git a/code/presets/html-webpack/package.json b/code/presets/html-webpack/package.json
index 6b40c4c03d68..332241917a61 100644
--- a/code/presets/html-webpack/package.json
+++ b/code/presets/html-webpack/package.json
@@ -45,12 +45,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "html-loader": "^3.1.0",
     "webpack": "5"
   },
diff --git a/code/presets/preact-webpack/package.json b/code/presets/preact-webpack/package.json
index 8b26f465123d..f282def50b9c 100644
--- a/code/presets/preact-webpack/package.json
+++ b/code/presets/preact-webpack/package.json
@@ -45,12 +45,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
-    "@types/node": "^18.0.0"
+    "@types/node": "^22.0.0"
   },
   "devDependencies": {
     "preact": "^10.5.13",
diff --git a/code/presets/preact-webpack/src/index.ts b/code/presets/preact-webpack/src/index.ts
index e397ef216d16..77023cb0d023 100644
--- a/code/presets/preact-webpack/src/index.ts
+++ b/code/presets/preact-webpack/src/index.ts
@@ -1,5 +1,7 @@
-import { dirname, join } from 'path';
+import { dirname, join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
+
 import type { StorybookConfig } from './types';
 
 export * from './types';
diff --git a/code/presets/react-webpack/package.json b/code/presets/react-webpack/package.json
index ce6519867d55..6f3531c4b8f9 100644
--- a/code/presets/react-webpack/package.json
+++ b/code/presets/react-webpack/package.json
@@ -60,14 +60,14 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
     "@storybook/react": "workspace:*",
     "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "@types/semver": "^7.3.4",
     "find-up": "^5.0.0",
     "fs-extra": "^11.1.0",
diff --git a/code/presets/react-webpack/src/cra-config.test.ts b/code/presets/react-webpack/src/cra-config.test.ts
index 3312dc290f8e..d60947708737 100644
--- a/code/presets/react-webpack/src/cra-config.test.ts
+++ b/code/presets/react-webpack/src/cra-config.test.ts
@@ -1,6 +1,8 @@
-import { describe, beforeEach, it, expect, vi } from 'vitest';
-import fs from 'fs';
-import path from 'path';
+import fs from 'node:fs';
+import { join, sep } from 'node:path';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { getReactScriptsPath } from './cra-config';
 
 vi.mock('fs', () => ({
@@ -9,7 +11,7 @@ vi.mock('fs', () => ({
   existsSync: vi.fn(() => true),
 }));
 
-const SCRIPT_PATH = path.join('.bin', 'react-scripts');
+const SCRIPT_PATH = join('.bin', 'react-scripts');
 
 describe('cra-config', () => {
   describe('when used with the default react-scripts package', () => {
@@ -21,7 +23,7 @@ describe('cra-config', () => {
 
     it('should locate the react-scripts package', () => {
       expect(getReactScriptsPath({ noCache: true })).toEqual(
-        path.join(path.sep, 'test-project', 'node_modules', 'react-scripts')
+        join(sep, 'test-project', 'node_modules', 'react-scripts')
       );
     });
   });
@@ -35,7 +37,7 @@ describe('cra-config', () => {
 
     it('should locate the react-scripts package', () => {
       expect(getReactScriptsPath({ noCache: true })).toEqual(
-        path.join(path.sep, 'test-project', 'node_modules', 'custom-react-scripts')
+        join(sep, 'test-project', 'node_modules', 'custom-react-scripts')
       );
     });
   });
@@ -67,7 +69,7 @@ exit $ret`
 
     it('should locate the react-scripts package', () => {
       expect(getReactScriptsPath({ noCache: true })).toEqual(
-        path.join(path.sep, 'test-project', 'node_modules', 'custom-react-scripts')
+        join(sep, 'test-project', 'node_modules', 'custom-react-scripts')
       );
     });
   });
diff --git a/code/presets/react-webpack/src/cra-config.ts b/code/presets/react-webpack/src/cra-config.ts
index 4adfb2c383ed..e764e0918ee7 100644
--- a/code/presets/react-webpack/src/cra-config.ts
+++ b/code/presets/react-webpack/src/cra-config.ts
@@ -1,18 +1,18 @@
-import fs from 'fs';
-import path from 'path';
-import semver from 'semver';
+import { existsSync, readFileSync, realpathSync } from 'node:fs';
+import { join } from 'node:path';
+
 import { logger } from 'storybook/internal/node-logger';
 
-const appDirectory = fs.realpathSync(process.cwd());
+import semver from 'semver';
+
+const appDirectory = realpathSync(process.cwd());
 
 let reactScriptsPath: string;
 
 export function getReactScriptsPath({ noCache }: { noCache?: boolean } = {}) {
   if (reactScriptsPath && !noCache) return reactScriptsPath;
 
-  let reactScriptsScriptPath = fs.realpathSync(
-    path.join(appDirectory, '/node_modules/.bin/react-scripts')
-  );
+  let reactScriptsScriptPath = realpathSync(join(appDirectory, '/node_modules/.bin/react-scripts'));
 
   try {
     // Note: Since there is no symlink for .bin/react-scripts on Windows
@@ -24,27 +24,23 @@ export function getReactScriptsPath({ noCache }: { noCache?: boolean } = {}) {
     );
 
     if (pathIsNotResolved) {
-      const content = fs.readFileSync(reactScriptsScriptPath, 'utf8');
+      const content = readFileSync(reactScriptsScriptPath, 'utf8');
       const packagePathMatch = content.match(
         /"\$basedir[\\/]([^\s]+?[\\/]bin[\\/]react-scripts\.js")/i
       );
 
       if (packagePathMatch && packagePathMatch.length > 1) {
-        reactScriptsScriptPath = path.join(
-          appDirectory,
-          '/node_modules/.bin/',
-          packagePathMatch[1]
-        );
+        reactScriptsScriptPath = join(appDirectory, '/node_modules/.bin/', packagePathMatch[1]);
       }
     }
   } catch (e) {
     logger.warn(`Error occurred during react-scripts package path resolving: ${e}`);
   }
 
-  reactScriptsPath = path.join(reactScriptsScriptPath, '../..');
-  const scriptsPkgJson = path.join(reactScriptsPath, 'package.json');
+  reactScriptsPath = join(reactScriptsScriptPath, '../..');
+  const scriptsPkgJson = join(reactScriptsPath, 'package.json');
 
-  if (!fs.existsSync(scriptsPkgJson)) {
+  if (!existsSync(scriptsPkgJson)) {
     reactScriptsPath = 'react-scripts';
   }
 
@@ -53,7 +49,7 @@ export function getReactScriptsPath({ noCache }: { noCache?: boolean } = {}) {
 
 export function isReactScriptsInstalled(requiredVersion = '2.0.0') {
   try {
-    const reactScriptsJson = require(path.join(getReactScriptsPath(), 'package.json'));
+    const reactScriptsJson = require(join(getReactScriptsPath(), 'package.json'));
     return !semver.gtr(requiredVersion, reactScriptsJson.version);
   } catch (e) {
     return false;
diff --git a/code/presets/react-webpack/src/framework-preset-cra.ts b/code/presets/react-webpack/src/framework-preset-cra.ts
index 7108154b4d30..e575ff0757bb 100644
--- a/code/presets/react-webpack/src/framework-preset-cra.ts
+++ b/code/presets/react-webpack/src/framework-preset-cra.ts
@@ -1,5 +1,7 @@
 import { logger } from 'storybook/internal/node-logger';
+
 import type { Preset, StorybookConfig } from '@storybook/core-webpack';
+
 import { isReactScriptsInstalled } from './cra-config';
 
 const checkForNewPreset = (presetsList: Preset[]) => {
diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts
index 67f7c971572b..b6008be0d5c9 100644
--- a/code/presets/react-webpack/src/framework-preset-react-docs.test.ts
+++ b/code/presets/react-webpack/src/framework-preset-react-docs.test.ts
@@ -1,7 +1,10 @@
-import { vi, describe, it, expect } from 'vitest';
-import ReactDocgenTypescriptPlugin from '@storybook/react-docgen-typescript-plugin';
+import { describe, expect, it, vi } from 'vitest';
+
 import type { TypescriptOptions } from '@storybook/core-webpack';
+import ReactDocgenTypescriptPlugin from '@storybook/react-docgen-typescript-plugin';
+
 import type { Configuration } from 'webpack';
+
 import * as preset from './framework-preset-react-docs';
 
 vi.mock('./requirer', () => ({
diff --git a/code/presets/react-webpack/src/framework-preset-react-docs.ts b/code/presets/react-webpack/src/framework-preset-react-docs.ts
index f8d159e33f31..80356f144bba 100644
--- a/code/presets/react-webpack/src/framework-preset-react-docs.ts
+++ b/code/presets/react-webpack/src/framework-preset-react-docs.ts
@@ -1,8 +1,9 @@
 import { hasDocsOrControls } from 'storybook/internal/docs-tools';
 
 import type { Configuration } from 'webpack';
-import type { StorybookConfig } from './types';
+
 import { requirer } from './requirer';
+import type { StorybookConfig } from './types';
 
 export const webpackFinal: StorybookConfig['webpackFinal'] = async (
   config,
diff --git a/code/presets/react-webpack/src/loaders/docgen-resolver.ts b/code/presets/react-webpack/src/loaders/docgen-resolver.ts
index 71e2bde5d742..cc325855426a 100644
--- a/code/presets/react-webpack/src/loaders/docgen-resolver.ts
+++ b/code/presets/react-webpack/src/loaders/docgen-resolver.ts
@@ -1,4 +1,5 @@
-import { extname } from 'path';
+import { extname } from 'node:path';
+
 import resolve from 'resolve';
 
 export class ReactDocgenResolveError extends Error {
diff --git a/code/presets/react-webpack/src/loaders/react-docgen-loader.test.ts b/code/presets/react-webpack/src/loaders/react-docgen-loader.test.ts
index cb017a7469b7..192339a9cee2 100644
--- a/code/presets/react-webpack/src/loaders/react-docgen-loader.test.ts
+++ b/code/presets/react-webpack/src/loaders/react-docgen-loader.test.ts
@@ -1,5 +1,6 @@
+import { describe, expect, it, vi } from 'vitest';
+
 import { getReactDocgenImporter } from './react-docgen-loader';
-import { describe, it, expect, vi } from 'vitest';
 
 const reactDocgenMock = vi.hoisted(() => {
   return {
diff --git a/code/presets/react-webpack/src/loaders/react-docgen-loader.ts b/code/presets/react-webpack/src/loaders/react-docgen-loader.ts
index e10b165ce2aa..49ddce41dbd3 100644
--- a/code/presets/react-webpack/src/loaders/react-docgen-loader.ts
+++ b/code/presets/react-webpack/src/loaders/react-docgen-loader.ts
@@ -1,17 +1,18 @@
+import { logger } from 'storybook/internal/node-logger';
+
+import findUp from 'find-up';
+import MagicString from 'magic-string';
 import {
-  parse,
-  builtinResolvers as docgenResolver,
+  ERROR_CODES,
   builtinHandlers as docgenHandlers,
+  builtinResolvers as docgenResolver,
   makeFsImporter,
-  ERROR_CODES,
+  parse,
   utils,
 } from 'react-docgen';
+import type { Documentation, Handler, NodePath, babelTypes as t } from 'react-docgen';
 import * as TsconfigPaths from 'tsconfig-paths';
-import findUp from 'find-up';
-import MagicString from 'magic-string';
 import type { LoaderContext } from 'webpack';
-import type { Handler, NodePath, babelTypes as t, Documentation } from 'react-docgen';
-import { logger } from 'storybook/internal/node-logger';
 
 import {
   RESOLVE_EXTENSIONS,
diff --git a/code/presets/react-webpack/src/types.ts b/code/presets/react-webpack/src/types.ts
index 22cccf97501f..d9108ad73f30 100644
--- a/code/presets/react-webpack/src/types.ts
+++ b/code/presets/react-webpack/src/types.ts
@@ -1,7 +1,7 @@
 import type {
-  WebpackConfiguration as WebpackConfigurationBase,
   StorybookConfig as StorybookConfigBase,
   TypescriptOptions as TypescriptOptionsBase,
+  WebpackConfiguration as WebpackConfigurationBase,
 } from '@storybook/core-webpack';
 import type { PluginOptions as ReactDocgenTypescriptOptions } from '@storybook/react-docgen-typescript-plugin';
 
diff --git a/code/presets/server-webpack/package.json b/code/presets/server-webpack/package.json
index e135900dfb9a..35f3f6dcd2a3 100644
--- a/code/presets/server-webpack/package.json
+++ b/code/presets/server-webpack/package.json
@@ -50,14 +50,14 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
     "@storybook/global": "^5.0.0",
     "@storybook/server": "workspace:*",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "safe-identifier": "^0.4.1",
     "ts-dedent": "^2.0.0",
     "yaml-loader": "^0.8.0"
diff --git a/code/presets/server-webpack/src/lib/compiler/index.ts b/code/presets/server-webpack/src/lib/compiler/index.ts
index 7dcb4fa29c51..ce8e84194916 100644
--- a/code/presets/server-webpack/src/lib/compiler/index.ts
+++ b/code/presets/server-webpack/src/lib/compiler/index.ts
@@ -1,6 +1,5 @@
-import type { CompileCsfModuleArgs, CompileStorybookSectionArgs, StorybookSection } from './types';
-
 import { stringifySection } from './stringifier';
+import type { CompileCsfModuleArgs, CompileStorybookSectionArgs, StorybookSection } from './types';
 
 function createSection(args: CompileStorybookSectionArgs): StorybookSection {
   return {
diff --git a/code/presets/server-webpack/src/lib/compiler/json-to-csf-compiler.test.ts b/code/presets/server-webpack/src/lib/compiler/json-to-csf-compiler.test.ts
index d12a628e9f79..0c44665bdc25 100644
--- a/code/presets/server-webpack/src/lib/compiler/json-to-csf-compiler.test.ts
+++ b/code/presets/server-webpack/src/lib/compiler/json-to-csf-compiler.test.ts
@@ -1,7 +1,10 @@
-import { describe, it, expect } from 'vitest';
-import path from 'path';
+import { join } from 'node:path';
+
+import { describe, expect, it } from 'vitest';
+
 import fs from 'fs-extra';
 import YAML from 'yaml';
+
 import { compileCsfModule } from '.';
 
 async function generate(filePath: string) {
@@ -14,12 +17,12 @@ async function generate(filePath: string) {
   const inputRegExp = new RegExp(`.${fileType}$`);
 
   describe(`${fileType}-to-csf-compiler`, () => {
-    const transformFixturesDir = path.join(__dirname, '__testfixtures__');
+    const transformFixturesDir = join(__dirname, '__testfixtures__');
     fs.readdirSync(transformFixturesDir)
       .filter((fileName: string) => inputRegExp.test(fileName))
       .forEach((fixtureFile: string) => {
         it(`${fixtureFile}`, async () => {
-          const inputPath = path.join(transformFixturesDir, fixtureFile);
+          const inputPath = join(transformFixturesDir, fixtureFile);
           const code = await generate(inputPath);
           expect(code).toMatchFileSnapshot(inputPath.replace(inputRegExp, '.snapshot'));
         });
diff --git a/code/presets/server-webpack/src/lib/compiler/stringifier.ts b/code/presets/server-webpack/src/lib/compiler/stringifier.ts
index 7f184b30cecd..834a6bf0112e 100644
--- a/code/presets/server-webpack/src/lib/compiler/stringifier.ts
+++ b/code/presets/server-webpack/src/lib/compiler/stringifier.ts
@@ -1,5 +1,6 @@
 import { dedent } from 'ts-dedent';
-import type { StorybookStory, StorybookSection } from './types';
+
+import type { StorybookSection, StorybookStory } from './types';
 
 const { identifier } = require('safe-identifier');
 
diff --git a/code/presets/server-webpack/vitest.config.ts b/code/presets/server-webpack/vitest.config.ts
index 03172200442f..7420176b2e46 100644
--- a/code/presets/server-webpack/vitest.config.ts
+++ b/code/presets/server-webpack/vitest.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/presets/svelte-webpack/package.json b/code/presets/svelte-webpack/package.json
index 3870a30bfffb..908e025ecf7e 100644
--- a/code/presets/svelte-webpack/package.json
+++ b/code/presets/svelte-webpack/package.json
@@ -60,8 +60,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
diff --git a/code/presets/svelte-webpack/src/framework-preset-svelte-docs.ts b/code/presets/svelte-webpack/src/framework-preset-svelte-docs.ts
index 9a318035d397..ef131271d074 100644
--- a/code/presets/svelte-webpack/src/framework-preset-svelte-docs.ts
+++ b/code/presets/svelte-webpack/src/framework-preset-svelte-docs.ts
@@ -1,4 +1,5 @@
 import type { Preset } from '@storybook/core-webpack';
+
 import type { StorybookConfig, SvelteOptions } from './types';
 
 export const webpackFinal: StorybookConfig['webpackFinal'] = async (config, { presets }) => {
diff --git a/code/presets/svelte-webpack/src/framework-preset-svelte.ts b/code/presets/svelte-webpack/src/framework-preset-svelte.ts
index 65bfc0349d52..29d5ef9de274 100644
--- a/code/presets/svelte-webpack/src/framework-preset-svelte.ts
+++ b/code/presets/svelte-webpack/src/framework-preset-svelte.ts
@@ -1,4 +1,5 @@
 import type { Preset } from 'storybook/internal/types';
+
 import type { StorybookConfig, SvelteOptions } from './types';
 
 export const webpack: StorybookConfig['webpack'] = async (config, { presets }) => {
diff --git a/code/presets/svelte-webpack/src/svelte-docgen-loader.ts b/code/presets/svelte-webpack/src/svelte-docgen-loader.ts
index d6a8b09f7dd0..fd3a721e12c3 100644
--- a/code/presets/svelte-webpack/src/svelte-docgen-loader.ts
+++ b/code/presets/svelte-webpack/src/svelte-docgen-loader.ts
@@ -1,9 +1,11 @@
+import { readFile } from 'node:fs/promises';
+import { basename } from 'node:path';
+
+import { logger } from 'storybook/internal/node-logger';
+
+import { preprocess } from 'svelte/compiler';
 import svelteDoc from 'sveltedoc-parser';
 import { dedent } from 'ts-dedent';
-import * as path from 'path';
-import * as fs from 'fs';
-import { preprocess } from 'svelte/compiler';
-import { logger } from 'storybook/internal/node-logger';
 
 /*
  * Patch sveltedoc-parser internal options.
@@ -71,7 +73,7 @@ export default async function svelteDocgen(this: any, source: string) {
 
   let docOptions;
   if (preprocessOptions) {
-    const src = fs.readFileSync(resource).toString();
+    const src = await readFile(resource).toString();
 
     const { code: fileContent } = await preprocess(src, preprocessOptions);
     docOptions = {
@@ -102,10 +104,10 @@ export default async function svelteDocgen(this: any, source: string) {
   }
 
   // get filename for source content
-  const file = path.basename(resource);
+  const file = basename(resource);
 
   // populate filename in docgen
-  componentDoc.name = path.basename(file);
+  componentDoc.name = basename(file);
 
   const componentName = getNameFromFilename(resource);
 
diff --git a/code/presets/vue3-webpack/package.json b/code/presets/vue3-webpack/package.json
index 6ef32e52c93a..c4d8ed99e28c 100644
--- a/code/presets/vue3-webpack/package.json
+++ b/code/presets/vue3-webpack/package.json
@@ -55,12 +55,12 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/core-webpack": "workspace:*",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "ts-loader": "^9.2.8",
     "vue-docgen-api": "^4.75.1",
     "vue-docgen-loader": "^1.5.1",
diff --git a/code/presets/vue3-webpack/src/framework-preset-vue3-docs.ts b/code/presets/vue3-webpack/src/framework-preset-vue3-docs.ts
index 0fff43cc3737..eec1b56c9678 100644
--- a/code/presets/vue3-webpack/src/framework-preset-vue3-docs.ts
+++ b/code/presets/vue3-webpack/src/framework-preset-vue3-docs.ts
@@ -1,6 +1,7 @@
-import type { StorybookConfig } from '@storybook/core-webpack';
 import { hasDocsOrControls } from 'storybook/internal/docs-tools';
 
+import type { StorybookConfig } from '@storybook/core-webpack';
+
 export const webpackFinal: StorybookConfig['webpackFinal'] = (config, options) => {
   if (!hasDocsOrControls(options)) return config;
 
diff --git a/code/presets/vue3-webpack/src/framework-preset-vue3.ts b/code/presets/vue3-webpack/src/framework-preset-vue3.ts
index 4db6822fe542..ad330d67bd0b 100644
--- a/code/presets/vue3-webpack/src/framework-preset-vue3.ts
+++ b/code/presets/vue3-webpack/src/framework-preset-vue3.ts
@@ -1,6 +1,7 @@
+import type { StorybookConfig } from '@storybook/core-webpack';
+
 import { VueLoaderPlugin } from 'vue-loader';
 import { DefinePlugin } from 'webpack';
-import type { StorybookConfig } from '@storybook/core-webpack';
 
 export const webpack: StorybookConfig['webpack'] = (config) => {
   return {
diff --git a/code/renderers/html/package.json b/code/renderers/html/package.json
index a36af96d8484..6e01a5e6b86e 100644
--- a/code/renderers/html/package.json
+++ b/code/renderers/html/package.json
@@ -22,9 +22,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
diff --git a/code/renderers/html/src/docs/sourceDecorator.test.ts b/code/renderers/html/src/docs/sourceDecorator.test.ts
index 28c2953c0176..568710a748b4 100644
--- a/code/renderers/html/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/html/src/docs/sourceDecorator.test.ts
@@ -1,9 +1,11 @@
+import type { Mock } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import { SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
 import { addons, useEffect } from 'storybook/internal/preview-api';
-import type { Mock } from 'vitest';
-import { vi, describe, beforeEach, it, expect } from 'vitest';
-import { sourceDecorator } from './sourceDecorator';
+
 import type { StoryContext } from '../types';
+import { sourceDecorator } from './sourceDecorator';
 
 vi.mock('storybook/internal/preview-api');
 const mockedAddons = vi.mocked(addons);
diff --git a/code/renderers/html/src/docs/sourceDecorator.ts b/code/renderers/html/src/docs/sourceDecorator.ts
index ae68bfd8885a..bedd631f145c 100644
--- a/code/renderers/html/src/docs/sourceDecorator.ts
+++ b/code/renderers/html/src/docs/sourceDecorator.ts
@@ -1,12 +1,10 @@
 /* eslint-disable no-underscore-dangle */
-
 import { SNIPPET_RENDERED, SourceType } from 'storybook/internal/docs-tools';
 import { addons, useEffect } from 'storybook/internal/preview-api';
 import type { DecoratorFunction } from 'storybook/internal/types';
 
-import type { HtmlRenderer } from '../types';
-
 import type { StoryFn } from '../public-types';
+import type { HtmlRenderer } from '../types';
 
 function skipSourceRender(context: Parameters<DecoratorFunction<HtmlRenderer>>[1]) {
   const sourceParams = context?.parameters.docs?.source;
diff --git a/code/renderers/html/src/entry-preview-docs.ts b/code/renderers/html/src/entry-preview-docs.ts
index d543034bf283..1a93d1b46382 100644
--- a/code/renderers/html/src/entry-preview-docs.ts
+++ b/code/renderers/html/src/entry-preview-docs.ts
@@ -1,5 +1,5 @@
-import type { ArgTypesEnhancer, DecoratorFunction } from 'storybook/internal/types';
 import { SourceType, enhanceArgTypes } from 'storybook/internal/docs-tools';
+import type { ArgTypesEnhancer, DecoratorFunction } from 'storybook/internal/types';
 
 import { sourceDecorator } from './docs/sourceDecorator';
 import type { HtmlRenderer } from './types';
diff --git a/code/renderers/html/src/index.ts b/code/renderers/html/src/index.ts
index 145fbf2612ea..05ee53ba94dd 100644
--- a/code/renderers/html/src/index.ts
+++ b/code/renderers/html/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export * from './public-types';
diff --git a/code/renderers/html/src/preset.ts b/code/renderers/html/src/preset.ts
index 6e6dbb30c989..c6cf333ccf3c 100644
--- a/code/renderers/html/src/preset.ts
+++ b/code/renderers/html/src/preset.ts
@@ -1,5 +1,6 @@
+import { join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { join } from 'path';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = async (
   input = [],
diff --git a/code/renderers/html/src/public-types.ts b/code/renderers/html/src/public-types.ts
index c4d7d9aedab2..462de867ddd9 100644
--- a/code/renderers/html/src/public-types.ts
+++ b/code/renderers/html/src/public-types.ts
@@ -3,12 +3,13 @@ import type {
   Args,
   ComponentAnnotations,
   DecoratorFunction,
+  StoryContext as GenericStoryContext,
   LoaderFunction,
+  ProjectAnnotations,
   StoryAnnotations,
-  StoryContext as GenericStoryContext,
   StrictArgs,
-  ProjectAnnotations,
 } from 'storybook/internal/types';
+
 import type { HtmlRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/html/src/render.ts b/code/renderers/html/src/render.ts
index 0c9d4f274a5f..3d4d5a52d38a 100644
--- a/code/renderers/html/src/render.ts
+++ b/code/renderers/html/src/render.ts
@@ -1,8 +1,10 @@
+import { simulateDOMContentLoaded, simulatePageLoad } from 'storybook/internal/preview-api';
+import type { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
 
 import { dedent } from 'ts-dedent';
-import { simulatePageLoad, simulateDOMContentLoaded } from 'storybook/internal/preview-api';
-import type { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
+
 import type { HtmlRenderer } from './types';
 
 const { Node } = global;
diff --git a/code/renderers/html/src/types.ts b/code/renderers/html/src/types.ts
index c5037881e98e..aa51af99a99a 100644
--- a/code/renderers/html/src/types.ts
+++ b/code/renderers/html/src/types.ts
@@ -1,9 +1,9 @@
+import type { SourceType } from 'storybook/internal/docs-tools';
 import type {
   ArgsStoryFn,
   StoryContext as DefaultStoryContext,
   WebRenderer,
 } from 'storybook/internal/types';
-import type { SourceType } from 'storybook/internal/docs-tools';
 
 export type { RenderContext } from 'storybook/internal/types';
 
diff --git a/code/renderers/html/template/cli/js/Button.stories.js b/code/renderers/html/template/cli/js/Button.stories.js
index 5898325eb572..985eb1f26e1e 100644
--- a/code/renderers/html/template/cli/js/Button.stories.js
+++ b/code/renderers/html/template/cli/js/Button.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { createButton } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/html/template/cli/js/Header.js b/code/renderers/html/template/cli/js/Header.js
index 30b4c5156ad6..59f665608450 100644
--- a/code/renderers/html/template/cli/js/Header.js
+++ b/code/renderers/html/template/cli/js/Header.js
@@ -1,5 +1,5 @@
-import './header.css';
 import { createButton } from './Button';
+import './header.css';
 
 export const createHeader = ({ user, onLogout, onLogin, onCreateAccount }) => {
   const header = document.createElement('header');
diff --git a/code/renderers/html/template/cli/js/Header.stories.js b/code/renderers/html/template/cli/js/Header.stories.js
index 08894335b548..1168c39159ce 100644
--- a/code/renderers/html/template/cli/js/Header.stories.js
+++ b/code/renderers/html/template/cli/js/Header.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { createHeader } from './Header';
 
 export default {
diff --git a/code/renderers/html/template/cli/js/Page.js b/code/renderers/html/template/cli/js/Page.js
index 227cddeb0255..232e87589a1e 100644
--- a/code/renderers/html/template/cli/js/Page.js
+++ b/code/renderers/html/template/cli/js/Page.js
@@ -1,5 +1,5 @@
-import './page.css';
 import { createHeader } from './Header';
+import './page.css';
 
 export const createPage = () => {
   const article = document.createElement('article');
diff --git a/code/renderers/html/template/cli/js/Page.stories.js b/code/renderers/html/template/cli/js/Page.stories.js
index 38e8331ec791..aa2c710f08eb 100644
--- a/code/renderers/html/template/cli/js/Page.stories.js
+++ b/code/renderers/html/template/cli/js/Page.stories.js
@@ -1,4 +1,5 @@
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import { createPage } from './Page';
 
 export default {
diff --git a/code/renderers/html/template/cli/ts-3-8/Button.stories.ts b/code/renderers/html/template/cli/ts-3-8/Button.stories.ts
index 90ce057cae50..d76f30bf4694 100644
--- a/code/renderers/html/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Button.stories.ts
@@ -1,5 +1,6 @@
-import type { StoryObj, Meta } from '@storybook/html';
+import type { Meta, StoryObj } from '@storybook/html';
 import { fn } from '@storybook/test';
+
 import type { ButtonProps } from './Button';
 import { createButton } from './Button';
 
diff --git a/code/renderers/html/template/cli/ts-3-8/Header.stories.ts b/code/renderers/html/template/cli/ts-3-8/Header.stories.ts
index 08da33ecc719..cceefac52978 100644
--- a/code/renderers/html/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Header.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/html';
 import { fn } from '@storybook/test';
+
 import type { HeaderProps } from './Header';
 import { createHeader } from './Header';
 
diff --git a/code/renderers/html/template/cli/ts-3-8/Header.ts b/code/renderers/html/template/cli/ts-3-8/Header.ts
index 5c6cec5c81bc..6bffbbff6ca8 100644
--- a/code/renderers/html/template/cli/ts-3-8/Header.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Header.ts
@@ -1,5 +1,5 @@
-import './header.css';
 import { createButton } from './Button';
+import './header.css';
 
 export interface HeaderProps {
   user?: { name: string };
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 ae132d98862d..bb9c2859fb6d 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
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/html';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import { createPage } from './Page';
 
 const meta: Meta = {
diff --git a/code/renderers/html/template/cli/ts-3-8/Page.ts b/code/renderers/html/template/cli/ts-3-8/Page.ts
index 3ff4211d8a8a..94149eda7353 100644
--- a/code/renderers/html/template/cli/ts-3-8/Page.ts
+++ b/code/renderers/html/template/cli/ts-3-8/Page.ts
@@ -1,5 +1,5 @@
-import './page.css';
 import { createHeader } from './Header';
+import './page.css';
 
 type User = {
   name: string;
diff --git a/code/renderers/html/template/cli/ts-4-9/Button.stories.ts b/code/renderers/html/template/cli/ts-4-9/Button.stories.ts
index a9a7ff7b3bc5..e65f93d20f02 100644
--- a/code/renderers/html/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Button.stories.ts
@@ -1,5 +1,6 @@
-import type { StoryObj, Meta } from '@storybook/html';
+import type { Meta, StoryObj } from '@storybook/html';
 import { fn } from '@storybook/test';
+
 import type { ButtonProps } from './Button';
 import { createButton } from './Button';
 
diff --git a/code/renderers/html/template/cli/ts-4-9/Header.stories.ts b/code/renderers/html/template/cli/ts-4-9/Header.stories.ts
index 189c6c8abebd..93bc0f66b4a8 100644
--- a/code/renderers/html/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Header.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/html';
 import { fn } from '@storybook/test';
+
 import type { HeaderProps } from './Header';
 import { createHeader } from './Header';
 
diff --git a/code/renderers/html/template/cli/ts-4-9/Header.ts b/code/renderers/html/template/cli/ts-4-9/Header.ts
index 5c6cec5c81bc..6bffbbff6ca8 100644
--- a/code/renderers/html/template/cli/ts-4-9/Header.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Header.ts
@@ -1,5 +1,5 @@
-import './header.css';
 import { createButton } from './Button';
+import './header.css';
 
 export interface HeaderProps {
   user?: { name: string };
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 4108dbc0d9c5..9dc897a97e7c 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
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/html';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import { createPage } from './Page';
 
 const meta = {
diff --git a/code/renderers/html/template/cli/ts-4-9/Page.ts b/code/renderers/html/template/cli/ts-4-9/Page.ts
index 3ff4211d8a8a..94149eda7353 100644
--- a/code/renderers/html/template/cli/ts-4-9/Page.ts
+++ b/code/renderers/html/template/cli/ts-4-9/Page.ts
@@ -1,5 +1,5 @@
-import './page.css';
 import { createHeader } from './Header';
+import './page.css';
 
 type User = {
   name: string;
diff --git a/code/renderers/html/template/components/index.js b/code/renderers/html/template/components/index.js
index 45c91d5c8a71..a0b7ecf67a4c 100644
--- a/code/renderers/html/template/components/index.js
+++ b/code/renderers/html/template/components/index.js
@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
 
 import { Button } from './Button';
-import { Pre } from './Pre';
 import { Form } from './Form';
 import { Html } from './Html';
+import { Pre } from './Pre';
 
 globalThis.Components = { Button, Pre, Form, Html };
 globalThis.storybookRenderer = 'html';
diff --git a/code/renderers/html/vitest.config.ts b/code/renderers/html/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/renderers/html/vitest.config.ts
+++ b/code/renderers/html/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/renderers/preact/package.json b/code/renderers/preact/package.json
index 8290b7e156be..ba562ce1146c 100644
--- a/code/renderers/preact/package.json
+++ b/code/renderers/preact/package.json
@@ -22,9 +22,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -43,8 +43,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
diff --git a/code/renderers/preact/src/index.ts b/code/renderers/preact/src/index.ts
index 145fbf2612ea..05ee53ba94dd 100644
--- a/code/renderers/preact/src/index.ts
+++ b/code/renderers/preact/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export * from './public-types';
diff --git a/code/renderers/preact/src/preset.ts b/code/renderers/preact/src/preset.ts
index 0a0302d79c5d..e58147234dd0 100644
--- a/code/renderers/preact/src/preset.ts
+++ b/code/renderers/preact/src/preset.ts
@@ -1,5 +1,6 @@
+import { join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { join } from 'path';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = async (
   input = [],
diff --git a/code/renderers/preact/src/public-types.ts b/code/renderers/preact/src/public-types.ts
index 7f23a7139baf..d9ee4aa59860 100644
--- a/code/renderers/preact/src/public-types.ts
+++ b/code/renderers/preact/src/public-types.ts
@@ -2,13 +2,14 @@ import type {
   AnnotatedStoryFn,
   Args,
   ComponentAnnotations,
-  StoryAnnotations,
   DecoratorFunction,
-  LoaderFunction,
   StoryContext as GenericStoryContext,
-  StrictArgs,
+  LoaderFunction,
   ProjectAnnotations,
+  StoryAnnotations,
+  StrictArgs,
 } from 'storybook/internal/types';
+
 import type { PreactRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/preact/src/render.tsx b/code/renderers/preact/src/render.tsx
index 4c126a8cecf6..56c599006e86 100644
--- a/code/renderers/preact/src/render.tsx
+++ b/code/renderers/preact/src/render.tsx
@@ -1,9 +1,10 @@
 /** @jsx h */
+import type { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
+
 import * as preact from 'preact';
 import { dedent } from 'ts-dedent';
-import type { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
 
-import type { StoryFnPreactReturnType, PreactRenderer } from './types';
+import type { PreactRenderer, StoryFnPreactReturnType } from './types';
 
 const { h } = preact;
 
diff --git a/code/renderers/preact/src/types.ts b/code/renderers/preact/src/types.ts
index 29348c239df2..37e3e15329d3 100644
--- a/code/renderers/preact/src/types.ts
+++ b/code/renderers/preact/src/types.ts
@@ -1,4 +1,5 @@
 import type { WebRenderer } from 'storybook/internal/types';
+
 import type { AnyComponent } from 'preact';
 
 export type { RenderContext } from 'storybook/internal/types';
diff --git a/code/renderers/preact/template/cli/Button.stories.jsx b/code/renderers/preact/template/cli/Button.stories.jsx
index 5017c7144bee..94fd8d336e48 100644
--- a/code/renderers/preact/template/cli/Button.stories.jsx
+++ b/code/renderers/preact/template/cli/Button.stories.jsx
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/preact/template/cli/Header.stories.jsx b/code/renderers/preact/template/cli/Header.stories.jsx
index 160f7fdff166..7cb7da7cd8ca 100644
--- a/code/renderers/preact/template/cli/Header.stories.jsx
+++ b/code/renderers/preact/template/cli/Header.stories.jsx
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Header } from './Header';
 
 export default {
diff --git a/code/renderers/preact/template/cli/Page.jsx b/code/renderers/preact/template/cli/Page.jsx
index a5bc82d9d105..e7865e6dc23e 100644
--- a/code/renderers/preact/template/cli/Page.jsx
+++ b/code/renderers/preact/template/cli/Page.jsx
@@ -1,4 +1,5 @@
 import { useState } from 'preact/hooks';
+
 import { Header } from './Header';
 import './page.css';
 
diff --git a/code/renderers/preact/template/cli/Page.stories.jsx b/code/renderers/preact/template/cli/Page.stories.jsx
index 67e60e684395..89edcba5ed80 100644
--- a/code/renderers/preact/template/cli/Page.stories.jsx
+++ b/code/renderers/preact/template/cli/Page.stories.jsx
@@ -1,4 +1,4 @@
-import { within, userEvent } from '@storybook/test';
+import { userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 
diff --git a/code/renderers/preact/template/components/index.js b/code/renderers/preact/template/components/index.js
index e487348995ff..8817202f2dd6 100644
--- a/code/renderers/preact/template/components/index.js
+++ b/code/renderers/preact/template/components/index.js
@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
 
 import { Button } from './Button.jsx';
-import { Pre } from './Pre.jsx';
 import { Form } from './Form.jsx';
 import { Html } from './Html.jsx';
+import { Pre } from './Pre.jsx';
 
 globalThis.Components = { Button, Pre, Form, Html };
 globalThis.storybookRenderer = 'preact';
diff --git a/code/renderers/preact/template/stories/react-compat.stories.jsx b/code/renderers/preact/template/stories/react-compat.stories.jsx
index b43a0650e748..ac28a33d45e5 100644
--- a/code/renderers/preact/template/stories/react-compat.stories.jsx
+++ b/code/renderers/preact/template/stories/react-compat.stories.jsx
@@ -1,4 +1,4 @@
-import { ReactFunctionalComponent, ReactClassComponent } from './React.jsx';
+import { ReactClassComponent, ReactFunctionalComponent } from './React.jsx';
 
 export default {
   component: ReactFunctionalComponent,
diff --git a/code/renderers/preact/vitest.config.ts b/code/renderers/preact/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/renderers/preact/vitest.config.ts
+++ b/code/renderers/preact/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/renderers/react/package.json b/code/renderers/react/package.json
index 59f66e5c8e29..0ce2f7882cce 100644
--- a/code/renderers/react/package.json
+++ b/code/renderers/react/package.json
@@ -22,15 +22,15 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./experimental-playwright": {
       "types": "./dist/playwright.d.ts",
-      "node": "./dist/playwright.js",
       "import": "./dist/playwright.mjs",
-      "require": "./dist/playwright.js"
+      "require": "./dist/playwright.js",
+      "node": "./dist/playwright.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -60,8 +60,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
@@ -72,13 +72,12 @@
     "@storybook/theming": "workspace:^",
     "@types/escodegen": "^0.0.6",
     "@types/estree": "^0.0.51",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
     "escodegen": "^2.1.0",
     "html-tags": "^3.1.0",
-    "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
     "react-element-to-jsx-string": "^15.0.0",
     "semver": "^7.3.7",
@@ -93,6 +92,7 @@
     "@types/util-deprecate": "^1.0.0",
     "babel-plugin-react-docgen": "^4.2.1",
     "expect-type": "^0.15.0",
+    "lodash": "^4.17.21",
     "require-from-string": "^2.0.2"
   },
   "peerDependencies": {
diff --git a/code/renderers/react/src/__test__/Button.stories.tsx b/code/renderers/react/src/__test__/Button.stories.tsx
index c66139ad9e19..1dab871d9e2c 100644
--- a/code/renderers/react/src/__test__/Button.stories.tsx
+++ b/code/renderers/react/src/__test__/Button.stories.tsx
@@ -1,12 +1,14 @@
 import React from 'react';
-import { within, userEvent, fn, expect } from '@storybook/test';
-import type { StoryFn as CSF2Story, StoryObj as CSF3Story, Meta } from '..';
 
-import type { ButtonProps } from './Button';
-import { Button } from './Button';
+import { expect, fn, userEvent, within } from '@storybook/test';
+import { mocked } from '@storybook/test';
+
 import type { HandlerFunction } from '@storybook/addon-actions';
 import { action } from '@storybook/addon-actions';
-import { mocked } from '@storybook/test';
+
+import type { StoryFn as CSF2Story, StoryObj as CSF3Story, Meta } from '..';
+import type { ButtonProps } from './Button';
+import { Button } from './Button';
 
 const meta = {
   title: 'Example/Button',
diff --git a/code/renderers/react/src/__test__/Button.tsx b/code/renderers/react/src/__test__/Button.tsx
index d34105f2b92f..a729a9e85d8d 100644
--- a/code/renderers/react/src/__test__/Button.tsx
+++ b/code/renderers/react/src/__test__/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import './button.css';
 
 export interface ButtonProps {
diff --git a/code/renderers/react/src/__test__/portable-stories-legacy.test.tsx b/code/renderers/react/src/__test__/portable-stories-legacy.test.tsx
index 26f6ebacbd59..16e017e76c7f 100644
--- a/code/renderers/react/src/__test__/portable-stories-legacy.test.tsx
+++ b/code/renderers/react/src/__test__/portable-stories-legacy.test.tsx
@@ -1,16 +1,20 @@
 // @vitest-environment happy-dom
 
 /* eslint-disable import/namespace */
+import { cleanup, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import React from 'react';
-import { vi, it, expect, afterEach, describe } from 'vitest';
-import { render, screen, cleanup } from '@testing-library/react';
+
+import type { Meta } from '@storybook/react';
+
 import { addons } from '@storybook/preview-api';
 
 import * as addonActionsPreview from '@storybook/addon-actions/preview';
-import type { Meta } from '@storybook/react';
+
 import { expectTypeOf } from 'expect-type';
 
-import { setProjectAnnotations, composeStories, composeStory } from '..';
+import { composeStories, composeStory, setProjectAnnotations } from '..';
 import type { Button } from './Button';
 import * as stories from './Button.stories';
 
diff --git a/code/renderers/react/src/__test__/portable-stories.test.tsx b/code/renderers/react/src/__test__/portable-stories.test.tsx
index 8e17288243d7..0a73f98f8e67 100644
--- a/code/renderers/react/src/__test__/portable-stories.test.tsx
+++ b/code/renderers/react/src/__test__/portable-stories.test.tsx
@@ -1,16 +1,20 @@
 // @vitest-environment happy-dom
 
 /* eslint-disable import/namespace */
+import { cleanup, render, screen } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 import React from 'react';
-import { vi, it, expect, afterEach, describe } from 'vitest';
-import { render, screen, cleanup } from '@testing-library/react';
+
 import { addons } from 'storybook/internal/preview-api';
 
-import * as addonActionsPreview from '@storybook/addon-actions/preview';
 import type { Meta } from '@storybook/react';
+
+import * as addonActionsPreview from '@storybook/addon-actions/preview';
+
 import { expectTypeOf } from 'expect-type';
 
-import { setProjectAnnotations, composeStories, composeStory } from '..';
+import { composeStories, composeStory, setProjectAnnotations } from '..';
 import type { Button } from './Button';
 import * as stories from './Button.stories';
 
@@ -135,7 +139,6 @@ describe('CSF3', () => {
     const CSF3InputFieldFilled = composeStory(stories.CSF3InputFieldFilled, stories.default);
 
     const div = document.createElement('div');
-    console.log(div.tagName);
     document.body.appendChild(div);
 
     await CSF3InputFieldFilled.run({ canvasElement: div });
diff --git a/code/renderers/react/src/docs/applyDecorators.ts b/code/renderers/react/src/docs/applyDecorators.ts
index 3d2573e81f36..1c425cf86ae0 100644
--- a/code/renderers/react/src/docs/applyDecorators.ts
+++ b/code/renderers/react/src/docs/applyDecorators.ts
@@ -1,5 +1,5 @@
 import { defaultDecorateStory } from 'storybook/internal/preview-api';
-import type { LegacyStoryFn, DecoratorFunction } from 'storybook/internal/types';
+import type { DecoratorFunction, LegacyStoryFn } from 'storybook/internal/types';
 
 import type { ReactRenderer } from '../types';
 import { jsxDecorator } from './jsxDecorator';
diff --git a/code/renderers/react/src/docs/extractArgTypes.test.ts b/code/renderers/react/src/docs/extractArgTypes.test.ts
index 481c82eec79e..d6f612cbc285 100644
--- a/code/renderers/react/src/docs/extractArgTypes.test.ts
+++ b/code/renderers/react/src/docs/extractArgTypes.test.ts
@@ -1,17 +1,19 @@
-import { describe, it, expect } from 'vitest';
-import path from 'path';
-import fs from 'fs';
-// @ts-expect-error (seems broken/missing)
-import requireFromString from 'require-from-string';
-import { transformFileSync, transformSync } from '@babel/core';
+import { readdirSync } from 'node:fs';
+import { join, resolve } from 'node:path';
 
+import { describe, expect, it } from 'vitest';
+
+import { normalizeNewlines } from 'storybook/internal/docs-tools';
 import { inferControls } from 'storybook/internal/preview-api';
 import type { Renderer } from 'storybook/internal/types';
-import { normalizeNewlines } from 'storybook/internal/docs-tools';
+
+import { transformFileSync, transformSync } from '@babel/core';
+// @ts-expect-error (seems broken/missing)
+import requireFromString from 'require-from-string';
 
 import type { StoryContext } from '../types';
-import { extractProps } from './extractProps';
 import { extractArgTypes } from './extractArgTypes';
+import { extractProps } from './extractProps';
 
 // File hierarchy:
 // __testfixtures__ / some-test-case / input.*
@@ -60,21 +62,21 @@ const skippedTests = [
 
 describe('react component properties', () => {
   // Fixture files are in template/stories
-  const fixturesDir = path.resolve(__dirname, '../../template/stories/docgen-components');
-  fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+  const fixturesDir = resolve(__dirname, '../../template/stories/docgen-components');
+  readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
     if (testEntry.isDirectory()) {
-      const testDir = path.join(fixturesDir, testEntry.name);
-      const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+      const testDir = join(fixturesDir, testEntry.name);
+      const testFile = readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
       if (testFile) {
         if (skippedTests.includes(testEntry.name)) {
           it.skip(`${testEntry.name}`, () => {});
         } else {
           it(`${testEntry.name}`, () => {
-            const inputPath = path.join(testDir, testFile);
+            const inputPath = join(testDir, testFile);
 
             // snapshot the output of babel-plugin-react-docgen
             const docgenPretty = annotateWithDocgen(inputPath);
-            expect(docgenPretty).toMatchFileSnapshot(path.join(testDir, 'docgen.snapshot'));
+            expect(docgenPretty).toMatchFileSnapshot(join(testDir, 'docgen.snapshot'));
 
             // transform into an uglier format that's works with require-from-string
             const docgenModule = transformToModule(docgenPretty);
@@ -82,7 +84,7 @@ describe('react component properties', () => {
             // snapshot the output of component-properties/react
             const { component } = requireFromString(docgenModule, inputPath);
             const properties = extractProps(component);
-            expect(properties).toMatchFileSnapshot(path.join(testDir, 'properties.snapshot'));
+            expect(properties).toMatchFileSnapshot(join(testDir, 'properties.snapshot'));
 
             // snapshot the output of `extractArgTypes`
             const argTypes = extractArgTypes(component);
@@ -91,7 +93,7 @@ describe('react component properties', () => {
               argTypes,
               parameters,
             } as unknown as StoryContext<Renderer>);
-            expect(rows).toMatchFileSnapshot(path.join(testDir, 'argTypes.snapshot'));
+            expect(rows).toMatchFileSnapshot(join(testDir, 'argTypes.snapshot'));
           });
         }
       }
diff --git a/code/renderers/react/src/docs/extractArgTypes.ts b/code/renderers/react/src/docs/extractArgTypes.ts
index efa23a7df28c..8f27f41f8a59 100644
--- a/code/renderers/react/src/docs/extractArgTypes.ts
+++ b/code/renderers/react/src/docs/extractArgTypes.ts
@@ -1,5 +1,6 @@
+import type { ArgTypesExtractor, PropDef } from 'storybook/internal/docs-tools';
 import type { StrictArgTypes } from 'storybook/internal/types';
-import type { PropDef, ArgTypesExtractor } from 'storybook/internal/docs-tools';
+
 import { extractProps } from './extractProps';
 
 export const extractArgTypes: ArgTypesExtractor = (component): StrictArgTypes | null => {
diff --git a/code/renderers/react/src/docs/extractProps.ts b/code/renderers/react/src/docs/extractProps.ts
index b25cd8524872..bedaa45e0189 100644
--- a/code/renderers/react/src/docs/extractProps.ts
+++ b/code/renderers/react/src/docs/extractProps.ts
@@ -1,13 +1,15 @@
-import PropTypes from 'prop-types';
 import {
   type PropDef,
-  hasDocgen,
-  extractComponentProps,
   TypeSystem,
+  extractComponentProps,
+  hasDocgen,
 } from 'storybook/internal/docs-tools';
+
+import PropTypes from 'prop-types';
+
+import { isMemo } from './lib';
 import { enhancePropTypesProps } from './propTypes/handleProp';
 import { enhanceTypeScriptProps } from './typeScript/handleProp';
-import { isMemo } from './lib';
 
 // FIXME
 type Component = any;
diff --git a/code/renderers/react/src/docs/jsxDecorator.test.tsx b/code/renderers/react/src/docs/jsxDecorator.test.tsx
index 5ce12f05c22e..817fd0929680 100644
--- a/code/renderers/react/src/docs/jsxDecorator.test.tsx
+++ b/code/renderers/react/src/docs/jsxDecorator.test.tsx
@@ -1,12 +1,16 @@
 /* eslint-disable no-underscore-dangle */
-import type { FC, PropsWithChildren } from 'react';
-import React, { StrictMode, createElement, Profiler } from 'react';
 import type { Mock } from 'vitest';
-import { vi, describe, it, expect, beforeEach } from 'vitest';
-import PropTypes from 'prop-types';
-import { addons, useEffect } from 'storybook/internal/preview-api';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import type { FC, PropsWithChildren } from 'react';
+import React, { Profiler, StrictMode, createElement } from 'react';
+
 import { SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
-import { renderJsx, jsxDecorator, getReactSymbolName } from './jsxDecorator';
+import { addons, useEffect } from 'storybook/internal/preview-api';
+
+import PropTypes from 'prop-types';
+
+import { getReactSymbolName, jsxDecorator, renderJsx } from './jsxDecorator';
 
 vi.mock('storybook/internal/preview-api');
 const mockedAddons = vi.mocked(addons);
diff --git a/code/renderers/react/src/docs/jsxDecorator.tsx b/code/renderers/react/src/docs/jsxDecorator.tsx
index 813bd1cf8cd3..9448ea7f754c 100644
--- a/code/renderers/react/src/docs/jsxDecorator.tsx
+++ b/code/renderers/react/src/docs/jsxDecorator.tsx
@@ -1,16 +1,17 @@
 /* eslint-disable no-underscore-dangle */
 import type { ReactElement, ReactNode } from 'react';
-import React, { isValidElement, createElement } from 'react';
-import type { Options } from 'react-element-to-jsx-string';
-import reactElementToJSXString from 'react-element-to-jsx-string';
+import React, { createElement, isValidElement } from 'react';
 
-import { addons, useEffect } from 'storybook/internal/preview-api';
-import type { StoryContext, ArgsStoryFn, PartialStoryFn } from 'storybook/internal/types';
-import { SourceType, SNIPPET_RENDERED, getDocgenSection } from 'storybook/internal/docs-tools';
 import { logger } from 'storybook/internal/client-logger';
-import { isMemo, isForwardRef } from './lib';
+import { SNIPPET_RENDERED, SourceType, getDocgenSection } from 'storybook/internal/docs-tools';
+import { addons, useEffect } from 'storybook/internal/preview-api';
+import type { ArgsStoryFn, PartialStoryFn, StoryContext } from 'storybook/internal/types';
+
+import type { Options } from 'react-element-to-jsx-string';
+import reactElementToJSXString from 'react-element-to-jsx-string';
 
 import type { ReactRenderer } from '../types';
+import { isForwardRef, isMemo } from './lib';
 
 const toPascalCase = (str: string) => str.charAt(0).toUpperCase() + str.slice(1);
 
diff --git a/code/renderers/react/src/docs/lib/defaultValues/createDefaultValue.ts b/code/renderers/react/src/docs/lib/defaultValues/createDefaultValue.ts
index 42e6aca00d48..cf2adb2a78e8 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/createDefaultValue.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/createDefaultValue.ts
@@ -1,21 +1,21 @@
 import {
+  type PropDefaultValue,
   createSummaryValue,
   isTooLongForDefaultValueSummary,
-  type PropDefaultValue,
 } from 'storybook/internal/docs-tools';
 
-import { FUNCTION_CAPTION, ELEMENT_CAPTION } from '../captions';
+import { ELEMENT_CAPTION, FUNCTION_CAPTION } from '../captions';
+import { generateCode } from '../generateCode';
 import type {
-  InspectionFunction,
-  InspectionResult,
   InspectionElement,
+  InspectionFunction,
   InspectionIdentifiableInferedType,
+  InspectionResult,
 } from '../inspection';
 import { InspectionType, inspectValue } from '../inspection';
 import { isHtmlTag } from '../isHtmlTag';
-import { generateCode } from '../generateCode';
-import { generateObject } from './generateObject';
 import { generateArray } from './generateArray';
+import { generateObject } from './generateObject';
 import { getPrettyIdentifier } from './prettyIdentifier';
 
 function generateFunc({ inferredType, ast }: InspectionResult): PropDefaultValue {
diff --git a/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts b/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts
index d7bb80daa3c8..fa8ae48e3c89 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/createFromRawDefaultProp.ts
@@ -1,22 +1,23 @@
 /* eslint-disable @typescript-eslint/ban-types */
-import isPlainObject from 'lodash/isPlainObject.js';
-import isFunction from 'lodash/isFunction.js';
-import isString from 'lodash/isString.js';
-import reactElementToJSXString from 'react-element-to-jsx-string';
 import {
   type PropDef,
+  type PropDefaultValue,
   createSummaryValue,
   isTooLongForDefaultValueSummary,
-  type PropDefaultValue,
 } from 'storybook/internal/docs-tools';
 
+import isFunction from 'lodash/isFunction.js';
+import isPlainObject from 'lodash/isPlainObject.js';
+import isString from 'lodash/isString.js';
+import reactElementToJSXString from 'react-element-to-jsx-string';
+
+import { ELEMENT_CAPTION, FUNCTION_CAPTION, OBJECT_CAPTION } from '../captions';
 import type { InspectionFunction } from '../inspection';
 import { inspectValue } from '../inspection';
-import { generateObject } from './generateObject';
+import { isHtmlTag } from '../isHtmlTag';
 import { generateArray } from './generateArray';
+import { generateObject } from './generateObject';
 import { getPrettyElementIdentifier, getPrettyFuncIdentifier } from './prettyIdentifier';
-import { OBJECT_CAPTION, FUNCTION_CAPTION, ELEMENT_CAPTION } from '../captions';
-import { isHtmlTag } from '../isHtmlTag';
 
 export type TypeResolver = (rawDefaultProp: any, propDef: PropDef) => PropDefaultValue;
 
diff --git a/code/renderers/react/src/docs/lib/defaultValues/generateArray.ts b/code/renderers/react/src/docs/lib/defaultValues/generateArray.ts
index 14edb73976e3..ea216db327eb 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/generateArray.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/generateArray.ts
@@ -1,11 +1,12 @@
 import {
+  type PropDefaultValue,
   createSummaryValue,
   isTooLongForDefaultValueSummary,
-  type PropDefaultValue,
 } from 'storybook/internal/docs-tools';
+
 import { ARRAY_CAPTION } from '../captions';
-import type { InspectionResult, InspectionArray } from '../inspection';
 import { generateArrayCode } from '../generateCode';
+import type { InspectionArray, InspectionResult } from '../inspection';
 
 export function generateArray({ inferredType, ast }: InspectionResult): PropDefaultValue {
   const { depth } = inferredType as InspectionArray;
diff --git a/code/renderers/react/src/docs/lib/defaultValues/generateObject.ts b/code/renderers/react/src/docs/lib/defaultValues/generateObject.ts
index 1d6d6beb49c7..ee09fc6c83c5 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/generateObject.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/generateObject.ts
@@ -1,12 +1,12 @@
 import {
+  type PropDefaultValue,
   createSummaryValue,
   isTooLongForDefaultValueSummary,
-  type PropDefaultValue,
 } from 'storybook/internal/docs-tools';
 
 import { OBJECT_CAPTION } from '../captions';
-import type { InspectionResult, InspectionArray } from '../inspection';
 import { generateObjectCode } from '../generateCode';
+import type { InspectionArray, InspectionResult } from '../inspection';
 
 export function generateObject({ inferredType, ast }: InspectionResult): PropDefaultValue {
   const { depth } = inferredType as InspectionArray;
diff --git a/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts b/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts
index 2b8578729525..aac1dce1186a 100644
--- a/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts
+++ b/code/renderers/react/src/docs/lib/defaultValues/prettyIdentifier.ts
@@ -1,4 +1,4 @@
-import type { InspectionIdentifiableInferedType, InspectionFunction } from '../inspection';
+import type { InspectionFunction, InspectionIdentifiableInferedType } from '../inspection';
 import { InspectionType } from '../inspection';
 
 export function getPrettyFuncIdentifier(identifier: string, hasArguments: boolean): string {
diff --git a/code/renderers/react/src/docs/lib/inspection/acornParser.test.ts b/code/renderers/react/src/docs/lib/inspection/acornParser.test.ts
index ff8d7168172d..4fd3937b5251 100644
--- a/code/renderers/react/src/docs/lib/inspection/acornParser.test.ts
+++ b/code/renderers/react/src/docs/lib/inspection/acornParser.test.ts
@@ -1,12 +1,13 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { parse } from './acornParser';
 import type {
-  InspectionElement,
-  InspectionObject,
   InspectionArray,
+  InspectionElement,
+  InspectionFunction,
   InspectionIdentifier,
   InspectionLiteral,
-  InspectionFunction,
+  InspectionObject,
   InspectionUnknown,
 } from './types';
 import { InspectionType } from './types';
diff --git a/code/renderers/react/src/docs/lib/inspection/acornParser.ts b/code/renderers/react/src/docs/lib/inspection/acornParser.ts
index ce62510430b8..2ebac131c77e 100644
--- a/code/renderers/react/src/docs/lib/inspection/acornParser.ts
+++ b/code/renderers/react/src/docs/lib/inspection/acornParser.ts
@@ -1,17 +1,18 @@
 import { Parser } from 'acorn';
 import jsx from 'acorn-jsx';
-import type estree from 'estree';
 import * as acornWalk from 'acorn-walk';
+import type estree from 'estree';
+
 import type {
-  InspectionLiteral,
+  InspectionArray,
+  InspectionClass,
   InspectionElement,
   InspectionFunction,
-  InspectionClass,
-  InspectionObject,
-  InspectionUnknown,
   InspectionIdentifier,
-  InspectionArray,
   InspectionInferedType,
+  InspectionLiteral,
+  InspectionObject,
+  InspectionUnknown,
 } from './types';
 import { InspectionType } from './types';
 
diff --git a/code/renderers/react/src/docs/propTypes/createType.ts b/code/renderers/react/src/docs/propTypes/createType.ts
index 7a80928cd18f..76ac4a302c1d 100644
--- a/code/renderers/react/src/docs/propTypes/createType.ts
+++ b/code/renderers/react/src/docs/propTypes/createType.ts
@@ -1,23 +1,24 @@
-import type { ExtractedProp, DocgenPropType, PropType } from 'storybook/internal/docs-tools';
+import type { DocgenPropType, ExtractedProp, PropType } from 'storybook/internal/docs-tools';
 import { createSummaryValue, isTooLongForTypeSummary } from 'storybook/internal/docs-tools';
+
 import {
-  generateFuncSignature,
-  generateShortFuncSignature,
-  toMultilineSignature,
-} from './generateFuncSignature';
-import {
-  OBJECT_CAPTION,
   ARRAY_CAPTION,
   CLASS_CAPTION,
-  FUNCTION_CAPTION,
-  ELEMENT_CAPTION,
   CUSTOM_CAPTION,
-  isHtmlTag,
-  generateObjectCode,
+  ELEMENT_CAPTION,
+  FUNCTION_CAPTION,
+  OBJECT_CAPTION,
   generateCode,
+  generateObjectCode,
+  isHtmlTag,
 } from '../lib';
-import type { InspectionElement, InspectionObject, InspectionArray } from '../lib/inspection';
+import type { InspectionArray, InspectionElement, InspectionObject } from '../lib/inspection';
 import { InspectionType, inspectValue } from '../lib/inspection';
+import {
+  generateFuncSignature,
+  generateShortFuncSignature,
+  toMultilineSignature,
+} from './generateFuncSignature';
 
 const MAX_FUNC_LENGTH = 150;
 
diff --git a/code/renderers/react/src/docs/propTypes/generateFuncSignature.test.ts b/code/renderers/react/src/docs/propTypes/generateFuncSignature.test.ts
index 75e828a3ee5f..67e208978910 100644
--- a/code/renderers/react/src/docs/propTypes/generateFuncSignature.test.ts
+++ b/code/renderers/react/src/docs/propTypes/generateFuncSignature.test.ts
@@ -1,5 +1,7 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import { parseJsDoc } from 'storybook/internal/docs-tools';
+
 import { generateFuncSignature, generateShortFuncSignature } from './generateFuncSignature';
 
 describe('generateFuncSignature', () => {
diff --git a/code/renderers/react/src/docs/propTypes/handleProp.test.tsx b/code/renderers/react/src/docs/propTypes/handleProp.test.tsx
index 98263497a420..4cceced0a6d5 100644
--- a/code/renderers/react/src/docs/propTypes/handleProp.test.tsx
+++ b/code/renderers/react/src/docs/propTypes/handleProp.test.tsx
@@ -1,14 +1,17 @@
 /* eslint-disable no-underscore-dangle */
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
-import PropTypes from 'prop-types';
 import React from 'react';
+
 import {
-  type PropDef,
-  extractComponentProps,
   type DocgenInfo,
   type DocgenPropDefaultValue,
+  type PropDef,
+  extractComponentProps,
 } from 'storybook/internal/docs-tools';
+
+import PropTypes from 'prop-types';
+
 import { enhancePropTypesProp, enhancePropTypesProps } from './handleProp';
 
 type Component = any;
diff --git a/code/renderers/react/src/docs/propTypes/handleProp.ts b/code/renderers/react/src/docs/propTypes/handleProp.ts
index d94284d43417..39860e1c254d 100644
--- a/code/renderers/react/src/docs/propTypes/handleProp.ts
+++ b/code/renderers/react/src/docs/propTypes/handleProp.ts
@@ -1,8 +1,9 @@
-import type { PropDef, ExtractedProp } from 'storybook/internal/docs-tools';
-import { createType } from './createType';
+import type { ExtractedProp, PropDef } from 'storybook/internal/docs-tools';
+
 import { createDefaultValue, createDefaultValueFromRawDefaultProp } from '../lib/defaultValues';
-import { keepOriginalDefinitionOrder } from './sortProps';
+import { createType } from './createType';
 import { rawDefaultPropTypeResolvers } from './rawDefaultPropResolvers';
+import { keepOriginalDefinitionOrder } from './sortProps';
 
 type Component = any;
 
diff --git a/code/renderers/react/src/docs/propTypes/rawDefaultPropResolvers.ts b/code/renderers/react/src/docs/propTypes/rawDefaultPropResolvers.ts
index 989b59c466c0..3fb3ba3228d6 100644
--- a/code/renderers/react/src/docs/propTypes/rawDefaultPropResolvers.ts
+++ b/code/renderers/react/src/docs/propTypes/rawDefaultPropResolvers.ts
@@ -1,7 +1,8 @@
 import { createSummaryValue } from 'storybook/internal/docs-tools';
+
+import { ELEMENT_CAPTION, FUNCTION_CAPTION } from '../lib';
 import type { TypeResolver } from '../lib/defaultValues';
-import { extractFunctionName, createTypeResolvers } from '../lib/defaultValues';
-import { FUNCTION_CAPTION, ELEMENT_CAPTION } from '../lib';
+import { createTypeResolvers, extractFunctionName } from '../lib/defaultValues';
 import {
   getPrettyElementIdentifier,
   getPrettyFuncIdentifier,
diff --git a/code/renderers/react/src/docs/typeScript/handleProp.test.tsx b/code/renderers/react/src/docs/typeScript/handleProp.test.tsx
index d2dd46944f21..c61fe672bb68 100644
--- a/code/renderers/react/src/docs/typeScript/handleProp.test.tsx
+++ b/code/renderers/react/src/docs/typeScript/handleProp.test.tsx
@@ -1,13 +1,15 @@
 /* eslint-disable no-underscore-dangle */
+import { describe, expect, it } from 'vitest';
 
-import { describe, it, expect } from 'vitest';
 import React from 'react';
+
 import {
-  type PropDef,
-  extractComponentProps,
   type DocgenInfo,
   type DocgenPropDefaultValue,
+  type PropDef,
+  extractComponentProps,
 } from 'storybook/internal/docs-tools';
+
 import { enhanceTypeScriptProp } from './handleProp';
 
 type Component = any;
diff --git a/code/renderers/react/src/docs/typeScript/handleProp.ts b/code/renderers/react/src/docs/typeScript/handleProp.ts
index 6aefa1d502e9..174b93e389e9 100644
--- a/code/renderers/react/src/docs/typeScript/handleProp.ts
+++ b/code/renderers/react/src/docs/typeScript/handleProp.ts
@@ -1,4 +1,5 @@
-import type { PropDef, ExtractedProp } from 'storybook/internal/docs-tools';
+import type { ExtractedProp, PropDef } from 'storybook/internal/docs-tools';
+
 import { createDefaultValue, createDefaultValueFromRawDefaultProp } from '../lib/defaultValues';
 
 export function enhanceTypeScriptProp(extractedProp: ExtractedProp, rawDefaultProp?: any): PropDef {
diff --git a/code/renderers/react/src/entry-preview-docs.ts b/code/renderers/react/src/entry-preview-docs.ts
index ad3146a94fe5..b3d1d0d233e2 100644
--- a/code/renderers/react/src/entry-preview-docs.ts
+++ b/code/renderers/react/src/entry-preview-docs.ts
@@ -1,6 +1,6 @@
-import type { ArgTypesEnhancer, DecoratorFunction } from 'storybook/internal/types';
 import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
-import { extractComponentDescription, enhanceArgTypes } from 'storybook/internal/docs-tools';
+import { enhanceArgTypes, extractComponentDescription } from 'storybook/internal/docs-tools';
+import type { ArgTypesEnhancer, DecoratorFunction } from 'storybook/internal/types';
 
 import { extractArgTypes } from './docs/extractArgTypes';
 import { jsxDecorator } from './docs/jsxDecorator';
diff --git a/code/renderers/react/src/entry-preview-rsc.tsx b/code/renderers/react/src/entry-preview-rsc.tsx
index eb8af7899b51..d3c0b615ab45 100644
--- a/code/renderers/react/src/entry-preview-rsc.tsx
+++ b/code/renderers/react/src/entry-preview-rsc.tsx
@@ -1,6 +1,9 @@
 import * as React from 'react';
-import semver from 'semver';
+
 import type { Addon_DecoratorFunction } from 'storybook/internal/types';
+
+import semver from 'semver';
+
 import type { StoryContext } from './types';
 
 export const ServerComponentDecorator = (
diff --git a/code/renderers/react/src/index.ts b/code/renderers/react/src/index.ts
index bad002de9370..7ad835d16cd8 100644
--- a/code/renderers/react/src/index.ts
+++ b/code/renderers/react/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export * from './public-types';
diff --git a/code/renderers/react/src/mount.ts b/code/renderers/react/src/mount.ts
index d27e66809a5e..2375fbe5ff46 100644
--- a/code/renderers/react/src/mount.ts
+++ b/code/renderers/react/src/mount.ts
@@ -1,6 +1,7 @@
-import { type StoryContext, type ReactRenderer } from './public-types';
 import type { BaseAnnotations } from 'storybook/internal/types';
 
+import { type ReactRenderer, type StoryContext } from './public-types';
+
 export const mount: BaseAnnotations<ReactRenderer>['mount'] =
   (context: StoryContext) => async (ui) => {
     if (ui != null) {
diff --git a/code/renderers/react/src/portable-stories.tsx b/code/renderers/react/src/portable-stories.tsx
index 88d6e5382ae6..c5bcb9cc28df 100644
--- a/code/renderers/react/src/portable-stories.tsx
+++ b/code/renderers/react/src/portable-stories.tsx
@@ -1,23 +1,24 @@
+import React from 'react';
+
 import {
-  composeStory as originalComposeStory,
   composeStories as originalComposeStories,
+  composeStory as originalComposeStory,
   setProjectAnnotations as originalSetProjectAnnotations,
 } from 'storybook/internal/preview-api';
+import { TestingLibraryMustBeConfiguredError } from 'storybook/internal/preview-errors';
 import type {
   Args,
+  ComposedStoryFn,
   NamedOrDefaultProjectAnnotations,
-  StoryAnnotationsOrFn,
+  ProjectAnnotations,
   Store_CSFExports,
   StoriesWithPartialProps,
-  ProjectAnnotations,
-  ComposedStoryFn,
+  StoryAnnotationsOrFn,
 } from 'storybook/internal/types';
 
 import * as reactProjectAnnotations from './entry-preview';
 import type { Meta } from './public-types';
 import type { ReactRenderer } from './types';
-import { TestingLibraryMustBeConfiguredError } from 'storybook/internal/preview-errors';
-import React from 'react';
 
 /** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
  *
diff --git a/code/renderers/react/src/preset.ts b/code/renderers/react/src/preset.ts
index fdd5add72485..c93dda141b79 100644
--- a/code/renderers/react/src/preset.ts
+++ b/code/renderers/react/src/preset.ts
@@ -1,6 +1,6 @@
-import type { PresetProperty } from 'storybook/internal/types';
+import { dirname, join } from 'node:path';
 
-import { dirname, join } from 'path';
+import type { PresetProperty } from 'storybook/internal/types';
 
 export const addons: PresetProperty<'addons'> = [
   require.resolve('@storybook/react-dom-shim/dist/preset'),
diff --git a/code/renderers/react/src/public-types.test.tsx b/code/renderers/react/src/public-types.test.tsx
index 329b0384fb39..49c73a1c7b5f 100644
--- a/code/renderers/react/src/public-types.test.tsx
+++ b/code/renderers/react/src/public-types.test.tsx
@@ -1,21 +1,22 @@
 // @vitest-environment happy-dom
-
 // this file tests Typescript types that's why there are no assertions
 import { describe, it } from 'vitest';
 
-import { satisfies } from 'storybook/internal/common';
-import type { Args, StoryAnnotations, StrictArgs } from 'storybook/internal/types';
-import { expectTypeOf } from 'expect-type';
 import type { KeyboardEventHandler, ReactElement, ReactNode } from 'react';
 import React from 'react';
 
-import type { SetOptional } from 'type-fest';
+import { satisfies } from 'storybook/internal/common';
+import type { Args, StoryAnnotations, StrictArgs } from 'storybook/internal/types';
+
+import type { Canvas } from '@storybook/csf';
 import type { Mock } from '@storybook/test';
 import { fn } from '@storybook/test';
 
+import { expectTypeOf } from 'expect-type';
+import type { SetOptional } from 'type-fest';
+
 import type { Decorator, Meta, StoryObj } from './public-types';
 import type { ReactRenderer } from './types';
-import type { Canvas } from '@storybook/csf';
 
 type ReactStory<TArgs, TRequiredArgs> = StoryAnnotations<ReactRenderer, TArgs, TRequiredArgs>;
 
@@ -319,15 +320,11 @@ it('Infer mock function given to args in meta.', () => {
     play: async ({ args, mount }) => {
       const canvas = await mount(<TestButton {...args} />);
       expectTypeOf(canvas).toEqualTypeOf<Canvas>();
-      expectTypeOf(args.onClick).toEqualTypeOf<Mock<[], void>>();
+      expectTypeOf(args.onClick).toEqualTypeOf<Mock>();
       expectTypeOf(args.onRender).toEqualTypeOf<() => JSX.Element>();
     },
   };
-  type Expected = StoryAnnotations<
-    ReactRenderer,
-    Props & { onClick: Mock<[], void> },
-    Partial<Props>
-  >;
+  type Expected = StoryAnnotations<ReactRenderer, Props & { onClick: Mock }, Partial<Props>>;
 
   expectTypeOf(Basic).toEqualTypeOf<Expected>();
 });
diff --git a/code/renderers/react/src/public-types.ts b/code/renderers/react/src/public-types.ts
index d998f1c9f737..255b684ca3e1 100644
--- a/code/renderers/react/src/public-types.ts
+++ b/code/renderers/react/src/public-types.ts
@@ -1,3 +1,5 @@
+import type { ComponentProps, ComponentType } from 'react';
+
 import type {
   AnnotatedStoryFn,
   Args,
@@ -5,14 +7,15 @@ import type {
   ArgsStoryFn,
   ComponentAnnotations,
   DecoratorFunction,
+  StoryContext as GenericStoryContext,
   LoaderFunction,
+  ProjectAnnotations,
   StoryAnnotations,
-  StoryContext as GenericStoryContext,
   StrictArgs,
-  ProjectAnnotations,
 } from 'storybook/internal/types';
-import type { ComponentProps, ComponentType } from 'react';
+
 import type { SetOptional, Simplify } from 'type-fest';
+
 import type { ReactRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/react/src/renderToCanvas.tsx b/code/renderers/react/src/renderToCanvas.tsx
index e33d61fd984e..f3a4231d078c 100644
--- a/code/renderers/react/src/renderToCanvas.tsx
+++ b/code/renderers/react/src/renderToCanvas.tsx
@@ -1,9 +1,10 @@
-import { global } from '@storybook/global';
 import type { FC } from 'react';
-import React, { Component as ReactComponent, StrictMode, Fragment } from 'react';
+import React, { Fragment, Component as ReactComponent, StrictMode } from 'react';
 
 import type { RenderContext } from 'storybook/internal/types';
 
+import { global } from '@storybook/global';
+
 import type { ReactRenderer, StoryContext } from './types';
 
 const { FRAMEWORK_OPTIONS } = global;
diff --git a/code/renderers/react/src/types.ts b/code/renderers/react/src/types.ts
index 7988d77ef456..be05715415dd 100644
--- a/code/renderers/react/src/types.ts
+++ b/code/renderers/react/src/types.ts
@@ -1,4 +1,5 @@
 import type { ComponentType } from 'react';
+
 import type { Canvas, WebRenderer } from 'storybook/internal/types';
 
 export type { RenderContext, StoryContext } from 'storybook/internal/types';
diff --git a/code/renderers/react/template/cli/js/Button.jsx b/code/renderers/react/template/cli/js/Button.jsx
index 15dde3920956..21a8089ef8cc 100644
--- a/code/renderers/react/template/cli/js/Button.jsx
+++ b/code/renderers/react/template/cli/js/Button.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
+
 import './button.css';
 
 /**
diff --git a/code/renderers/react/template/cli/js/Button.stories.js b/code/renderers/react/template/cli/js/Button.stories.js
index 97b9ec0ed85d..045d9c477ab1 100644
--- a/code/renderers/react/template/cli/js/Button.stories.js
+++ b/code/renderers/react/template/cli/js/Button.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
diff --git a/code/renderers/react/template/cli/js/Header.jsx b/code/renderers/react/template/cli/js/Header.jsx
index 39e5226cffc1..38aa4d89af8b 100644
--- a/code/renderers/react/template/cli/js/Header.jsx
+++ b/code/renderers/react/template/cli/js/Header.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 import { Button } from './Button';
diff --git a/code/renderers/react/template/cli/js/Header.stories.js b/code/renderers/react/template/cli/js/Header.stories.js
index 17323e698c5b..7cb7da7cd8ca 100644
--- a/code/renderers/react/template/cli/js/Header.stories.js
+++ b/code/renderers/react/template/cli/js/Header.stories.js
@@ -1,6 +1,7 @@
-import { Header } from './Header';
 import { fn } from '@storybook/test';
 
+import { Header } from './Header';
+
 export default {
   title: 'Example/Header',
   component: Header,
diff --git a/code/renderers/react/template/cli/js/Page.stories.js b/code/renderers/react/template/cli/js/Page.stories.js
index 9be87c4ae2e0..383fd1ab44e3 100644
--- a/code/renderers/react/template/cli/js/Page.stories.js
+++ b/code/renderers/react/template/cli/js/Page.stories.js
@@ -1,4 +1,4 @@
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 
diff --git a/code/renderers/react/template/cli/ts-3-8/Button.tsx b/code/renderers/react/template/cli/ts-3-8/Button.tsx
index 2b39d6355376..ecc557b206d4 100644
--- a/code/renderers/react/template/cli/ts-3-8/Button.tsx
+++ b/code/renderers/react/template/cli/ts-3-8/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import './button.css';
 
 export interface ButtonProps {
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 a3e9d76d90ec..6ff6f1a01dbe 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
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 
diff --git a/code/renderers/react/template/cli/ts-4-9/Button.stories.ts b/code/renderers/react/template/cli/ts-4-9/Button.stories.ts
index 455a9d8601c9..2a05e01b06fe 100644
--- a/code/renderers/react/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/react/template/cli/ts-4-9/Button.stories.ts
@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
diff --git a/code/renderers/react/template/cli/ts-4-9/Button.tsx b/code/renderers/react/template/cli/ts-4-9/Button.tsx
index 2b39d6355376..ecc557b206d4 100644
--- a/code/renderers/react/template/cli/ts-4-9/Button.tsx
+++ b/code/renderers/react/template/cli/ts-4-9/Button.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import './button.css';
 
 export interface ButtonProps {
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 f7a06817f85a..53b9f8fdf9c9 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
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
 
 import { Page } from './Page';
 
diff --git a/code/renderers/react/template/components/Button.jsx b/code/renderers/react/template/components/Button.jsx
index f3e882f37dc2..8f537e48e559 100644
--- a/code/renderers/react/template/components/Button.jsx
+++ b/code/renderers/react/template/components/Button.jsx
@@ -1,13 +1,14 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
-export const Button = ({ onClick, label }) => (
+export const Button = ({ onClick = () => {}, label = '' }) => (
   <button type="button" onClick={onClick}>
     {label}
   </button>
 );
 
 Button.propTypes = {
-  onClick: PropTypes.func.isRequired,
-  label: PropTypes.string.isRequired,
+  onClick: PropTypes.func,
+  label: PropTypes.string,
 };
diff --git a/code/renderers/react/template/components/Form.jsx b/code/renderers/react/template/components/Form.jsx
index f9d47547e21a..baf670ba38bd 100644
--- a/code/renderers/react/template/components/Form.jsx
+++ b/code/renderers/react/template/components/Form.jsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Form = ({ onSuccess }) => {
diff --git a/code/renderers/react/template/components/Html.jsx b/code/renderers/react/template/components/Html.jsx
index faaf6172a7ea..362a540765ed 100644
--- a/code/renderers/react/template/components/Html.jsx
+++ b/code/renderers/react/template/components/Html.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Html = ({ content }) => <div dangerouslySetInnerHTML={{ __html: content }} />;
diff --git a/code/renderers/react/template/components/Pre.jsx b/code/renderers/react/template/components/Pre.jsx
index a623f3d2a8d2..68697844fbf4 100644
--- a/code/renderers/react/template/components/Pre.jsx
+++ b/code/renderers/react/template/components/Pre.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
-export const Pre = ({ style, object, text }) => (
+export const Pre = ({ style = {}, object = null, text = '' }) => (
   <pre style={style} data-testid="pre">
     {object ? JSON.stringify(object, null, 2) : text}
   </pre>
@@ -12,9 +13,3 @@ Pre.propTypes = {
   object: PropTypes.shape({}),
   text: PropTypes.string,
 };
-
-Pre.defaultProps = {
-  style: {},
-  object: null,
-  text: '',
-};
diff --git a/code/renderers/react/template/components/index.js b/code/renderers/react/template/components/index.js
index 88212aaa952b..c473ab7bed22 100644
--- a/code/renderers/react/template/components/index.js
+++ b/code/renderers/react/template/components/index.js
@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
 
 import { Button } from './Button.jsx';
-import { Pre } from './Pre.jsx';
 import { Form } from './Form.jsx';
 import { Html } from './Html.jsx';
+import { Pre } from './Pre.jsx';
 
 globalThis.Components = { Button, Pre, Form, Html };
 globalThis.storybookRenderer = 'react';
diff --git a/code/renderers/react/template/stories/decorators.stories.tsx b/code/renderers/react/template/stories/decorators.stories.tsx
index efaf66937289..5fecd28dbe2b 100644
--- a/code/renderers/react/template/stories/decorators.stories.tsx
+++ b/code/renderers/react/template/stories/decorators.stories.tsx
@@ -1,6 +1,7 @@
 import type { FC } from 'react';
-import React, { useContext, createContext } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
+import React, { createContext, useContext } from 'react';
+
+import type { Meta, StoryObj } from '@storybook/react';
 
 const Component: FC = () => <p>Story</p>;
 
diff --git a/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx
index 1eb6b30cf299..4bc9c08e9ac3 100644
--- a/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/8140-js-prop-types-oneof/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 const Alert = (props) => <>{JSON.stringify(props)}</>;
diff --git a/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx
index 726e79f6decf..342591b0d9ba 100644
--- a/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/8143-ts-imported-types/input.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import type { Foo } from './types';
 
 interface FooProps {
diff --git a/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx
index 67a8566f5141..32732ab4955b 100644
--- a/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/8428-js-static-prop-types/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export default class Test extends React.Component {
diff --git a/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx
index 0c37e3613f23..db2f342342ab 100644
--- a/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/9023-js-hoc/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 // deepscan-disable-next-line
diff --git a/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx
index af120524fa8f..be1cd94dafe2 100644
--- a/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/9399-js-proptypes-shape/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 export const Credits = ({ areas }) => <>{JSON.stringify(areas)}</>;
diff --git a/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot
index 267d9c9989b0..71d4150ec9d1 100644
--- a/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot
+++ b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/docgen.snapshot
@@ -1,5 +1,5 @@
-import PropTypes from 'prop-types';
 import React from 'react';
+import PropTypes from 'prop-types';
 const iconButton = function IconButton(props) {
   return /*#__PURE__*/React.createElement("div", {
     className: "icon-button"
diff --git a/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx
index b1c9aa57cd52..157df5667502 100644
--- a/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/9575-ts-camel-case/input.tsx
@@ -1,7 +1,8 @@
-import PropTypes from 'prop-types';
 import type { FC } from 'react';
 import React from 'react';
 
+import PropTypes from 'prop-types';
+
 export interface IProps {
   /**
    * button color
diff --git a/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx
index d50eeb2b916f..59f493a0dd55 100644
--- a/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/9586-js-react-memo/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 function Button({ label, onClick }) {
diff --git a/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx
index f52849d2f34b..3df28fe3e7bb 100644
--- a/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/9591-ts-import-types/input.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import type { BarProps } from './Bar';
 
 type OtherProps = BarProps & {
diff --git a/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx
index 2e66bdd696d2..2a6b18bfde42 100644
--- a/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/9668-js-proptypes-no-jsdoc/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 const CCTable = (props) => <>{JSON.stringify(props)}</>;
diff --git a/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx
index c43a97c7b05c..d78508d558aa 100644
--- a/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx
+++ b/code/renderers/react/template/stories/docgen-components/9922-ts-component-props/input.tsx
@@ -1,4 +1,4 @@
-import type { FC, ComponentProps, HTMLAttributes } from 'react';
+import type { ComponentProps, FC, HTMLAttributes } from 'react';
 import React from 'react';
 
 type Props = Pick<HTMLAttributes<HTMLButtonElement>, 'onClick'> & {
diff --git a/code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx b/code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx
index 8134e591f18d..6eb208347ac1 100644
--- a/code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/js-class-component/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 import { imported } from '../imported';
diff --git a/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx
index 8bc5c569444f..c2b9984cc91f 100644
--- a/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/js-function-component-inline-defaults/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 import { imported } from '../imported';
diff --git a/code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx b/code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx
index 42959b7b0cbd..a5959062ef02 100644
--- a/code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/js-function-component/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 import { imported } from '../imported';
diff --git a/code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx b/code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx
index a6eb20abddb3..0092584a8d47 100644
--- a/code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/js-proptypes/input.jsx
@@ -1,5 +1,7 @@
 import React from 'react';
-import PropTypes, { string, shape } from 'prop-types';
+
+import PropTypes, { shape, string } from 'prop-types';
+
 import { PRESET_SHAPE, SOME_PROP_TYPES } from './ext';
 
 const NAMED_OBJECT = {
diff --git a/code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx b/code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx
index f9357c93860d..882a2a98e7e7 100644
--- a/code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx
+++ b/code/renderers/react/template/stories/docgen-components/jsdoc/input.jsx
@@ -1,4 +1,5 @@
 import React from 'react';
+
 import PropTypes from 'prop-types';
 
 const JsDocProps = () => <div>JSDoc with PropTypes!</div>;
diff --git a/code/renderers/react/template/stories/js-argtypes.stories.jsx b/code/renderers/react/template/stories/js-argtypes.stories.jsx
index 433af36270e8..0d884f27951f 100644
--- a/code/renderers/react/template/stories/js-argtypes.stories.jsx
+++ b/code/renderers/react/template/stories/js-argtypes.stories.jsx
@@ -1,26 +1,29 @@
 import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import mapValues from 'lodash/mapValues.js';
-import { PureArgsTable as ArgsTable } from '@storybook/blocks';
+
 import { inferControls } from 'storybook/internal/preview-api';
-import { ThemeProvider, themes, convert } from 'storybook/internal/theming';
+import { ThemeProvider, convert, themes } from 'storybook/internal/theming';
+
+import { PureArgsTable as ArgsTable } from '@storybook/blocks';
+
+import mapValues from 'lodash/mapValues.js';
+import PropTypes from 'prop-types';
 
-import { component as JsClassComponentComponent } from './docgen-components/js-class-component/input.jsx';
-import { component as JsFunctionComponentComponent } from './docgen-components/js-function-component/input.jsx';
-import { component as JsRexportedComponentComponent } from './docgen-components/js-re-exported-component/input.jsx';
-import { component as JsFunctionComponentInlineDefaultsComponent } from './docgen-components/js-function-component-inline-defaults/input.jsx';
-import { component as JsFunctionComponentInlineDefaultsNoPropTypesComponent } from './docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx';
-import { component as JsProptypesShapeComponent } from './docgen-components/9399-js-proptypes-shape/input.jsx';
-// import { component as JsStyledComponentsComponent } from './__testfixtures__/8663-js-styled-components/input';
-import { component as JsDefaultValuesComponent } from './docgen-components/9626-js-default-values/input.jsx';
-import { component as JsProptypesNoJsdocComponent } from './docgen-components/9668-js-proptypes-no-jsdoc/input.jsx';
 // import { component as JsStyledDocgenComponent } from './__testfixtures__/8279-js-styled-docgen/input';
 import { component as JsPropTypesOneofComponent } from './docgen-components/8140-js-prop-types-oneof/input.jsx';
+import { component as JsStaticPropTypesComponent } from './docgen-components/8428-js-static-prop-types/input.jsx';
 import { component as JsHocComponent } from './docgen-components/9023-js-hoc/input.jsx';
+import { component as JsProptypesShapeComponent } from './docgen-components/9399-js-proptypes-shape/input.jsx';
 import { component as JsReactMemoComponent } from './docgen-components/9586-js-react-memo/input.jsx';
-import { component as JsStaticPropTypesComponent } from './docgen-components/8428-js-static-prop-types/input.jsx';
-import { component as JsdocComponent } from './docgen-components/jsdoc/input.jsx';
+// import { component as JsStyledComponentsComponent } from './__testfixtures__/8663-js-styled-components/input';
+import { component as JsDefaultValuesComponent } from './docgen-components/9626-js-default-values/input.jsx';
+import { component as JsProptypesNoJsdocComponent } from './docgen-components/9668-js-proptypes-no-jsdoc/input.jsx';
+import { component as JsClassComponentComponent } from './docgen-components/js-class-component/input.jsx';
+import { component as JsFunctionComponentInlineDefaultsNoPropTypesComponent } from './docgen-components/js-function-component-inline-defaults-no-propTypes/input.jsx';
+import { component as JsFunctionComponentInlineDefaultsComponent } from './docgen-components/js-function-component-inline-defaults/input.jsx';
+import { component as JsFunctionComponentComponent } from './docgen-components/js-function-component/input.jsx';
 import { component as JsProptypesComponent } from './docgen-components/js-proptypes/input.jsx';
+import { component as JsRexportedComponentComponent } from './docgen-components/js-re-exported-component/input.jsx';
+import { component as JsdocComponent } from './docgen-components/jsdoc/input.jsx';
 
 // Detect if we are running in vite in a hacky way for now
 const isVite = typeof require === 'undefined';
diff --git a/code/renderers/react/template/stories/mount-in-play.stories.tsx b/code/renderers/react/template/stories/mount-in-play.stories.tsx
index ff6d185ba783..84d296136391 100644
--- a/code/renderers/react/template/stories/mount-in-play.stories.tsx
+++ b/code/renderers/react/template/stories/mount-in-play.stories.tsx
@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import React from 'react';
+
 import type { StoryObj } from '@storybook/react';
 
 const Button: FC<{ label?: string; disabled?: boolean }> = (props) => {
diff --git a/code/renderers/react/template/stories/ts-argtypes.stories.tsx b/code/renderers/react/template/stories/ts-argtypes.stories.tsx
index b335de8e00a6..b3de474d3953 100644
--- a/code/renderers/react/template/stories/ts-argtypes.stories.tsx
+++ b/code/renderers/react/template/stories/ts-argtypes.stories.tsx
@@ -1,30 +1,33 @@
 import React, { useState } from 'react';
-import mapValues from 'lodash/mapValues.js';
+
+import { inferControls } from 'storybook/internal/preview-api';
+import { ThemeProvider, convert, themes } from 'storybook/internal/theming';
+import type { Args, Parameters, StoryContext } from 'storybook/internal/types';
+
 import { PureArgsTable as ArgsTable } from '@storybook/blocks';
 import type { StoryObj } from '@storybook/react';
-import type { Args, Parameters, StoryContext } from 'storybook/internal/types';
-import { inferControls } from 'storybook/internal/preview-api';
-import { ThemeProvider, themes, convert } from 'storybook/internal/theming';
 
-import { component as TsFunctionComponentComponent } from './docgen-components/ts-function-component/input';
-import { component as TsFunctionComponentInlineDefaultsComponent } from './docgen-components/ts-function-component-inline-defaults/input';
-import { component as TsReactFcGenericsComponent } from './docgen-components/8143-ts-react-fc-generics/input';
+import mapValues from 'lodash/mapValues.js';
+
 import { component as TsImportedTypesComponent } from './docgen-components/8143-ts-imported-types/input';
+import { component as TsReactFcGenericsComponent } from './docgen-components/8143-ts-react-fc-generics/input';
 import { component as TsMultiPropsComponent } from './docgen-components/8740-ts-multi-props/input';
+import { component as TsForwardRefComponent } from './docgen-components/8894-9511-ts-forward-ref/input';
+import { component as TsTypePropsComponent } from './docgen-components/9465-ts-type-props/input';
+import { component as TsDisplayNameComponent } from './docgen-components/9493-ts-display-name/input';
 import { component as TsReactDefaultExportsComponent } from './docgen-components/9556-ts-react-default-exports/input';
+import { component as TsCamelCaseComponent } from './docgen-components/9575-ts-camel-case/input';
 import { component as TsImportTypesComponent } from './docgen-components/9591-ts-import-types/input';
 import { component as TsDeprecatedJsdocComponent } from './docgen-components/9721-ts-deprecated-jsdoc/input';
-import { component as TsDefaultValuesComponent } from './docgen-components/9827-ts-default-values/input';
-import { component as TsCamelCaseComponent } from './docgen-components/9575-ts-camel-case/input';
-import { component as TsDisplayNameComponent } from './docgen-components/9493-ts-display-name/input';
-import { component as TsForwardRefComponent } from './docgen-components/8894-9511-ts-forward-ref/input';
-import { component as TsTypePropsComponent } from './docgen-components/9465-ts-type-props/input';
 import { component as TsExtendPropsComponent } from './docgen-components/9764-ts-extend-props/input';
+import { component as TsDefaultValuesComponent } from './docgen-components/9827-ts-default-values/input';
 import { component as TsComponentPropsComponent } from './docgen-components/9922-ts-component-props/input';
-import { component as TsJsdocComponent } from './docgen-components/ts-jsdoc/input';
-import { component as TsTypesComponent } from './docgen-components/ts-types/input';
+import { component as TsFunctionComponentInlineDefaultsComponent } from './docgen-components/ts-function-component-inline-defaults/input';
+import { component as TsFunctionComponentComponent } from './docgen-components/ts-function-component/input';
 import { component as TsHtmlComponent } from './docgen-components/ts-html/input';
+import { component as TsJsdocComponent } from './docgen-components/ts-jsdoc/input';
 import { component as TsFCComponent } from './docgen-components/ts-react-fc/input';
+import { component as TsTypesComponent } from './docgen-components/ts-types/input';
 
 export default {
   component: {},
diff --git a/code/renderers/react/vitest.config.ts b/code/renderers/react/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/renderers/react/vitest.config.ts
+++ b/code/renderers/react/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/renderers/server/package.json b/code/renderers/server/package.json
index 6a4c89d642ae..85d0999ab04b 100644
--- a/code/renderers/server/package.json
+++ b/code/renderers/server/package.json
@@ -22,9 +22,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -42,8 +42,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
diff --git a/code/renderers/server/src/index.ts b/code/renderers/server/src/index.ts
index 145fbf2612ea..05ee53ba94dd 100644
--- a/code/renderers/server/src/index.ts
+++ b/code/renderers/server/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export * from './public-types';
diff --git a/code/renderers/server/src/preset.ts b/code/renderers/server/src/preset.ts
index 85dab626f186..018f50623eee 100644
--- a/code/renderers/server/src/preset.ts
+++ b/code/renderers/server/src/preset.ts
@@ -1,8 +1,9 @@
+import { join } from 'node:path';
+
+import type { ComponentTitle, PresetProperty, StoryName, Tag } from 'storybook/internal/types';
+
 import fs from 'fs-extra';
 import yaml from 'yaml';
-import type { Tag, StoryName, ComponentTitle, PresetProperty } from 'storybook/internal/types';
-
-import { join } from 'path';
 
 type FileContent = {
   title: ComponentTitle;
diff --git a/code/renderers/server/src/public-types.ts b/code/renderers/server/src/public-types.ts
index 445e94e913da..c733d5ad9ffe 100644
--- a/code/renderers/server/src/public-types.ts
+++ b/code/renderers/server/src/public-types.ts
@@ -2,13 +2,14 @@ import type {
   AnnotatedStoryFn,
   Args,
   ComponentAnnotations,
-  StoryAnnotations,
-  StoryContext as GenericStoryContext,
   DecoratorFunction,
+  StoryContext as GenericStoryContext,
   LoaderFunction,
-  StrictArgs,
   ProjectAnnotations,
+  StoryAnnotations,
+  StrictArgs,
 } from 'storybook/internal/types';
+
 import type { ServerRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/server/src/render.ts b/code/renderers/server/src/render.ts
index e6787695eeb5..23149ea147e1 100644
--- a/code/renderers/server/src/render.ts
+++ b/code/renderers/server/src/render.ts
@@ -1,9 +1,11 @@
+import { simulateDOMContentLoaded, simulatePageLoad } from 'storybook/internal/preview-api';
+import type { RenderContext } from 'storybook/internal/types';
+
 import { global } from '@storybook/global';
 
 import { dedent } from 'ts-dedent';
-import type { RenderContext } from 'storybook/internal/types';
-import { simulatePageLoad, simulateDOMContentLoaded } from 'storybook/internal/preview-api';
-import type { StoryFn, Args, ArgTypes } from './public-types';
+
+import type { ArgTypes, Args, StoryFn } from './public-types';
 import type { FetchStoryHtmlType, ServerRenderer } from './types';
 
 const { fetch, Node } = global;
diff --git a/code/renderers/server/vitest.config.ts b/code/renderers/server/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/renderers/server/vitest.config.ts
+++ b/code/renderers/server/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/renderers/svelte/package.json b/code/renderers/svelte/package.json
index b111a2035256..249996bdbef7 100644
--- a/code/renderers/svelte/package.json
+++ b/code/renderers/svelte/package.json
@@ -54,7 +54,7 @@
   ],
   "scripts": {
     "check": "svelte-check",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
diff --git a/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts b/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts
index 8de957706ed4..94558abf996e 100644
--- a/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts
+++ b/code/renderers/svelte/src/__test__/composeStories/Button.stories.ts
@@ -1,13 +1,12 @@
 import { expect, fn, userEvent, within } from '@storybook/test';
-import type { Meta, StoryFn as CSF2Story, StoryObj } from '../..';
 
-import LoaderStoryComponent from './LoaderStoryComponent.svelte';
-import InputFilledStoryComponent from './InputFilledStoryComponent.svelte';
-import StoryWithLocaleComponent from './StoryWithLocaleComponent.svelte';
+import type { StoryFn as CSF2Story, Meta, StoryObj } from '../..';
 import AddWrapperDecorator from './AddWrapperDecorator.svelte';
-import CustomRenderComponent from './CustomRenderComponent.svelte';
-
 import Button from './Button.svelte';
+import CustomRenderComponent from './CustomRenderComponent.svelte';
+import InputFilledStoryComponent from './InputFilledStoryComponent.svelte';
+import LoaderStoryComponent from './LoaderStoryComponent.svelte';
+import StoryWithLocaleComponent from './StoryWithLocaleComponent.svelte';
 
 const meta = {
   title: 'Example/Button',
diff --git a/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts b/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts
index fa21d4967e33..12e477349fd8 100644
--- a/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts
+++ b/code/renderers/svelte/src/__test__/composeStories/portable-stories.test.ts
@@ -1,15 +1,16 @@
 // @vitest-environment happy-dom
-
 /// <reference types="@testing-library/jest-dom" />;
-import { it, expect, vi, describe, afterEach } from 'vitest';
-import { render, screen, cleanup } from '@testing-library/svelte';
+import { cleanup, render, screen } from '@testing-library/svelte';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
 // import '@testing-library/svelte/vitest';
 import { expectTypeOf } from 'expect-type';
+
 import type { Meta } from '../..';
+import { composeStories, composeStory, setProjectAnnotations } from '../../portable-stories';
 import * as stories from './Button.stories';
 // import type Button from './Button.svelte';
 import type Button from './Button.svelte';
-import { composeStories, composeStory, setProjectAnnotations } from '../../portable-stories';
 
 setProjectAnnotations({ testingLibraryRender: render });
 
diff --git a/code/renderers/svelte/src/decorators.ts b/code/renderers/svelte/src/decorators.ts
index 03250691dd44..49085d5cb831 100644
--- a/code/renderers/svelte/src/decorators.ts
+++ b/code/renderers/svelte/src/decorators.ts
@@ -1,5 +1,6 @@
-import type { DecoratorFunction, StoryContext, LegacyStoryFn } from 'storybook/internal/types';
 import { sanitizeStoryContextUpdate } from 'storybook/internal/preview-api';
+import type { DecoratorFunction, LegacyStoryFn, StoryContext } from 'storybook/internal/types';
+
 /*
 ! DO NOT change this SlotDecorator import to a relative path, it will break it.
 ! A relative import will be compiled at build time, and Svelte will be unable to
@@ -8,6 +9,7 @@ import { sanitizeStoryContextUpdate } from 'storybook/internal/preview-api';
 ! with the same bundle as the user's Svelte components
 */
 import SlotDecorator from '@storybook/svelte/internal/SlotDecorator.svelte';
+
 import type { SvelteRenderer } from './types';
 
 /**
diff --git a/code/renderers/svelte/src/docs/extractArgTypes.test.ts b/code/renderers/svelte/src/docs/extractArgTypes.test.ts
index 9d911b3d45e4..a43bdbd2ed75 100644
--- a/code/renderers/svelte/src/docs/extractArgTypes.test.ts
+++ b/code/renderers/svelte/src/docs/extractArgTypes.test.ts
@@ -1,9 +1,12 @@
+import { readFileSync } from 'node:fs';
+
 import { describe, expect, it } from 'vitest';
+
 import svelteDoc from 'sveltedoc-parser';
-import * as fs from 'fs';
+
 import { createArgTypes } from './extractArgTypes';
 
-const content = fs.readFileSync(`${__dirname}/sample/MockButton.svelte`, 'utf-8');
+const content = readFileSync(`${__dirname}/sample/MockButton.svelte`, 'utf-8');
 describe('Extracting Arguments', () => {
   it('should be svelte', () => {
     expect(content).toMatchInlineSnapshot(`
diff --git a/code/renderers/svelte/src/docs/extractArgTypes.ts b/code/renderers/svelte/src/docs/extractArgTypes.ts
index aeb719884f93..df255c2fa8f2 100644
--- a/code/renderers/svelte/src/docs/extractArgTypes.ts
+++ b/code/renderers/svelte/src/docs/extractArgTypes.ts
@@ -1,14 +1,14 @@
-import type { SBScalarType, StrictArgTypes } from 'storybook/internal/types';
 import { logger } from 'storybook/internal/client-logger';
+import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
+import type { SBScalarType, StrictArgTypes } from 'storybook/internal/types';
+
 import type {
-  SvelteComponentDoc,
-  JSDocType,
   JSDocKeyword,
+  JSDocType,
   JSDocTypeConst,
+  SvelteComponentDoc,
 } from 'sveltedoc-parser/typings';
 
-import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
-
 type ComponentWithDocgen = {
   __docgen: SvelteComponentDoc;
 };
diff --git a/code/renderers/svelte/src/docs/extractComponentDescription.test.ts b/code/renderers/svelte/src/docs/extractComponentDescription.test.ts
index 89d592b44789..d77dbb782c1b 100644
--- a/code/renderers/svelte/src/docs/extractComponentDescription.test.ts
+++ b/code/renderers/svelte/src/docs/extractComponentDescription.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 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 a26bc8280697..5363c9f87280 100644
--- a/code/renderers/svelte/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/svelte/src/docs/sourceDecorator.test.ts
@@ -1,5 +1,7 @@
 import { describe, expect, it } from 'vitest';
+
 import type { Args } from 'storybook/internal/types';
+
 import { generateSvelteSource } from './sourceDecorator';
 
 expect.addSnapshotSerializer({
diff --git a/code/renderers/svelte/src/docs/sourceDecorator.ts b/code/renderers/svelte/src/docs/sourceDecorator.ts
index cff5fa835501..3063b2e8c180 100644
--- a/code/renderers/svelte/src/docs/sourceDecorator.ts
+++ b/code/renderers/svelte/src/docs/sourceDecorator.ts
@@ -1,6 +1,7 @@
 /* eslint-disable no-underscore-dangle */
-import { addons, useEffect } from 'storybook/internal/preview-api';
 import { deprecate } from 'storybook/internal/client-logger';
+import { SNIPPET_RENDERED, SourceType } from 'storybook/internal/docs-tools';
+import { addons, useEffect } from 'storybook/internal/preview-api';
 import type {
   ArgTypes,
   Args,
@@ -9,8 +10,8 @@ import type {
   StoryContext,
 } from 'storybook/internal/types';
 
-import { SourceType, SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
 import type { SvelteComponentDoc } from 'sveltedoc-parser';
+
 import type { SvelteRenderer, SvelteStoryResult } from '../types';
 
 /**
diff --git a/code/renderers/svelte/src/entry-preview-docs.ts b/code/renderers/svelte/src/entry-preview-docs.ts
index a1abf3504a53..a722e1cba644 100644
--- a/code/renderers/svelte/src/entry-preview-docs.ts
+++ b/code/renderers/svelte/src/entry-preview-docs.ts
@@ -1,6 +1,7 @@
-import type { ArgTypesEnhancer, DecoratorFunction } from 'storybook/internal/types';
 import type { ArgTypesExtractor } from 'storybook/internal/docs-tools';
 import { enhanceArgTypes } from 'storybook/internal/docs-tools';
+import type { ArgTypesEnhancer, DecoratorFunction } from 'storybook/internal/types';
+
 import { extractArgTypes } from './docs/extractArgTypes';
 import { extractComponentDescription } from './docs/extractComponentDescription';
 import { sourceDecorator } from './docs/sourceDecorator';
diff --git a/code/renderers/svelte/src/index.ts b/code/renderers/svelte/src/index.ts
index 258466105826..8d035a40fccb 100644
--- a/code/renderers/svelte/src/index.ts
+++ b/code/renderers/svelte/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export * from './public-types';
diff --git a/code/renderers/svelte/src/mount.ts b/code/renderers/svelte/src/mount.ts
index 50d17f811812..56980eea4ee9 100644
--- a/code/renderers/svelte/src/mount.ts
+++ b/code/renderers/svelte/src/mount.ts
@@ -1,6 +1,7 @@
-import { type StoryContext, type SvelteRenderer } from './public-types';
 import { type BaseAnnotations } from 'storybook/internal/types';
 
+import { type StoryContext, type SvelteRenderer } from './public-types';
+
 export const mount: BaseAnnotations<SvelteRenderer>['mount'] = (context: StoryContext) => {
   return async (Component, options) => {
     if (Component) {
diff --git a/code/renderers/svelte/src/portable-stories.ts b/code/renderers/svelte/src/portable-stories.ts
index 937d490edf15..417c1ff258b4 100644
--- a/code/renderers/svelte/src/portable-stories.ts
+++ b/code/renderers/svelte/src/portable-stories.ts
@@ -1,26 +1,27 @@
 import {
-  composeStory as originalComposeStory,
   composeStories as originalComposeStories,
+  composeStory as originalComposeStory,
   setProjectAnnotations as originalSetProjectAnnotations,
 } from 'storybook/internal/preview-api';
+import { TestingLibraryMustBeConfiguredError } from 'storybook/internal/preview-errors';
 import type {
   Args,
+  ComposedStoryFn,
+  NamedOrDefaultProjectAnnotations,
   ProjectAnnotations,
-  StoryAnnotationsOrFn,
   Store_CSFExports,
   StoriesWithPartialProps,
-  ComposedStoryFn,
-  NamedOrDefaultProjectAnnotations,
+  StoryAnnotationsOrFn,
 } from 'storybook/internal/types';
 
-import * as svelteProjectAnnotations from './entry-preview';
-import type { Meta } from './public-types';
-import type { SvelteRenderer } from './types';
 import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
 // @ts-expect-error Don't know why TS doesn't pick up the types export here
 import { createSvelte5Props } from '@storybook/svelte/internal/createSvelte5Props';
+
+import * as svelteProjectAnnotations from './entry-preview';
+import type { Meta } from './public-types';
+import type { SvelteRenderer } from './types';
 import { IS_SVELTE_V4 } from './utils';
-import { TestingLibraryMustBeConfiguredError } from 'storybook/internal/preview-errors';
 
 type ComposedStory<TArgs extends Args = any> = ComposedStoryFn<SvelteRenderer, TArgs> & {
   Component: typeof PreviewRender;
diff --git a/code/renderers/svelte/src/preset.ts b/code/renderers/svelte/src/preset.ts
index 6e6dbb30c989..c6cf333ccf3c 100644
--- a/code/renderers/svelte/src/preset.ts
+++ b/code/renderers/svelte/src/preset.ts
@@ -1,5 +1,6 @@
+import { join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { join } from 'path';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = async (
   input = [],
diff --git a/code/renderers/svelte/src/public-types.test.ts b/code/renderers/svelte/src/public-types.test.ts
index 53bf88178b3e..b68debe58b48 100644
--- a/code/renderers/svelte/src/public-types.test.ts
+++ b/code/renderers/svelte/src/public-types.test.ts
@@ -1,13 +1,15 @@
 // this file tests Typescript types that's why there are no assertions
 import { describe, it } from 'vitest';
+
 import { satisfies } from 'storybook/internal/common';
 import type { Canvas, ComponentAnnotations, StoryAnnotations } from 'storybook/internal/types';
+
 import { expectTypeOf } from 'expect-type';
 import type { ComponentProps, SvelteComponent } from 'svelte';
+
 import Button from './__test__/Button.svelte';
-import Decorator1 from './__test__/Decorator.svelte';
 import Decorator2 from './__test__/Decorator2.svelte';
-
+import Decorator1 from './__test__/Decorator.svelte';
 import type { Decorator, Meta, StoryObj } from './public-types';
 import type { SvelteRenderer } from './types';
 
diff --git a/code/renderers/svelte/src/public-types.ts b/code/renderers/svelte/src/public-types.ts
index e8b98304817c..2ca1db421e7a 100644
--- a/code/renderers/svelte/src/public-types.ts
+++ b/code/renderers/svelte/src/public-types.ts
@@ -5,15 +5,16 @@ import type {
   ArgsStoryFn,
   ComponentAnnotations,
   DecoratorFunction,
+  StoryContext as GenericStoryContext,
   LoaderFunction,
+  ProjectAnnotations,
   StoryAnnotations,
-  StoryContext as GenericStoryContext,
   StrictArgs,
-  ProjectAnnotations,
 } from 'storybook/internal/types';
 
-import type { ComponentType, ComponentProps, SvelteComponent } from 'svelte';
+import type { ComponentProps, ComponentType, SvelteComponent } from 'svelte';
 import type { SetOptional, Simplify } from 'type-fest';
+
 import type { SvelteRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/svelte/src/render.ts b/code/renderers/svelte/src/render.ts
index 21da779a499c..c43e735f989b 100644
--- a/code/renderers/svelte/src/render.ts
+++ b/code/renderers/svelte/src/render.ts
@@ -1,5 +1,7 @@
-import type { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
 import { RESET_STORY_ARGS } from 'storybook/internal/core-events';
+import { addons } from 'storybook/internal/preview-api';
+import type { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
+
 /*
 ! DO NOT change these PreviewRender and createSvelte5Props imports to relative paths, it will break them.
 ! Relative imports will be compiled at build time by tsup, but we need Svelte to compile them
@@ -9,8 +11,8 @@ import PreviewRender from '@storybook/svelte/internal/PreviewRender.svelte';
 // @ts-expect-error Don't know why TS doesn't pick up the types export here
 import { createSvelte5Props } from '@storybook/svelte/internal/createSvelte5Props';
 
-import { addons } from 'storybook/internal/preview-api';
 import * as svelte from 'svelte';
+
 import type { SvelteRenderer } from './types';
 import { IS_SVELTE_V4 } from './utils';
 
diff --git a/code/renderers/svelte/src/types.ts b/code/renderers/svelte/src/types.ts
index 00f8a66b36ff..bd1f0bd7d60f 100644
--- a/code/renderers/svelte/src/types.ts
+++ b/code/renderers/svelte/src/types.ts
@@ -3,6 +3,7 @@ import type {
   StoryContext as StoryContextBase,
   WebRenderer,
 } from 'storybook/internal/types';
+
 import type { ComponentConstructorOptions, ComponentEvents, SvelteComponent } from 'svelte';
 
 export type StoryContext = StoryContextBase<SvelteRenderer>;
diff --git a/code/renderers/svelte/template/cli/js/Page.stories.js b/code/renderers/svelte/template/cli/js/Page.stories.js
index 986d5e3e6ce8..16c226c63c37 100644
--- a/code/renderers/svelte/template/cli/js/Page.stories.js
+++ b/code/renderers/svelte/template/cli/js/Page.stories.js
@@ -1,4 +1,4 @@
-import { within, userEvent, expect, waitFor } from '@storybook/test';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 
 import Page from './Page.svelte';
 
diff --git a/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts b/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts
index 3db95e9d53f3..55f3b1c8e50a 100644
--- a/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-3-8/Button.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
+
 import Button from './Button.svelte';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts b/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts
index d5978315ebde..25a3036ae3b6 100644
--- a/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-3-8/Header.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
+
 import Header from './Header.svelte';
 
 const meta: Meta<Header> = {
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 38fc3bdc735e..b8f286bb71b5 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
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
-import { within, userEvent, expect, waitFor } from '@storybook/test';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 
 import Page from './Page.svelte';
 
diff --git a/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts b/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts
index 1132dd8f75f9..119cb87f61d5 100644
--- a/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-4-9/Button.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
+
 import Button from './Button.svelte';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts b/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts
index a7ffe757d164..17d3cff8ea0d 100644
--- a/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/svelte/template/cli/ts-4-9/Header.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
+
 import Header from './Header.svelte';
 
 const meta = {
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 6778ef2ef2b5..d9fa059f21bf 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
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/svelte';
-import { within, userEvent, expect, waitFor } from '@storybook/test';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 
 import Page from './Page.svelte';
 
diff --git a/code/renderers/svelte/template/components/index.js b/code/renderers/svelte/template/components/index.js
index 5eb0b63bc7a4..81ba51ce6b04 100644
--- a/code/renderers/svelte/template/components/index.js
+++ b/code/renderers/svelte/template/components/index.js
@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
 
 import Button from './Button.svelte';
-import Pre from './Pre.svelte';
 import Form from './Form.svelte';
 import Html from './Html.svelte';
+import Pre from './Pre.svelte';
 
 globalThis.Components = { Button, Pre, Form, Html };
 globalThis.storybookRenderer = 'svelte';
diff --git a/code/renderers/svelte/template/stories/args.stories.js b/code/renderers/svelte/template/stories/args.stories.js
index 1d7c606c07f9..4d276791a2cd 100644
--- a/code/renderers/svelte/template/stories/args.stories.js
+++ b/code/renderers/svelte/template/stories/args.stories.js
@@ -1,10 +1,12 @@
-import { within, userEvent, waitFor, expect } from '@storybook/test';
 import {
-  UPDATE_STORY_ARGS,
   RESET_STORY_ARGS,
   STORY_RENDERED,
+  UPDATE_STORY_ARGS,
 } from 'storybook/internal/core-events';
 import { addons } from 'storybook/internal/preview-api';
+
+import { expect, userEvent, waitFor, within } from '@storybook/test';
+
 import ButtonView from './views/ButtonJavaScript.svelte';
 
 export default {
diff --git a/code/renderers/svelte/template/stories/mount-in-play.stories.ts b/code/renderers/svelte/template/stories/mount-in-play.stories.ts
index 1c8a3f478a5a..d48f584c5457 100644
--- a/code/renderers/svelte/template/stories/mount-in-play.stories.ts
+++ b/code/renderers/svelte/template/stories/mount-in-play.stories.ts
@@ -1,6 +1,7 @@
-import Button from './Button.svelte';
 import type { StoryObj } from '@storybook/svelte';
 
+import Button from './Button.svelte';
+
 export default {
   component: Button,
 };
diff --git a/code/renderers/svelte/template/stories/slot-decorators.stories.js b/code/renderers/svelte/template/stories/slot-decorators.stories.js
index 74c270fb8373..f3320971819a 100644
--- a/code/renderers/svelte/template/stories/slot-decorators.stories.js
+++ b/code/renderers/svelte/template/stories/slot-decorators.stories.js
@@ -1,7 +1,7 @@
-import ButtonView from './views/ButtonJavaScript.svelte';
-import BorderDecoratorRed from './views/BorderDecoratorRed.svelte';
 import BorderDecoratorBlue from './views/BorderDecoratorBlue.svelte';
 import BorderDecoratorProps from './views/BorderDecoratorProps.svelte';
+import BorderDecoratorRed from './views/BorderDecoratorRed.svelte';
+import ButtonView from './views/ButtonJavaScript.svelte';
 
 export default {
   component: ButtonView,
diff --git a/code/renderers/svelte/vitest.config.ts b/code/renderers/svelte/vitest.config.ts
index 7d81fc3172ec..9f0b12c24f8b 100644
--- a/code/renderers/svelte/vitest.config.ts
+++ b/code/renderers/svelte/vitest.config.ts
@@ -1,5 +1,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default defineConfig(
diff --git a/code/renderers/vue3/package.json b/code/renderers/vue3/package.json
index bf662421a251..e4651d4e7d24 100644
--- a/code/renderers/vue3/package.json
+++ b/code/renderers/vue3/package.json
@@ -28,9 +28,9 @@
     },
     "./experimental-playwright": {
       "types": "./dist/playwright.d.ts",
-      "node": "./dist/playwright.js",
       "import": "./dist/playwright.mjs",
-      "require": "./dist/playwright.js"
+      "require": "./dist/playwright.js",
+      "node": "./dist/playwright.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -60,7 +60,7 @@
   ],
   "scripts": {
     "check": "vue-tsc --noEmit",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
@@ -69,7 +69,6 @@
     "@storybook/preview-api": "workspace:^",
     "@storybook/theming": "workspace:^",
     "@vue/compiler-core": "^3.0.0",
-    "lodash": "^4.17.21",
     "ts-dedent": "^2.0.0",
     "type-fest": "~2.19",
     "vue-component-type-helpers": "latest"
@@ -79,6 +78,7 @@
     "@testing-library/vue": "^8.0.0",
     "@types/prettier": "^3.0.0",
     "@vitejs/plugin-vue": "^4.4.0",
+    "lodash": "^4.17.21",
     "typescript": "^5.3.2",
     "vue": "^3.2.47",
     "vue-tsc": "latest"
diff --git a/code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts b/code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts
index 0d4623585de0..200efae2187d 100644
--- a/code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts
+++ b/code/renderers/vue3/src/__tests__/composeStories/Button.stories.ts
@@ -1,6 +1,6 @@
-import { userEvent, within, expect, fn } from '@storybook/test';
-import type { Meta, StoryFn as CSF2Story, StoryObj } from '../..';
+import { expect, fn, userEvent, within } from '@storybook/test';
 
+import type { StoryFn as CSF2Story, Meta, StoryObj } from '../..';
 import Button from './Button.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/src/__tests__/composeStories/portable-stories.test.ts b/code/renderers/vue3/src/__tests__/composeStories/portable-stories.test.ts
index 359baf7300cc..73fa319ae658 100644
--- a/code/renderers/vue3/src/__tests__/composeStories/portable-stories.test.ts
+++ b/code/renderers/vue3/src/__tests__/composeStories/portable-stories.test.ts
@@ -1,15 +1,17 @@
 // @vitest-environment happy-dom
-
 /// <reference types="@testing-library/jest-dom" />;
-import { it, expect, vi, describe } from 'vitest';
 import { render, screen } from '@testing-library/vue';
+import { describe, expect, it, vi } from 'vitest';
+
 import { addons } from 'storybook/internal/preview-api';
-import { expectTypeOf } from 'expect-type';
+
 import type { Meta } from '@storybook/vue3';
 
+import { expectTypeOf } from 'expect-type';
+
+import { composeStories, composeStory, setProjectAnnotations } from '../../portable-stories';
 import * as stories from './Button.stories';
 import type Button from './Button.vue';
-import { composeStories, composeStory, setProjectAnnotations } from '../../portable-stories';
 
 setProjectAnnotations({ testingLibraryRender: render });
 
diff --git a/code/renderers/vue3/src/decorateStory.ts b/code/renderers/vue3/src/decorateStory.ts
index f3d4fd8bb51d..ba789350fdc4 100644
--- a/code/renderers/vue3/src/decorateStory.ts
+++ b/code/renderers/vue3/src/decorateStory.ts
@@ -1,7 +1,9 @@
+import { sanitizeStoryContextUpdate } from 'storybook/internal/preview-api';
+import type { DecoratorFunction, LegacyStoryFn, StoryContext } from 'storybook/internal/types';
+
 import type { Component, ComponentOptions, ConcreteComponent } from 'vue';
 import { h } from 'vue';
-import type { DecoratorFunction, LegacyStoryFn, StoryContext } from 'storybook/internal/types';
-import { sanitizeStoryContextUpdate } from 'storybook/internal/preview-api';
+
 import type { VueRenderer } from './types';
 
 /*
diff --git a/code/renderers/vue3/src/docs/extractArgTypes.test.ts b/code/renderers/vue3/src/docs/extractArgTypes.test.ts
index 84fa523b6dbb..f5637b56c55a 100644
--- a/code/renderers/vue3/src/docs/extractArgTypes.test.ts
+++ b/code/renderers/vue3/src/docs/extractArgTypes.test.ts
@@ -1,6 +1,8 @@
-import { extractComponentProps, hasDocgen } from 'storybook/internal/docs-tools';
 import type { Mock } from 'vitest';
 import { beforeEach, describe, expect, it, vi, vitest } from 'vitest';
+
+import { extractComponentProps, hasDocgen } from 'storybook/internal/docs-tools';
+
 import { extractArgTypes } from './extractArgTypes';
 import {
   mockExtractComponentEventsReturn,
diff --git a/code/renderers/vue3/src/docs/extractArgTypes.ts b/code/renderers/vue3/src/docs/extractArgTypes.ts
index 31f4d19dc163..878d0a6e25fc 100644
--- a/code/renderers/vue3/src/docs/extractArgTypes.ts
+++ b/code/renderers/vue3/src/docs/extractArgTypes.ts
@@ -1,13 +1,14 @@
-import type { VueDocgenInfo, VueDocgenInfoEntry, VueDocgenPlugin } from '@storybook/vue3-vite';
 import type { ExtractedProp } from 'storybook/internal/docs-tools';
 import {
+  type ArgTypesExtractor,
   convert,
   extractComponentProps,
   hasDocgen,
-  type ArgTypesExtractor,
 } from 'storybook/internal/docs-tools';
 import type { SBType, StrictArgTypes, StrictInputType } from 'storybook/internal/types';
 
+import type { VueDocgenInfo, VueDocgenInfoEntry, VueDocgenPlugin } from '@storybook/vue3-vite';
+
 type PropertyMetaSchema = VueDocgenInfoEntry<'vue-component-meta', 'props'>['schema'];
 
 // "exposed" is used by the vue-component-meta plugin while "expose" is used by vue-docgen-api
diff --git a/code/renderers/vue3/src/docs/sourceDecorator.test.ts b/code/renderers/vue3/src/docs/sourceDecorator.test.ts
index 4f92bcd9cb27..1cd1ee9a2e0f 100644
--- a/code/renderers/vue3/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/vue3/src/docs/sourceDecorator.test.ts
@@ -1,5 +1,7 @@
 import { expect, test } from 'vitest';
+
 import { h } from 'vue';
+
 import type { SourceCodeGeneratorContext } from './sourceDecorator';
 import {
   generatePropsSourceCode,
diff --git a/code/renderers/vue3/src/docs/sourceDecorator.ts b/code/renderers/vue3/src/docs/sourceDecorator.ts
index 764aacf91fe7..4182811f9283 100644
--- a/code/renderers/vue3/src/docs/sourceDecorator.ts
+++ b/code/renderers/vue3/src/docs/sourceDecorator.ts
@@ -1,8 +1,10 @@
 /* eslint-disable no-underscore-dangle */
 import { SNIPPET_RENDERED, SourceType } from 'storybook/internal/docs-tools';
 import { addons } from 'storybook/internal/preview-api';
+
 import type { VNode } from 'vue';
 import { isVNode, watch } from 'vue';
+
 import type { Args, Decorator, StoryContext } from '../public-types';
 
 /**
diff --git a/code/renderers/vue3/src/docs/tests-meta-components/meta-components.ts b/code/renderers/vue3/src/docs/tests-meta-components/meta-components.ts
index 57d62fa259ca..10b687fb67b0 100644
--- a/code/renderers/vue3/src/docs/tests-meta-components/meta-components.ts
+++ b/code/renderers/vue3/src/docs/tests-meta-components/meta-components.ts
@@ -1,4 +1,5 @@
 import { TypeSystem } from 'storybook/internal/docs-tools';
+
 import type { VueDocgenInfo } from '../../../../../frameworks/vue3-vite/src';
 
 type TestComponent = { __docgenInfo: VueDocgenInfo<'vue-component-meta'> };
diff --git a/code/renderers/vue3/src/docs/utils.ts b/code/renderers/vue3/src/docs/utils.ts
index cc2f3fb8ba4d..ff58244925b0 100644
--- a/code/renderers/vue3/src/docs/utils.ts
+++ b/code/renderers/vue3/src/docs/utils.ts
@@ -1,4 +1,5 @@
 import type { Args } from 'storybook/internal/types';
+
 import type { FunctionalComponent } from 'vue';
 
 /**
diff --git a/code/renderers/vue3/src/entry-preview-docs.ts b/code/renderers/vue3/src/entry-preview-docs.ts
index 16c9338a164b..d783a21f08eb 100644
--- a/code/renderers/vue3/src/entry-preview-docs.ts
+++ b/code/renderers/vue3/src/entry-preview-docs.ts
@@ -1,9 +1,10 @@
 import {
+  type ArgTypesExtractor,
   enhanceArgTypes,
   extractComponentDescription,
-  type ArgTypesExtractor,
 } from 'storybook/internal/docs-tools';
 import type { ArgTypesEnhancer } from 'storybook/internal/types';
+
 import { extractArgTypes } from './docs/extractArgTypes';
 import { sourceDecorator } from './docs/sourceDecorator';
 import type { VueRenderer } from './types';
diff --git a/code/renderers/vue3/src/globals.ts b/code/renderers/vue3/src/globals.ts
index adb3949bd3e1..cc358cc082d3 100644
--- a/code/renderers/vue3/src/globals.ts
+++ b/code/renderers/vue3/src/globals.ts
@@ -1,5 +1,7 @@
 import { global } from '@storybook/global';
+
 import type { App } from 'vue';
+
 import type { StoryContext } from './public-types';
 
 const { window: globalWindow } = global;
diff --git a/code/renderers/vue3/src/index.ts b/code/renderers/vue3/src/index.ts
index 87e6074fb708..2b512450488b 100644
--- a/code/renderers/vue3/src/index.ts
+++ b/code/renderers/vue3/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import './globals';
 
 export { setup } from './render';
diff --git a/code/renderers/vue3/src/mount.ts b/code/renderers/vue3/src/mount.ts
index 8cd6190dab8c..69ede8ace8a8 100644
--- a/code/renderers/vue3/src/mount.ts
+++ b/code/renderers/vue3/src/mount.ts
@@ -1,7 +1,9 @@
-import { type StoryContext, type VueRenderer } from './public-types';
-import { h } from 'vue';
 import { type BaseAnnotations } from 'storybook/internal/types';
 
+import { h } from 'vue';
+
+import { type StoryContext, type VueRenderer } from './public-types';
+
 export const mount: BaseAnnotations<VueRenderer>['mount'] = (context: StoryContext) => {
   return async (Component, options) => {
     if (Component) {
diff --git a/code/renderers/vue3/src/portable-stories.ts b/code/renderers/vue3/src/portable-stories.ts
index 13a34728ad9b..f86c9845e391 100644
--- a/code/renderers/vue3/src/portable-stories.ts
+++ b/code/renderers/vue3/src/portable-stories.ts
@@ -1,18 +1,19 @@
 import {
-  composeStory as originalComposeStory,
   composeStories as originalComposeStories,
+  composeStory as originalComposeStory,
   setProjectAnnotations as originalSetProjectAnnotations,
 } from 'storybook/internal/preview-api';
+import { TestingLibraryMustBeConfiguredError } from 'storybook/internal/preview-errors';
 import type {
   Args,
+  ComposedStoryFn,
   NamedOrDefaultProjectAnnotations,
   ProjectAnnotations,
-  StoryAnnotationsOrFn,
   Store_CSFExports,
   StoriesWithPartialProps,
-  ComposedStoryFn,
+  StoryAnnotationsOrFn,
 } from 'storybook/internal/types';
-import { TestingLibraryMustBeConfiguredError } from 'storybook/internal/preview-errors';
+
 import { h } from 'vue';
 
 import * as defaultProjectAnnotations from './entry-preview';
diff --git a/code/renderers/vue3/src/preset.ts b/code/renderers/vue3/src/preset.ts
index 6e6dbb30c989..c6cf333ccf3c 100644
--- a/code/renderers/vue3/src/preset.ts
+++ b/code/renderers/vue3/src/preset.ts
@@ -1,5 +1,6 @@
+import { join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { join } from 'path';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = async (
   input = [],
diff --git a/code/renderers/vue3/src/public-types.test.ts b/code/renderers/vue3/src/public-types.test.ts
index 0fcdec9caa67..ab981c8335a5 100644
--- a/code/renderers/vue3/src/public-types.test.ts
+++ b/code/renderers/vue3/src/public-types.test.ts
@@ -1,16 +1,19 @@
 // this file tests Typescript types that's why there are no assertions
 import { describe, it } from 'vitest';
+
 import { satisfies } from 'storybook/internal/common';
 import type { Canvas, ComponentAnnotations, StoryAnnotations } from 'storybook/internal/types';
+
 import { expectTypeOf } from 'expect-type';
 import type { SetOptional } from 'type-fest';
 import { h } from 'vue';
-import type { ComponentPropsAndSlots, Decorator, Meta, StoryObj } from './public-types';
-import type { VueRenderer } from './types';
+
 import BaseLayout from './__tests__/BaseLayout.vue';
 import Button from './__tests__/Button.vue';
-import DecoratorTsVue from './__tests__/Decorator.vue';
 import Decorator2TsVue from './__tests__/Decorator2.vue';
+import DecoratorTsVue from './__tests__/Decorator.vue';
+import type { ComponentPropsAndSlots, Decorator, Meta, StoryObj } from './public-types';
+import type { VueRenderer } from './types';
 
 type ButtonProps = ComponentPropsAndSlots<typeof Button>;
 
diff --git a/code/renderers/vue3/src/public-types.ts b/code/renderers/vue3/src/public-types.ts
index c5274a3e636b..cb8250069805 100644
--- a/code/renderers/vue3/src/public-types.ts
+++ b/code/renderers/vue3/src/public-types.ts
@@ -5,15 +5,17 @@ import type {
   ArgsStoryFn,
   ComponentAnnotations,
   DecoratorFunction,
+  StoryContext as GenericStoryContext,
   LoaderFunction,
   ProjectAnnotations,
   StoryAnnotations,
-  StoryContext as GenericStoryContext,
   StrictArgs,
 } from 'storybook/internal/types';
+
 import type { Constructor, RemoveIndexSignature, SetOptional, Simplify } from 'type-fest';
 import type { FunctionalComponent, VNodeChild } from 'vue';
 import type { ComponentProps, ComponentSlots } from 'vue-component-type-helpers';
+
 import type { VueRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/vue3/src/render.test.ts b/code/renderers/vue3/src/render.test.ts
index 6666889f209b..98e48b86fd57 100644
--- a/code/renderers/vue3/src/render.test.ts
+++ b/code/renderers/vue3/src/render.test.ts
@@ -1,7 +1,8 @@
 import { describe, expect, it } from 'vitest';
-import { expectTypeOf } from 'expect-type';
 
+import { expectTypeOf } from 'expect-type';
 import { reactive } from 'vue';
+
 import { updateArgs } from './render';
 
 describe('Render Story', () => {
diff --git a/code/renderers/vue3/src/render.ts b/code/renderers/vue3/src/render.ts
index 0b3e930a2e92..301ac0fa3cfc 100644
--- a/code/renderers/vue3/src/render.ts
+++ b/code/renderers/vue3/src/render.ts
@@ -1,9 +1,10 @@
 /* eslint-disable local-rules/no-uncategorized-errors,no-underscore-dangle */
+import type { PreviewWeb } from 'storybook/internal/preview-api';
+import type { Args, ArgsStoryFn, RenderContext, StoryContext } from 'storybook/internal/types';
 
 import type { App } from 'vue';
 import { createApp, h, isReactive, isVNode, reactive } from 'vue';
-import type { ArgsStoryFn, RenderContext, StoryContext, Args } from 'storybook/internal/types';
-import type { PreviewWeb } from 'storybook/internal/preview-api';
+
 import type { StoryFnVueReturnType, StoryID, VueRenderer } from './types';
 
 export const render: ArgsStoryFn<VueRenderer> = (props, context) => {
diff --git a/code/renderers/vue3/src/types.ts b/code/renderers/vue3/src/types.ts
index 3bcd9f7c4fbb..c66e9dd5c20b 100644
--- a/code/renderers/vue3/src/types.ts
+++ b/code/renderers/vue3/src/types.ts
@@ -3,6 +3,7 @@ import {
   type StoryContext as StoryContextBase,
   type WebRenderer,
 } from 'storybook/internal/types';
+
 import type { App, ConcreteComponent } from 'vue';
 
 export type { RenderContext } from 'storybook/internal/types';
diff --git a/code/renderers/vue3/src/typings.d.ts b/code/renderers/vue3/src/typings.d.ts
index d477e85e2a29..3ec2db3c232a 100644
--- a/code/renderers/vue3/src/typings.d.ts
+++ b/code/renderers/vue3/src/typings.d.ts
@@ -1,2 +1,4 @@
 declare var STORYBOOK_ENV: 'vue3';
+
+// eslint-disable-next-line prettier/prettier
 declare var PLUGINS_SETUP_FUNCTIONS = new Set<(app, context) => unknown>();
diff --git a/code/renderers/vue3/template/cli/js/Button.stories.js b/code/renderers/vue3/template/cli/js/Button.stories.js
index 8374e0636bc6..1ccdc1dc4c1e 100644
--- a/code/renderers/vue3/template/cli/js/Button.stories.js
+++ b/code/renderers/vue3/template/cli/js/Button.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import MyButton from './Button.vue';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/vue3/template/cli/js/Header.stories.js b/code/renderers/vue3/template/cli/js/Header.stories.js
index 6b0d1821f117..fbba3ec096c8 100644
--- a/code/renderers/vue3/template/cli/js/Header.stories.js
+++ b/code/renderers/vue3/template/cli/js/Header.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import MyHeader from './Header.vue';
 
 export default {
diff --git a/code/renderers/vue3/template/cli/js/Page.stories.js b/code/renderers/vue3/template/cli/js/Page.stories.js
index beee806852fe..a2bc183ca7d1 100644
--- a/code/renderers/vue3/template/cli/js/Page.stories.js
+++ b/code/renderers/vue3/template/cli/js/Page.stories.js
@@ -1,4 +1,5 @@
-import { within, userEvent, expect } from '@storybook/test';
+import { expect, userEvent, within } from '@storybook/test';
+
 import MyPage from './Page.vue';
 
 export default {
diff --git a/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts b/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts
index 60d4690fa465..4df85f736439 100644
--- a/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-3-8/Button.stories.ts
@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
 import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Button from './Button.vue';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
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 c8997dd8dbe9..d2a73e0d8fd8 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
@@ -1,5 +1,6 @@
+import { expect, userEvent, within } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/vue3';
-import { within, userEvent, expect } from '@storybook/test';
+
 import MyPage from './Page.vue';
 
 const meta: Meta<typeof MyPage> = {
diff --git a/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts b/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts
index a69991a58bf7..abd4ec2e5bb6 100644
--- a/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-4-9/Button.stories.ts
@@ -1,5 +1,6 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
 import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Button from './Button.vue';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts b/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts
index 350a5d22a48a..f0cf6d034590 100644
--- a/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/vue3/template/cli/ts-4-9/Header.stories.ts
@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/vue3';
 import { fn } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/vue3';
 
 import MyHeader from './Header.vue';
 
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 96b7b67285e7..525870f15307 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
@@ -1,5 +1,6 @@
+import { expect, userEvent, within } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/vue3';
-import { within, userEvent, expect } from '@storybook/test';
+
 import MyPage from './Page.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/components/index.js b/code/renderers/vue3/template/components/index.js
index 6ecc6f3997c1..f76524beaa06 100644
--- a/code/renderers/vue3/template/components/index.js
+++ b/code/renderers/vue3/template/components/index.js
@@ -1,9 +1,9 @@
 import { global as globalThis } from '@storybook/global';
 
 import Button from './Button.vue';
-import Pre from './Pre.vue';
 import Form from './Form.vue';
 import Html from './Html.vue';
+import Pre from './Pre.vue';
 
 globalThis.Components = { Button, Pre, Form, Html };
 globalThis.storybookRenderer = 'vue3';
diff --git a/code/renderers/vue3/template/stories/preview.js b/code/renderers/vue3/template/stories/preview.js
index 8cfbdfada3ab..2bee659276ae 100644
--- a/code/renderers/vue3/template/stories/preview.js
+++ b/code/renderers/vue3/template/stories/preview.js
@@ -1,5 +1,4 @@
 import { global as globalThis } from '@storybook/global';
-
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { setup } from '@storybook/vue3';
 
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderFunctionalComponent.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderFunctionalComponent.stories.ts
index bf70bc34f074..1b3ca5b44872 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderFunctionalComponent.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderFunctionalComponent.stories.ts
@@ -1,7 +1,9 @@
 import type { Meta } from '@storybook/vue3';
+
 import { h } from 'vue';
-import Reactivity from './Reactivity.vue';
+
 import * as ReactiveDecorators from './ReactiveDecorators.stories';
+import Reactivity from './Reactivity.vue';
 
 const meta = {
   ...ReactiveDecorators.default,
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderOptionsArgsFromData.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderOptionsArgsFromData.stories.ts
index 9c904283d3bd..2670bc8e17cf 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderOptionsArgsFromData.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/CustomRenderOptionsArgsFromData.stories.ts
@@ -1,7 +1,9 @@
 import type { Meta } from '@storybook/vue3';
+
 import { defineComponent, shallowReactive } from 'vue';
-import Reactivity from './Reactivity.vue';
+
 import * as ReactiveDecorators from './ReactiveDecorators.stories';
+import Reactivity from './Reactivity.vue';
 
 // when you use custom render, you can use any vue api to create your story and garanti reactivity, otherwise i can ease kill the reactivity.
 const state = shallowReactive<{ header: any; default: any; footer: any }>({
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/GlobalSetup.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/GlobalSetup.stories.ts
index 725b0e65ee93..c33cd08e4a04 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/GlobalSetup.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/GlobalSetup.stories.ts
@@ -1,6 +1,8 @@
+import { expect, within } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/vue3';
-import { within, expect } from '@storybook/test';
+
 import { inject } from 'vue';
+
 import GlobalSetup from './GlobalSetup.vue';
 
 const meta: Meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveArgs.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveArgs.stories.ts
index 00cdc9314522..89fbb6fe2f76 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveArgs.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveArgs.stories.ts
@@ -1,12 +1,13 @@
-import { global as globalThis } from '@storybook/global';
-import type { Meta, StoryObj, StoryFn } from '@storybook/vue3';
-import { within, userEvent, expect } from '@storybook/test';
 import {
-  UPDATE_STORY_ARGS,
-  STORY_ARGS_UPDATED,
   RESET_STORY_ARGS,
+  STORY_ARGS_UPDATED,
+  UPDATE_STORY_ARGS,
 } from 'storybook/internal/core-events';
 
+import { global as globalThis } from '@storybook/global';
+import { expect, userEvent, within } from '@storybook/test';
+import type { Meta, StoryFn, StoryObj } from '@storybook/vue3';
+
 import ReactiveArgs from './ReactiveArgs.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveDecorators.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveDecorators.stories.ts
index f0cc9c498cbd..8a33c09e3706 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveDecorators.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveDecorators.stories.ts
@@ -1,12 +1,15 @@
-import { global as globalThis } from '@storybook/global';
-import { userEvent, within } from '@storybook/test';
-import type { Meta, StoryObj } from '@storybook/vue3';
-import { h } from 'vue';
 import {
   RESET_STORY_ARGS,
   STORY_ARGS_UPDATED,
   UPDATE_STORY_ARGS,
 } from 'storybook/internal/core-events';
+
+import { global as globalThis } from '@storybook/global';
+import { userEvent, within } from '@storybook/test';
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import { h } from 'vue';
+
 import Reactivity from './Reactivity.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveSlots.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveSlots.stories.ts
index 1ced58b906ab..a6f14382f986 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveSlots.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ReactiveSlots.stories.ts
@@ -1,12 +1,15 @@
-import { global as globalThis } from '@storybook/global';
-import { within, expect } from '@storybook/test';
 import {
-  STORY_ARGS_UPDATED,
   RESET_STORY_ARGS,
+  STORY_ARGS_UPDATED,
   UPDATE_STORY_ARGS,
 } from 'storybook/internal/core-events';
-import { h } from 'vue';
+
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/vue3';
+
+import { h } from 'vue';
+
 import BaseLayout from './BaseLayout.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ScopedSlots.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ScopedSlots.stories.ts
index 40dd5b787b29..3c67f3978859 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/ScopedSlots.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/ScopedSlots.stories.ts
@@ -1,13 +1,14 @@
-import { global as globalThis } from '@storybook/global';
 import type { Channel } from 'storybook/internal/channels';
-import { within, expect } from '@storybook/test';
 import {
-  UPDATE_STORY_ARGS,
-  STORY_ARGS_UPDATED,
   RESET_STORY_ARGS,
+  STORY_ARGS_UPDATED,
+  UPDATE_STORY_ARGS,
 } from 'storybook/internal/core-events';
 
+import { global as globalThis } from '@storybook/global';
+import { expect, within } from '@storybook/test';
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import MySlotComponent from './MySlotComponent.vue';
 
 declare global {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceCode.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceCode.stories.ts
index c9500c509a48..ab2e0a6559bc 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceCode.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceCode.stories.ts
@@ -1,5 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import { h } from 'vue';
+
 import SourceCode from './SourceCode.vue';
 
 const meta: Meta<typeof SourceCode> = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceDecorator.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceDecorator.stories.ts
index 4a5a8613069e..786ea841415d 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceDecorator.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/SourceDecorator.stories.ts
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
 
-import GlobalUsage from './GlobalUsage.vue';
 import GlobalSetup from './GlobalSetup.vue';
+import GlobalUsage from './GlobalUsage.vue';
 
 const meta: Meta = {
   component: GlobalUsage,
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineModel.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineModel.stories.ts
index be2f612287a5..297da193d6ea 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineModel.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineModel.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './define-model/component.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineSlots.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineSlots.stories.ts
index da11664027c9..fbf03f412134 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineSlots.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/DefineSlots.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './define-slots/component.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/OptionApi.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/OptionApi.stories.ts
index f37f0147b37a..988bbb30be05 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/OptionApi.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/OptionApi.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './options-api/component';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeEvents.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeEvents.stories.ts
index 6421e50b4b13..2c588c4339f3 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeEvents.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeEvents.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './reference-type-events/component.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeExposed.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeExposed.stories.ts
index 5f4d8049caae..49b11f915032 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeExposed.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeExposed.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './reference-type-exposed/component.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeProps.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeProps.stories.ts
index d213003bc00f..1c8522a39fc5 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeProps.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/ReferenceTypeProps.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './reference-type-props/component.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TemplateSlots.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TemplateSlots.stories.ts
index 7ae73f819caf..80c115948b9f 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TemplateSlots.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TemplateSlots.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './template-slots/component.vue';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsComponent.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsComponent.stories.ts
index a6c53ef319f4..8590c0945a69 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsComponent.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsComponent.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import Component from './ts-component/component';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsNameExport.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsNameExport.stories.ts
index 1d8d73780075..0820a8302e04 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsNameExport.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/component-meta/TsNameExport.stories.ts
@@ -1,4 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/vue3';
+
 import { ComponentA } from './ts-named-export/component';
 
 const meta = {
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/decorators.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/decorators.stories.ts
index 4600cdf4256d..95b025c7a418 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/decorators.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/decorators.stories.ts
@@ -1,6 +1,8 @@
 import type { DecoratorFunction } from 'storybook/internal/types';
+
 import { global as globalThis } from '@storybook/global';
 import type { Meta, StoryObj, VueRenderer } from '@storybook/vue3';
+
 import { h } from 'vue';
 
 const { Button, Pre } = (globalThis as any).Components;
diff --git a/code/renderers/vue3/template/stories_vue3-vite-default-ts/mount-in-play.stories.ts b/code/renderers/vue3/template/stories_vue3-vite-default-ts/mount-in-play.stories.ts
index 1afb29d7d51b..e37526c378bd 100644
--- a/code/renderers/vue3/template/stories_vue3-vite-default-ts/mount-in-play.stories.ts
+++ b/code/renderers/vue3/template/stories_vue3-vite-default-ts/mount-in-play.stories.ts
@@ -1,4 +1,5 @@
 import type { StoryObj } from '@storybook/vue3';
+
 import { defineComponent } from 'vue';
 
 const Button = defineComponent({
diff --git a/code/renderers/vue3/vitest.config.ts b/code/renderers/vue3/vitest.config.ts
index 0917fe16816e..426baf015c05 100644
--- a/code/renderers/vue3/vitest.config.ts
+++ b/code/renderers/vue3/vitest.config.ts
@@ -1,6 +1,8 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import vue from '@vitejs/plugin-vue';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/renderers/web-components/package.json b/code/renderers/web-components/package.json
index 6555f80209de..fb40bfc59fe7 100644
--- a/code/renderers/web-components/package.json
+++ b/code/renderers/web-components/package.json
@@ -25,9 +25,9 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "node": "./dist/index.js"
     },
     "./preset": "./preset.js",
     "./dist/entry-preview.mjs": "./dist/entry-preview.mjs",
@@ -46,8 +46,8 @@
     "!src/**/*"
   ],
   "scripts": {
-    "check": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/check.ts",
-    "prep": "node --loader ../../../scripts/node_modules/esbuild-register/loader.js -r ../../../scripts/node_modules/esbuild-register/register.js ../../../scripts/prepare/bundle.ts"
+    "check": "jiti ../../../scripts/prepare/check.ts",
+    "prep": "jiti ../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
     "@storybook/components": "workspace:^",
@@ -60,7 +60,7 @@
   },
   "devDependencies": {
     "@types/cross-spawn": "^6.0.2",
-    "@types/node": "^18.0.0",
+    "@types/node": "^22.0.0",
     "cross-spawn": "^7.0.3",
     "lit": "2.3.1",
     "typescript": "^5.3.2",
diff --git a/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js b/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js
index 70d06bb86fba..3bd07d1871a6 100644
--- a/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js
+++ b/code/renderers/web-components/src/docs/__testfixtures__/lit-element-demo-card/input.js
@@ -1,6 +1,6 @@
 import { global } from '@storybook/global';
 
-import { LitElement, html, css } from 'lit-element';
+import { LitElement, css, html } from 'lit-element';
 
 const { CustomEvent } = global;
 
diff --git a/code/renderers/web-components/src/docs/custom-elements.test.ts b/code/renderers/web-components/src/docs/custom-elements.test.ts
index e8ce0d34159f..ca3262bd791f 100644
--- a/code/renderers/web-components/src/docs/custom-elements.test.ts
+++ b/code/renderers/web-components/src/docs/custom-elements.test.ts
@@ -1,10 +1,12 @@
 // @vitest-environment happy-dom
 
 /* eslint-disable no-underscore-dangle */
-import { describe, it, expect, beforeEach, afterEach } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
+
 import { global } from '@storybook/global';
-import { extractArgTypes } from './custom-elements';
+
 import customElementsManifest from './__testfixtures__/custom-elements.json';
+import { extractArgTypes } from './custom-elements';
 
 const { window } = global;
 
diff --git a/code/renderers/web-components/src/docs/custom-elements.ts b/code/renderers/web-components/src/docs/custom-elements.ts
index 3b74a826c7c5..48a462bf73b6 100644
--- a/code/renderers/web-components/src/docs/custom-elements.ts
+++ b/code/renderers/web-components/src/docs/custom-elements.ts
@@ -1,6 +1,8 @@
-import invariant from 'tiny-invariant';
-import type { InputType, ArgTypes } from 'storybook/internal/types';
 import { logger } from 'storybook/internal/client-logger';
+import type { ArgTypes, InputType } from 'storybook/internal/types';
+
+import invariant from 'tiny-invariant';
+
 import { getCustomElements, isValidComponent, isValidMetaData } from '..';
 
 interface TagItem {
diff --git a/code/renderers/web-components/src/docs/sourceDecorator.test.ts b/code/renderers/web-components/src/docs/sourceDecorator.test.ts
index 5af7a0a5f533..8a0c1f58a0a8 100644
--- a/code/renderers/web-components/src/docs/sourceDecorator.test.ts
+++ b/code/renderers/web-components/src/docs/sourceDecorator.test.ts
@@ -1,11 +1,13 @@
 // @vitest-environment happy-dom
+import type { Mock } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
+import { addons, useEffect } from 'storybook/internal/preview-api';
 
 import { html, render } from 'lit';
-import type { Mock } from 'vitest';
-import { describe, beforeEach, it, vi, expect } from 'vitest';
 import { styleMap } from 'lit/directives/style-map.js';
-import { addons, useEffect } from 'storybook/internal/preview-api';
-import { SNIPPET_RENDERED } from 'storybook/internal/docs-tools';
+
 import type { StoryContext } from '../types';
 import { sourceDecorator } from './sourceDecorator';
 
diff --git a/code/renderers/web-components/src/docs/sourceDecorator.ts b/code/renderers/web-components/src/docs/sourceDecorator.ts
index 3ae05c2962d4..8a74569a0a0e 100644
--- a/code/renderers/web-components/src/docs/sourceDecorator.ts
+++ b/code/renderers/web-components/src/docs/sourceDecorator.ts
@@ -1,8 +1,9 @@
 /* eslint-disable no-underscore-dangle */
-import { render } from 'lit';
-import type { ArgsStoryFn, PartialStoryFn, StoryContext } from 'storybook/internal/types';
-import { addons, useEffect } from 'storybook/internal/preview-api';
 import { SNIPPET_RENDERED, SourceType } from 'storybook/internal/docs-tools';
+import { addons, useEffect } from 'storybook/internal/preview-api';
+import type { ArgsStoryFn, PartialStoryFn, StoryContext } from 'storybook/internal/types';
+
+import { render } from 'lit';
 
 import type { WebComponentsRenderer } from '../types';
 
diff --git a/code/renderers/web-components/src/docs/web-components-properties.test.ts b/code/renderers/web-components/src/docs/web-components-properties.test.ts
index 09e39d1ad9d7..2ba3618f5bda 100644
--- a/code/renderers/web-components/src/docs/web-components-properties.test.ts
+++ b/code/renderers/web-components/src/docs/web-components-properties.test.ts
@@ -1,10 +1,12 @@
 // @vitest-environment happy-dom
+import { readFileSync, readdirSync } from 'node:fs';
+import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
 
-import path from 'path';
-import { vi, describe, it, expect } from 'vitest';
-import fs from 'fs';
-import tmp from 'tmp';
 import { sync as spawnSync } from 'cross-spawn';
+import tmp from 'tmp';
+
 import { extractArgTypesFromElements } from './custom-elements';
 
 // File hierarchy:
@@ -15,14 +17,14 @@ const runWebComponentsAnalyzer = (inputPath: string) => {
   const { name: tmpDir, removeCallback } = tmp.dirSync();
   const customElementsFile = `${tmpDir}/custom-elements.json`;
   spawnSync(
-    path.join(__dirname, '../../../../node_modules/.bin/wca'),
+    join(__dirname, '../../../../node_modules/.bin/wca'),
     ['analyze', inputPath, '--outFile', customElementsFile],
     {
       stdio: 'ignore',
       shell: true,
     }
   );
-  const output = fs.readFileSync(customElementsFile, 'utf8');
+  const output = readFileSync(customElementsFile, 'utf8');
   try {
     removeCallback();
   } catch (e) {
@@ -38,14 +40,14 @@ describe('web-components component properties', () => {
   vi.mock('lit', () => ({ default: {} }));
   vi.mock('lit/directive-helpers.js', () => ({ default: {} }));
 
-  const fixturesDir = path.join(__dirname, '__testfixtures__');
-  fs.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+  const fixturesDir = join(__dirname, '__testfixtures__');
+  readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
     if (testEntry.isDirectory()) {
-      const testDir = path.join(fixturesDir, testEntry.name);
-      const testFile = fs.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+      const testDir = join(fixturesDir, testEntry.name);
+      const testFile = readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
       if (testFile) {
         it(`${testEntry.name}`, () => {
-          const inputPath = path.join(testDir, testFile);
+          const inputPath = join(testDir, testFile);
 
           // snapshot the output of wca
           const customElementsJson = runWebComponentsAnalyzer(inputPath);
@@ -53,13 +55,11 @@ describe('web-components component properties', () => {
           customElements.tags.forEach((tag: any) => {
             tag.path = 'dummy-path-to-component';
           });
-          expect(customElements).toMatchFileSnapshot(
-            path.join(testDir, 'custom-elements.snapshot')
-          );
+          expect(customElements).toMatchFileSnapshot(join(testDir, 'custom-elements.snapshot'));
 
           // snapshot the properties
           const properties = extractArgTypesFromElements('input', customElements);
-          expect(properties).toMatchFileSnapshot(path.join(testDir, 'properties.snapshot'));
+          expect(properties).toMatchFileSnapshot(join(testDir, 'properties.snapshot'));
         });
       }
     }
diff --git a/code/renderers/web-components/src/entry-preview-docs.ts b/code/renderers/web-components/src/entry-preview-docs.ts
index c6c441644e4d..56ebd97201aa 100644
--- a/code/renderers/web-components/src/entry-preview-docs.ts
+++ b/code/renderers/web-components/src/entry-preview-docs.ts
@@ -1,5 +1,6 @@
-import type { ArgTypesEnhancer, DecoratorFunction, InputType } from 'storybook/internal/types';
 import { SourceType, enhanceArgTypes } from 'storybook/internal/docs-tools';
+import type { ArgTypesEnhancer, DecoratorFunction, InputType } from 'storybook/internal/types';
+
 import { extractArgTypes, extractComponentDescription } from './docs/custom-elements';
 import { sourceDecorator } from './docs/sourceDecorator';
 import type { WebComponentsRenderer } from './types';
diff --git a/code/renderers/web-components/src/framework-api.ts b/code/renderers/web-components/src/framework-api.ts
index f1791641b2c6..d8cc771ba31d 100644
--- a/code/renderers/web-components/src/framework-api.ts
+++ b/code/renderers/web-components/src/framework-api.ts
@@ -1,5 +1,4 @@
 /* eslint-disable no-underscore-dangle */
-
 import { global } from '@storybook/global';
 
 export function isValidComponent(tagName: string) {
diff --git a/code/renderers/web-components/src/index.ts b/code/renderers/web-components/src/index.ts
index dfea3afb488d..58076b752f2b 100644
--- a/code/renderers/web-components/src/index.ts
+++ b/code/renderers/web-components/src/index.ts
@@ -1,5 +1,4 @@
 /// <reference types="webpack-env" />
-
 import { global } from '@storybook/global';
 
 import './globals';
diff --git a/code/renderers/web-components/src/preset.ts b/code/renderers/web-components/src/preset.ts
index 6e6dbb30c989..c6cf333ccf3c 100644
--- a/code/renderers/web-components/src/preset.ts
+++ b/code/renderers/web-components/src/preset.ts
@@ -1,5 +1,6 @@
+import { join } from 'node:path';
+
 import type { PresetProperty } from 'storybook/internal/types';
-import { join } from 'path';
 
 export const previewAnnotations: PresetProperty<'previewAnnotations'> = async (
   input = [],
diff --git a/code/renderers/web-components/src/public-types.ts b/code/renderers/web-components/src/public-types.ts
index 48d0894e3c0b..a1d5b7559e21 100644
--- a/code/renderers/web-components/src/public-types.ts
+++ b/code/renderers/web-components/src/public-types.ts
@@ -3,12 +3,13 @@ import type {
   Args,
   ComponentAnnotations,
   DecoratorFunction,
+  StoryContext as GenericStoryContext,
   LoaderFunction,
+  ProjectAnnotations,
   StoryAnnotations,
-  StoryContext as GenericStoryContext,
   StrictArgs,
-  ProjectAnnotations,
 } from 'storybook/internal/types';
+
 import type { WebComponentsRenderer } from './types';
 
 export type { Args, ArgTypes, Parameters, StrictArgs } from 'storybook/internal/types';
diff --git a/code/renderers/web-components/src/render.ts b/code/renderers/web-components/src/render.ts
index 52c87322df08..52e97e40d466 100644
--- a/code/renderers/web-components/src/render.ts
+++ b/code/renderers/web-components/src/render.ts
@@ -1,14 +1,14 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
+import { simulateDOMContentLoaded, simulatePageLoad } from 'storybook/internal/preview-api';
+import type { ArgsStoryFn, RenderContext } from 'storybook/internal/types';
 
 import { global } from '@storybook/global';
 
-import { dedent } from 'ts-dedent';
 import { render as litRender } from 'lit';
 // Keep `.js` extension to avoid issue with Webpack (related to export map?)
-
 import { isTemplateResult } from 'lit/directive-helpers.js';
-import { simulatePageLoad, simulateDOMContentLoaded } from 'storybook/internal/preview-api';
-import type { RenderContext, ArgsStoryFn } from 'storybook/internal/types';
+import { dedent } from 'ts-dedent';
+
 import type { WebComponentsRenderer } from './types';
 
 const { Node } = global;
diff --git a/code/renderers/web-components/src/types.ts b/code/renderers/web-components/src/types.ts
index cf651afdd902..59fb2fde3f86 100644
--- a/code/renderers/web-components/src/types.ts
+++ b/code/renderers/web-components/src/types.ts
@@ -1,5 +1,6 @@
 import type { StoryContext as StoryContextBase, WebRenderer } from 'storybook/internal/types';
-import type { TemplateResult, SVGTemplateResult } from 'lit';
+
+import type { SVGTemplateResult, TemplateResult } from 'lit';
 
 export type StoryFnHtmlReturnType =
   | string
diff --git a/code/renderers/web-components/template/cli/js/Button.js b/code/renderers/web-components/template/cli/js/Button.js
index 5599e40e8a69..d6ae8e2af2cf 100644
--- a/code/renderers/web-components/template/cli/js/Button.js
+++ b/code/renderers/web-components/template/cli/js/Button.js
@@ -1,5 +1,6 @@
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import './button.css';
 
 /**
diff --git a/code/renderers/web-components/template/cli/js/Button.stories.js b/code/renderers/web-components/template/cli/js/Button.stories.js
index dfb4ad43ee74..23a32272b7d0 100644
--- a/code/renderers/web-components/template/cli/js/Button.stories.js
+++ b/code/renderers/web-components/template/cli/js/Button.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Button } from './Button';
 
 // More on how to set up stories at: https://storybook.js.org/docs/writing-stories
diff --git a/code/renderers/web-components/template/cli/js/Header.stories.js b/code/renderers/web-components/template/cli/js/Header.stories.js
index cfb94e39fc0c..174335437767 100644
--- a/code/renderers/web-components/template/cli/js/Header.stories.js
+++ b/code/renderers/web-components/template/cli/js/Header.stories.js
@@ -1,4 +1,5 @@
 import { fn } from '@storybook/test';
+
 import { Header } from './Header';
 
 export default {
diff --git a/code/renderers/web-components/template/cli/js/Page.js b/code/renderers/web-components/template/cli/js/Page.js
index 9ee0db99fcb0..54919dabd48b 100644
--- a/code/renderers/web-components/template/cli/js/Page.js
+++ b/code/renderers/web-components/template/cli/js/Page.js
@@ -1,4 +1,5 @@
 import { html } from 'lit';
+
 import { Header } from './Header';
 import './page.css';
 
diff --git a/code/renderers/web-components/template/cli/js/Page.stories.js b/code/renderers/web-components/template/cli/js/Page.stories.js
index 584f8434fa13..7c28c5ad14b3 100644
--- a/code/renderers/web-components/template/cli/js/Page.stories.js
+++ b/code/renderers/web-components/template/cli/js/Page.stories.js
@@ -1,5 +1,5 @@
-import { Page } from './Page';
 import * as HeaderStories from './Header.stories';
+import { Page } from './Page';
 
 export default {
   title: 'Example/Page',
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts b/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts
index e34857751666..3da1011f6525 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Button.stories.ts
@@ -1,5 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
 import { fn } from '@storybook/test';
+
+import type { Meta, StoryObj } from '@storybook/web-components';
+
 import type { ButtonProps } from './Button';
 import { Button } from './Button';
 
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Button.ts b/code/renderers/web-components/template/cli/ts-3-8/Button.ts
index 8241f4e8cbd1..e80101e16342 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Button.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Button.ts
@@ -1,5 +1,6 @@
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import './button.css';
 
 export interface ButtonProps {
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts b/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts
index 08b47d7692d8..e79f51918bc3 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Header.stories.ts
@@ -1,5 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
 import { fn } from '@storybook/test';
+
+import type { Meta, StoryObj } from '@storybook/web-components';
+
 import type { HeaderProps } from './Header';
 import { Header } from './Header';
 
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts b/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts
index 2efe2204703e..040f023c94ac 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Page.stories.ts
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 
+import * as HeaderStories from './Header.stories';
 import type { PageProps } from './Page';
 import { Page } from './Page';
-import * as HeaderStories from './Header.stories';
 
 const meta: Meta<PageProps> = {
   title: 'Example/Page',
diff --git a/code/renderers/web-components/template/cli/ts-3-8/Page.ts b/code/renderers/web-components/template/cli/ts-3-8/Page.ts
index 62be582343fa..079c4f04cfbc 100644
--- a/code/renderers/web-components/template/cli/ts-3-8/Page.ts
+++ b/code/renderers/web-components/template/cli/ts-3-8/Page.ts
@@ -1,4 +1,5 @@
 import { html } from 'lit';
+
 import { Header } from './Header';
 import './page.css';
 
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts b/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts
index 52f3ae8ebd62..3325c65d4dcf 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Button.stories.ts
@@ -1,5 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
 import { fn } from '@storybook/test';
+
+import type { Meta, StoryObj } from '@storybook/web-components';
+
 import type { ButtonProps } from './Button';
 import { Button } from './Button';
 
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Button.ts b/code/renderers/web-components/template/cli/ts-4-9/Button.ts
index 8241f4e8cbd1..e80101e16342 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Button.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Button.ts
@@ -1,5 +1,6 @@
 import { html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
+
 import './button.css';
 
 export interface ButtonProps {
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts b/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts
index be13bf07cde4..cab00750dc35 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Header.stories.ts
@@ -1,5 +1,7 @@
-import type { Meta, StoryObj } from '@storybook/web-components';
 import { fn } from '@storybook/test';
+
+import type { Meta, StoryObj } from '@storybook/web-components';
+
 import type { HeaderProps } from './Header';
 import { Header } from './Header';
 
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts b/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts
index bf9fef3fce58..444433b6d641 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Page.stories.ts
@@ -1,8 +1,8 @@
 import type { Meta, StoryObj } from '@storybook/web-components';
 
+import * as HeaderStories from './Header.stories';
 import type { PageProps } from './Page';
 import { Page } from './Page';
-import * as HeaderStories from './Header.stories';
 
 const meta = {
   title: 'Example/Page',
diff --git a/code/renderers/web-components/template/cli/ts-4-9/Page.ts b/code/renderers/web-components/template/cli/ts-4-9/Page.ts
index 62be582343fa..079c4f04cfbc 100644
--- a/code/renderers/web-components/template/cli/ts-4-9/Page.ts
+++ b/code/renderers/web-components/template/cli/ts-4-9/Page.ts
@@ -1,4 +1,5 @@
 import { html } from 'lit';
+
 import { Header } from './Header';
 import './page.css';
 
diff --git a/code/renderers/web-components/template/components/Button.js b/code/renderers/web-components/template/components/Button.js
index 0a837e6ade68..d2002dfa4fc0 100644
--- a/code/renderers/web-components/template/components/Button.js
+++ b/code/renderers/web-components/template/components/Button.js
@@ -1,5 +1,6 @@
 import { global as globalThis } from '@storybook/global';
-import { html, LitElement } from 'lit';
+
+import { LitElement, html } from 'lit';
 
 const { CustomEvent, customElements } = globalThis;
 
diff --git a/code/renderers/web-components/template/components/Form.js b/code/renderers/web-components/template/components/Form.js
index 06c9968db33c..a4cd6805b347 100644
--- a/code/renderers/web-components/template/components/Form.js
+++ b/code/renderers/web-components/template/components/Form.js
@@ -1,5 +1,6 @@
 import { global as globalThis } from '@storybook/global';
-import { html, LitElement } from 'lit';
+
+import { LitElement, html } from 'lit';
 
 const { CustomEvent, customElements } = globalThis;
 
diff --git a/code/renderers/web-components/template/components/Html.js b/code/renderers/web-components/template/components/Html.js
index 3b5b74320001..fb3a9e938240 100644
--- a/code/renderers/web-components/template/components/Html.js
+++ b/code/renderers/web-components/template/components/Html.js
@@ -1,4 +1,5 @@
 import { global as globalThis } from '@storybook/global';
+
 import { LitElement } from 'lit';
 
 const { customElements } = globalThis;
diff --git a/code/renderers/web-components/template/components/Pre.js b/code/renderers/web-components/template/components/Pre.js
index 9f5fc3904250..1111c5df624f 100644
--- a/code/renderers/web-components/template/components/Pre.js
+++ b/code/renderers/web-components/template/components/Pre.js
@@ -1,6 +1,6 @@
 import { global as globalThis } from '@storybook/global';
-import { html, LitElement } from 'lit';
 
+import { LitElement, html } from 'lit';
 import { styleMap } from 'lit/directives/style-map.js';
 
 const { customElements } = globalThis;
diff --git a/code/renderers/web-components/template/stories/demo-wc-card.stories.js b/code/renderers/web-components/template/stories/demo-wc-card.stories.js
index 00a6b358efe6..61f6994afe81 100644
--- a/code/renderers/web-components/template/stories/demo-wc-card.stories.js
+++ b/code/renderers/web-components/template/stories/demo-wc-card.stories.js
@@ -1,4 +1,5 @@
 import { html } from 'lit';
+
 import './demo-wc-card';
 
 export default {
diff --git a/code/renderers/web-components/template/stories/demo-wc-card/DemoWcCard.js b/code/renderers/web-components/template/stories/demo-wc-card/DemoWcCard.js
index 4c8cee3a7c6c..8d52c096a265 100644
--- a/code/renderers/web-components/template/stories/demo-wc-card/DemoWcCard.js
+++ b/code/renderers/web-components/template/stories/demo-wc-card/DemoWcCard.js
@@ -1,4 +1,5 @@
 import { global } from '@storybook/global';
+
 import { LitElement, html } from 'lit';
 
 import { demoWcCardStyle } from './demoWcCardStyle.css.js';
diff --git a/code/renderers/web-components/vitest.config.ts b/code/renderers/web-components/vitest.config.ts
index ea8b4ef14350..edf3cc3ea035 100644
--- a/code/renderers/web-components/vitest.config.ts
+++ b/code/renderers/web-components/vitest.config.ts
@@ -1,5 +1,6 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { defineConfig, mergeConfig } from 'vitest/config';
+
 import { vitestCommonConfig } from '../../vitest.workspace';
 
 export default mergeConfig(
diff --git a/code/tsconfig.json b/code/tsconfig.json
index 2b82117621e8..0ee2306040e0 100644
--- a/code/tsconfig.json
+++ b/code/tsconfig.json
@@ -16,6 +16,7 @@
     "noUnusedLocals": false,
     "skipLibCheck": true,
     "strict": true,
+    "noEmit": true,
     "strictBindCallApply": true,
     "target": "ES2020"
   },
diff --git a/code/vitest-setup.ts b/code/vitest-setup.ts
index 98a40b698bbb..8edd64c36314 100644
--- a/code/vitest-setup.ts
+++ b/code/vitest-setup.ts
@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/vitest';
-import { vi, expect } from 'vitest';
+import { expect, vi } from 'vitest';
 
 import { dedent } from 'ts-dedent';
 
diff --git a/code/vitest.config.ts b/code/vitest.config.ts
new file mode 100644
index 000000000000..5b1f8c9d3318
--- /dev/null
+++ b/code/vitest.config.ts
@@ -0,0 +1,16 @@
+import { coverageConfigDefaults, defineConfig } from 'vitest/config';
+
+export default defineConfig({
+  test: {
+    coverage: {
+      exclude: [
+        ...coverageConfigDefaults.exclude,
+        '**/__mocks/**',
+        '**/dist/**',
+        'playwright.config.ts',
+        'vitest-setup.ts',
+        'vitest.helpers.ts',
+      ],
+    },
+  },
+});
diff --git a/code/vitest.workspace.ts b/code/vitest.workspace.ts
index ce15cacce016..b45bf25a4860 100644
--- a/code/vitest.workspace.ts
+++ b/code/vitest.workspace.ts
@@ -1,4 +1,5 @@
-import { resolve } from 'path';
+import { resolve } from 'node:path';
+
 import { defineConfig, defineWorkspace } from 'vitest/config';
 
 export default defineWorkspace([
@@ -20,21 +21,22 @@ export default defineWorkspace([
  * @see https://circleci.com/docs/configuration-reference/#x86
  * @see .circleci/config.yml#L214
  */
-const threadCount = process.env.CI ? 8 : undefined;
+const threadCount = process.env.CI ? 7 : undefined;
 
 export const vitestCommonConfig = defineConfig({
   test: {
-    passWithNoTests: true,
-    clearMocks: true,
-    setupFiles: [resolve(__dirname, './vitest-setup.ts')],
-    globals: true,
-    testTimeout: 10000,
-    environment: 'node',
+    pool: 'threads',
     poolOptions: {
       threads: {
         minThreads: threadCount,
         maxThreads: threadCount,
       },
     },
+    passWithNoTests: true,
+    clearMocks: true,
+    setupFiles: [resolve(__dirname, './vitest-setup.ts')],
+    globals: true,
+    testTimeout: 10000,
+    environment: 'node',
   },
 });
diff --git a/code/yarn.lock b/code/yarn.lock
index 2e0ac9980d25..08572ae21d07 100644
--- a/code/yarn.lock
+++ b/code/yarn.lock
@@ -12,14 +12,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@adobe/css-tools@npm:^4.3.2":
-  version: 4.3.3
-  resolution: "@adobe/css-tools@npm:4.3.3"
-  checksum: 10c0/e76e712df713964b87cdf2aca1f0477f19bebd845484d5fcba726d3ec7782366e2f26ec8cb2dcfaf47081a5c891987d8a9f5c3f30d11e1eb3c1848adc27fcb24
+"@adobe/css-tools@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "@adobe/css-tools@npm:4.4.0"
+  checksum: 10c0/d65ddc719389bf469097df80fb16a8af48a973dea4b57565789d70ac8e7ab4987e6dc0095da3ed5dc16c1b6f8960214a7590312eeda8abd543d91fd0f59e6c94
   languageName: node
   linkType: hard
 
-"@ampproject/remapping@npm:2.3.0, @ampproject/remapping@npm:^2.2.0, @ampproject/remapping@npm:^2.2.1":
+"@ampproject/remapping@npm:2.3.0, @ampproject/remapping@npm:^2.2.0, @ampproject/remapping@npm:^2.2.1, @ampproject/remapping@npm:^2.3.0":
   version: 2.3.0
   resolution: "@ampproject/remapping@npm:2.3.0"
   dependencies:
@@ -360,7 +360,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.2, @babel/code-frame@npm:^7.24.7":
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.16.7, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.23.5, @babel/code-frame@npm:^7.24.2, @babel/code-frame@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/code-frame@npm:7.24.7"
   dependencies:
@@ -446,6 +446,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:7.17.7":
+  version: 7.17.7
+  resolution: "@babel/generator@npm:7.17.7"
+  dependencies:
+    "@babel/types": "npm:^7.17.0"
+    jsesc: "npm:^2.5.1"
+    source-map: "npm:^0.5.0"
+  checksum: 10c0/8088453c4418e0ee6528506fbd5847bbdfd56327a0025ca9496a259261e162c594ffd08be0d63e74c32feced795616772f38acc5f5e493a86a45fd439fd9feb0
+  languageName: node
+  linkType: hard
+
 "@babel/generator@npm:7.23.6":
   version: 7.23.6
   resolution: "@babel/generator@npm:7.23.6"
@@ -458,15 +469,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.12.11, @babel/generator@npm:^7.23.6, @babel/generator@npm:^7.24.4, @babel/generator@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/generator@npm:7.24.7"
+"@babel/generator@npm:^7.12.11, @babel/generator@npm:^7.23.0, @babel/generator@npm:^7.23.6, @babel/generator@npm:^7.24.4, @babel/generator@npm:^7.24.7":
+  version: 7.25.0
+  resolution: "@babel/generator@npm:7.25.0"
   dependencies:
-    "@babel/types": "npm:^7.24.7"
+    "@babel/types": "npm:^7.25.0"
     "@jridgewell/gen-mapping": "npm:^0.3.5"
     "@jridgewell/trace-mapping": "npm:^0.3.25"
     jsesc: "npm:^2.5.1"
-  checksum: 10c0/06b1f3350baf527a3309e50ffd7065f7aee04dd06e1e7db794ddfde7fe9d81f28df64edd587173f8f9295496a7ddb74b9a185d4bf4de7bb619e6d4ec45c8fd35
+  checksum: 10c0/d0e2dfcdc8bdbb5dded34b705ceebf2e0bc1b06795a1530e64fb6a3ccf313c189db7f60c1616effae48114e1a25adc75855bc4496f3779a396b3377bae718ce7
   languageName: node
   linkType: hard
 
@@ -582,7 +593,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-function-name@npm:^7.24.7":
+"@babel/helper-function-name@npm:^7.23.0, @babel/helper-function-name@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-function-name@npm:7.24.7"
   dependencies:
@@ -592,7 +603,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-hoist-variables@npm:^7.24.7":
+"@babel/helper-hoist-variables@npm:^7.22.5, @babel/helper-hoist-variables@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-hoist-variables@npm:7.24.7"
   dependencies:
@@ -707,7 +718,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-split-export-declaration@npm:^7.24.7":
+"@babel/helper-split-export-declaration@npm:^7.22.6, @babel/helper-split-export-declaration@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-split-export-declaration@npm:7.24.7"
   dependencies:
@@ -716,14 +727,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-string-parser@npm:^7.24.7":
-  version: 7.24.7
-  resolution: "@babel/helper-string-parser@npm:7.24.7"
-  checksum: 10c0/47840c7004e735f3dc93939c77b099bb41a64bf3dda0cae62f60e6f74a5ff80b63e9b7cf77b5ec25a324516381fc994e1f62f922533236a8e3a6af57decb5e1e
+"@babel/helper-string-parser@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-string-parser@npm:7.24.8"
+  checksum: 10c0/6361f72076c17fabf305e252bf6d580106429014b3ab3c1f5c4eb3e6d465536ea6b670cc0e9a637a77a9ad40454d3e41361a2909e70e305116a23d68ce094c08
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-identifier@npm:^7.24.7":
+"@babel/helper-validator-identifier@npm:^7.16.7, @babel/helper-validator-identifier@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-validator-identifier@npm:7.24.7"
   checksum: 10c0/87ad608694c9477814093ed5b5c080c2e06d44cb1924ae8320474a74415241223cc2a725eea2640dd783ff1e3390e5f95eede978bc540e870053152e58f1d651
@@ -771,12 +782,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.11.5, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.5, @babel/parser@npm:^7.23.6, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0, @babel/parser@npm:^7.24.4, @babel/parser@npm:^7.24.7, @babel/parser@npm:^7.4.5, @babel/parser@npm:^7.6.0, @babel/parser@npm:^7.9.6":
-  version: 7.24.7
-  resolution: "@babel/parser@npm:7.24.7"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.11.5, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.5, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.23.5, @babel/parser@npm:^7.23.6, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.24.0, @babel/parser@npm:^7.24.4, @babel/parser@npm:^7.24.7, @babel/parser@npm:^7.4.5, @babel/parser@npm:^7.6.0, @babel/parser@npm:^7.9.6":
+  version: 7.25.3
+  resolution: "@babel/parser@npm:7.25.3"
+  dependencies:
+    "@babel/types": "npm:^7.25.2"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/8b244756872185a1c6f14b979b3535e682ff08cb5a2a5fd97cc36c017c7ef431ba76439e95e419d43000c5b07720495b00cf29a7f0d9a483643d08802b58819b
+  checksum: 10c0/874b01349aedb805d6694f867a752fdc7469778fad76aca4548d2cc6ce96087c3ba5fb917a6f8d05d2d1a74aae309b5f50f1a4dba035f5a2c9fcfe6e106d2c4e
   languageName: node
   linkType: hard
 
@@ -2183,16 +2196,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime-corejs3@npm:^7.10.2":
-  version: 7.23.1
-  resolution: "@babel/runtime-corejs3@npm:7.23.1"
-  dependencies:
-    core-js-pure: "npm:^3.30.2"
-    regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/6e2c2b11779ff56c88b1f3a8742498640f7271ad4fcf9cfd24052bbb236a5e7c4c7c8d81cda751da3b4effa678736303deb78441c5752e63bfb90d6453fd870f
-  languageName: node
-  linkType: hard
-
 "@babel/runtime@npm:7.12.18":
   version: 7.12.18
   resolution: "@babel/runtime@npm:7.12.18"
@@ -2220,7 +2223,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.10.2, @babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.22.15, @babel/runtime@npm:^7.22.6, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
+"@babel/runtime@npm:^7.11.2, @babel/runtime@npm:^7.12.5, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.18.3, @babel/runtime@npm:^7.20.13, @babel/runtime@npm:^7.22.15, @babel/runtime@npm:^7.22.6, @babel/runtime@npm:^7.23.2, @babel/runtime@npm:^7.24.4, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.7.2, @babel/runtime@npm:^7.7.6, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.8.7, @babel/runtime@npm:^7.9.2":
   version: 7.24.7
   resolution: "@babel/runtime@npm:7.24.7"
   dependencies:
@@ -2249,6 +2252,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:7.23.2":
+  version: 7.23.2
+  resolution: "@babel/traverse@npm:7.23.2"
+  dependencies:
+    "@babel/code-frame": "npm:^7.22.13"
+    "@babel/generator": "npm:^7.23.0"
+    "@babel/helper-environment-visitor": "npm:^7.22.20"
+    "@babel/helper-function-name": "npm:^7.23.0"
+    "@babel/helper-hoist-variables": "npm:^7.22.5"
+    "@babel/helper-split-export-declaration": "npm:^7.22.6"
+    "@babel/parser": "npm:^7.23.0"
+    "@babel/types": "npm:^7.23.0"
+    debug: "npm:^4.1.0"
+    globals: "npm:^11.1.0"
+  checksum: 10c0/d096c7c4bab9262a2f658298a3c630ae4a15a10755bb257ae91d5ab3e3b2877438934859c8d34018b7727379fe6b26c4fa2efc81cf4c462a7fe00caf79fa02ff
+  languageName: node
+  linkType: hard
+
 "@babel/traverse@npm:^7.1.6, @babel/traverse@npm:^7.16.0, @babel/traverse@npm:^7.18.9, @babel/traverse@npm:^7.23.9, @babel/traverse@npm:^7.24.0, @babel/traverse@npm:^7.24.1, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.4.5":
   version: 7.24.7
   resolution: "@babel/traverse@npm:7.24.7"
@@ -2267,14 +2288,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.18.9, @babel/types@npm:^7.2.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.4, @babel/types@npm:^7.23.6, @babel/types@npm:^7.23.9, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.2, @babel/types@npm:^7.8.3, @babel/types@npm:^7.9.6":
-  version: 7.24.7
-  resolution: "@babel/types@npm:7.24.7"
+"@babel/types@npm:7.17.0":
+  version: 7.17.0
+  resolution: "@babel/types@npm:7.17.0"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.16.7"
+    to-fast-properties: "npm:^2.0.0"
+  checksum: 10c0/ad09224272b40fedb00b262677d12b6838f5b5df5c47d67059ba1181bd4805439993393a8de32459dae137b536d60ebfcaf39ae84d8b3873f1e81cc75f5aeae8
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.11.5, @babel/types@npm:^7.17.0, @babel/types@npm:^7.18.9, @babel/types@npm:^7.2.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.23.4, @babel/types@npm:^7.23.6, @babel/types@npm:^7.23.9, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.4.4, @babel/types@npm:^7.6.1, @babel/types@npm:^7.7.2, @babel/types@npm:^7.9.6":
+  version: 7.25.2
+  resolution: "@babel/types@npm:7.25.2"
   dependencies:
-    "@babel/helper-string-parser": "npm:^7.24.7"
+    "@babel/helper-string-parser": "npm:^7.24.8"
     "@babel/helper-validator-identifier": "npm:^7.24.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/d9ecbfc3eb2b05fb1e6eeea546836ac30d990f395ef3fe3f75ced777a222c3cfc4489492f72e0ce3d9a5a28860a1ce5f81e66b88cf5088909068b3ff4fab72c1
+  checksum: 10c0/e489435856be239f8cc1120c90a197e4c2865385121908e5edb7223cfdff3768cba18f489adfe0c26955d9e7bbb1fb10625bc2517505908ceb0af848989bd864
   languageName: node
   linkType: hard
 
@@ -2437,6 +2468,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@emnapi/runtime@npm:^1.1.1":
+  version: 1.2.0
+  resolution: "@emnapi/runtime@npm:1.2.0"
+  dependencies:
+    tslib: "npm:^2.4.0"
+  checksum: 10c0/7005ff8b67724c9e61b6cd79a3decbdb2ce25d24abd4d3d187472f200ee6e573329c30264335125fb136bd813aa9cf9f4f7c9391d04b07dd1e63ce0a3427be57
+  languageName: node
+  linkType: hard
+
 "@emotion/babel-plugin@npm:^11.11.0":
   version: 11.11.0
   resolution: "@emotion/babel-plugin@npm:11.11.0"
@@ -2854,13 +2894,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@gar/promisify@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "@gar/promisify@npm:1.1.3"
-  checksum: 10c0/0b3c9958d3cd17f4add3574975e3115ae05dc7f1298a60810414b16f6f558c137b5fb3cd3905df380bacfd955ec13f67c1e6710cbb5c246a7e8d65a8289b2bff
-  languageName: node
-  linkType: hard
-
 "@gilbarbara/deep-equal@npm:^0.1.1":
   version: 0.1.2
   resolution: "@gilbarbara/deep-equal@npm:0.1.2"
@@ -3369,6 +3402,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-darwin-arm64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-darwin-arm64@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@img/sharp-darwin-x64@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-darwin-x64@npm:0.33.3"
@@ -3381,6 +3426,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-darwin-x64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-darwin-x64@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@img/sharp-libvips-darwin-arm64@npm:1.0.2":
   version: 1.0.2
   resolution: "@img/sharp-libvips-darwin-arm64@npm:1.0.2"
@@ -3449,6 +3506,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-linux-arm64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-linux-arm64@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@img/sharp-linux-arm@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-linux-arm@npm:0.33.3"
@@ -3461,6 +3530,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-linux-arm@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-linux-arm@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-linux-arm": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+  conditions: os=linux & cpu=arm & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@img/sharp-linux-s390x@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-linux-s390x@npm:0.33.3"
@@ -3473,6 +3554,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-linux-s390x@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-linux-s390x@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+  conditions: os=linux & cpu=s390x & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@img/sharp-linux-x64@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-linux-x64@npm:0.33.3"
@@ -3485,6 +3578,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-linux-x64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-linux-x64@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-linux-x64": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@img/sharp-linuxmusl-arm64@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.3"
@@ -3497,6 +3602,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-linuxmusl-arm64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-linuxmusl-arm64@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@img/sharp-linuxmusl-x64@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-linuxmusl-x64@npm:0.33.3"
@@ -3509,6 +3626,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-linuxmusl-x64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-linuxmusl-x64@npm:0.33.4"
+  dependencies:
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.2"
+  dependenciesMeta:
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@img/sharp-wasm32@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-wasm32@npm:0.33.3"
@@ -3518,6 +3647,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-wasm32@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-wasm32@npm:0.33.4"
+  dependencies:
+    "@emnapi/runtime": "npm:^1.1.1"
+  conditions: cpu=wasm32
+  languageName: node
+  linkType: hard
+
 "@img/sharp-win32-ia32@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-win32-ia32@npm:0.33.3"
@@ -3525,6 +3663,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-win32-ia32@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-win32-ia32@npm:0.33.4"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@img/sharp-win32-x64@npm:0.33.3":
   version: 0.33.3
   resolution: "@img/sharp-win32-x64@npm:0.33.3"
@@ -3532,6 +3677,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@img/sharp-win32-x64@npm:0.33.4":
+  version: 0.33.4
+  resolution: "@img/sharp-win32-x64@npm:0.33.4"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -3575,19 +3727,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^26.6.2":
-  version: 26.6.2
-  resolution: "@jest/types@npm:26.6.2"
-  dependencies:
-    "@types/istanbul-lib-coverage": "npm:^2.0.0"
-    "@types/istanbul-reports": "npm:^3.0.0"
-    "@types/node": "npm:*"
-    "@types/yargs": "npm:^15.0.0"
-    chalk: "npm:^4.0.0"
-  checksum: 10c0/5b9b957f38a002895eb04bbb8c3dda6fccce8e2551f3f44b02f1f43063a78e8bedce73cd4330b53ede00ae005de5cd805982fbb2ec6ab9feacf96344240d5db2
-  languageName: node
-  linkType: hard
-
 "@joshwooding/vite-plugin-react-docgen-typescript@npm:0.3.1":
   version: 0.3.1
   resolution: "@joshwooding/vite-plugin-react-docgen-typescript@npm:0.3.1"
@@ -3641,10 +3780,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.13, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.15":
-  version: 1.4.15
-  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
-  checksum: 10c0/0c6b5ae663087558039052a626d2d7ed5208da36cfd707dcc5cea4a07cfc918248403dcb5989a8f7afaf245ce0573b7cc6fd94c4a30453bd10e44d9363940ba5
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.13, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.4.15, @jridgewell/sourcemap-codec@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.0"
+  checksum: 10c0/2eb864f276eb1096c3c11da3e9bb518f6d9fc0023c78344cdc037abadc725172c70314bdb360f2d4b7bffec7f5d657ce006816bc5d4ecb35e61b66132db00c18
   languageName: node
   linkType: hard
 
@@ -3658,7 +3797,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.9":
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25, @jridgewell/trace-mapping@npm:^0.3.9":
   version: 0.3.25
   resolution: "@jridgewell/trace-mapping@npm:0.3.25"
   dependencies:
@@ -3668,6 +3807,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jsonjoy.com/base64@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "@jsonjoy.com/base64@npm:1.1.2"
+  peerDependencies:
+    tslib: 2
+  checksum: 10c0/88717945f66dc89bf58ce75624c99fe6a5c9a0c8614e26d03e406447b28abff80c69fb37dabe5aafef1862cf315071ae66e5c85f6018b437d95f8d13d235e6eb
+  languageName: node
+  linkType: hard
+
+"@jsonjoy.com/json-pack@npm:^1.0.3":
+  version: 1.1.0
+  resolution: "@jsonjoy.com/json-pack@npm:1.1.0"
+  dependencies:
+    "@jsonjoy.com/base64": "npm:^1.1.1"
+    "@jsonjoy.com/util": "npm:^1.1.2"
+    hyperdyperid: "npm:^1.2.0"
+    thingies: "npm:^1.20.0"
+  peerDependencies:
+    tslib: 2
+  checksum: 10c0/cdf5cb567a7f2e703d4966a3e3a5f7f7b54ee40a2102aa0ede5c79bcf2060c8465d82f39de8583db4cf1d8415bec8e57dfb1156ef663567b846cdea45813d9d1
+  languageName: node
+  linkType: hard
+
+"@jsonjoy.com/util@npm:^1.1.2, @jsonjoy.com/util@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "@jsonjoy.com/util@npm:1.3.0"
+  peerDependencies:
+    tslib: 2
+  checksum: 10c0/892bbe2073bb20bf392dd4dfed77881c6f7ae6a0cc5802e537fe3cbeeadde7738de5369f2d4529156efc5e98d9d43b15c85906ddb79140e322f1b26eaaf854df
+  languageName: node
+  linkType: hard
+
 "@juggle/resize-observer@npm:^3.3.1":
   version: 3.4.0
   resolution: "@juggle/resize-observer@npm:3.4.0"
@@ -3775,6 +3946,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/env@npm:14.2.5, @next/env@npm:^14.2.5":
+  version: 14.2.5
+  resolution: "@next/env@npm:14.2.5"
+  checksum: 10c0/63d8b88ac450b3c37940a9e2119a63a1074aca89908574ade6157a8aa295275dcb3ac5f69e00883fc55d0f12963b73b74e87ba32a5768a489f9609c6be57b699
+  languageName: node
+  linkType: hard
+
 "@next/swc-darwin-arm64@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-darwin-arm64@npm:14.1.0"
@@ -3782,6 +3960,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-darwin-arm64@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-darwin-arm64@npm:14.2.5"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@next/swc-darwin-x64@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-darwin-x64@npm:14.1.0"
@@ -3789,6 +3974,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-darwin-x64@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-darwin-x64@npm:14.2.5"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@next/swc-linux-arm64-gnu@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-linux-arm64-gnu@npm:14.1.0"
@@ -3796,6 +3988,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-linux-arm64-gnu@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-linux-arm64-gnu@npm:14.2.5"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@next/swc-linux-arm64-musl@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-linux-arm64-musl@npm:14.1.0"
@@ -3803,6 +4002,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-linux-arm64-musl@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-linux-arm64-musl@npm:14.2.5"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@next/swc-linux-x64-gnu@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-linux-x64-gnu@npm:14.1.0"
@@ -3810,6 +4016,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-linux-x64-gnu@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-linux-x64-gnu@npm:14.2.5"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
 "@next/swc-linux-x64-musl@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-linux-x64-musl@npm:14.1.0"
@@ -3817,6 +4030,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-linux-x64-musl@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-linux-x64-musl@npm:14.2.5"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
 "@next/swc-win32-arm64-msvc@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-win32-arm64-msvc@npm:14.1.0"
@@ -3824,6 +4044,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-win32-arm64-msvc@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-win32-arm64-msvc@npm:14.2.5"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
 "@next/swc-win32-ia32-msvc@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-win32-ia32-msvc@npm:14.1.0"
@@ -3831,6 +4058,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-win32-ia32-msvc@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-win32-ia32-msvc@npm:14.2.5"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
 "@next/swc-win32-x64-msvc@npm:14.1.0":
   version: 14.1.0
   resolution: "@next/swc-win32-x64-msvc@npm:14.1.0"
@@ -3838,6 +4072,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@next/swc-win32-x64-msvc@npm:14.2.5":
+  version: 14.2.5
+  resolution: "@next/swc-win32-x64-msvc@npm:14.2.5"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
 "@ngtools/webpack@npm:17.3.0":
   version: 17.3.0
   resolution: "@ngtools/webpack@npm:17.3.0"
@@ -3905,16 +4146,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@npmcli/fs@npm:^2.1.0":
-  version: 2.1.2
-  resolution: "@npmcli/fs@npm:2.1.2"
-  dependencies:
-    "@gar/promisify": "npm:^1.1.3"
-    semver: "npm:^7.3.5"
-  checksum: 10c0/c50d087733d0d8df23be24f700f104b19922a28677aa66fdbe06ff6af6431cc4a5bb1e27683cbc661a5dafa9bafdc603e6a0378121506dfcd394b2b6dd76a187
-  languageName: node
-  linkType: hard
-
 "@npmcli/fs@npm:^3.1.0":
   version: 3.1.0
   resolution: "@npmcli/fs@npm:3.1.0"
@@ -3964,16 +4195,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@npmcli/move-file@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "@npmcli/move-file@npm:2.0.1"
-  dependencies:
-    mkdirp: "npm:^1.0.4"
-    rimraf: "npm:^3.0.2"
-  checksum: 10c0/11b2151e6d1de6f6eb23128de5aa8a429fd9097d839a5190cb77aa47a6b627022c42d50fa7c47a00f1c9f8f0c1560092b09b061855d293fa0741a2a94cfb174d
-  languageName: node
-  linkType: hard
-
 "@npmcli/name-from-folder@npm:^2.0.0":
   version: 2.0.0
   resolution: "@npmcli/name-from-folder@npm:2.0.0"
@@ -5242,7 +5463,7 @@ __metadata:
     "@storybook/icons": "npm:^1.2.5"
     "@storybook/instrumenter": "workspace:*"
     "@storybook/test": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     formik: "npm:^2.2.9"
     polished: "npm:^4.2.2"
     react: "npm:^18.2.0"
@@ -5433,7 +5654,7 @@ __metadata:
     "@storybook/preview-api": "workspace:^"
     "@storybook/theming": "workspace:^"
     "@types/cross-spawn": "npm:^6.0.2"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/react": "npm:^18.0.37"
     "@types/react-dom": "npm:^18.0.11"
     "@types/semver": "npm:^7.3.4"
@@ -5548,7 +5769,7 @@ __metadata:
     "@storybook/csf-plugin": "workspace:*"
     "@types/express": "npm:^4.17.21"
     "@types/find-cache-dir": "npm:^3.2.1"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     browser-assert: "npm:^1.2.1"
     es-module-lexer: "npm:^1.5.0"
     express: "npm:^4.19.2"
@@ -5581,7 +5802,7 @@ __metadata:
   resolution: "@storybook/builder-webpack5@workspace:builders/builder-webpack5"
   dependencies:
     "@storybook/core-webpack": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/pretty-hrtime": "npm:^1.0.0"
     "@types/semver": "npm:^7.3.4"
     "@types/terser-webpack-plugin": "npm:^5.2.0"
@@ -5742,7 +5963,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@storybook/core-webpack@workspace:lib/core-webpack"
   dependencies:
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     slash: "npm:^5.1.0"
     ts-dedent: "npm:^2.0.0"
     typescript: "npm:^5.3.2"
@@ -5790,8 +6011,7 @@ __metadata:
     "@types/fs-extra": "npm:^11.0.1"
     "@types/js-yaml": "npm:^4.0.5"
     "@types/lodash": "npm:^4.14.167"
-    "@types/mock-fs": "npm:^4.13.1"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/npmlog": "npm:^7.0.0"
     "@types/picomatch": "npm:^2.3.0"
     "@types/prettier": "npm:^3.0.0"
@@ -5802,7 +6022,6 @@ __metadata:
     "@types/react-transition-group": "npm:^4"
     "@types/semver": "npm:^7.5.8"
     "@types/ws": "npm:^8"
-    "@vitest/utils": "npm:^1.3.1"
     "@yarnpkg/esbuild-plugin-pnp": "npm:^3.0.0-rc.10"
     "@yarnpkg/fslib": "npm:2.10.3"
     "@yarnpkg/libzip": "npm:2.3.0"
@@ -5854,8 +6073,8 @@ __metadata:
     leven: "npm:^4.0.0"
     lodash: "npm:^4.17.21"
     markdown-to-jsx: "npm:^7.4.5"
+    memfs: "npm:^4.11.1"
     memoizerific: "npm:^1.11.3"
-    mock-fs: "npm:^5.2.0"
     nanoid: "npm:^4.0.2"
     npmlog: "npm:^7.0.0"
     open: "npm:^8.4.0"
@@ -5984,6 +6203,35 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@storybook/experimental-nextjs-vite@workspace:frameworks/experimental-nextjs-vite":
+  version: 0.0.0-use.local
+  resolution: "@storybook/experimental-nextjs-vite@workspace:frameworks/experimental-nextjs-vite"
+  dependencies:
+    "@storybook/builder-vite": "workspace:*"
+    "@storybook/react": "workspace:*"
+    "@storybook/test": "workspace:*"
+    "@types/node": "npm:^18.0.0"
+    next: "npm:^14.2.5"
+    sharp: "npm:^0.33.3"
+    styled-jsx: "npm:5.1.6"
+    typescript: "npm:^5.3.2"
+    vite-plugin-storybook-nextjs: "npm:^1.0.0"
+  peerDependencies:
+    next: ^14.2.5
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: "workspace:^"
+    vite: ^5.0.0
+    vite-plugin-storybook-nextjs: ^1.0.0
+  dependenciesMeta:
+    sharp:
+      optional: true
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  languageName: unknown
+  linkType: soft
+
 "@storybook/global@npm:^5.0.0":
   version: 5.0.0
   resolution: "@storybook/global@npm:5.0.0"
@@ -5997,7 +6245,7 @@ __metadata:
   dependencies:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/html": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     magic-string: "npm:^0.30.0"
     typescript: "npm:^5.3.2"
   peerDependencies:
@@ -6013,7 +6261,7 @@ __metadata:
     "@storybook/global": "npm:^5.0.0"
     "@storybook/html": "workspace:*"
     "@storybook/preset-html-webpack": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     typescript: "npm:^5.3.2"
   peerDependencies:
     storybook: "workspace:^"
@@ -6051,7 +6299,7 @@ __metadata:
   resolution: "@storybook/instrumenter@workspace:lib/instrumenter"
   dependencies:
     "@storybook/global": "npm:^5.0.0"
-    "@vitest/utils": "npm:^1.3.1"
+    "@vitest/utils": "npm:^2.0.5"
     typescript: "npm:^5.3.2"
     util: "npm:^0.12.4"
   peerDependencies:
@@ -6129,7 +6377,7 @@ __metadata:
     "@types/babel__plugin-transform-runtime": "npm:^7"
     "@types/babel__preset-env": "npm:^7"
     "@types/loader-utils": "npm:^2.0.5"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/react-refresh": "npm:^0"
     "@types/semver": "npm:^7.3.4"
     babel-loader: "npm:^9.1.3"
@@ -6186,7 +6434,7 @@ __metadata:
   dependencies:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/preact": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     typescript: "npm:^5.3.2"
     vite: "npm:^4.0.0"
   peerDependencies:
@@ -6202,7 +6450,7 @@ __metadata:
     "@storybook/builder-webpack5": "workspace:*"
     "@storybook/preact": "workspace:*"
     "@storybook/preset-preact-webpack": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     preact: "npm:^10.5.13"
     typescript: "npm:^5.3.2"
   peerDependencies:
@@ -6235,7 +6483,7 @@ __metadata:
   dependencies:
     "@pmmmwh/react-refresh-webpack-plugin": "npm:^0.5.1"
     "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.5.6"
     pnp-webpack-plugin: "npm:^1.7.0"
     semver: "npm:^7.5.4"
@@ -6251,7 +6499,7 @@ __metadata:
   resolution: "@storybook/preset-html-webpack@workspace:presets/html-webpack"
   dependencies:
     "@storybook/core-webpack": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     html-loader: "npm:^3.1.0"
     typescript: "npm:^5.3.2"
     webpack: "npm:5"
@@ -6265,7 +6513,7 @@ __metadata:
   resolution: "@storybook/preset-preact-webpack@workspace:presets/preact-webpack"
   dependencies:
     "@storybook/core-webpack": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     preact: "npm:^10.5.13"
     typescript: "npm:^5.3.2"
   peerDependencies:
@@ -6281,7 +6529,7 @@ __metadata:
     "@storybook/core-webpack": "workspace:*"
     "@storybook/react": "workspace:*"
     "@storybook/react-docgen-typescript-plugin": "npm:1.0.6--canary.9.0c3f3b7.0"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     find-up: "npm:^5.0.0"
     fs-extra: "npm:^11.1.0"
@@ -6309,7 +6557,7 @@ __metadata:
     "@storybook/core-webpack": "workspace:*"
     "@storybook/global": "npm:^5.0.0"
     "@storybook/server": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     fs-extra: "npm:^11.1.0"
     safe-identifier: "npm:^0.4.1"
     ts-dedent: "npm:^2.0.0"
@@ -6343,7 +6591,7 @@ __metadata:
   resolution: "@storybook/preset-vue3-webpack@workspace:presets/vue3-webpack"
   dependencies:
     "@storybook/core-webpack": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@vue/compiler-sfc": "npm:^3.2.33"
     ts-loader: "npm:^9.2.8"
     typescript: "npm:^5.3.2"
@@ -6413,7 +6661,7 @@ __metadata:
     "@rollup/pluginutils": "npm:^5.0.2"
     "@storybook/builder-vite": "workspace:*"
     "@storybook/react": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     find-up: "npm:^5.0.0"
     magic-string: "npm:^0.30.0"
     react-docgen: "npm:^7.0.0"
@@ -6436,7 +6684,7 @@ __metadata:
     "@storybook/builder-webpack5": "workspace:*"
     "@storybook/preset-react-webpack": "workspace:*"
     "@storybook/react": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
   peerDependencies:
     react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
     react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
@@ -6462,7 +6710,7 @@ __metadata:
     "@types/babel-plugin-react-docgen": "npm:^4"
     "@types/escodegen": "npm:^0.0.6"
     "@types/estree": "npm:^0.0.51"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/semver": "npm:^7.3.4"
     "@types/util-deprecate": "npm:^1.0.0"
     acorn: "npm:^7.4.1"
@@ -6567,15 +6815,16 @@ __metadata:
     "@storybook/web-components": "workspace:*"
     "@storybook/web-components-vite": "workspace:*"
     "@storybook/web-components-webpack5": "workspace:*"
-    "@testing-library/dom": "npm:^7.29.4"
-    "@testing-library/jest-dom": "npm:6.4.5"
-    "@testing-library/react": "npm:^14.0.0"
-    "@testing-library/user-event": "npm:^14.4.3"
+    "@testing-library/dom": "npm:^10.4.0"
+    "@testing-library/jest-dom": "npm:^6.4.8"
+    "@testing-library/react": "npm:^16.0.0"
+    "@testing-library/user-event": "npm:^14.5.2"
+    "@trivago/prettier-plugin-sort-imports": "npm:^4.3.0"
     "@types/express": "npm:^4.17.21"
     "@types/fs-extra": "npm:^11.0.1"
     "@types/lodash": "npm:^4.14.167"
     "@types/mock-require": "npm:^2.0.3"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@types/react": "npm:^18.0.37"
     "@types/react-dom": "npm:^18.0.11"
     "@types/semver": "npm:^7.3.4"
@@ -6583,7 +6832,7 @@ __metadata:
     "@typescript-eslint/experimental-utils": "npm:^5.62.0"
     "@typescript-eslint/parser": "npm:^6.18.1"
     "@vitejs/plugin-react": "npm:^3.0.1"
-    "@vitest/coverage-v8": "npm:^1.2.2"
+    "@vitest/coverage-v8": "npm:^2.0.5"
     create-storybook: "workspace:*"
     cross-env: "npm:^7.0.3"
     danger: "npm:^12.3.3"
@@ -6603,7 +6852,6 @@ __metadata:
     lint-staged: "npm:^13.2.2"
     lodash: "npm:^4.17.21"
     mock-require: "npm:^3.0.3"
-    node-gyp: "npm:^9.3.1"
     nx: "npm:18.0.6"
     prettier: "npm:^3.1.1"
     process: "npm:^0.11.10"
@@ -6617,7 +6865,7 @@ __metadata:
     typescript: "npm:^5.4.3"
     util: "npm:^0.12.4"
     vite: "npm:^4.0.0"
-    vitest: "npm:^1.6.0"
+    vitest: "npm:^2.0.5"
     wait-on: "npm:^7.0.1"
   dependenciesMeta:
     ejs:
@@ -6653,7 +6901,7 @@ __metadata:
     "@storybook/builder-webpack5": "workspace:*"
     "@storybook/preset-server-webpack": "workspace:*"
     "@storybook/server": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     typescript: "npm:^5.3.2"
   peerDependencies:
     storybook: "workspace:^"
@@ -6701,7 +6949,7 @@ __metadata:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/svelte": "workspace:*"
     "@sveltejs/vite-plugin-svelte": "npm:^3.0.1"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     magic-string: "npm:^0.30.0"
     svelte: "npm:^5.0.0-next.65"
     svelte-preprocess: "npm:^5.1.1"
@@ -6768,7 +7016,7 @@ __metadata:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/svelte": "workspace:*"
     "@storybook/svelte-vite": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     typescript: "npm:^5.3.2"
     vite: "npm:^4.0.0"
   peerDependencies:
@@ -6792,13 +7040,13 @@ __metadata:
   dependencies:
     "@storybook/csf": "npm:^0.1.11"
     "@storybook/instrumenter": "workspace:*"
-    "@testing-library/dom": "npm:10.1.0"
-    "@testing-library/jest-dom": "npm:6.4.5"
+    "@testing-library/dom": "npm:10.4.0"
+    "@testing-library/jest-dom": "npm:6.4.8"
     "@testing-library/user-event": "npm:14.5.2"
-    "@vitest/expect": "npm:1.6.0"
-    "@vitest/spy": "npm:1.6.0"
-    chai: "npm:^4.4.1"
-    tinyspy: "npm:^2.2.0"
+    "@vitest/expect": "npm:2.0.5"
+    "@vitest/spy": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    tinyspy: "npm:^3.0.0"
     ts-dedent: "npm:^2.2.0"
     type-fest: "npm:~2.19"
     typescript: "npm:^5.3.2"
@@ -6842,7 +7090,7 @@ __metadata:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/vue3": "workspace:*"
     "@types/find-package-json": "npm:^1.2.6"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     find-package-json: "npm:^1.2.0"
     magic-string: "npm:^0.30.0"
     typescript: "npm:^5.3.2"
@@ -6862,7 +7110,7 @@ __metadata:
     "@storybook/builder-webpack5": "workspace:*"
     "@storybook/preset-vue3-webpack": "workspace:*"
     "@storybook/vue3": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     "@vue/compiler-sfc": "npm:3.0.0"
     typescript: "npm:^5.3.2"
     vue: "npm:3.0.0"
@@ -6906,7 +7154,7 @@ __metadata:
   dependencies:
     "@storybook/builder-vite": "workspace:*"
     "@storybook/web-components": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     magic-string: "npm:^0.30.0"
     typescript: "npm:^5.3.2"
   peerDependencies:
@@ -6920,7 +7168,7 @@ __metadata:
   dependencies:
     "@storybook/builder-webpack5": "workspace:*"
     "@storybook/web-components": "workspace:*"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     lit: "npm:2.3.1"
     typescript: "npm:^5.3.2"
   peerDependencies:
@@ -6939,7 +7187,7 @@ __metadata:
     "@storybook/preview-api": "workspace:^"
     "@storybook/theming": "workspace:^"
     "@types/cross-spawn": "npm:^6.0.2"
-    "@types/node": "npm:^18.0.0"
+    "@types/node": "npm:^22.0.0"
     cross-spawn: "npm:^7.0.3"
     lit: "npm:2.3.1"
     tiny-invariant: "npm:^1.3.1"
@@ -6983,6 +7231,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/counter@npm:^0.1.3":
+  version: 0.1.3
+  resolution: "@swc/counter@npm:0.1.3"
+  checksum: 10c0/8424f60f6bf8694cfd2a9bca45845bce29f26105cda8cf19cdb9fd3e78dc6338699e4db77a89ae449260bafa1cc6bec307e81e7fb96dbf7dcfce0eea55151356
+  languageName: node
+  linkType: hard
+
 "@swc/helpers@npm:0.5.2":
   version: 0.5.2
   resolution: "@swc/helpers@npm:0.5.2"
@@ -6992,6 +7247,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/helpers@npm:0.5.5":
+  version: 0.5.5
+  resolution: "@swc/helpers@npm:0.5.5"
+  dependencies:
+    "@swc/counter": "npm:^0.1.3"
+    tslib: "npm:^2.4.0"
+  checksum: 10c0/21a9b9cfe7e00865f9c9f3eb4c1cc5b397143464f7abee76a2c5366e591e06b0155b5aac93fe8269ef8d548df253f6fd931e9ddfc0fd12efd405f90f45506e7d
+  languageName: node
+  linkType: hard
+
 "@swc/helpers@npm:~0.5.0":
   version: 0.5.6
   resolution: "@swc/helpers@npm:0.5.6"
@@ -7020,9 +7285,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:10.1.0":
-  version: 10.1.0
-  resolution: "@testing-library/dom@npm:10.1.0"
+"@testing-library/dom@npm:10.4.0, @testing-library/dom@npm:^10.4.0":
+  version: 10.4.0
+  resolution: "@testing-library/dom@npm:10.4.0"
   dependencies:
     "@babel/code-frame": "npm:^7.10.4"
     "@babel/runtime": "npm:^7.12.5"
@@ -7032,23 +7297,7 @@ __metadata:
     dom-accessibility-api: "npm:^0.5.9"
     lz-string: "npm:^1.5.0"
     pretty-format: "npm:^27.0.2"
-  checksum: 10c0/81f0e0a510d24e458c3af17777960ed678fb4fe464903ef8ec9ed816c9794fc69a673ea94f87b9e054b181383c51814605451dbf4fd9df93d0d8f24b4859990d
-  languageName: node
-  linkType: hard
-
-"@testing-library/dom@npm:^7.29.4":
-  version: 7.31.2
-  resolution: "@testing-library/dom@npm:7.31.2"
-  dependencies:
-    "@babel/code-frame": "npm:^7.10.4"
-    "@babel/runtime": "npm:^7.12.5"
-    "@types/aria-query": "npm:^4.2.0"
-    aria-query: "npm:^4.2.2"
-    chalk: "npm:^4.1.0"
-    dom-accessibility-api: "npm:^0.5.6"
-    lz-string: "npm:^1.4.4"
-    pretty-format: "npm:^26.6.2"
-  checksum: 10c0/51498f6552b669a547202f4f508a1e91b5a0c25a64be987e49601ec00f3d0cc514c591400f0ad49d91b7d522e40e29b29a209aecd43f8611e2240b1ba3d4f93d
+  checksum: 10c0/0352487720ecd433400671e773df0b84b8268fb3fe8e527cdfd7c11b1365b398b4e0eddba6e7e0c85e8d615f48257753283fccec41f6b986fd6c85f15eb5f84f
   languageName: node
   linkType: hard
 
@@ -7068,11 +7317,11 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/jest-dom@npm:6.4.5, @testing-library/jest-dom@npm:^6.4.1":
-  version: 6.4.5
-  resolution: "@testing-library/jest-dom@npm:6.4.5"
+"@testing-library/jest-dom@npm:6.4.8, @testing-library/jest-dom@npm:^6.4.1, @testing-library/jest-dom@npm:^6.4.8":
+  version: 6.4.8
+  resolution: "@testing-library/jest-dom@npm:6.4.8"
   dependencies:
-    "@adobe/css-tools": "npm:^4.3.2"
+    "@adobe/css-tools": "npm:^4.4.0"
     "@babel/runtime": "npm:^7.9.2"
     aria-query: "npm:^5.0.0"
     chalk: "npm:^3.0.0"
@@ -7080,24 +7329,7 @@ __metadata:
     dom-accessibility-api: "npm:^0.6.3"
     lodash: "npm:^4.17.21"
     redent: "npm:^3.0.0"
-  peerDependencies:
-    "@jest/globals": ">= 28"
-    "@types/bun": "*"
-    "@types/jest": ">= 28"
-    jest: ">= 28"
-    vitest: ">= 0.32"
-  peerDependenciesMeta:
-    "@jest/globals":
-      optional: true
-    "@types/bun":
-      optional: true
-    "@types/jest":
-      optional: true
-    jest:
-      optional: true
-    vitest:
-      optional: true
-  checksum: 10c0/4cfdd44e2abab2b9d399c47cbfe686729bb65160d7df0f9e2329aaaea7702f6e852a9eefb29b468f00c1e5a5274b684f8cac76959d33299dfa909ba007ea191d
+  checksum: 10c0/8eececcac1ec7728c038b9d9eabfc8b8dcf4dc1e997c959450bff16d946e3344275862b84bfe0e1d1beb3817368e782464816aca47ab5c94f0ebf66db71df55d
   languageName: node
   linkType: hard
 
@@ -7115,6 +7347,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@testing-library/react@npm:^16.0.0":
+  version: 16.0.0
+  resolution: "@testing-library/react@npm:16.0.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.12.5"
+  peerDependencies:
+    "@testing-library/dom": ^10.0.0
+    "@types/react": ^18.0.0
+    "@types/react-dom": ^18.0.0
+    react: ^18.0.0
+    react-dom: ^18.0.0
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10c0/297f97bf4722dad05f11d9cafd47d387dbdb096fea4b79b876c7466460f0f2e345b55b81b3e37fc81ed8185c528cb53dd8455ca1b6b019b229edf6c796f11c9f
+  languageName: node
+  linkType: hard
+
 "@testing-library/svelte@npm:4.1.0":
   version: 4.1.0
   resolution: "@testing-library/svelte@npm:4.1.0"
@@ -7137,7 +7389,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/user-event@npm:14.5.2, @testing-library/user-event@npm:^14.4.0, @testing-library/user-event@npm:^14.4.3":
+"@testing-library/user-event@npm:14.5.2, @testing-library/user-event@npm:^14.4.0, @testing-library/user-event@npm:^14.5.2":
   version: 14.5.2
   resolution: "@testing-library/user-event@npm:14.5.2"
   peerDependencies:
@@ -7167,6 +7419,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@trivago/prettier-plugin-sort-imports@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "@trivago/prettier-plugin-sort-imports@npm:4.3.0"
+  dependencies:
+    "@babel/generator": "npm:7.17.7"
+    "@babel/parser": "npm:^7.20.5"
+    "@babel/traverse": "npm:7.23.2"
+    "@babel/types": "npm:7.17.0"
+    javascript-natural-sort: "npm:0.7.1"
+    lodash: "npm:^4.17.21"
+  peerDependencies:
+    "@vue/compiler-sfc": 3.x
+    prettier: 2.x - 3.x
+  peerDependenciesMeta:
+    "@vue/compiler-sfc":
+      optional: true
+  checksum: 10c0/42270fb9c89e54a3f8b6ac8c43e6d0e03350e2857e902cdad4de22c78ef1864da600525595311bc7e94e51c16c7dd3882c2e048a162fdab59761ffa893756aa2
+  languageName: node
+  linkType: hard
+
 "@tsconfig/node10@npm:^1.0.7":
   version: 1.0.9
   resolution: "@tsconfig/node10@npm:1.0.9"
@@ -7221,13 +7493,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/aria-query@npm:^4.2.0":
-  version: 4.2.2
-  resolution: "@types/aria-query@npm:4.2.2"
-  checksum: 10c0/6dc0d94890c2c7c2e347148ea32215b73bf480e0f0888a9bbfb7b531285a3daf0b95e600db5be1c03d6e5f825d63cf8c2aabc5db93d8d1fd47ce3211f73e8d66
-  languageName: node
-  linkType: hard
-
 "@types/aria-query@npm:^5.0.1":
   version: 5.0.2
   resolution: "@types/aria-query@npm:5.0.2"
@@ -7637,31 +7902,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
+"@types/istanbul-lib-coverage@npm:^2.0.1":
   version: 2.0.4
   resolution: "@types/istanbul-lib-coverage@npm:2.0.4"
   checksum: 10c0/af5f6b64e788331ed3f7b2e2613cb6ca659c58b8500be94bbda8c995ad3da9216c006f1cfe6f66b321c39392b1bda18b16e63cef090a77d24a00b4bd5ba3b018
   languageName: node
   linkType: hard
 
-"@types/istanbul-lib-report@npm:*":
-  version: 3.0.1
-  resolution: "@types/istanbul-lib-report@npm:3.0.1"
-  dependencies:
-    "@types/istanbul-lib-coverage": "npm:*"
-  checksum: 10c0/a2a002ee7ecd9079a2c06235d28d1bc77089c3d834eec7e6dac38986203634936f2a017812624acfbedabec4bddd933942f14ac93eba2dc57f581ad4f35bbf1d
-  languageName: node
-  linkType: hard
-
-"@types/istanbul-reports@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "@types/istanbul-reports@npm:3.0.2"
-  dependencies:
-    "@types/istanbul-lib-report": "npm:*"
-  checksum: 10c0/df6c9e6865006be06bae29f63d5240b96bc7041b18a8c6d66be5b5d92ef5c95675c7a605a603029065f4f8aece7dba7360349e9d0543f512417e64a707a3c4fa
-  languageName: node
-  linkType: hard
-
 "@types/js-yaml@npm:^4.0.5":
   version: 4.0.9
   resolution: "@types/js-yaml@npm:4.0.9"
@@ -7772,15 +8019,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/mock-fs@npm:^4.13.1":
-  version: 4.13.4
-  resolution: "@types/mock-fs@npm:4.13.4"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/687c8e36d91031529924fd89011b7a87167ea33a1b92a9d845f0feb1a5157f168412c62ee308e57b9a71fd938197b4c71ca1784eb44e8a7cbdd816011ffd7f65
-  languageName: node
-  linkType: hard
-
 "@types/mock-require@npm:^2.0.3":
   version: 2.0.3
   resolution: "@types/mock-require@npm:2.0.3"
@@ -7797,12 +8035,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:^18.0.0":
-  version: 18.19.3
-  resolution: "@types/node@npm:18.19.3"
+"@types/node@npm:^22.0.0":
+  version: 22.1.0
+  resolution: "@types/node@npm:22.1.0"
   dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 10c0/3ed943d06e9dff70a3da793f794f1192cd93b0ababdb9f07425a05680f17cfce649cbc46734265f6fbe52fd9f277496d3a4da26c013f1193a0345f2420ea6cd0
+    undici-types: "npm:~6.13.0"
+  checksum: 10c0/553dafcb842b889c036d43b390d464e8ffcf3ca455ddd5b1a1ef98396381eafbeb0c112a15cc6bf9662b72bc25fc45efc4b6f604760e1e84c410f1b7936c488b
   languageName: node
   linkType: hard
 
@@ -8164,22 +8402,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/yargs-parser@npm:*":
-  version: 21.0.1
-  resolution: "@types/yargs-parser@npm:21.0.1"
-  checksum: 10c0/f1d723a4c4383a9c53b975820b7490186ca127237ca58eb2ee8f5eacdcdb195a81aeabd1d75560abdf22fc29f70e8bb103d7ab34c5ec49bc19196195a7bf3189
-  languageName: node
-  linkType: hard
-
-"@types/yargs@npm:^15.0.0":
-  version: 15.0.16
-  resolution: "@types/yargs@npm:15.0.16"
-  dependencies:
-    "@types/yargs-parser": "npm:*"
-  checksum: 10c0/07f0960062e66226ae602fccd62e351143291d778e1f4dd645c51111e62fbedafe2a976c223dcfa7ae052e989407b62e97a7472fc1d73536110cd05502c204a5
-  languageName: node
-  linkType: hard
-
 "@typescript-eslint/eslint-plugin@npm:^6.18.1":
   version: 6.21.0
   resolution: "@typescript-eslint/eslint-plugin@npm:6.21.0"
@@ -8464,91 +8686,100 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitest/coverage-v8@npm:^1.2.2":
-  version: 1.2.2
-  resolution: "@vitest/coverage-v8@npm:1.2.2"
+"@vitest/coverage-v8@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/coverage-v8@npm:2.0.5"
   dependencies:
-    "@ampproject/remapping": "npm:^2.2.1"
+    "@ampproject/remapping": "npm:^2.3.0"
     "@bcoe/v8-coverage": "npm:^0.2.3"
-    debug: "npm:^4.3.4"
+    debug: "npm:^4.3.5"
     istanbul-lib-coverage: "npm:^3.2.2"
     istanbul-lib-report: "npm:^3.0.1"
-    istanbul-lib-source-maps: "npm:^4.0.1"
-    istanbul-reports: "npm:^3.1.6"
-    magic-string: "npm:^0.30.5"
-    magicast: "npm:^0.3.3"
-    picocolors: "npm:^1.0.0"
-    std-env: "npm:^3.5.0"
-    test-exclude: "npm:^6.0.0"
-    v8-to-istanbul: "npm:^9.2.0"
+    istanbul-lib-source-maps: "npm:^5.0.6"
+    istanbul-reports: "npm:^3.1.7"
+    magic-string: "npm:^0.30.10"
+    magicast: "npm:^0.3.4"
+    std-env: "npm:^3.7.0"
+    test-exclude: "npm:^7.0.1"
+    tinyrainbow: "npm:^1.2.0"
   peerDependencies:
-    vitest: ^1.0.0
-  checksum: 10c0/90e3cfdc7d36df86f95b4bc372851dbf0a9e78ca9d80177674ebb30cf5dff1e786660016aa7e369bd30ac7d1d3edc18d7ab0f6ccfdc9cdfe04ada0e0b5d5911a
+    vitest: 2.0.5
+  checksum: 10c0/a95eef744d2a541f5d9d0287243cbcb596802c04e0250404947e36a669c477abe86607afb8d8ddb3d31bf12633b3ffa3d9a313e489e4ab7998b3c1620ad60e00
   languageName: node
   linkType: hard
 
-"@vitest/expect@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/expect@npm:1.6.0"
+"@vitest/expect@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/expect@npm:2.0.5"
   dependencies:
-    "@vitest/spy": "npm:1.6.0"
-    "@vitest/utils": "npm:1.6.0"
-    chai: "npm:^4.3.10"
-  checksum: 10c0/a4351f912a70543e04960f5694f1f1ac95f71a856a46e87bba27d3eb72a08c5d11d35021cbdc6077452a152e7d93723fc804bba76c2cc53c8896b7789caadae3
+    "@vitest/spy": "npm:2.0.5"
+    "@vitest/utils": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/08cb1b0f106d16a5b60db733e3d436fa5eefc68571488eb570dfe4f599f214ab52e4342273b03dbe12331cc6c0cdc325ac6c94f651ad254cd62f3aa0e3d185aa
   languageName: node
   linkType: hard
 
-"@vitest/expect@patch:@vitest/expect@npm%3A1.6.0#~/.yarn/patches/@vitest-expect-npm-1.6.0-0e382f8212.patch":
-  version: 1.6.0
-  resolution: "@vitest/expect@patch:@vitest/expect@npm%3A1.6.0#~/.yarn/patches/@vitest-expect-npm-1.6.0-0e382f8212.patch::version=1.6.0&hash=7cb178"
+"@vitest/expect@patch:@vitest/expect@npm%3A2.0.5#~/.yarn/patches/@vitest-expect-npm-2.0.5-8933466cce.patch":
+  version: 2.0.5
+  resolution: "@vitest/expect@patch:@vitest/expect@npm%3A2.0.5#~/.yarn/patches/@vitest-expect-npm-2.0.5-8933466cce.patch::version=2.0.5&hash=368591"
   dependencies:
-    "@vitest/spy": "npm:1.6.0"
-    "@vitest/utils": "npm:1.6.0"
-    chai: "npm:^4.3.10"
-  checksum: 10c0/073cfd09bfe6934408d0041be5a7251c2f80563a655f9387b8cd16a802752b47f1084de921ad6b5c45a48b5447773c52358c1cf68bb7e3b665b44c8cba19d8d3
+    "@vitest/spy": "npm:2.0.5"
+    "@vitest/utils": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/0834adbe2c7094277adf3a45aa20fece84ca3b381fb3fe118fa424d2d490f20d0365c57dcaf845b413e583e36118f2815afa34bd175e305d6169c947e29576c3
   languageName: node
   linkType: hard
 
-"@vitest/runner@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/runner@npm:1.6.0"
+"@vitest/pretty-format@npm:2.0.5, @vitest/pretty-format@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/pretty-format@npm:2.0.5"
   dependencies:
-    "@vitest/utils": "npm:1.6.0"
-    p-limit: "npm:^5.0.0"
-    pathe: "npm:^1.1.1"
-  checksum: 10c0/27d67fa51f40effe0e41ee5f26563c12c0ef9a96161f806036f02ea5eb9980c5cdf305a70673942e7a1e3d472d4d7feb40093ae93024ef1ccc40637fc65b1d2f
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/236c0798c5170a0b5ad5d4bd06118533738e820b4dd30079d8fbcb15baee949d41c60f42a9f769906c4a5ce366d7ef11279546070646c0efc03128c220c31f37
   languageName: node
   linkType: hard
 
-"@vitest/snapshot@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/snapshot@npm:1.6.0"
+"@vitest/runner@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/runner@npm:2.0.5"
   dependencies:
-    magic-string: "npm:^0.30.5"
-    pathe: "npm:^1.1.1"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/be027fd268d524589ff50c5fad7b4faa1ac5742b59ac6c1dc6f5a3930aad553560e6d8775e90ac4dfae4be746fc732a6f134ba95606a1519707ce70db3a772a5
+    "@vitest/utils": "npm:2.0.5"
+    pathe: "npm:^1.1.2"
+  checksum: 10c0/d0ed3302a7e015bf44b7c0df9d8f7da163659e082d86f9406944b5a31a61ab9ddc1de530e06176d1f4ef0bde994b44bff4c7dab62aacdc235c8fc04b98e4a72a
   languageName: node
   linkType: hard
 
-"@vitest/spy@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/spy@npm:1.6.0"
+"@vitest/snapshot@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/snapshot@npm:2.0.5"
   dependencies:
-    tinyspy: "npm:^2.2.0"
-  checksum: 10c0/df66ea6632b44fb76ef6a65c1abbace13d883703aff37cd6d062add6dcd1b883f19ce733af8e0f7feb185b61600c6eb4042a518e4fb66323d0690ec357f9401c
+    "@vitest/pretty-format": "npm:2.0.5"
+    magic-string: "npm:^0.30.10"
+    pathe: "npm:^1.1.2"
+  checksum: 10c0/7bf38474248f5ae0aac6afad511785d2b7a023ac5158803c2868fd172b5b9c1a569fb1dd64a09a49e43fd342cab71ea485ada89b7f08d37b1622a5a0ac00271d
   languageName: node
   linkType: hard
 
-"@vitest/utils@npm:1.6.0, @vitest/utils@npm:^1.3.1":
-  version: 1.6.0
-  resolution: "@vitest/utils@npm:1.6.0"
+"@vitest/spy@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/spy@npm:2.0.5"
   dependencies:
-    diff-sequences: "npm:^29.6.3"
+    tinyspy: "npm:^3.0.0"
+  checksum: 10c0/70634c21921eb271b54d2986c21d7ab6896a31c0f4f1d266940c9bafb8ac36237846d6736638cbf18b958bd98e5261b158a6944352742accfde50b7818ff655e
+  languageName: node
+  linkType: hard
+
+"@vitest/utils@npm:2.0.5, @vitest/utils@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/utils@npm:2.0.5"
+  dependencies:
+    "@vitest/pretty-format": "npm:2.0.5"
     estree-walker: "npm:^3.0.3"
-    loupe: "npm:^2.3.7"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/8b0d19835866455eb0b02b31c5ca3d8ad45f41a24e4c7e1f064b480f6b2804dc895a70af332f14c11ed89581011b92b179718523f55f5b14787285a0321b1301
+    loupe: "npm:^3.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/0d1de748298f07a50281e1ba058b05dcd58da3280c14e6f016265e950bd79adab6b97822de8f0ea82d3070f585654801a9b1bcf26db4372e51cf7746bf86d73b
   languageName: node
   linkType: hard
 
@@ -9260,7 +9491,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^8.1.1, acorn-walk@npm:^8.3.2":
+"acorn-walk@npm:^8.1.1":
   version: 8.3.2
   resolution: "acorn-walk@npm:8.3.2"
   checksum: 10c0/7e2a8dad5480df7f872569b9dccff2f3da7e65f5353686b1d6032ab9f4ddf6e3a2cb83a9b52cf50b1497fd522154dda92f0abf7153290cc79cd14721ff121e52
@@ -9457,7 +9688,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-regex@npm:^5.0.0, ansi-regex@npm:^5.0.1":
+"ansi-regex@npm:^5.0.1":
   version: 5.0.1
   resolution: "ansi-regex@npm:5.0.1"
   checksum: 10c0/9a64bb8627b434ba9327b60c027742e5d17ac69277960d041898596271d992d4d52ba7267a63ca10232e29f6107fc8a835f6ce8d719b88c5f8493f8254813737
@@ -9596,7 +9827,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:5.3.0, aria-query@npm:^5.3.0":
+"aria-query@npm:5.3.0, aria-query@npm:^5.0.0, aria-query@npm:^5.3.0":
   version: 5.3.0
   resolution: "aria-query@npm:5.3.0"
   dependencies:
@@ -9605,16 +9836,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:^4.2.2":
-  version: 4.2.2
-  resolution: "aria-query@npm:4.2.2"
-  dependencies:
-    "@babel/runtime": "npm:^7.10.2"
-    "@babel/runtime-corejs3": "npm:^7.10.2"
-  checksum: 10c0/7e224fbbb4de8210c5d8cbaf0e1a22caa78f2068bf231f4c75302bd77eeba1c3e3b97912080535140be60174720d2ac817e5d6fec18592951b4b6488d4da7cdc
-  languageName: node
-  linkType: hard
-
 "arr-diff@npm:^4.0.0":
   version: 4.0.0
   resolution: "arr-diff@npm:4.0.0"
@@ -9826,6 +10047,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"assertion-error@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "assertion-error@npm:2.0.1"
+  checksum: 10c0/bbbcb117ac6480138f8c93cf7f535614282dea9dc828f540cdece85e3c665e8f78958b96afac52f29ff883c72638e6a87d469ecc9fe5bc902df03ed24a55dba8
+  languageName: node
+  linkType: hard
+
 "assign-symbols@npm:^1.0.0":
   version: 1.0.0
   resolution: "assign-symbols@npm:1.0.0"
@@ -10938,32 +11166,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cacache@npm:^16.1.0":
-  version: 16.1.3
-  resolution: "cacache@npm:16.1.3"
-  dependencies:
-    "@npmcli/fs": "npm:^2.1.0"
-    "@npmcli/move-file": "npm:^2.0.0"
-    chownr: "npm:^2.0.0"
-    fs-minipass: "npm:^2.1.0"
-    glob: "npm:^8.0.1"
-    infer-owner: "npm:^1.0.4"
-    lru-cache: "npm:^7.7.1"
-    minipass: "npm:^3.1.6"
-    minipass-collect: "npm:^1.0.2"
-    minipass-flush: "npm:^1.0.5"
-    minipass-pipeline: "npm:^1.2.4"
-    mkdirp: "npm:^1.0.4"
-    p-map: "npm:^4.0.0"
-    promise-inflight: "npm:^1.0.1"
-    rimraf: "npm:^3.0.2"
-    ssri: "npm:^9.0.0"
-    tar: "npm:^6.1.11"
-    unique-filename: "npm:^2.0.0"
-  checksum: 10c0/cdf6836e1c457d2a5616abcaf5d8240c0346b1f5bd6fdb8866b9d84b6dff0b54e973226dc11e0d099f35394213d24860d1989c8358d2a41b39eb912b3000e749
-  languageName: node
-  linkType: hard
-
 "cacache@npm:^17.0.0":
   version: 17.1.4
   resolution: "cacache@npm:17.1.4"
@@ -11113,9 +11315,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chai@npm:^4.3.10, chai@npm:^4.4.1":
-  version: 4.4.1
-  resolution: "chai@npm:4.4.1"
+"chai@npm:^4.4.1":
+  version: 4.5.0
+  resolution: "chai@npm:4.5.0"
   dependencies:
     assertion-error: "npm:^1.1.0"
     check-error: "npm:^1.0.3"
@@ -11123,8 +11325,21 @@ __metadata:
     get-func-name: "npm:^2.0.2"
     loupe: "npm:^2.3.6"
     pathval: "npm:^1.1.1"
-    type-detect: "npm:^4.0.8"
-  checksum: 10c0/91590a8fe18bd6235dece04ccb2d5b4ecec49984b50924499bdcd7a95c02cb1fd2a689407c19bb854497bde534ef57525cfad6c7fdd2507100fd802fbc2aefbd
+    type-detect: "npm:^4.1.0"
+  checksum: 10c0/b8cb596bd1aece1aec659e41a6e479290c7d9bee5b3ad63d2898ad230064e5b47889a3bc367b20100a0853b62e026e2dc514acf25a3c9385f936aa3614d4ab4d
+  languageName: node
+  linkType: hard
+
+"chai@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "chai@npm:5.1.1"
+  dependencies:
+    assertion-error: "npm:^2.0.1"
+    check-error: "npm:^2.1.1"
+    deep-eql: "npm:^5.0.1"
+    loupe: "npm:^3.1.0"
+    pathval: "npm:^2.0.0"
+  checksum: 10c0/e7f00e5881e3d5224f08fe63966ed6566bd9fdde175863c7c16dd5240416de9b34c4a0dd925f4fd64ad56256ca6507d32cf6131c49e1db65c62578eb31d4566c
   languageName: node
   linkType: hard
 
@@ -11240,6 +11455,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"check-error@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "check-error@npm:2.1.1"
+  checksum: 10c0/979f13eccab306cf1785fa10941a590b4e7ea9916ea2a4f8c87f0316fc3eab07eabefb6e587424ef0f88cbcd3805791f172ea739863ca3d7ce2afc54641c7f0e
+  languageName: node
+  linkType: hard
+
 "checkup@npm:^1.3.0":
   version: 1.3.0
   resolution: "checkup@npm:1.3.0"
@@ -11957,7 +12179,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-pure@npm:^3.23.3, core-js-pure@npm:^3.30.2":
+"core-js-pure@npm:^3.23.3":
   version: 3.33.0
   resolution: "core-js-pure@npm:3.33.0"
   checksum: 10c0/dbb683bf6c5d3671129e5029e0f8047a388818bb9720352c839f46ac5627b5fed763135b9a1df89452f2afee78e49639def6063e82fc6995c4e98c31f2892db5
@@ -12418,15 +12640,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4":
-  version: 4.3.5
-  resolution: "debug@npm:4.3.5"
+"debug@npm:4, debug@npm:^4.0.0, debug@npm:^4.1.0, debug@npm:^4.1.1, debug@npm:^4.3.1, debug@npm:^4.3.2, debug@npm:^4.3.3, debug@npm:^4.3.4, debug@npm:^4.3.5":
+  version: 4.3.6
+  resolution: "debug@npm:4.3.6"
   dependencies:
     ms: "npm:2.1.2"
   peerDependenciesMeta:
     supports-color:
       optional: true
-  checksum: 10c0/082c375a2bdc4f4469c99f325ff458adad62a3fc2c482d59923c260cb08152f34e2659f72b3767db8bb2f21ca81a60a42d1019605a412132d7b9f59363a005cc
+  checksum: 10c0/3293416bff072389c101697d4611c402a6bacd1900ac20c0492f61a9cdd6b3b29750fc7f5e299f8058469ef60ff8fb79b86395a30374fbd2490113c1c7112285
   languageName: node
   linkType: hard
 
@@ -12497,6 +12719,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deep-eql@npm:^5.0.1":
+  version: 5.0.2
+  resolution: "deep-eql@npm:5.0.2"
+  checksum: 10c0/7102cf3b7bb719c6b9c0db2e19bf0aa9318d141581befe8c7ce8ccd39af9eaa4346e5e05adef7f9bd7015da0f13a3a25dcfe306ef79dc8668aedbecb658dd247
+  languageName: node
+  linkType: hard
+
 "deep-equal@npm:^2.0.5":
   version: 2.2.2
   resolution: "deep-equal@npm:2.2.2"
@@ -12857,7 +13086,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-accessibility-api@npm:^0.5.6, dom-accessibility-api@npm:^0.5.9":
+"dom-accessibility-api@npm:^0.5.9":
   version: 0.5.16
   resolution: "dom-accessibility-api@npm:0.5.16"
   checksum: 10c0/b2c2eda4fae568977cdac27a9f0c001edf4f95a6a6191dfa611e3721db2478d1badc01db5bb4fa8a848aeee13e442a6c2a4386d65ec65a1436f24715a2f8d053
@@ -15342,7 +15571,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fs-minipass@npm:^2.0.0, fs-minipass@npm:^2.1.0":
+"fs-minipass@npm:^2.0.0":
   version: 2.1.0
   resolution: "fs-minipass@npm:2.1.0"
   dependencies:
@@ -15763,18 +15992,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10":
-  version: 10.3.10
-  resolution: "glob@npm:10.3.10"
+"glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10, glob@npm:^10.4.1":
+  version: 10.4.5
+  resolution: "glob@npm:10.4.5"
   dependencies:
     foreground-child: "npm:^3.1.0"
-    jackspeak: "npm:^2.3.5"
-    minimatch: "npm:^9.0.1"
-    minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
-    path-scurry: "npm:^1.10.1"
+    jackspeak: "npm:^3.1.2"
+    minimatch: "npm:^9.0.4"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^1.11.1"
   bin:
     glob: dist/esm/bin.mjs
-  checksum: 10c0/13d8a1feb7eac7945f8c8480e11cd4a44b24d26503d99a8d8ac8d5aefbf3e9802a2b6087318a829fad04cb4e829f25c5f4f1110c68966c498720dd261c7e344d
+  checksum: 10c0/19a9759ea77b8e3ca0a43c2f07ecddc2ad46216b786bb8f993c445aee80d345925a21e5280c7b7c6c59e860a0154b84e4b2b60321fea92cd3c56b4a7489f160e
   languageName: node
   linkType: hard
 
@@ -15805,7 +16035,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^8.0.1, glob@npm:^8.1.0":
+"glob@npm:^8.1.0":
   version: 8.1.0
   resolution: "glob@npm:8.1.0"
   dependencies:
@@ -16506,7 +16736,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"http-cache-semantics@npm:^4.1.0, http-cache-semantics@npm:^4.1.1":
+"http-cache-semantics@npm:^4.1.1":
   version: 4.1.1
   resolution: "http-cache-semantics@npm:4.1.1"
   checksum: 10c0/ce1319b8a382eb3cbb4a37c19f6bfe14e5bb5be3d09079e885e8c513ab2d3cd9214902f8a31c9dc4e37022633ceabfc2d697405deeaf1b8f3552bb4ed996fdfc
@@ -16703,6 +16933,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"hyperdyperid@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "hyperdyperid@npm:1.2.0"
+  checksum: 10c0/885ba3177c7181d315a856ee9c0005ff8eb5dcb1ce9e9d61be70987895d934d84686c37c981cceeb53216d4c9c15c1cc25f1804e84cc6a74a16993c5d7fd0893
+  languageName: node
+  linkType: hard
+
 "hyperlinker@npm:^1.0.0":
   version: 1.0.0
   resolution: "hyperlinker@npm:1.0.0"
@@ -16794,6 +17031,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"image-size@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "image-size@npm:1.1.1"
+  dependencies:
+    queue: "npm:6.0.2"
+  bin:
+    image-size: bin/image-size.js
+  checksum: 10c0/2660470096d12be82195f7e80fe03274689fbd14184afb78eaf66ade7cd06352518325814f88af4bde4b26647889fe49e573129f6e7ba8f5ff5b85cc7f559000
+  languageName: node
+  linkType: hard
+
 "image-size@npm:~0.5.0":
   version: 0.5.5
   resolution: "image-size@npm:0.5.5"
@@ -16848,13 +17096,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"infer-owner@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "infer-owner@npm:1.0.4"
-  checksum: 10c0/a7b241e3149c26e37474e3435779487f42f36883711f198c45794703c7556bc38af224088bd4d1a221a45b8208ae2c2bcf86200383621434d0c099304481c5b9
-  languageName: node
-  linkType: hard
-
 "inflection@npm:^1.12.0":
   version: 1.13.4
   resolution: "inflection@npm:1.13.4"
@@ -17684,24 +17925,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-source-maps@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "istanbul-lib-source-maps@npm:4.0.1"
+"istanbul-lib-source-maps@npm:^5.0.6":
+  version: 5.0.6
+  resolution: "istanbul-lib-source-maps@npm:5.0.6"
   dependencies:
+    "@jridgewell/trace-mapping": "npm:^0.3.23"
     debug: "npm:^4.1.1"
     istanbul-lib-coverage: "npm:^3.0.0"
-    source-map: "npm:^0.6.1"
-  checksum: 10c0/19e4cc405016f2c906dff271a76715b3e881fa9faeb3f09a86cb99b8512b3a5ed19cadfe0b54c17ca0e54c1142c9c6de9330d65506e35873994e06634eebeb66
+  checksum: 10c0/ffe75d70b303a3621ee4671554f306e0831b16f39ab7f4ab52e54d356a5d33e534d97563e318f1333a6aae1d42f91ec49c76b6cd3f3fb378addcb5c81da0255f
   languageName: node
   linkType: hard
 
-"istanbul-reports@npm:^3.1.4, istanbul-reports@npm:^3.1.6":
-  version: 3.1.6
-  resolution: "istanbul-reports@npm:3.1.6"
+"istanbul-reports@npm:^3.1.4, istanbul-reports@npm:^3.1.7":
+  version: 3.1.7
+  resolution: "istanbul-reports@npm:3.1.7"
   dependencies:
     html-escaper: "npm:^2.0.0"
     istanbul-lib-report: "npm:^3.0.0"
-  checksum: 10c0/ec3f1bdbc51b3e0b325a5b9f4ad31a247697f31001df4e81075f7980413f14da1b5adfec574fd156efd3b0464023f61320f6718efc66ee72b32d89611cef99dd
+  checksum: 10c0/a379fadf9cf8dc5dfe25568115721d4a7eb82fbd50b005a6672aff9c6989b20cc9312d7865814e0859cd8df58cbf664482e1d3604be0afde1f7fc3ccc1394a51
   languageName: node
   linkType: hard
 
@@ -17729,16 +17970,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jackspeak@npm:^2.3.5":
-  version: 2.3.6
-  resolution: "jackspeak@npm:2.3.6"
+"jackspeak@npm:^3.1.2":
+  version: 3.4.3
+  resolution: "jackspeak@npm:3.4.3"
   dependencies:
     "@isaacs/cliui": "npm:^8.0.2"
     "@pkgjs/parseargs": "npm:^0.11.0"
   dependenciesMeta:
     "@pkgjs/parseargs":
       optional: true
-  checksum: 10c0/f01d8f972d894cd7638bc338e9ef5ddb86f7b208ce177a36d718eac96ec86638a6efa17d0221b10073e64b45edc2ce15340db9380b1f5d5c5d000cbc517dc111
+  checksum: 10c0/6acc10d139eaefdbe04d2f679e6191b3abf073f111edf10b1de5302c97ec93fffeb2fdd8681ed17f16268aa9dd4f8c588ed9d1d3bffbbfa6e8bf897cbb3149b9
   languageName: node
   linkType: hard
 
@@ -17756,6 +17997,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"javascript-natural-sort@npm:0.7.1":
+  version: 0.7.1
+  resolution: "javascript-natural-sort@npm:0.7.1"
+  checksum: 10c0/340f8ffc5d30fb516e06dc540e8fa9e0b93c865cf49d791fed3eac3bdc5fc71f0066fc81d44ec1433edc87caecaf9f13eec4a1fce8c5beafc709a71eaedae6fe
+  languageName: node
+  linkType: hard
+
 "javascript-stringify@npm:^2.0.1":
   version: 2.1.0
   resolution: "javascript-stringify@npm:2.1.0"
@@ -17859,13 +18107,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-tokens@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "js-tokens@npm:9.0.0"
-  checksum: 10c0/4ad1c12f47b8c8b2a3a99e29ef338c1385c7b7442198a425f3463f3537384dab6032012791bfc2f056ea5ecdb06b1ed4f70e11a3ab3f388d3dcebfe16a52b27d
-  languageName: node
-  linkType: hard
-
 "js-yaml@npm:4.1.0, js-yaml@npm:^4.1.0":
   version: 4.1.0
   resolution: "js-yaml@npm:4.1.0"
@@ -18076,7 +18317,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonc-parser@npm:3.2.1, jsonc-parser@npm:^3.0.0, jsonc-parser@npm:^3.2.0":
+"jsonc-parser@npm:3.2.1, jsonc-parser@npm:^3.0.0":
   version: 3.2.1
   resolution: "jsonc-parser@npm:3.2.1"
   checksum: 10c0/ada66dec143d7f9cb0e2d0d29c69e9ce40d20f3a4cb96b0c6efb745025ac7f9ba647d7ac0990d0adfc37a2d2ae084a12009a9c833dbdbeadf648879a99b9df89
@@ -18568,16 +18809,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"local-pkg@npm:^0.5.0":
-  version: 0.5.0
-  resolution: "local-pkg@npm:0.5.0"
-  dependencies:
-    mlly: "npm:^1.4.2"
-    pkg-types: "npm:^1.0.3"
-  checksum: 10c0/f61cbd00d7689f275558b1a45c7ff2a3ddf8472654123ed880215677b9adfa729f1081e50c27ffb415cdb9fa706fb755fec5e23cdd965be375c8059e87ff1cc9
-  languageName: node
-  linkType: hard
-
 "locate-character@npm:^3.0.0":
   version: 3.0.0
   resolution: "locate-character@npm:3.0.0"
@@ -18806,7 +19037,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loupe@npm:^2.3.6, loupe@npm:^2.3.7":
+"loupe@npm:^2.3.6":
   version: 2.3.7
   resolution: "loupe@npm:2.3.7"
   dependencies:
@@ -18815,6 +19046,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"loupe@npm:^3.1.0, loupe@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "loupe@npm:3.1.1"
+  dependencies:
+    get-func-name: "npm:^2.0.1"
+  checksum: 10c0/99f88badc47e894016df0c403de846fedfea61154aadabbf776c8428dd59e8d8378007135d385d737de32ae47980af07d22ba7bec5ef7beebd721de9baa0a0af
+  languageName: node
+  linkType: hard
+
 "lower-case@npm:^2.0.2":
   version: 2.0.2
   resolution: "lower-case@npm:2.0.2"
@@ -18834,10 +19074,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^10.0.1, lru-cache@npm:^9.1.1 || ^10.0.0":
-  version: 10.1.0
-  resolution: "lru-cache@npm:10.1.0"
-  checksum: 10c0/778bc8b2626daccd75f24c4b4d10632496e21ba064b126f526c626fbdbc5b28c472013fccd45d7646b9e1ef052444824854aed617b59cd570d01a8b7d651fc1e
+"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
+  version: 10.4.3
+  resolution: "lru-cache@npm:10.4.3"
+  checksum: 10c0/ebd04fbca961e6c1d6c0af3799adcc966a1babe798f685bb84e6599266599cd95d94630b10262f5424539bc4640107e8a33aa28585374abf561d30d16f4b39fb
   languageName: node
   linkType: hard
 
@@ -18873,7 +19113,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lz-string@npm:^1.4.4, lz-string@npm:^1.5.0":
+"lz-string@npm:^1.5.0":
   version: 1.5.0
   resolution: "lz-string@npm:1.5.0"
   bin:
@@ -18889,7 +19129,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:0.30.8, magic-string@npm:^0.30.0, magic-string@npm:^0.30.4, magic-string@npm:^0.30.5":
+"magic-string@npm:0.30.8":
   version: 0.30.8
   resolution: "magic-string@npm:0.30.8"
   dependencies:
@@ -18916,14 +19156,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magicast@npm:^0.3.3":
-  version: 0.3.3
-  resolution: "magicast@npm:0.3.3"
+"magic-string@npm:^0.30.0, magic-string@npm:^0.30.10, magic-string@npm:^0.30.11, magic-string@npm:^0.30.4, magic-string@npm:^0.30.5":
+  version: 0.30.11
+  resolution: "magic-string@npm:0.30.11"
   dependencies:
-    "@babel/parser": "npm:^7.23.6"
-    "@babel/types": "npm:^7.23.6"
-    source-map-js: "npm:^1.0.2"
-  checksum: 10c0/2eeba19545ac4328433be817bd81fcfa8a517ec67599260541e13ce5ce18b27ff8830f1b87d54a1392d408d1b96e44938bf026920f0110edbdfecc96980919b3
+    "@jridgewell/sourcemap-codec": "npm:^1.5.0"
+  checksum: 10c0/b9eb370773d0bd90ca11a848753409d8e5309b1ad56d2a1aa49d6649da710a6d2fe7237ad1a643c5a5d3800de2b9946ed9690acdfc00e6cc1aeafff3ab1752c4
+  languageName: node
+  linkType: hard
+
+"magicast@npm:^0.3.4":
+  version: 0.3.4
+  resolution: "magicast@npm:0.3.4"
+  dependencies:
+    "@babel/parser": "npm:^7.24.4"
+    "@babel/types": "npm:^7.24.0"
+    source-map-js: "npm:^1.2.0"
+  checksum: 10c0/7ebaaac397b13c31ca05e6d9649296751d76749b945d10a0800107872119fbdf267acdb604571d25e38ec6fd7ab3568a951b6e76eaef1caba9eaa11778fd9783
   languageName: node
   linkType: hard
 
@@ -18962,30 +19211,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-fetch-happen@npm:^10.0.3":
-  version: 10.2.1
-  resolution: "make-fetch-happen@npm:10.2.1"
-  dependencies:
-    agentkeepalive: "npm:^4.2.1"
-    cacache: "npm:^16.1.0"
-    http-cache-semantics: "npm:^4.1.0"
-    http-proxy-agent: "npm:^5.0.0"
-    https-proxy-agent: "npm:^5.0.0"
-    is-lambda: "npm:^1.0.1"
-    lru-cache: "npm:^7.7.1"
-    minipass: "npm:^3.1.6"
-    minipass-collect: "npm:^1.0.2"
-    minipass-fetch: "npm:^2.0.3"
-    minipass-flush: "npm:^1.0.5"
-    minipass-pipeline: "npm:^1.2.4"
-    negotiator: "npm:^0.6.3"
-    promise-retry: "npm:^2.0.1"
-    socks-proxy-agent: "npm:^7.0.0"
-    ssri: "npm:^9.0.0"
-  checksum: 10c0/28ec392f63ab93511f400839dcee83107eeecfaad737d1e8487ea08b4332cd89a8f3319584222edd9f6f1d0833cf516691469496d46491863f9e88c658013949
-  languageName: node
-  linkType: hard
-
 "make-fetch-happen@npm:^11.0.3":
   version: 11.1.1
   resolution: "make-fetch-happen@npm:11.1.1"
@@ -19452,6 +19677,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"memfs@npm:^4.11.1":
+  version: 4.11.1
+  resolution: "memfs@npm:4.11.1"
+  dependencies:
+    "@jsonjoy.com/json-pack": "npm:^1.0.3"
+    "@jsonjoy.com/util": "npm:^1.3.0"
+    tree-dump: "npm:^1.0.1"
+    tslib: "npm:^2.0.0"
+  checksum: 10c0/738f3ba7204d7f0a5bc09ae9f62d4151e0bbb14b5f5c2bb39c59e93d1b6da1bfc0c94240f23f450538578a331d1458da995b4976aee889da0fac2219322e8377
+  languageName: node
+  linkType: hard
+
 "memoizerific@npm:^1.11.3":
   version: 1.11.3
   resolution: "memoizerific@npm:1.11.3"
@@ -20333,7 +20570,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:9.0.3, minimatch@npm:^9.0.0, minimatch@npm:^9.0.1, minimatch@npm:^9.0.3":
+"minimatch@npm:9.0.3":
   version: 9.0.3
   resolution: "minimatch@npm:9.0.3"
   dependencies:
@@ -20351,6 +20588,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:^9.0.0, minimatch@npm:^9.0.3, minimatch@npm:^9.0.4":
+  version: 9.0.5
+  resolution: "minimatch@npm:9.0.5"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10c0/de96cf5e35bdf0eab3e2c853522f98ffbe9a36c37797778d2665231ec1f20a9447a7e567cb640901f89e4daaa95ae5d70c65a9e8aa2bb0019b6facbc3c0575ed
+  languageName: node
+  linkType: hard
+
 "minimist@npm:^1.0.0, minimist@npm:^1.2.0, minimist@npm:^1.2.5, minimist@npm:^1.2.6, minimist@npm:^1.2.8":
   version: 1.2.8
   resolution: "minimist@npm:1.2.8"
@@ -20371,23 +20617,8 @@ __metadata:
   version: 2.0.1
   resolution: "minipass-collect@npm:2.0.1"
   dependencies:
-    minipass: "npm:^7.0.3"
-  checksum: 10c0/5167e73f62bb74cc5019594709c77e6a742051a647fe9499abf03c71dca75515b7959d67a764bdc4f8b361cf897fbf25e2d9869ee039203ed45240f48b9aa06e
-  languageName: node
-  linkType: hard
-
-"minipass-fetch@npm:^2.0.3":
-  version: 2.1.2
-  resolution: "minipass-fetch@npm:2.1.2"
-  dependencies:
-    encoding: "npm:^0.1.13"
-    minipass: "npm:^3.1.6"
-    minipass-sized: "npm:^1.0.3"
-    minizlib: "npm:^2.1.2"
-  dependenciesMeta:
-    encoding:
-      optional: true
-  checksum: 10c0/33ab2c5bdb3d91b9cb8bc6ae42d7418f4f00f7f7beae14b3bb21ea18f9224e792f560a6e17b6f1be12bbeb70dbe99a269f4204c60e5d99130a0777b153505c43
+    minipass: "npm:^7.0.3"
+  checksum: 10c0/5167e73f62bb74cc5019594709c77e6a742051a647fe9499abf03c71dca75515b7959d67a764bdc4f8b361cf897fbf25e2d9869ee039203ed45240f48b9aa06e
   languageName: node
   linkType: hard
 
@@ -20443,7 +20674,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^3.0.0, minipass@npm:^3.1.1, minipass@npm:^3.1.6":
+"minipass@npm:^3.0.0":
   version: 3.3.6
   resolution: "minipass@npm:3.3.6"
   dependencies:
@@ -20459,10 +20690,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3":
-  version: 7.0.4
-  resolution: "minipass@npm:7.0.4"
-  checksum: 10c0/6c7370a6dfd257bf18222da581ba89a5eaedca10e158781232a8b5542a90547540b4b9b7e7f490e4cda43acfbd12e086f0453728ecf8c19e0ef6921bc5958ac5
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "minipass@npm:7.1.2"
+  checksum: 10c0/b0fd20bb9fb56e5fa9a8bfac539e8915ae07430a619e4b86ff71f5fc757ef3924b23b2c4230393af1eda647ed3d75739e4e0acb250a6b1eb277cf7f8fe449557
   languageName: node
   linkType: hard
 
@@ -20504,7 +20735,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mkdirp@npm:^1.0.3, mkdirp@npm:^1.0.4":
+"mkdirp@npm:^1.0.3":
   version: 1.0.4
   resolution: "mkdirp@npm:1.0.4"
   bin:
@@ -20520,25 +20751,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mlly@npm:^1.2.0, mlly@npm:^1.4.2":
-  version: 1.4.2
-  resolution: "mlly@npm:1.4.2"
-  dependencies:
-    acorn: "npm:^8.10.0"
-    pathe: "npm:^1.1.1"
-    pkg-types: "npm:^1.0.3"
-    ufo: "npm:^1.3.0"
-  checksum: 10c0/905e3a704c7d3bcaad55f31d6efe9f680eab5be053ab7f8b299b8dbc027041f741fa6a93db9a3c461be2552632f3831b6c43c50af530f5fb2e9cd6273bc9d642
-  languageName: node
-  linkType: hard
-
-"mock-fs@npm:^5.2.0":
-  version: 5.2.0
-  resolution: "mock-fs@npm:5.2.0"
-  checksum: 10c0/e917e71295ee9d805c7d9ab0214a66658db0212f35731ba0c75dc1ccbb9964e6787a6d725561f05fcf569c64cf4a1176f5ce438f98b009227520f646f8abf174
-  languageName: node
-  linkType: hard
-
 "mock-require@npm:^3.0.3":
   version: 3.0.3
   resolution: "mock-require@npm:3.0.3"
@@ -20549,6 +20761,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"module-alias@npm:^2.2.3":
+  version: 2.2.3
+  resolution: "module-alias@npm:2.2.3"
+  checksum: 10c0/47dc5b6d04f6e7df0ff330ca9b2a37c688a682ed661e9432b0b327e1e6c43eedad052151b8d50d6beea8b924828d2a92fa4625c18d651bf2d93d8f03aa0172fa
+  languageName: node
+  linkType: hard
+
 "mri@npm:^1.1.0, mri@npm:^1.2.0":
   version: 1.2.0
   resolution: "mri@npm:1.2.0"
@@ -20743,6 +20962,64 @@ __metadata:
   languageName: node
   linkType: hard
 
+"next@npm:^14.2.5":
+  version: 14.2.5
+  resolution: "next@npm:14.2.5"
+  dependencies:
+    "@next/env": "npm:14.2.5"
+    "@next/swc-darwin-arm64": "npm:14.2.5"
+    "@next/swc-darwin-x64": "npm:14.2.5"
+    "@next/swc-linux-arm64-gnu": "npm:14.2.5"
+    "@next/swc-linux-arm64-musl": "npm:14.2.5"
+    "@next/swc-linux-x64-gnu": "npm:14.2.5"
+    "@next/swc-linux-x64-musl": "npm:14.2.5"
+    "@next/swc-win32-arm64-msvc": "npm:14.2.5"
+    "@next/swc-win32-ia32-msvc": "npm:14.2.5"
+    "@next/swc-win32-x64-msvc": "npm:14.2.5"
+    "@swc/helpers": "npm:0.5.5"
+    busboy: "npm:1.6.0"
+    caniuse-lite: "npm:^1.0.30001579"
+    graceful-fs: "npm:^4.2.11"
+    postcss: "npm:8.4.31"
+    styled-jsx: "npm:5.1.1"
+  peerDependencies:
+    "@opentelemetry/api": ^1.1.0
+    "@playwright/test": ^1.41.2
+    react: ^18.2.0
+    react-dom: ^18.2.0
+    sass: ^1.3.0
+  dependenciesMeta:
+    "@next/swc-darwin-arm64":
+      optional: true
+    "@next/swc-darwin-x64":
+      optional: true
+    "@next/swc-linux-arm64-gnu":
+      optional: true
+    "@next/swc-linux-arm64-musl":
+      optional: true
+    "@next/swc-linux-x64-gnu":
+      optional: true
+    "@next/swc-linux-x64-musl":
+      optional: true
+    "@next/swc-win32-arm64-msvc":
+      optional: true
+    "@next/swc-win32-ia32-msvc":
+      optional: true
+    "@next/swc-win32-x64-msvc":
+      optional: true
+  peerDependenciesMeta:
+    "@opentelemetry/api":
+      optional: true
+    "@playwright/test":
+      optional: true
+    sass:
+      optional: true
+  bin:
+    next: dist/bin/next
+  checksum: 10c0/8df7d8ccc1a5bab03fa50dd6656c8a6f3750e81ef0b087dc329fea9346847c3094a933a890a8e87151dc32f0bc55020b8f6386d4565856d83bcc10895d29ec08
+  languageName: node
+  linkType: hard
+
 "nice-napi@npm:^1.0.2":
   version: 1.0.2
   resolution: "nice-napi@npm:1.0.2"
@@ -20862,27 +21139,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-gyp@npm:^9.3.1":
-  version: 9.4.1
-  resolution: "node-gyp@npm:9.4.1"
-  dependencies:
-    env-paths: "npm:^2.2.0"
-    exponential-backoff: "npm:^3.1.1"
-    glob: "npm:^7.1.4"
-    graceful-fs: "npm:^4.2.6"
-    make-fetch-happen: "npm:^10.0.3"
-    nopt: "npm:^6.0.0"
-    npmlog: "npm:^6.0.0"
-    rimraf: "npm:^3.0.2"
-    semver: "npm:^7.3.5"
-    tar: "npm:^6.1.2"
-    which: "npm:^2.0.2"
-  bin:
-    node-gyp: bin/node-gyp.js
-  checksum: 10c0/f7d676cfa79f27d35edf17fe9c80064123670362352d19729e5dc9393d7e99f1397491c3107eddc0c0e8941442a6244a7ba6c860cfbe4b433b4cae248a55fe10
-  languageName: node
-  linkType: hard
-
 "node-gyp@npm:latest":
   version: 9.4.0
   resolution: "node-gyp@npm:9.4.0"
@@ -21578,15 +21834,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-limit@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "p-limit@npm:5.0.0"
-  dependencies:
-    yocto-queue: "npm:^1.0.0"
-  checksum: 10c0/574e93b8895a26e8485eb1df7c4b58a1a6e8d8ae41b1750cc2cc440922b3d306044fc6e9a7f74578a883d46802d9db72b30f2e612690fcef838c173261b1ed83
-  languageName: node
-  linkType: hard
-
 "p-locate@npm:^2.0.0":
   version: 2.0.0
   resolution: "p-locate@npm:2.0.0"
@@ -21674,6 +21921,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"package-json-from-dist@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "package-json-from-dist@npm:1.0.0"
+  checksum: 10c0/e3ffaf6ac1040ab6082a658230c041ad14e72fabe99076a2081bb1d5d41210f11872403fc09082daf4387fc0baa6577f96c9c0e94c90c394fd57794b66aa4033
+  languageName: node
+  linkType: hard
+
 "pacote@npm:17.0.6":
   version: 17.0.6
   resolution: "pacote@npm:17.0.6"
@@ -21999,13 +22253,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-scurry@npm:^1.10.1":
-  version: 1.10.1
-  resolution: "path-scurry@npm:1.10.1"
+"path-scurry@npm:^1.11.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
   dependencies:
-    lru-cache: "npm:^9.1.1 || ^10.0.0"
+    lru-cache: "npm:^10.2.0"
     minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
-  checksum: 10c0/e5dc78a7348d25eec61ab166317e9e9c7b46818aa2c2b9006c507a6ff48c672d011292d9662527213e558f5652ce0afcc788663a061d8b59ab495681840c0c1e
+  checksum: 10c0/32a13711a2a505616ae1cc1b5076801e453e7aae6ac40ab55b388bb91b9d0547a52f5aaceff710ea400205f18691120d4431e520afbe4266b836fadede15872d
   languageName: node
   linkType: hard
 
@@ -22030,10 +22284,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pathe@npm:^1.1.0, pathe@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "pathe@npm:1.1.1"
-  checksum: 10c0/3ae5a0529c3415d91c3ac9133f52cffea54a0dd46892fe059f4b80faf36fd207957d4594bdc87043b65d0761b1e5728f81f46bafff3b5302da4e2e48889b8c0e
+"pathe@npm:^1.1.1, pathe@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "pathe@npm:1.1.2"
+  checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897
   languageName: node
   linkType: hard
 
@@ -22044,6 +22298,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"pathval@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "pathval@npm:2.0.0"
+  checksum: 10c0/602e4ee347fba8a599115af2ccd8179836a63c925c23e04bd056d0674a64b39e3a081b643cc7bc0b84390517df2d800a46fcc5598d42c155fe4977095c2f77c5
+  languageName: node
+  linkType: hard
+
 "pbkdf2@npm:^3.0.3":
   version: 3.1.2
   resolution: "pbkdf2@npm:3.1.2"
@@ -22185,17 +22446,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-types@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "pkg-types@npm:1.0.3"
-  dependencies:
-    jsonc-parser: "npm:^3.2.0"
-    mlly: "npm:^1.2.0"
-    pathe: "npm:^1.1.0"
-  checksum: 10c0/7f692ff2005f51b8721381caf9bdbc7f5461506ba19c34f8631660a215c8de5e6dca268f23a319dd180b8f7c47a0dc6efea14b376c485ff99e98d810b8f786c4
-  languageName: node
-  linkType: hard
-
 "pkg-up@npm:^2.0.0":
   version: 2.0.0
   resolution: "pkg-up@npm:2.0.0"
@@ -22529,18 +22779,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^26.6.2":
-  version: 26.6.2
-  resolution: "pretty-format@npm:26.6.2"
-  dependencies:
-    "@jest/types": "npm:^26.6.2"
-    ansi-regex: "npm:^5.0.0"
-    ansi-styles: "npm:^4.0.0"
-    react-is: "npm:^17.0.1"
-  checksum: 10c0/b5ddf0e949b874b699d313fe9407f0eb65e67d00823b2dd95335905a73457260af7612f3bff6b48611fcca9ffcff003359e4c9faba4200d6209da433a859aef3
-  languageName: node
-  linkType: hard
-
 "pretty-format@npm:^27.0.2":
   version: 27.5.1
   resolution: "pretty-format@npm:27.5.1"
@@ -25022,6 +25260,75 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sharp@npm:^0.33.4":
+  version: 0.33.4
+  resolution: "sharp@npm:0.33.4"
+  dependencies:
+    "@img/sharp-darwin-arm64": "npm:0.33.4"
+    "@img/sharp-darwin-x64": "npm:0.33.4"
+    "@img/sharp-libvips-darwin-arm64": "npm:1.0.2"
+    "@img/sharp-libvips-darwin-x64": "npm:1.0.2"
+    "@img/sharp-libvips-linux-arm": "npm:1.0.2"
+    "@img/sharp-libvips-linux-arm64": "npm:1.0.2"
+    "@img/sharp-libvips-linux-s390x": "npm:1.0.2"
+    "@img/sharp-libvips-linux-x64": "npm:1.0.2"
+    "@img/sharp-libvips-linuxmusl-arm64": "npm:1.0.2"
+    "@img/sharp-libvips-linuxmusl-x64": "npm:1.0.2"
+    "@img/sharp-linux-arm": "npm:0.33.4"
+    "@img/sharp-linux-arm64": "npm:0.33.4"
+    "@img/sharp-linux-s390x": "npm:0.33.4"
+    "@img/sharp-linux-x64": "npm:0.33.4"
+    "@img/sharp-linuxmusl-arm64": "npm:0.33.4"
+    "@img/sharp-linuxmusl-x64": "npm:0.33.4"
+    "@img/sharp-wasm32": "npm:0.33.4"
+    "@img/sharp-win32-ia32": "npm:0.33.4"
+    "@img/sharp-win32-x64": "npm:0.33.4"
+    color: "npm:^4.2.3"
+    detect-libc: "npm:^2.0.3"
+    semver: "npm:^7.6.0"
+  dependenciesMeta:
+    "@img/sharp-darwin-arm64":
+      optional: true
+    "@img/sharp-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-darwin-arm64":
+      optional: true
+    "@img/sharp-libvips-darwin-x64":
+      optional: true
+    "@img/sharp-libvips-linux-arm":
+      optional: true
+    "@img/sharp-libvips-linux-arm64":
+      optional: true
+    "@img/sharp-libvips-linux-s390x":
+      optional: true
+    "@img/sharp-libvips-linux-x64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-libvips-linuxmusl-x64":
+      optional: true
+    "@img/sharp-linux-arm":
+      optional: true
+    "@img/sharp-linux-arm64":
+      optional: true
+    "@img/sharp-linux-s390x":
+      optional: true
+    "@img/sharp-linux-x64":
+      optional: true
+    "@img/sharp-linuxmusl-arm64":
+      optional: true
+    "@img/sharp-linuxmusl-x64":
+      optional: true
+    "@img/sharp-wasm32":
+      optional: true
+    "@img/sharp-win32-ia32":
+      optional: true
+    "@img/sharp-win32-x64":
+      optional: true
+  checksum: 10c0/428c5c6a84ff8968effe50c2de931002f5f30b9f263e1c026d0384e581673c13088a49322f7748114d3d9be4ae9476a74bf003a3af34743e97ef2f880d1cfe45
+  languageName: node
+  linkType: hard
+
 "shebang-command@npm:^1.2.0":
   version: 1.2.0
   resolution: "shebang-command@npm:1.2.0"
@@ -25393,7 +25700,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.5.6, source-map@npm:^0.5.7":
+"source-map@npm:^0.5.0, source-map@npm:^0.5.6, source-map@npm:^0.5.7":
   version: 0.5.7
   resolution: "source-map@npm:0.5.7"
   checksum: 10c0/904e767bb9c494929be013017380cbba013637da1b28e5943b566031e29df04fba57edf3f093e0914be094648b577372bd8ad247fa98cfba9c600794cd16b599
@@ -25514,15 +25821,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ssri@npm:^9.0.0":
-  version: 9.0.1
-  resolution: "ssri@npm:9.0.1"
-  dependencies:
-    minipass: "npm:^3.1.1"
-  checksum: 10c0/c5d153ce03b5980d683ecaa4d805f6a03d8dc545736213803e168a1907650c46c08a4e5ce6d670a0205482b35c35713d9d286d9133bdd79853a406e22ad81f04
-  languageName: node
-  linkType: hard
-
 "stackback@npm:0.0.2":
   version: 0.0.2
   resolution: "stackback@npm:0.0.2"
@@ -25561,10 +25859,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"std-env@npm:^3.5.0":
-  version: 3.6.0
-  resolution: "std-env@npm:3.6.0"
-  checksum: 10c0/a540b8cb011bef4bf5905e1e28f24ce37124f9d001c69224ee0025d3600144e6847bac62cd38fbd98148ab4d26ab0682b9b4d42bc863cd1cca0b9807f18aadba
+"std-env@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "std-env@npm:3.7.0"
+  checksum: 10c0/60edf2d130a4feb7002974af3d5a5f3343558d1ccf8d9b9934d225c638606884db4a20d2fe6440a09605bca282af6b042ae8070a10490c0800d69e82e478f41e
   languageName: node
   linkType: hard
 
@@ -25853,15 +26151,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-literal@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "strip-literal@npm:2.1.0"
-  dependencies:
-    js-tokens: "npm:^9.0.0"
-  checksum: 10c0/bc8b8c8346125ae3c20fcdaf12e10a498ff85baf6f69597b4ab2b5fbf2e58cfd2827f1a44f83606b852da99a5f6c8279770046ddea974c510c17c98934c9cc24
-  languageName: node
-  linkType: hard
-
 "strong-log-transformer@npm:^2.1.0":
   version: 2.1.0
   resolution: "strong-log-transformer@npm:2.1.0"
@@ -25925,6 +26214,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"styled-jsx@npm:5.1.6":
+  version: 5.1.6
+  resolution: "styled-jsx@npm:5.1.6"
+  dependencies:
+    client-only: "npm:0.0.1"
+  peerDependencies:
+    react: ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    babel-plugin-macros:
+      optional: true
+  checksum: 10c0/ace50e7ea5ae5ae6a3b65a50994c51fca6ae7df9c7ecfd0104c36be0b4b3a9c5c1a2374d16e2a11e256d0b20be6d47256d768ecb4f91ab390f60752a075780f5
+  languageName: node
+  linkType: hard
+
 "stylis@npm:4.2.0":
   version: 4.2.0
   resolution: "stylis@npm:4.2.0"
@@ -26301,6 +26606,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"test-exclude@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "test-exclude@npm:7.0.1"
+  dependencies:
+    "@istanbuljs/schema": "npm:^0.1.2"
+    glob: "npm:^10.4.1"
+    minimatch: "npm:^9.0.4"
+  checksum: 10c0/6d67b9af4336a2e12b26a68c83308c7863534c65f27ed4ff7068a56f5a58f7ac703e8fc80f698a19bb154fd8f705cdf7ec347d9512b2c522c737269507e7b263
+  languageName: node
+  linkType: hard
+
 "text-table@npm:^0.2.0":
   version: 0.2.0
   resolution: "text-table@npm:0.2.0"
@@ -26315,6 +26631,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"thingies@npm:^1.20.0":
+  version: 1.21.0
+  resolution: "thingies@npm:1.21.0"
+  peerDependencies:
+    tslib: ^2
+  checksum: 10c0/7570ee855aecb73185a672ecf3eb1c287a6512bf5476449388433b2d4debcf78100bc8bfd439b0edd38d2bc3bfb8341de5ce85b8557dec66d0f27b962c9a8bc1
+  languageName: node
+  linkType: hard
+
 "through2@npm:^2.0.3":
   version: 2.0.5
   resolution: "through2@npm:2.0.5"
@@ -26362,17 +26687,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinybench@npm:^2.5.1":
-  version: 2.5.1
-  resolution: "tinybench@npm:2.5.1"
-  checksum: 10c0/9c55ef25ce1689c3e2fdb89cacbf27dada4d04f846cac70023fe97fc35d2122816d8bbc5b20253e071d13688cf006355d59f0096d22958b818e1e2fe60e5165b
+"tinybench@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "tinybench@npm:2.8.0"
+  checksum: 10c0/5a9a642351fa3e4955e0cbf38f5674be5f3ba6730fd872fd23a5c953ad6c914234d5aba6ea41ef88820180a81829ceece5bd8d3967c490c5171bca1141c2f24d
   languageName: node
   linkType: hard
 
-"tinypool@npm:^0.8.3":
-  version: 0.8.4
-  resolution: "tinypool@npm:0.8.4"
-  checksum: 10c0/779c790adcb0316a45359652f4b025958c1dff5a82460fe49f553c864309b12ad732c8288be52f852973bc76317f5e7b3598878aee0beb8a33322c0e72c4a66c
+"tinypool@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "tinypool@npm:1.0.0"
+  checksum: 10c0/71b20b9c54366393831c286a0772380c20f8cad9546d724c484edb47aea3228f274c58e98cf51d28c40869b39f5273209ef3ea94a9d2a23f8b292f4731cd3e4e
+  languageName: node
+  linkType: hard
+
+"tinyrainbow@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "tinyrainbow@npm:1.2.0"
+  checksum: 10c0/7f78a4b997e5ba0f5ecb75e7ed786f30bab9063716e7dff24dd84013fb338802e43d176cb21ed12480561f5649a82184cf31efb296601a29d38145b1cdb4c192
   languageName: node
   linkType: hard
 
@@ -26383,6 +26715,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tinyspy@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "tinyspy@npm:3.0.0"
+  checksum: 10c0/eb0dec264aa5370efd3d29743825eb115ed7f1ef8a72a431e9a75d5c9e7d67e99d04b0d61d86b8cd70c79ec27863f241ad0317bc453f78762e0cbd76d2c332d0
+  languageName: node
+  linkType: hard
+
 "tmp@npm:0.0.28":
   version: 0.0.28
   resolution: "tmp@npm:0.0.28"
@@ -26512,6 +26851,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tree-dump@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "tree-dump@npm:1.0.2"
+  peerDependencies:
+    tslib: 2
+  checksum: 10c0/d1d180764e9c691b28332dbd74226c6b6af361dfb1e134bb11e60e17cb11c215894adee50ffc578da5dcf546006693947be8b6665eb1269b56e2f534926f1c1f
+  languageName: node
+  linkType: hard
+
 "tree-kill@npm:1.2.2":
   version: 1.2.2
   resolution: "tree-kill@npm:1.2.2"
@@ -26749,10 +27097,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-detect@npm:^4.0.0, type-detect@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "type-detect@npm:4.0.8"
-  checksum: 10c0/8fb9a51d3f365a7de84ab7f73b653534b61b622aa6800aecdb0f1095a4a646d3f5eb295322127b6573db7982afcd40ab492d038cf825a42093a58b1e1353e0bd
+"type-detect@npm:^4.0.0, type-detect@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "type-detect@npm:4.1.0"
+  checksum: 10c0/df8157ca3f5d311edc22885abc134e18ff8ffbc93d6a9848af5b682730ca6a5a44499259750197250479c5331a8a75b5537529df5ec410622041650a7f293e2a
   languageName: node
   linkType: hard
 
@@ -26908,13 +27256,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ufo@npm:^1.3.0":
-  version: 1.3.2
-  resolution: "ufo@npm:1.3.2"
-  checksum: 10c0/180f3dfcdf319b54fe0272780841c93cb08a024fc2ee5f95e63285c2a3c42d8b671cd3641e9a53aafccf100cf8466aa8c040ddfa0efea1fc1968c9bfb250a661
-  languageName: node
-  linkType: hard
-
 "uglify-js@npm:^3.1.4":
   version: 3.17.4
   resolution: "uglify-js@npm:3.17.4"
@@ -26946,10 +27287,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undici-types@npm:~5.26.4":
-  version: 5.26.5
-  resolution: "undici-types@npm:5.26.5"
-  checksum: 10c0/bb673d7876c2d411b6eb6c560e0c571eef4a01c1c19925175d16e3a30c4c428181fb8d7ae802a261f283e4166a0ac435e2f505743aa9e45d893f9a3df017b501
+"undici-types@npm:~6.13.0":
+  version: 6.13.0
+  resolution: "undici-types@npm:6.13.0"
+  checksum: 10c0/2de55181f569c77a4f08063f8bf2722fcbb6ea312a26a9e927bd1f5ea5cf3a281c5ddf23155061db083e0a25838f54813543ff13b0ac34d230d5c1205ead66c1
   languageName: node
   linkType: hard
 
@@ -27121,15 +27462,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-filename@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "unique-filename@npm:2.0.1"
-  dependencies:
-    unique-slug: "npm:^3.0.0"
-  checksum: 10c0/55d95cd670c4a86117ebc34d394936d712d43b56db6bc511f9ca00f666373818bf9f075fb0ab76bcbfaf134592ef26bb75aad20786c1ff1ceba4457eaba90fb8
-  languageName: node
-  linkType: hard
-
 "unique-filename@npm:^3.0.0":
   version: 3.0.0
   resolution: "unique-filename@npm:3.0.0"
@@ -27139,15 +27471,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-slug@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "unique-slug@npm:3.0.0"
-  dependencies:
-    imurmurhash: "npm:^0.1.4"
-  checksum: 10c0/617240eb921af803b47d322d75a71a363dacf2e56c29ae5d1404fad85f64f4ec81ef10ee4fd79215d0202cbe1e5a653edb0558d59c9c81d3bd538c2d58e4c026
-  languageName: node
-  linkType: hard
-
 "unique-slug@npm:^4.0.0":
   version: 4.0.0
   resolution: "unique-slug@npm:4.0.0"
@@ -27623,7 +27946,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"v8-to-istanbul@npm:^9.0.0, v8-to-istanbul@npm:^9.2.0":
+"v8-to-istanbul@npm:^9.0.0":
   version: 9.2.0
   resolution: "v8-to-istanbul@npm:9.2.0"
   dependencies:
@@ -27749,18 +28072,40 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite-node@npm:1.6.0":
-  version: 1.6.0
-  resolution: "vite-node@npm:1.6.0"
+"vite-node@npm:2.0.5":
+  version: 2.0.5
+  resolution: "vite-node@npm:2.0.5"
   dependencies:
     cac: "npm:^6.7.14"
-    debug: "npm:^4.3.4"
-    pathe: "npm:^1.1.1"
-    picocolors: "npm:^1.0.0"
+    debug: "npm:^4.3.5"
+    pathe: "npm:^1.1.2"
+    tinyrainbow: "npm:^1.2.0"
     vite: "npm:^5.0.0"
   bin:
     vite-node: vite-node.mjs
-  checksum: 10c0/0807e6501ac7763e0efa2b4bd484ce99fb207e92c98624c9f8999d1f6727ac026e457994260fa7fdb7060d87546d197081e46a705d05b0136a38b6f03715cbc2
+  checksum: 10c0/affcc58ae8d45bce3e8bc3b5767acd57c24441634e2cd967cf97f4e5ed2bcead1714b60150cdf7ee153ebad47659c5cd419883207e1a95b69790331e3243749f
+  languageName: node
+  linkType: hard
+
+"vite-plugin-storybook-nextjs@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "vite-plugin-storybook-nextjs@npm:1.0.0"
+  dependencies:
+    "@next/env": "npm:^14.2.5"
+    image-size: "npm:^1.1.1"
+    magic-string: "npm:^0.30.11"
+    module-alias: "npm:^2.2.3"
+    sharp: "npm:^0.33.4"
+    ts-dedent: "npm:^2.2.0"
+  peerDependencies:
+    "@storybook/test": ^8.3.0-alpha.3
+    next: ^14.2.5
+    storybook: ^8.3.0-alpha.3
+    vite: ^5.0.0
+  dependenciesMeta:
+    sharp:
+      optional: true
+  checksum: 10c0/6ca17326e0387044d7bfa4373e6ccb64e8bb5bec1f19898ba9b8338c7817d8bea0fb01169adfb623f652fded5e6f59170129f7c8c4d4c3c54ca3764727e5a195
   languageName: node
   linkType: hard
 
@@ -27856,35 +28201,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vitest@npm:^1.6.0":
-  version: 1.6.0
-  resolution: "vitest@npm:1.6.0"
-  dependencies:
-    "@vitest/expect": "npm:1.6.0"
-    "@vitest/runner": "npm:1.6.0"
-    "@vitest/snapshot": "npm:1.6.0"
-    "@vitest/spy": "npm:1.6.0"
-    "@vitest/utils": "npm:1.6.0"
-    acorn-walk: "npm:^8.3.2"
-    chai: "npm:^4.3.10"
-    debug: "npm:^4.3.4"
+"vitest@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "vitest@npm:2.0.5"
+  dependencies:
+    "@ampproject/remapping": "npm:^2.3.0"
+    "@vitest/expect": "npm:2.0.5"
+    "@vitest/pretty-format": "npm:^2.0.5"
+    "@vitest/runner": "npm:2.0.5"
+    "@vitest/snapshot": "npm:2.0.5"
+    "@vitest/spy": "npm:2.0.5"
+    "@vitest/utils": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    debug: "npm:^4.3.5"
     execa: "npm:^8.0.1"
-    local-pkg: "npm:^0.5.0"
-    magic-string: "npm:^0.30.5"
-    pathe: "npm:^1.1.1"
-    picocolors: "npm:^1.0.0"
-    std-env: "npm:^3.5.0"
-    strip-literal: "npm:^2.0.0"
-    tinybench: "npm:^2.5.1"
-    tinypool: "npm:^0.8.3"
+    magic-string: "npm:^0.30.10"
+    pathe: "npm:^1.1.2"
+    std-env: "npm:^3.7.0"
+    tinybench: "npm:^2.8.0"
+    tinypool: "npm:^1.0.0"
+    tinyrainbow: "npm:^1.2.0"
     vite: "npm:^5.0.0"
-    vite-node: "npm:1.6.0"
-    why-is-node-running: "npm:^2.2.2"
+    vite-node: "npm:2.0.5"
+    why-is-node-running: "npm:^2.3.0"
   peerDependencies:
     "@edge-runtime/vm": "*"
     "@types/node": ^18.0.0 || >=20.0.0
-    "@vitest/browser": 1.6.0
-    "@vitest/ui": 1.6.0
+    "@vitest/browser": 2.0.5
+    "@vitest/ui": 2.0.5
     happy-dom: "*"
     jsdom: "*"
   peerDependenciesMeta:
@@ -27902,7 +28246,7 @@ __metadata:
       optional: true
   bin:
     vitest: vitest.mjs
-  checksum: 10c0/065da5b8ead51eb174d93dac0cd50042ca9539856dc25e340ea905d668c41961f7e00df3e388e6c76125b2c22091db2e8465f993d0f6944daf9598d549e562e7
+  checksum: 10c0/b4e6cca00816bf967a8589111ded72faa12f92f94ccdd0dcd0698ffcfdfc52ec662753f66b387549c600ac699b993fd952efbd99dc57fcf4d1c69a2f1022b259
   languageName: node
   linkType: hard
 
@@ -28578,15 +28922,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"why-is-node-running@npm:^2.2.2":
-  version: 2.2.2
-  resolution: "why-is-node-running@npm:2.2.2"
+"why-is-node-running@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "why-is-node-running@npm:2.3.0"
   dependencies:
     siginfo: "npm:^2.0.0"
     stackback: "npm:0.0.2"
   bin:
     why-is-node-running: cli.js
-  checksum: 10c0/805d57eb5d33f0fb4e36bae5dceda7fd8c6932c2aeb705e30003970488f1a2bc70029ee64be1a0e1531e2268b11e65606e88e5b71d667ea745e6dc48fc9014bd
+  checksum: 10c0/1cde0b01b827d2cf4cb11db962f3958b9175d5d9e7ac7361d1a7b0e2dc6069a263e69118bd974c4f6d0a890ef4eedfe34cf3d5167ec14203dbc9a18620537054
   languageName: node
   linkType: hard
 
diff --git a/docs/_snippets/angular-builder-production.md b/docs/_snippets/angular-builder-production.md
new file mode 100644
index 000000000000..aa2b0a7d272f
--- /dev/null
+++ b/docs/_snippets/angular-builder-production.md
@@ -0,0 +1,14 @@
+```shell renderer="angular" tabTitle="with-builder"
+# Builds Storybook with Angular's custom builder
+# See https://storybook.js.org/docs/get-started/frameworks/angular#how-do-i-migrate-to-an-angular-storybook-builder
+# to learn how to create the custom builder
+ng run my-project:build-storybook
+```
+
+```json renderer="angular" language="js" filename="package.json" tabTitle="script-for-builder"
+{
+  "scripts": {
+    "build-storybook": "ng run my-project:build-storybook"
+  }
+}
+```
diff --git a/docs/_snippets/component-story-theme-override-globals.md b/docs/_snippets/component-story-theme-override-globals.md
new file mode 100644
index 000000000000..6d4774da1de2
--- /dev/null
+++ b/docs/_snippets/component-story-theme-override-globals.md
@@ -0,0 +1,106 @@
+```ts filename="MyComponent.stories.ts" renderer="angular" language="ts"
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { MyComponent } from './MyComponent.component';
+
+const meta: Meta<MyComponent> = {
+  component: MyComponent,
+};
+
+export default meta;
+type Story = StoryObj<MyComponent>;
+
+export const Default: Story = {};
+
+export const Dark: Story = {
+  //👇 Overrides the current theme for this story to render it with the dark theme
+  globals: { theme: 'dark' },
+};
+```
+
+```js filename="MyComponent.stories.js|jsx" renderer="common" language="js"
+import { MyComponent } from './MyComponent';
+
+export default {
+  component: MyComponent,
+};
+
+export const Default = {};
+
+export const Dark = {
+  //👇 Overrides the current theme for this story to render it with the dark theme
+  globals: { theme: 'dark' },
+};
+```
+
+```ts filename="MyComponent.stories.ts|tsx" renderer="common" language="ts-4-9"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { MyComponent } from './MyComponent';
+
+const meta = {
+  component: MyComponent,
+} satisfies Meta<typeof MyComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {};
+
+export const Dark: Story = {
+  //👇 Overrides the current theme for this story to render it with the dark theme
+  globals: { theme: 'dark' },
+};
+```
+
+```ts filename="MyComponent.stories.ts|tsx" renderer="common" language="ts"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { MyComponent } from './MyComponent';
+
+const meta: Meta<typeof MyComponent> = {
+  component: MyComponent,
+};
+
+export default meta;
+type Story = StoryObj<typeof MyComponent>;
+
+export const Default: Story = {};
+
+export const Dark: Story = {
+  //👇 Overrides the current theme for this story to render it with the dark theme
+  globals: { theme: 'dark' },
+};
+```
+
+```js filename="MyComponent.stories.js" renderer="web-components" language="js"
+export default {
+  component: 'my-component',
+};
+
+export const Default = {};
+
+export const Dark = {
+  globals: { theme: 'dark' },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="web-components" language="ts"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'my-component',
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Default: Story = {};
+
+export const Dark: Story = {
+  //👇 Overrides the current theme for this story to render it with the dark theme
+  globals: { theme: 'dark' },
+};
+```
diff --git a/docs/_snippets/custom-build-script-production.md b/docs/_snippets/custom-build-script-production.md
deleted file mode 100644
index ebca4a42035f..000000000000
--- a/docs/_snippets/custom-build-script-production.md
+++ /dev/null
@@ -1,8 +0,0 @@
-```json renderer="angular" language="js" tabTitle="script-for-builder"
-{
-  "scripts": {
-    "build-storybook": "ng run my-project:build-storybook"
-  }
-}
-```
-
diff --git a/docs/_snippets/main-config-features-backgrounds-story-globals.md b/docs/_snippets/main-config-features-backgrounds-story-globals.md
new file mode 100644
index 000000000000..0cea2e351129
--- /dev/null
+++ b/docs/_snippets/main-config-features-backgrounds-story-globals.md
@@ -0,0 +1,25 @@
+```js filename=".storybook/main.js" renderer="common" language="js"
+export default {
+  // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+  framework: '@storybook/your-framework',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  features: {
+    backgroundsStoryGlobals: true,
+  },
+};
+```
+
+```ts filename=".storybook/main.ts" renderer="common" language="ts"
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  framework: '@storybook/your-framework',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  features: {
+    backgroundsStoryGlobals: true,
+  },
+};
+
+export default config;
+```
diff --git a/docs/_snippets/main-config-features-viewport-story-globals.md b/docs/_snippets/main-config-features-viewport-story-globals.md
new file mode 100644
index 000000000000..d3693fd068b3
--- /dev/null
+++ b/docs/_snippets/main-config-features-viewport-story-globals.md
@@ -0,0 +1,25 @@
+```js filename=".storybook/main.js" renderer="common" language="js"
+export default {
+  // Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+  framework: '@storybook/your-framework',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  features: {
+    viewportStoryGlobals: true,
+  },
+};
+```
+
+```ts filename=".storybook/main.ts" renderer="common" language="ts"
+// Replace your-framework with the framework you are using (e.g., react-webpack5, vue3-vite)
+import type { StorybookConfig } from '@storybook/your-framework';
+
+const config: StorybookConfig = {
+  framework: '@storybook/your-framework',
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  features: {
+    viewportStoryGlobals: true,
+  },
+};
+
+export default config;
+```
diff --git a/docs/_snippets/my-component-story-configure-viewports.md b/docs/_snippets/my-component-story-configure-viewports.md
index bf371f645f01..93b252766329 100644
--- a/docs/_snippets/my-component-story-configure-viewports.md
+++ b/docs/_snippets/my-component-story-configure-viewports.md
@@ -1,4 +1,341 @@
-```ts filename="MyComponent.stories.ts" renderer="angular" language="ts"
+```ts filename="MyComponent.stories.ts" renderer="angular" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import { MyComponent } from './MyComponent.component';
+
+const meta: Meta<MyComponent> = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<MyComponent>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```js filename="MyComponent.stories.js|jsx" renderer="react" language="js" tabTitle="globals-api"
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import { MyComponent } from './MyComponent';
+
+export default {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export const MyStory = {
+  globals: {
+    viewport: {
+      //👇 Your own default viewport
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts|tsx" renderer="react" language="ts-4-9" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import { MyComponent } from './MyComponent';
+
+const meta = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+} satisfies Meta<typeof MyComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts|tsx" renderer="react" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import { MyComponent } from './MyComponent';
+
+const meta: Meta<typeof MyComponent> = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof MyComponent>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```js filename="MyComponent.stories.js" renderer="svelte" language="js" tabTitle="globals-api"
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import MyComponent from './MyComponent.svelte';
+
+export default {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export const MyStory = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="svelte" language="ts-4-9" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import MyComponent from './MyComponent.svelte';
+
+const meta = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+} satisfies Meta<typeof MyComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="svelte" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import MyComponent from './MyComponent.svelte';
+
+const meta: Meta<typeof MyComponent> = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```js filename="MyComponent.stories.js" renderer="vue" language="js" tabTitle="globals-api"
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import MyComponent from './MyComponent.vue';
+
+export default {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export const MyStory = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="vue" language="ts-4-9" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import MyComponent from './MyComponent.vue';
+
+const meta = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+} satisfies Meta<typeof MyComponent>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="vue" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+import MyComponent from './MyComponent.vue';
+
+const meta: Meta<typeof MyComponent> = {
+  component: MyComponent,
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof MyComponent>;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```js filename="MyComponent.stories.js" renderer="web-components" language="js" tabTitle="globals-api"
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export default {
+  component: 'my-component',
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export const MyStory = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="web-components" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+const meta: Meta = {
+  component: 'my-component',
+  parameters: {
+    //👇 The viewports object from the Essentials addon
+    viewport: {
+      //👇 The viewports you want to use
+      options: INITIAL_VIEWPORTS,
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const MyStory: Story = {
+  globals: {
+    viewport: {
+      value: 'iphone6',
+    },
+  },
+};
+```
+
+```ts filename="MyComponent.stories.ts" renderer="angular" language="ts" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/angular';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -23,13 +360,15 @@ export default meta;
 type Story = StoryObj<MyComponent>;
 
 export const MyStory: Story = {
-  render: () => ({
-    template: '<MyComponent></MyComponent>',
-  }),
+  parameters: {
+    viewport: {
+      defaultViewport: 'iphonex',
+    },
+  },
 };
 ```
 
-```js filename="MyComponent.stories.js|jsx" renderer="react" language="js"
+```js filename="MyComponent.stories.js|jsx" renderer="react" language="js" tabTitle="without-globals"
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import { MyComponent } from './MyComponent';
@@ -56,7 +395,7 @@ export const MyStory = {
 };
 ```
 
-```ts filename="MyComponent.stories.ts|tsx" renderer="react" language="ts-4-9"
+```ts filename="MyComponent.stories.ts|tsx" renderer="react" language="ts-4-9" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -88,7 +427,7 @@ export const MyStory: Story = {
 };
 ```
 
-```ts filename="MyComponent.stories.ts|tsx" renderer="react" language="ts"
+```ts filename="MyComponent.stories.ts|tsx" renderer="react" language="ts" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/react';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -120,7 +459,7 @@ export const MyStory: Story = {
 };
 ```
 
-```js filename="MyComponent.stories.js|jsx" renderer="solid" language="js"
+```js filename="MyComponent.stories.js|jsx" renderer="solid" language="js" tabTitle="without-globals"
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import { MyComponent } from './MyComponent';
@@ -147,7 +486,7 @@ export const MyStory = {
 };
 ```
 
-```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts-4-9"
+```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts-4-9" tabTitle="without-globals"
 import type { Meta, StoryObj } from 'storybook-solidjs';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -179,7 +518,7 @@ export const MyStory: Story = {
 };
 ```
 
-```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts"
+```tsx filename="MyComponent.stories.ts|tsx" renderer="solid" language="ts" tabTitle="without-globals"
 import type { Meta, StoryObj } from 'storybook-solidjs';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -211,7 +550,7 @@ export const MyStory: Story = {
 };
 ```
 
-```js filename="MyComponent.stories.js" renderer="svelte" language="js"
+```js filename="MyComponent.stories.js" renderer="svelte" language="js" tabTitle="without-globals"
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import MyComponent from './MyComponent.svelte';
@@ -238,30 +577,9 @@ export const MyStory = {
 };
 ```
 
-```html renderer="svelte" language="ts" tabTitle="native-format"
-{/* MyComponent.stories.svelte */}
-
-<script>
-  import { Meta, Template, Story } from '@storybook/addon-svelte-csf';
-
-  import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
-
-  import MyComponent from './MyComponent.svelte';
-</script>
-
-<Meta title="MyComponent" component={MyComponent} parameters={{ //👇 The viewports object from the
-Essentials addon viewport: { //👇 The viewports you want to use viewports: INITIAL_VIEWPORTS, //👇
-Your own default viewport defaultViewport: 'iphone6', }, }} />
-
-<template let:args>
-  <MyComponent {...args} />
-</template>
-
-<Story name="MyStory" parameters={{ viewport: { defaultViewport: 'iphonex', }, }} />
-```
-
-```ts filename="MyComponent.stories.ts" renderer="svelte" language="ts-4-9"
+```ts filename="MyComponent.stories.ts" renderer="svelte" language="ts-4-9" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/svelte';
+
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import MyComponent from './MyComponent.svelte';
@@ -291,8 +609,9 @@ export const MyStory: Story = {
 };
 ```
 
-```ts filename="MyComponent.stories.ts" renderer="svelte" language="ts"
+```ts filename="MyComponent.stories.ts" renderer="svelte" language="ts" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/svelte';
+
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import MyComponent from './MyComponent.svelte';
@@ -322,7 +641,7 @@ export const MyStory: Story = {
 };
 ```
 
-```js filename="MyComponent.stories.js" renderer="vue" language="js"
+```js filename="MyComponent.stories.js" renderer="vue" language="js" tabTitle="without-globals"
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 import MyComponent from './MyComponent.vue';
@@ -350,7 +669,7 @@ export const MyStory = {
 };
 ```
 
-```ts filename="MyComponent.stories.ts" renderer="vue" language="ts-4-9"
+```ts filename="MyComponent.stories.ts" renderer="vue" language="ts-4-9" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/vue3';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -383,7 +702,7 @@ export const MyStory: Story = {
 };
 ```
 
-```ts filename="MyComponent.stories.ts" renderer="vue" language="ts"
+```ts filename="MyComponent.stories.ts" renderer="vue" language="ts" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/vue3';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -416,7 +735,7 @@ export const MyStory: Story = {
 };
 ```
 
-```js filename="MyComponent.stories.js" renderer="web-components" language="js"
+```js filename="MyComponent.stories.js" renderer="web-components" language="js" tabTitle="without-globals"
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 export default {
@@ -441,7 +760,7 @@ export const MyStory = {
 };
 ```
 
-```ts filename="MyComponent.stories.ts" renderer="web-components" language="ts"
+```ts filename="MyComponent.stories.ts" renderer="web-components" language="ts" tabTitle="without-globals"
 import type { Meta, StoryObj } from '@storybook/web-components';
 
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
@@ -470,4 +789,3 @@ export const MyStory: Story = {
   },
 };
 ```
-
diff --git a/docs/_snippets/nextjs-vite-add-framework.md b/docs/_snippets/nextjs-vite-add-framework.md
new file mode 100644
index 000000000000..ac874f278550
--- /dev/null
+++ b/docs/_snippets/nextjs-vite-add-framework.md
@@ -0,0 +1,19 @@
+```js filename=".storybook/main.js" renderer="react" language="js"
+export default {
+  // ...
+  // framework: '@storybook/react-webpack5', 👈 Remove this
+  framework: '@storybook/experimental-nextjs-vite', // 👈 Add this
+};
+```
+
+```ts filename=".storybook/main.ts" renderer="react" language="ts"
+import { StorybookConfig } from '@storybook/experimental-nextjs-vite';
+
+const config: StorybookConfig = {
+  // ...
+  // framework: '@storybook/react-webpack5', 👈 Remove this
+  framework: '@storybook/experimental-nextjs-vite', // 👈 Add this
+};
+
+export default config;
+```
diff --git a/docs/_snippets/nextjs-vite-install.md b/docs/_snippets/nextjs-vite-install.md
new file mode 100644
index 000000000000..83568e30cfa4
--- /dev/null
+++ b/docs/_snippets/nextjs-vite-install.md
@@ -0,0 +1,11 @@
+```shell renderer="react" language="js" packageManager="npm"
+npm install --save-dev @storybook/experimental-nextjs-vite
+```
+
+```shell renderer="react" language="js" packageManager="pnpm"
+pnpm add --save-dev @storybook/experimental-nextjs-vite
+```
+
+```shell renderer="react" language="js" packageManager="yarn"
+yarn add --dev @storybook/experimental-nextjs-vite
+```
diff --git a/docs/_snippets/nextjs-vite-remove-addons.md b/docs/_snippets/nextjs-vite-remove-addons.md
new file mode 100644
index 000000000000..85a01de7df21
--- /dev/null
+++ b/docs/_snippets/nextjs-vite-remove-addons.md
@@ -0,0 +1,27 @@
+```js filename=".storybook/main.js" renderer="react" language="js"
+export default {
+  // ...
+  addons: [
+    // ...
+    // 👇 These can both be removed
+    // 'storybook-addon-next',
+    // 'storybook-addon-next-router',
+  ],
+};
+```
+
+```ts filename=".storybook/main.ts" renderer="react" language="ts"
+import { StorybookConfig } from '@storybook/experimental-nextjs-vite';
+
+const config: StorybookConfig = {
+  // ...
+  addons: [
+    // ...
+    // 👇 These can both be removed
+    // 'storybook-addon-next',
+    // 'storybook-addon-next-router',
+  ],
+};
+
+export default config;
+```
diff --git a/docs/_snippets/portable-stories-vitest-compose-stories.md b/docs/_snippets/portable-stories-vitest-compose-stories.md
index 8ee390c4824f..3ac894b23af5 100644
--- a/docs/_snippets/portable-stories-vitest-compose-stories.md
+++ b/docs/_snippets/portable-stories-vitest-compose-stories.md
@@ -1,6 +1,7 @@
 ```tsx filename="Button.test.tsx" renderer="react" language="ts"
 import { test, expect } from 'vitest';
 import { screen } from '@testing-library/react';
+// 👉 Using Next.js? Import from @storybook/nextjs instead
 import { composeStories } from '@storybook/react';
 
 // Import all stories and the component annotations from the stories file
diff --git a/docs/_snippets/storybook-addon-backgrounds-configure-backgrounds.md b/docs/_snippets/storybook-addon-backgrounds-configure-backgrounds.md
index 890a6671d4b1..d3f67b11a3e1 100644
--- a/docs/_snippets/storybook-addon-backgrounds-configure-backgrounds.md
+++ b/docs/_snippets/storybook-addon-backgrounds-configure-backgrounds.md
@@ -1,17 +1,42 @@
-```ts filename="Button.stories.ts" renderer="angular" language="ts"
+```ts filename="Button.stories.ts" renderer="angular" language="ts" tabTitle="globals-api"
 import type { Meta } from '@storybook/angular';
 
 import { Button } from './button.component';
 
-// To apply a set of backgrounds to all stories of Button:
 const meta: Meta<Button> = {
   component: Button,
   parameters: {
     backgrounds: {
-      default: 'twitter',
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts" renderer="angular" language="ts" tabTitle="without-globals"
+import type { Meta } from '@storybook/angular';
+
+import { Button } from './button.component';
+
+const meta: Meta<Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
       values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
       ],
     },
   },
@@ -20,62 +45,295 @@ const meta: Meta<Button> = {
 export default meta;
 ```
 
-```js filename="Button.stories.js|jsx" renderer="common" language="js"
+```js filename="Button.stories.js" renderer="web-components" language="js" tabTitle="globals-api"
+export default {
+  component: 'demo-button',
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="web-components" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'demo-button',
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+
+export default meta;
+```
+
+```js filename="Button.stories.js" renderer="web-components" language="js" tabTitle="without-globals"
+export default {
+  component: 'demo-button',
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="web-components" language="ts" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'demo-button',
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+};
+
+export default meta;
+```
+
+```js filename="Button.stories.js|jsx" renderer="react" language="js" tabTitle="globals-api"
+import { Button } from './Button';
+
+export default {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+```
+
+```js filename="Button.stories.js|jsx" renderer="react" language="js" tabTitle="without-globals"
 import { Button } from './Button';
 
-// To apply a set of backgrounds to all stories of Button:
 export default {
   component: Button,
   parameters: {
     backgrounds: {
-      default: 'twitter',
+      default: 'Light',
       values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
       ],
     },
   },
 };
 ```
 
-```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9"
-// Replace your-framework with the name of your framework
-import type { Meta } from '@storybook/your-framework';
+```ts filename="Button.stories.tsx" renderer="react" language="ts" tabTitle="globals-api"
+import type { Meta } from '@storybook/react';
 
 import { Button } from './Button';
 
-// To apply a set of backgrounds to all stories of Button:
-const meta = {
+const meta: Meta<typeof Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+
+export default meta;
+```
+
+```ts filename="Button.stories.tsx" renderer="react" language="ts" tabTitle="without-globals"
+import type { Meta } from '@storybook/react';
+
+import { Button } from './Button';
+
+const meta: Meta<typeof Button> = {
   component: Button,
   parameters: {
     backgrounds: {
-      default: 'twitter',
+      default: 'Light',
       values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
       ],
     },
   },
+};
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts|tsx" renderer="react" language="ts-4-9" tabTitle="globals-api"
+import type { Meta } from '@storybook/react';
+
+import { Button } from './Button';
+
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
 } satisfies Meta<typeof Button>;
 
 export default meta;
 ```
 
-```ts filename="Button.stories.ts|tsx" renderer="common" language="ts"
-// Replace your-framework with the name of your framework
-import type { Meta } from '@storybook/your-framework';
+```ts filename="Button.stories.ts|tsx" renderer="react" language="ts-4-9" tabTitle="without-globals"
+import type { Meta } from '@storybook/react';
 
 import { Button } from './Button';
 
-// To apply a set of backgrounds to all stories of Button:
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+```
+
+```js filename="Button.stories.js" renderer="vue" language="js" tabTitle="globals-api"
+import Button from './Button.vue';
+
+export default {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="vue" language="js" tabTitle="without-globals"
+import Button from './Button.vue';
+
+export default {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="vue" language="ts" tabTitle="globals-api"
+import type { Meta } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts" renderer="vue" language="ts" tabTitle="without-globals"
+import type { Meta } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
 const meta: Meta<typeof Button> = {
   component: Button,
   parameters: {
     backgrounds: {
-      default: 'twitter',
+      default: 'Light',
       values: [
-        { name: 'twitter', value: '#00aced' },
-        { name: 'facebook', value: '#3b5998' },
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
       ],
     },
   },
@@ -84,3 +342,182 @@ const meta: Meta<typeof Button> = {
 export default meta;
 ```
 
+```ts filename="Button.stories.ts" renderer="vue" language="ts-4-9" tabTitle="globals-api"
+import type { Meta } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts" renderer="vue" language="ts-4-9" tabTitle="without-globals"
+import type { Meta } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+```
+
+```js filename="Button.stories.js" renderer="svelte" language="js" tabTitle="globals-api"
+import Button from './Button.svelte';
+
+export default {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="svelte" language="js" tabTitle="without-globals"
+import Button from './Button.svelte';
+
+export default {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts" tabTitle="globals-api"
+import type { Meta } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts" tabTitle="without-globals"
+import type { Meta } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+};
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts-4-9" tabTitle="globals-api"
+import type { Meta } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts-4-9" tabTitle="without-globals"
+import type { Meta } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      default: 'Light',
+      values: [
+        {
+          name: 'Dark',
+          value: '#333',
+        },
+        {
+          name: 'Light',
+          value: '#F7F9F2',
+        },
+      ],
+    },
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+```
diff --git a/docs/_snippets/storybook-addon-backgrounds-disable-backgrounds.md b/docs/_snippets/storybook-addon-backgrounds-disable-backgrounds.md
index 1465ba239ab2..bcfb5d24950b 100644
--- a/docs/_snippets/storybook-addon-backgrounds-disable-backgrounds.md
+++ b/docs/_snippets/storybook-addon-backgrounds-disable-backgrounds.md
@@ -1,23 +1,18 @@
-```ts filename="Button.stories.ts" renderer="angular" language="ts"
-import type { Meta, StoryObj } from '@storybook/angular';
-
-import { Button } from './button.component';
+```js filename="Button.stories.js|jsx" renderer="common" language="js" tabTitle="globals-api"
+import { Button } from './Button';
 
-const meta: Meta<Button> = {
+export default {
   component: Button,
 };
 
-export default meta;
-type Story = StoryObj<Button>;
-
-export const Large: Story = {
+export const Large = {
   parameters: {
-    backgrounds: { disable: true },
+    backgrounds: { disabled: true },
   },
 };
 ```
 
-```js filename="Button.stories.js|jsx" renderer="common" language="js"
+```js filename="Button.stories.js|jsx" renderer="common" language="js" tabTitle="without-globals"
 import { Button } from './Button';
 
 export default {
@@ -31,7 +26,7 @@ export const Large = {
 };
 ```
 
-```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9"
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9" tabTitle="globals-api"
 // Replace your-framework with the name of your framework
 import type { Meta, StoryObj } from '@storybook/your-framework';
 
@@ -46,23 +41,23 @@ type Story = StoryObj<typeof meta>;
 
 export const Large: Story = {
   parameters: {
-    backgrounds: { disable: true },
+    backgrounds: { disabled: true },
   },
 };
 ```
 
-```ts filename="Button.stories.ts|tsx" renderer="common" language="ts"
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9" tabTitle="without-globals"
 // Replace your-framework with the name of your framework
 import type { Meta, StoryObj } from '@storybook/your-framework';
 
 import { Button } from './Button';
 
-const meta: Meta<typeof Button> = {
+const meta = {
   component: Button,
-};
+} satisfies Meta<typeof Button>;
 
 export default meta;
-type Story = StoryObj<typeof Button>;
+type Story = StoryObj<typeof meta>;
 
 export const Large: Story = {
   parameters: {
@@ -71,27 +66,38 @@ export const Large: Story = {
 };
 ```
 
-```js filename="Button.stories.js" renderer="web-components" language="js"
-export default {
-  component: 'demo-button',
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { Button } from './Button';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
 };
 
-export const Large = {
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
   parameters: {
-    backgrounds: { disable: true },
+    backgrounds: { disabled: true },
   },
 };
 ```
 
-```ts filename="Button.stories.ts" renderer="web-components" language="ts"
-import type { Meta, StoryObj } from '@storybook/web-components';
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts" tabTitle="without-globals"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { Button } from './Button';
 
-const meta: Meta = {
-  component: 'demo-button',
+const meta: Meta<typeof Button> = {
+  component: Button,
 };
 
 export default meta;
-type Story = StoryObj;
+type Story = StoryObj<typeof Button>;
 
 export const Large: Story = {
   parameters: {
@@ -99,4 +105,3 @@ export const Large: Story = {
   },
 };
 ```
-
diff --git a/docs/_snippets/storybook-addon-backgrounds-global-api.md b/docs/_snippets/storybook-addon-backgrounds-global-api.md
new file mode 100644
index 000000000000..bdf01ca550f5
--- /dev/null
+++ b/docs/_snippets/storybook-addon-backgrounds-global-api.md
@@ -0,0 +1,143 @@
+```ts filename="Button.stories.ts" renderer="angular" language="ts"
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { Button } from './button.component';
+
+const meta: Meta<Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        maroon: { name: 'Maroon', value: '#400' },
+      },
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<Button>;
+
+export const Large: Story = {
+  global: {
+    backgrounds: { value: 'maroon', grid: false },
+  },
+};
+```
+
+```js filename="Button.stories.js|jsx" renderer="common" language="js"
+import { Button } from './Button';
+
+export default {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        maroon: { name: 'Maroon', value: '#400' },
+      },
+    },
+  },
+};
+
+export const Large = {
+  global: {
+    backgrounds: { value: 'maroon', grid: false },
+  },
+};
+```
+
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { Button } from './Button';
+
+const meta = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        maroon: { name: 'Maroon', value: '#400' },
+      },
+    },
+  },
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Large: Story = {
+  global: {
+    backgrounds: { value: 'maroon', grid: false },
+  },
+};
+```
+
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { Button } from './Button';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+  parameters: {
+    backgrounds: {
+      options: {
+        maroon: { name: 'Maroon', value: '#400' },
+      },
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  global: {
+    backgrounds: { value: 'maroon', grid: false },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="web-components" language="js"
+export default {
+  component: 'demo-button',
+  parameters: {
+    backgrounds: {
+      options: {
+        maroon: { name: 'Maroon', value: '#400' },
+      },
+    },
+  },
+};
+
+export const Large = {
+  global: {
+    backgrounds: { value: 'maroon', grid: false },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="web-components" language="ts"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'demo-button',
+  parameters: {
+    backgrounds: {
+      options: {
+        maroon: { name: 'Maroon', value: '#400' },
+      },
+    },
+  },
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Large: Story = {
+  global: {
+    backgrounds: { value: 'maroon', grid: false },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/_snippets/storybook-addon-backgrounds-override-background-color.md b/docs/_snippets/storybook-addon-backgrounds-override-background-color.md
index ead255e35143..87bcb7fb749c 100644
--- a/docs/_snippets/storybook-addon-backgrounds-override-background-color.md
+++ b/docs/_snippets/storybook-addon-backgrounds-override-background-color.md
@@ -1,4 +1,4 @@
-```ts filename="Button.stories.ts" renderer="angular" language="ts"
+```ts filename="Button.stories.ts" renderer="angular" language="ts" tabTitle="globals-api"
 import type { Meta, StoryObj } from '@storybook/angular';
 
 import { Button } from './button.component';
@@ -12,12 +12,101 @@ type Story = StoryObj<Button>;
 
 export const Large: Story = {
   parameters: {
-    backgrounds: { default: 'facebook' },
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
   },
 };
 ```
 
-```js filename="Button.stories.js|jsx" renderer="common" language="js"
+```ts filename="Button.stories.ts" renderer="angular" language="ts" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { Button } from './button.component';
+
+const meta: Meta<Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<Button>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="web-components" language="js" tabTitle="globals-api"
+export default {
+  component: 'demo-button',
+};
+
+export const Large = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="web-components" language="js" tabTitle="without-globals"
+export default {
+  component: 'demo-button',
+};
+
+export const Large = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="web-components" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'demo-button',
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="web-components" language="ts" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'demo-button',
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```js filename="Button.stories.js|jsx" renderer="react" language="js" tabTitle="globals-api"
 import { Button } from './Button';
 
 export default {
@@ -26,14 +115,73 @@ export default {
 
 export const Large = {
   parameters: {
-    backgrounds: { default: 'facebook' },
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
   },
 };
 ```
 
-```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9"
-// Replace your-framework with the name of your framework
-import type { Meta, StoryObj } from '@storybook/your-framework';
+```js filename="Button.stories.js|jsx" renderer="react" language="js" tabTitle="without-globals"
+import { Button } from './Button';
+
+export default {
+  component: Button,
+};
+
+export const Large = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```ts filename="Button.stories.tsx" renderer="react" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Button } from './Button';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.tsx" renderer="react" language="ts" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Button } from './Button';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```ts filename="Button.stories.ts|tsx" renderer="react" language="ts-4-9" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
@@ -46,17 +194,94 @@ type Story = StoryObj<typeof meta>;
 
 export const Large: Story = {
   parameters: {
-    backgrounds: { default: 'facebook' },
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
   },
 };
 ```
 
-```ts filename="Button.stories.ts|tsx" renderer="common" language="ts"
-// Replace your-framework with the name of your framework
-import type { Meta, StoryObj } from '@storybook/your-framework';
+```ts filename="Button.stories.ts|tsx" renderer="react" language="ts-4-9" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/react';
 
 import { Button } from './Button';
 
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="vue" language="js" tabTitle="globals-api"
+import Button from './Button.vue';
+
+export default {
+  component: Button,
+};
+
+export const Large = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="vue" language="js" tabTitle="without-globals"
+import Button from './Button.vue';
+
+export default {
+  component: Button,
+};
+
+export const Large = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="vue" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="vue" language="ts" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
 const meta: Meta<typeof Button> = {
   component: Button,
 };
@@ -66,37 +291,165 @@ type Story = StoryObj<typeof Button>;
 
 export const Large: Story = {
   parameters: {
-    backgrounds: { default: 'facebook' },
+    backgrounds: { default: 'Dark' },
   },
 };
 ```
 
-```js filename="Button.stories.js" renderer="web-components" language="js"
+```ts filename="Button.stories.ts" renderer="vue" language="ts-4-9" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="vue" language="ts-4-9" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/vue3';
+
+import Button from './Button.vue';
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="svelte" language="js" tabTitle="globals-api"
+import Button from './Button.svelte';
+
 export default {
-  component: 'demo-button',
+  component: Button,
 };
 
 export const Large = {
   parameters: {
-    backgrounds: { default: 'facebook' },
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
   },
 };
 ```
 
-```ts filename="Button.stories.ts" renderer="web-components" language="ts"
-import type { Meta, StoryObj } from '@storybook/web-components';
+```js filename="Button.stories.js" renderer="svelte" language="js" tabTitle="without-globals"
+import Button from './Button.svelte';
 
-const meta: Meta = {
-  component: 'demo-button',
+export default {
+  component: Button,
+};
+
+export const Large = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
 };
 
 export default meta;
-type Story = StoryObj;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="svelte" language="ts-4-9" tabTitle="globals-api"
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
 
 export const Large: Story = {
   parameters: {
-    backgrounds: { default: 'facebook' },
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#000' },
+      },
+    },
   },
 };
 ```
 
+```ts filename="Button.stories.ts" renderer="svelte" language="ts-4-9" tabTitle="without-globals"
+import type { Meta, StoryObj } from '@storybook/svelte';
+
+import Button from './Button.svelte';
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Large: Story = {
+  parameters: {
+    backgrounds: { default: 'Dark' },
+  },
+};
+```
diff --git a/docs/_snippets/storybook-addon-viewports-global-api.md b/docs/_snippets/storybook-addon-viewports-global-api.md
new file mode 100644
index 000000000000..7737314236df
--- /dev/null
+++ b/docs/_snippets/storybook-addon-viewports-global-api.md
@@ -0,0 +1,101 @@
+```ts filename="Button.stories.ts" renderer="angular" language="ts"
+import type { Meta, StoryObj } from '@storybook/angular';
+
+import { Button } from './button.component';
+
+const meta: Meta<Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<Button>;
+
+export const Large: Story = {
+  global: {
+    viewport: { value: 'phone', isRotated: false },
+  },
+};
+```
+
+```js filename="Button.stories.js|jsx" renderer="common" language="js"
+import { Button } from './Button';
+
+export default {
+  component: Button,
+};
+
+export const Large = {
+  global: {
+    viewport: { value: 'phone', isRotated: false },
+  },
+};
+```
+
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts-4-9"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { Button } from './Button';
+
+const meta = {
+  component: Button,
+} satisfies Meta<typeof Button>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Large: Story = {
+  global: {
+    viewport: { value: 'phone', isRotated: false },
+  },
+};
+```
+
+```ts filename="Button.stories.ts|tsx" renderer="common" language="ts"
+// Replace your-framework with the name of your framework
+import type { Meta, StoryObj } from '@storybook/your-framework';
+
+import { Button } from './Button';
+
+const meta: Meta<typeof Button> = {
+  component: Button,
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+export const Large: Story = {
+  global: {
+    viewport: { value: 'phone', isRotated: false },
+  },
+};
+```
+
+```js filename="Button.stories.js" renderer="web-components" language="js"
+export default {
+  component: 'demo-button',
+};
+
+export const Large = {
+  global: {
+    viewport: { value: 'phone', isRotated: false },
+  },
+};
+```
+
+```ts filename="Button.stories.ts" renderer="web-components" language="ts"
+import type { Meta, StoryObj } from '@storybook/web-components';
+
+const meta: Meta = {
+  component: 'demo-button',
+};
+
+export default meta;
+type Story = StoryObj;
+
+export const Large: Story = {
+  global: {
+    viewport: { value: 'phone', isRotated: false },
+  },
+};
+```
\ No newline at end of file
diff --git a/docs/_snippets/storybook-preview-change-viewports.md b/docs/_snippets/storybook-preview-change-viewports.md
index 0fc71baaa192..abc009259864 100644
--- a/docs/_snippets/storybook-preview-change-viewports.md
+++ b/docs/_snippets/storybook-preview-change-viewports.md
@@ -1,4 +1,31 @@
-```js filename=".storybook/preview.js" renderer="common" language="js"
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
+export default {
+  parameters: {
+    viewport: {
+      // newViewports would be an ViewportMap. (see below for examples)
+      options: newViewports,
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-framework with the framework you are using (e.g., react, vue3)
+import { Preview } from '@storybook/your-framework';
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      // newViewports would be an ViewportMap. (see below for examples)
+      options: newViewports,
+    },
+  },
+};
+
+export default preview;
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
 export default {
   parameters: {
     viewport: {
@@ -9,7 +36,7 @@ export default {
 };
 ```
 
-```ts filename=".storybook/preview.ts" renderer="common" language="ts"
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
 // Replace your-framework with the framework you are using (e.g., react, vue3)
 import { Preview } from '@storybook/your-framework';
 
@@ -24,4 +51,3 @@ const preview: Preview = {
 
 export default preview;
 ```
-
diff --git a/docs/_snippets/storybook-preview-configure-background-colors.md b/docs/_snippets/storybook-preview-configure-background-colors.md
index 85b87b521142..153a7fa54bef 100644
--- a/docs/_snippets/storybook-preview-configure-background-colors.md
+++ b/docs/_snippets/storybook-preview-configure-background-colors.md
@@ -1,16 +1,47 @@
-```js filename=".storybook/preview.js" renderer="common" language="js"
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
 export default {
   parameters: {
     backgrounds: {
-      default: 'twitter',
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-framework with the framework you are using (e.g., react, vue3)
+import { Preview } from '@storybook/your-framework';
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      options: {
+        dark: { name: 'Dark', value: '#333' },
+        light: { name: 'Light', value: '#F7F9F2' },
+      },
+    },
+  },
+};
+
+export default preview;
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
+export default {
+  parameters: {
+    backgrounds: {
+      default: 'Light',
       values: [
         {
-          name: 'twitter',
-          value: '#00aced',
+          name: 'Dark',
+          value: '#333',
         },
         {
-          name: 'facebook',
-          value: '#3b5998',
+          name: 'Light',
+          value: '#F7F9F2',
         },
       ],
     },
@@ -18,22 +49,22 @@ export default {
 };
 ```
 
-```ts filename=".storybook/preview.ts" renderer="common" language="ts"
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
 // Replace your-framework with the framework you are using (e.g., react, vue3)
 import { Preview } from '@storybook/your-framework';
 
 const preview: Preview = {
   parameters: {
     backgrounds: {
-      default: 'twitter',
+      default: 'Light',
       values: [
         {
-          name: 'twitter',
-          value: '#00aced',
+          name: 'Dark',
+          value: '#333',
         },
         {
-          name: 'facebook',
-          value: '#3b5998',
+          name: 'Light',
+          value: '#F7F9F2',
         },
       ],
     },
@@ -42,4 +73,3 @@ const preview: Preview = {
 
 export default preview;
 ```
-
diff --git a/docs/_snippets/storybook-preview-configure-globaltypes.md b/docs/_snippets/storybook-preview-configure-globaltypes.md
index f973725ce142..a5504e518507 100644
--- a/docs/_snippets/storybook-preview-configure-globaltypes.md
+++ b/docs/_snippets/storybook-preview-configure-globaltypes.md
@@ -3,7 +3,6 @@ const preview = {
   globalTypes: {
     theme: {
       description: 'Global theme for components',
-      defaultValue: 'light',
       toolbar: {
         // The label to show for this toolbar item
         title: 'Theme',
@@ -15,6 +14,9 @@ const preview = {
       },
     },
   },
+  initialGlobals: {
+    theme: 'light',
+  },
 };
 
 export default preview;
@@ -28,7 +30,6 @@ const preview: Preview = {
   globalTypes: {
     theme: {
       description: 'Global theme for components',
-      defaultValue: 'light',
       toolbar: {
         // The label to show for this toolbar item
         title: 'Theme',
@@ -40,6 +41,9 @@ const preview: Preview = {
       },
     },
   },
+  initialGlobals: {
+    theme: 'light',
+  },
 };
 
 export default preview;
@@ -53,7 +57,6 @@ const preview: Preview = {
   globalTypes: {
     theme: {
       description: 'Global theme for components',
-      defaultValue: 'light',
       toolbar: {
         // The label to show for this toolbar item
         title: 'Theme',
@@ -65,6 +68,9 @@ const preview: Preview = {
       },
     },
   },
+  initialGlobals: {
+    theme: 'light',
+  },
 };
 
 export default preview;
diff --git a/docs/_snippets/storybook-preview-granular-viewports.md b/docs/_snippets/storybook-preview-granular-viewports.md
index 98eaf85a84cc..e6d548f1fbc6 100644
--- a/docs/_snippets/storybook-preview-granular-viewports.md
+++ b/docs/_snippets/storybook-preview-granular-viewports.md
@@ -1,4 +1,51 @@
-```js filename=".storybook/preview.js" renderer="common" language="js"
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
+import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+export default {
+  parameters: {
+    viewport: {
+      options: {
+        ...INITIAL_VIEWPORTS,
+        ...MINIMAL_VIEWPORTS,
+      },
+    },
+  },
+  initialGlobals: {
+    viewport: {
+      value: 'iphone14promax',
+      isRotated: false,
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-framework with the framework you are using (e.g., react, vue3)
+import { Preview } from '@storybook/your-framework';
+
+import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      options: {
+        ...INITIAL_VIEWPORTS,
+        ...MINIMAL_VIEWPORTS,
+      },
+    },
+  },
+  initialGlobals: {
+    viewport: {
+      value: 'iphone14promax',
+      isRotated: false,
+    },
+  },
+};
+
+export default preview;
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
 import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 export default {
@@ -14,7 +61,7 @@ export default {
 };
 ```
 
-```ts filename=".storybook/preview.ts" renderer="common" language="ts"
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
 // Replace your-framework with the framework you are using (e.g., react, vue3)
 import { Preview } from '@storybook/your-framework';
 
@@ -34,4 +81,3 @@ const preview: Preview = {
 
 export default preview;
 ```
-
diff --git a/docs/_snippets/storybook-preview-locales-globaltype.md b/docs/_snippets/storybook-preview-locales-globaltype.md
index 638721ee9c27..d96bf310cc3a 100644
--- a/docs/_snippets/storybook-preview-locales-globaltype.md
+++ b/docs/_snippets/storybook-preview-locales-globaltype.md
@@ -3,7 +3,6 @@ const preview = {
   globalTypes: {
     locale: {
       description: 'Internationalization locale',
-      defaultValue: 'en',
       toolbar: {
         icon: 'globe',
         items: [
@@ -16,6 +15,9 @@ const preview = {
       },
     },
   },
+  initialGlobals: {
+    locale: 'en',
+  },
 };
 
 export default preview;
@@ -29,7 +31,6 @@ const preview: Preview = {
   globalTypes: {
     locale: {
       description: 'Internationalization locale',
-      defaultValue: 'en',
       toolbar: {
         icon: 'globe',
         items: [
@@ -42,6 +43,9 @@ const preview: Preview = {
       },
     },
   },
+  initialGlobals: {
+    locale: 'en',
+  },
 };
 
 export default preview;
@@ -55,7 +59,6 @@ const preview: Preview = {
   globalTypes: {
     locale: {
       description: 'Internationalization locale',
-      defaultValue: 'en',
       toolbar: {
         icon: 'globe',
         items: [
@@ -68,6 +71,9 @@ const preview: Preview = {
       },
     },
   },
+  initialGlobals: {
+    locale: 'en',
+  },
 };
 
 export default preview;
diff --git a/docs/_snippets/storybook-preview-merge-viewports.md b/docs/_snippets/storybook-preview-merge-viewports.md
index 4350d408c81e..515e3d90b80e 100644
--- a/docs/_snippets/storybook-preview-merge-viewports.md
+++ b/docs/_snippets/storybook-preview-merge-viewports.md
@@ -1,4 +1,73 @@
-```js filename=".storybook/preview.js" renderer="common" language="js"
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
+import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+const customViewports = {
+  kindleFire2: {
+    name: 'Kindle Fire 2',
+    styles: {
+      width: '600px',
+      height: '963px',
+    },
+  },
+  kindleFireHD: {
+    name: 'Kindle Fire HD',
+    styles: {
+      width: '533px',
+      height: '801px',
+    },
+  },
+};
+
+export default {
+  parameters: {
+    viewport: {
+      options: {
+        ...MINIMAL_VIEWPORTS,
+        ...customViewports,
+      },
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-framework with the framework you are using (e.g., react, vue3)
+import { Preview } from '@storybook/your-framework';
+
+import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
+
+const customViewports = {
+  kindleFire2: {
+    name: 'Kindle Fire 2',
+    styles: {
+      width: '600px',
+      height: '963px',
+    },
+  },
+  kindleFireHD: {
+    name: 'Kindle Fire HD',
+    styles: {
+      width: '533px',
+      height: '801px',
+    },
+  },
+};
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      options: {
+        ...MINIMAL_VIEWPORTS,
+        ...customViewports,
+      },
+    },
+  },
+};
+
+export default preview;
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
 import { MINIMAL_VIEWPORTS } from '@storybook/addon-viewport';
 
 const customViewports = {
@@ -30,7 +99,7 @@ export default {
 };
 ```
 
-```ts filename=".storybook/preview.ts" renderer="common" language="ts"
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
 // Replace your-framework with the framework you are using (e.g., react, vue3)
 import { Preview } from '@storybook/your-framework';
 
@@ -66,4 +135,3 @@ const preview: Preview = {
 
 export default preview;
 ```
-
diff --git a/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md b/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md
new file mode 100644
index 000000000000..4f5c95ee7c31
--- /dev/null
+++ b/docs/_snippets/storybook-preview-migrate-backgrounds-globals.md
@@ -0,0 +1,61 @@
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
+export default {
+  parameters: {
+    backgrounds: {
+      values: [
+        { name: 'twitter', value: '#00aced' },
+        { name: 'facebook', value: '#3b5998' },
+      ],
+    },
+  },
+};
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
+export default {
+  parameters: {
+    backgrounds: {
+      options: {
+        { name: 'twitter', value: '#00aced' },
+        { name: 'facebook', value: '#3b5998' },
+      },
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
+// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
+import type { Preview } from '@storybook/your-renderer';
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      values: [
+        { name: 'twitter', value: '#00aced' },
+        { name: 'facebook', value: '#3b5998' },
+      ],
+    },
+  },
+};
+
+export default preview;
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
+import type { Preview } from '@storybook/your-renderer';
+
+const preview: Preview = {
+  parameters: {
+    backgrounds: {
+      options: {
+        { name: 'twitter', value: '#00aced' },
+        { name: 'facebook', value: '#3b5998' },
+      },
+    },
+  },
+};
+
+export default preview;
+```
diff --git a/docs/_snippets/storybook-preview-migrate-viewports-globals.md b/docs/_snippets/storybook-preview-migrate-viewports-globals.md
new file mode 100644
index 000000000000..7773f3e185da
--- /dev/null
+++ b/docs/_snippets/storybook-preview-migrate-viewports-globals.md
@@ -0,0 +1,165 @@
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
+export default {
+  parameters: {
+    viewport: {
+      viewports: {
+        SmallPhone: {
+          name: 'Small phone',
+          styles: {
+            width: '320px',
+            height: '568px',
+          },
+        },
+        LargePhone: {
+          name: 'Large phone',
+          styles: {
+            width: '414px',
+            height: '896px',
+          },
+        },
+        Tablet: {
+          name: 'Tablet',
+          styles: {
+            height: '1024px',
+            width: '768px',
+          },
+        },
+        Desktop: {
+          name: 'Desktop',
+          styles: {
+            width: '1920px',
+            height: '1080px',
+          },
+        },
+      },
+    },
+  },
+};
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
+export default {
+  parameters: {
+    viewport: {
+      options: {
+        SmallPhone: {
+          name: 'Small phone',
+          styles: {
+            width: '320px',
+            height: '568px',
+          },
+        },
+        LargePhone: {
+          name: 'Large phone',
+          styles: {
+            width: '414px',
+            height: '896px',
+          },
+        },
+        Tablet: {
+          name: 'Tablet',
+          styles: {
+            height: '1024px',
+            width: '768px',
+          },
+        },
+        Desktop: {
+          name: 'Desktop',
+          styles: {
+            width: '1920px',
+            height: '1080px',
+          },
+        },
+      },
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
+// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
+import type { Preview } from '@storybook/your-renderer';
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      viewports: {
+        SmallPhone: {
+          name: 'Small phone',
+          styles: {
+            width: '320px',
+            height: '568px',
+          },
+        },
+        LargePhone: {
+          name: 'Large phone',
+          styles: {
+            width: '414px',
+            height: '896px',
+          },
+        },
+        Tablet: {
+          name: 'Tablet',
+          styles: {
+            height: '1024px',
+            width: '768px',
+          },
+        },
+        Desktop: {
+          name: 'Desktop',
+          styles: {
+            width: '1920px',
+            height: '1080px',
+          },
+        },
+      },
+    },
+  },
+};
+
+export default preview;
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-renderer with the renderer you are using (e.g., react, vue3, angular, etc.)
+import type { Preview } from '@storybook/your-renderer';
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      options: {
+        SmallPhone: {
+          name: 'Small phone',
+          styles: {
+            width: '320px',
+            height: '568px',
+          },
+        },
+        LargePhone: {
+          name: 'Large phone',
+          styles: {
+            width: '414px',
+            height: '896px',
+          },
+        },
+        Tablet: {
+          name: 'Tablet',
+          styles: {
+            height: '1024px',
+            width: '768px',
+          },
+        },
+        Desktop: {
+          name: 'Desktop',
+          styles: {
+            width: '1920px',
+            height: '1080px',
+          },
+        },
+      },
+    },
+  },
+};
+
+export default preview;
+```
diff --git a/docs/_snippets/storybook-preview-viewport-use-new-devices.md b/docs/_snippets/storybook-preview-viewport-use-new-devices.md
index 3c253d3dc055..0449775db3fb 100644
--- a/docs/_snippets/storybook-preview-viewport-use-new-devices.md
+++ b/docs/_snippets/storybook-preview-viewport-use-new-devices.md
@@ -1,4 +1,29 @@
-```js filename=".storybook/preview.js" renderer="common" language="js"
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="globals-api"
+export default {
+  parameters: {
+    viewport: {
+      options: customViewports,
+    },
+  },
+};
+```
+
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="globals-api"
+// Replace your-framework with the framework you are using (e.g., react, vue3)
+import { Preview } from '@storybook/your-framework';
+
+const preview: Preview = {
+  parameters: {
+    viewport: {
+      options: customViewports,
+    },
+  },
+};
+
+export default preview;
+```
+
+```js filename=".storybook/preview.js" renderer="common" language="js" tabTitle="without-globals"
 export default {
   parameters: {
     viewport: { viewports: customViewports },
@@ -6,7 +31,7 @@ export default {
 };
 ```
 
-```ts filename=".storybook/preview.ts" renderer="common" language="ts"
+```ts filename=".storybook/preview.ts" renderer="common" language="ts" tabTitle="without-globals"
 // Replace your-framework with the framework you are using (e.g., react, vue3)
 import { Preview } from '@storybook/your-framework';
 
@@ -18,4 +43,3 @@ const preview: Preview = {
 
 export default preview;
 ```
-
diff --git a/docs/api/main-config/main-config-features.mdx b/docs/api/main-config/main-config-features.mdx
index edcf987b077f..933c1d0d96d6 100644
--- a/docs/api/main-config/main-config-features.mdx
+++ b/docs/api/main-config/main-config-features.mdx
@@ -13,6 +13,8 @@ Type:
 {
   argTypeTargetsV7?: boolean;
   legacyDecoratorFileOrder?: boolean;
+  viewportStoryGlobals?: boolean;
+  backgroundsStoryGlobals?: boolean;
 }
 ```
 
@@ -43,3 +45,27 @@ Filter args with a "target" on the type from the render function.
 <CodeSnippets path="main-config-features-arg-type-targets-v7.md" />
 
 {/* prettier-ignore-end */}
+
+## `viewportStoryGlobals`
+
+Type: `boolean`
+
+Configures the [Viewports addon](../../essentials/viewport.mdx) to opt-in to the new story globals API for configuring viewports.
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="main-config-features-viewport-story-globals.md" />
+
+{/* prettier-ignore-end */}
+
+## `backgroundsStoryGlobals`
+
+Type: `boolean`
+
+Configures the [Backgrounds addon](../../essentials/backgrounds.mdx) to opt-in to the new story globals API for configuring backgrounds.
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="main-config-features-backgrounds-story-globals.md" />
+
+{/* prettier-ignore-end */}
diff --git a/docs/api/portable-stories/portable-stories-vitest.mdx b/docs/api/portable-stories/portable-stories-vitest.mdx
index f44d173dffc1..3093fea2b4d4 100644
--- a/docs/api/portable-stories/portable-stories-vitest.mdx
+++ b/docs/api/portable-stories/portable-stories-vitest.mdx
@@ -28,7 +28,7 @@ sidebar:
 
   <If renderer="react">
     <Callout variant="warning">
-      **Using `Next.js`?** Next.js requires specific configuration that is only available in [Jest](./portable-stories-jest.mdx). The portable stories API is not supported in Next.js with Vitest.
+      **Using `Next.js`?** You can test your Next.js stories with Vitest by installing and setting up the [`vite-plugin-storybook-nextjs`](https://github.com/storybookjs/vite-plugin-storybook-nextjs) package. 
     </Callout>
   </If>
 
diff --git a/docs/configure/telemetry.mdx b/docs/configure/telemetry.mdx
index 6764db42fede..d2333997a7d8 100644
--- a/docs/configure/telemetry.mdx
+++ b/docs/configure/telemetry.mdx
@@ -75,6 +75,16 @@ Will generate the following output:
       "onboardingStoryCount": 0,
       "onboardingDocsCount": 0,
       "version": 4
+    },
+    "storyStats": {
+      "play": 0,
+      "render": 1,
+      "loaders": 0,
+      "beforeEach": 0,
+      "globals": 0,
+      "storyFn": 5,
+      "mount": 0,
+      "moduleMock": 0
     }
   },
   "metadata": {
@@ -84,6 +94,7 @@ Will generate the following output:
     "hasStaticDirs": false,
     "hasStorybookEslint": false,
     "refCount": 0,
+    "portableStoriesFileCount": 0,
     "packageManager": {
       "type": "yarn",
       "version": "3.1.1"
diff --git a/docs/essentials/backgrounds.mdx b/docs/essentials/backgrounds.mdx
index 04516ed81666..16f0a0064d1a 100644
--- a/docs/essentials/backgrounds.mdx
+++ b/docs/essentials/backgrounds.mdx
@@ -23,53 +23,80 @@ But you're not restricted to these backgrounds, you can configure your own set o
 
 If you define the `default` property, the addon will apply it to all stories. Otherwise, it's only listed as an available color.
 
-### Extending the configuration
+### Overriding backgrounds with globals
 
-You can also define backgrounds per-component or per-story basis through [parameter inheritance](../writing-stories/parameters.mdx#component-parameters):
+The Backgrounds addon enables you to change the background color applied to a story by selecting from the list of predefined background colors in the toolbar. If you need, you can opt into the globals API to configure backgrounds to ensure that a story always uses a specific background color regardless of the existing configuration.
+
+To enable it, you'll need to take some additional steps to set it up properly. Our recommendation for configuring and using the globals API with the Backgrounds addon is detailed below.
+
+Update your [`.storybook/main.js|ts`](../configure/index.mdx#configure-your-storybook-project) to include the [`backgroundsStoryGlobals`](../api/main-config/main-config-features.mdx#backgroundsstoryglobals) option within Storybok's `features` configuration.
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="storybook-addon-backgrounds-configure-backgrounds.md" />
+<CodeSnippets path="main-config-features-backgrounds-story-globals.md" />
+
+{/* prettier-ignore-end */}
+
+<Callout variant="info">
+
+Enabling this API will turn off the ability to change any options from the toolbar to ensure that the background is always set to the intended value for the story.
+
+</Callout>
+
+Adjust the `backgrounds` parameter in your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) with an `options` object to define the available background colors for your stories.
+
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="storybook-preview-migrate-backgrounds-globals.md" />
 
 {/* prettier-ignore-end */}
 
-You can also override a single key on the `backgrounds` parameter, for instance, to set a different default value for a particular story:
+Update your stories to enable the new story globals API using the `global` configuration option to set the required options for your stories.
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="storybook-addon-backgrounds-override-background-color.md" usesCsf3 csf2Path="essentials/backgrounds#snippet-storybook-addon-backgrounds-override-background-color" />
+<CodeSnippets path="storybook-addon-backgrounds-global-api.md" usesCsf3 />
 
 {/* prettier-ignore-end */}
 
-### Disable backgrounds
+### Extending the configuration
 
-If you want to disable backgrounds in a story, you can do so by setting the `backgrounds` parameter like so:
+You can also define backgrounds per-component or per-story basis through [parameter inheritance](../writing-stories/parameters.mdx#component-parameters):
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="storybook-addon-backgrounds-disable-backgrounds.md" usesCsf3 csf2Path="essentials/backgrounds#snippet-storybook-addon-backgrounds-disable-backgrounds" />
+<CodeSnippets path="storybook-addon-backgrounds-configure-backgrounds.md" />
 
 {/* prettier-ignore-end */}
 
-## Grid
+You can also override a single key on the `backgrounds` parameter:
 
-Backgrounds toolbar also includes a Grid selector. This way, you can quickly see if your components are aligned.
+{/* prettier-ignore-start */}
 
-You don't need additional configuration to get started. But its properties are fully customizable, if you don't supply any value to any of its properties, they'll default to the following values:
+<CodeSnippets path="storybook-addon-backgrounds-override-background-color.md" usesCsf3 />
+
+{/* prettier-ignore-end */}
+
+### Disable backgrounds
+
+If you want to turn off backgrounds in a story, you can do so by setting the `backgrounds` parameter like so:
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="storybook-addon-backgrounds-configure-grid.md" />
+<CodeSnippets path="storybook-addon-backgrounds-disable-backgrounds.md" usesCsf3/>
 
 {/* prettier-ignore-end */}
 
-### Disable the grid
+### Grid
+
+The Backgrounds toolbar also includes a Grid selector, which allows you to quickly see if your components are aligned.
 
-If you need to disable the grid for a specific story, set the `backgrounds` parameter to the following:
+You don't need additional configuration to get started. But its properties are fully customizable; if you don't supply any value to any of its properties, they'll default to the following values:
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="storybook-addon-backgrounds-disable-grid.md" usesCsf3 csf2Path="essentials/backgrounds#snippet-storybook-addon-backgrounds-disable-grid" />
+<CodeSnippets path="storybook-addon-backgrounds-configure-grid.md" />
 
 {/* prettier-ignore-end */}
 
@@ -83,15 +110,31 @@ This addon contributes the following [parameters](../writing-stories/parameters.
 
 Type: `string`
 
-Default background color. Must match the `name` property of one of the [available colors](#values).
+Default background color. Must match the `name` property of one of the [available colors](#values). Required if you haven't opted into the [globals API](#overriding-backgrounds-with-globals).
+
+#### `options`
+
+Requires: [globals API](#overriding-backgrounds-with-globals)
+
+Type: `Record<string, { name: string; value: string }>`
+
+Defines the background colors. See above for a [usage example](#configuration).
 
-#### `disable`
+#### `disabled`
+
+Requires: [globals API](#overriding-backgrounds-with-globals)
 
 Type: `boolean`
 
-Disable this addon's behavior. If you wish to disable this addon for the entire Storybook, you should do so when registering `addon-essentials`. See the [essential addon's docs](../essentials/index.mdx#disabling-addons) for more information.
+Turn off this addon's behavior. If you wish to turn off this addon for the entire Storybook, you should do so when registering `addon-essentials`. See the [essential addon's docs](../essentials/index.mdx#disabling-addons) for more information.
+
+This parameter is most useful to allow overriding at more specific levels. For example, if this parameter is set to `true` at the project level, it could be re-enabled by setting it to `false` at the meta (component) or story level.
+
+<Callout variant="info">
+
+The `disabled` parameter is only available with the globals API introduced in Storybook 8.3. If you're using a previous Storybook version, use the `disable` parameter instead.
 
-This parameter is most useful to allow overriding at more specific levels. For example, if this parameter is set to `true` at the project level, it could then be re-enabled by setting it to `false` at the meta (component) or story level.
+</Callout>
 
 #### `grid`
 
@@ -99,12 +142,12 @@ Type:
 
 ```ts
 {
-  cellAmount?: number;
-  cellSize?: number;
-  disable?: boolean;
-  offsetX: number;
-  offsetY: number;
-  opacity?: number;
+ cellAmount?: number;
+ cellSize?: number;
+ disable?: boolean;
+ offsetX?: number;
+ offsetY?: number;
+ opacity?: number;
 }
 ```
 
@@ -128,7 +171,7 @@ Specify the size of the major grid lines.
 
 Type: `boolean`
 
-Disable the grid.
+Turn off the grid.
 
 ##### `grid.offsetX`
 
@@ -152,10 +195,10 @@ Type: `number`
 
 Default: `0.5`
 
-Opacity of the grid lines.
+The opacity of the grid lines.
 
 #### `values`
 
 Type: `{ name: string; value: string }[]`
 
-Available background colors. See above for a [usage example](#configuration).
+Available background colors. See above for a [usage example](#configuration). Required if you haven't opted into the [globals API](#overriding-backgrounds-with-globals).
diff --git a/docs/essentials/toolbars-and-globals.mdx b/docs/essentials/toolbars-and-globals.mdx
index 82fb679d322d..cb5c6a57b6b7 100644
--- a/docs/essentials/toolbars-and-globals.mdx
+++ b/docs/essentials/toolbars-and-globals.mdx
@@ -7,40 +7,38 @@ sidebar:
 
 <YouTubeCallout id="DuJ_gmSncLM" title="Create custom toolbar items using global types" />
 
-Storybook ships with toolbar addons to control the [viewport](./viewport.mdx) and [background](./backgrounds.mdx) the story renders in. You can also create your own toolbar items which control special “globals” which you can then read to create [decorators](../writing-stories/decorators.mdx) to control story rendering.
+Storybook ships with toolbar addons to control the [viewport](./viewport.mdx) and [background](./backgrounds.mdx) the story renders in. You can also create your toolbar items that control special “globals,” which you can then read to create [decorators](../writing-stories/decorators.mdx) to control story rendering.
 
 ![Toolbars and globals](../_assets/essentials/toolbars-and-globals.png)
 
 ## Globals
 
-Globals in Storybook represents “global” (as in not story-specific) inputs to the rendering of the story. As they aren’t specific to the story, they aren’t passed in the `args` argument to the story function (although they are accessible as `context.globals`), but typically you use them in decorators, which apply to all stories.
+Globals in Storybook represent “global” (as in not story-specific) inputs to the rendering of the story. As they aren’t specific to the story, they aren’t passed in the `args` argument to the story function (although they are accessible as `context.globals`), but typically you use them in decorators, which apply to all stories.
 
-When the globals change, the story re-renders, and the decorators rerun with the new values. The easiest way to change globals is to create a toolbar item for them.
+When the globals change, the story re-renders and the decorators rerun with the new values. The easiest way to change globals is to create a toolbar item for them.
 
 ## Global types and the toolbar annotation
 
 Storybook has a simple, declarative syntax for configuring toolbar menus. In your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering), you can add your own toolbars by creating `globalTypes` with a `toolbar` annotation:
 
-{/* prettier-ignore-start */}
-
 <CodeSnippets path="storybook-preview-configure-globaltypes.md" />
 
 {/* prettier-ignore-end */}
 
 <Callout variant="info" icon="💡">
 
-  As globals are *global* you can *only* set `globalTypes` in [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering).
+ As globals are *global* you can *only* set `globalTypes` in [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering).
 
 </Callout>
 
-When you start your Storybook, you should see a new dropdown with the `light` and `dark` options in your toolbar.
+When you start your Storybook, your toolbar should have a new dropdown menu with the `light` and `dark` options.
 
 ## Create a decorator
 
 We have a `global` implemented. Let's wire it up! We can consume our new `theme` global in a decorator using the `context.globals.theme` value.
 
 <IfRenderer renderer="react">
-  For example, suppose you are using [`styled-components`](https://styled-components.com/). You can add a theme provider decorator to your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) config:
+ For example, suppose you are using [`styled-components`](https://styled-components.com/). You can add a theme provider decorator to your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) config:
 
   {/* prettier-ignore-start */}
 
@@ -50,7 +48,7 @@ We have a `global` implemented. Let's wire it up! We can consume our new `theme`
 </IfRenderer>
 
 <IfRenderer renderer="vue">
-  For example, suppose you are using [`Vuetify`](https://vuetifyjs.com/en/). You can add a theme provider decorator to your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) config:
+ For example, suppose you are using [`Vuetify`](https://vuetifyjs.com/en/). You can add a theme provider decorator to your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) config:
 
   {/* prettier-ignore-start */}
 
@@ -60,7 +58,7 @@ We have a `global` implemented. Let's wire it up! We can consume our new `theme`
 </IfRenderer>
 
 <IfRenderer renderer="angular">
-  For example, suppose you are using [`Angular Material`](https://material.angular.io/). You can add a theme provider decorator to your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) config:
+ For example, suppose you are using [`Angular Material`](https://material.angular.io/). You can add a theme provider decorator to your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) config:
 
   {/* prettier-ignore-start */}
 
@@ -70,7 +68,7 @@ We have a `global` implemented. Let's wire it up! We can consume our new `theme`
 </IfRenderer>
 
 <IfRenderer renderer={['ember', 'html', 'preact', 'qwik', 'svelte', 'solid', 'web-components' ]}>
-  Depending on your framework and theming library, you can extend your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) and provide a decorator to load the theme. For example:
+ Depending on your framework and theming library, you can extend your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) and provide a decorator to load the theme. For example:
 
   {/* prettier-ignore-start */}
 
@@ -79,11 +77,30 @@ We have a `global` implemented. Let's wire it up! We can consume our new `theme`
   {/* prettier-ignore-end */}
 </IfRenderer>
 
+
+## Setting globals on a story
+
+By default, custom toolbars and other globals defined with the `globalTypes` annotation, similar to the one created to set up our custom theme, are consistently applied to every story available. However, if you need to, you can override them at the component or story level to use a custom value for a specific story or subset of stories. This will allow you to test specific scenarios (e.g., custom appearance, behavior) where a particular value should be used. To do this, add a `globals` annotation in your story to enable the selected option.
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="component-story-theme-override-globals.md" />
+
+{/* prettier-ignore-end */}
+
+When Storybook loads the stories, it applies the selected theme to every story except the `Dark` story, which automatically applies the `dark` theme. It also turns off the toolbar dropdown with the theme options, preventing them from being changed and notifying that this story requires a specific value to be used.
+
+<Callout variant="info" icon="💡">
+
+Configuring a story's `globals` annotation to override the project-level global settings is useful but should be used with moderation. Globals that are _not_ defined at the story level can be selected interactively in Storybook's UI, allowing users to explore every existing combination of values (e.g., global values, [`args`](../writing-stories/args.mdx)). Enabling them at the story level will turn them off, preventing users from exploring the available options.
+
+</Callout>
+
 ## Advanced usage
 
-So far, we've managed to create and consume a global inside Storybook.
+So far, we've created and used a global inside Storybook.
 
-Now let's take a look at a more complex example. Let's suppose we wanted to implement a new global called **locale** for internationalization, which shows a flag on the right side of the toolbar.
+Now, let's take a look at a more complex example. Suppose we wanted to implement a new global called **locale** for internationalization, which shows a flag on the right side of the toolbar.
 
 In your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering), add the following:
 
@@ -95,19 +112,19 @@ In your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rend
 
 <Callout variant="info" icon="💡" style={{ marginBottom: '10px' }}>
 
-  The `icon` element used in the examples loads the icons from the `@storybook/components` package. See [here](../faq.mdx#what-icons-are-available-for-my-toolbar-or-my-addon) for the list of available icons that you can use.
+ The `icon` element used in the examples loads the icons from the `@storybook/components` package. See [here](../faq.mdx#what-icons-are-available-for-my-toolbar-or-my-addon) for the list of available icons that you can use.
   
 </Callout>
 
 <Callout variant="info" icon="💡">
 
-  The `@storybook/addon-toolbars` addon is required to use toolbars. The toolbars addon is included by default in `@storybook/addon-essentials`.
+ To use toolbars, you must install the `@storybook/addon-toolbars` add-on, which is included by default in `@storybook/addon-essentials`.
 
 </Callout>
 
-By adding the configuration element `right`, the text will be displayed on the right side in the toolbar menu once you connect it to a decorator.
+Adding the configuration element `right` will display the text on the right side in the toolbar menu once you connect it to a decorator.
 
-Here's a list of the configuration options available.
+Here's a list of the available configuration options.
 
 | MenuItem  | Type   | Description                                                     | Required |
 | --------- | ------ | --------------------------------------------------------------- | -------- |
@@ -118,7 +135,7 @@ Here's a list of the configuration options available.
 
 ## Consuming globals from within a story
 
-We recommend consuming globals from within a decorator and define a global setting for all stories.
+We recommend consuming globals from within a decorator and defining a global setting for all stories.
 
 But we're aware that sometimes it's more beneficial to use toolbar options on a per-story basis.
 
@@ -144,7 +161,7 @@ Using the ThemeProvider example above, you could expand it to display which them
 
 ## Updating globals from within an addon
 
-If you're working on a Storybook addon that needs to update the global and refreshes the UI, you can do so. As mentioned previously, the `@storybook/manager-api` package provides the necessary hook for this scenario. You can use the `updateGlobals` function to update any global values you need.
+If you're working on a Storybook addon that needs to update the global and refresh the UI, you can do so. As mentioned previously, the `@storybook/manager-api` package provides the necessary hook for this scenario. You can use the `updateGlobals` function to update any global values you need.
 
 For example, if you were working on a [toolbar addon](../addons/addon-types.mdx#toolbars), and you want to refresh the UI and update the global once the user clicks on a button:
 
diff --git a/docs/essentials/viewport.mdx b/docs/essentials/viewport.mdx
index 32b5378c6abb..78eb965066e4 100644
--- a/docs/essentials/viewport.mdx
+++ b/docs/essentials/viewport.mdx
@@ -21,16 +21,18 @@ Out of the box, the Viewport addon offers you a standard set of viewports that y
 
 {/* prettier-ignore-end */}
 
-The viewport global can take an object with the following keys:
+The viewport parameter can take an object with the following keys:
 
-| Field                  | Type    | Description                                               | Default Value  |
-| ---------------------- | ------- | --------------------------------------------------------- | -------------- |
-| **defaultViewport**    | String  | Sets the default viewport                                 | `'responsive'` |
-| **defaultOrientation** | String  | Sets the default orientation (e.g. portrait or landscape) | `'portrait'`   |
-| **disable**            | Boolean | Disables the viewport                                     | N/A            |
-| **viewports**          | Object  | The configuration objects for the viewport                | `{}`           |
+| Field                  | Type    | Description                                                                                                                                   | Default Value  |
+| ---------------------- | ------- | --------------------------------------------------------------------------------------------------------------------------------------------- | -------------- |
+| **defaultViewport**    | String  | Only available without the [globals API](#customizing-viewports-with-globals).<br/>Sets the default viewport                                  | `'responsive'` |
+| **defaultOrientation** | String  | Only available without the [globals API](#customizing-viewports-with-globals).<br/>Sets the default orientation (e.g., portrait or landscape) | `'portrait'`   |
+| **disabled**           | Boolean | Requires the [globals API](#customizing-viewports-with-globals).<br/>Disables the viewport<br/>                                               | N/A            |
+| **options**            | Object  | Requires the [globals API](#customizing-viewports-with-globals).<br/>The available list of viewports                                          | `{}`           |
+| **viewports**          | Object  | Only available without the [globals API](#customizing-viewports-with-globals).<br/> The configuration objects for the viewport                | `{}`           |
 
-The viewports object needs the following keys:
+
+Each viewports object needs the following keys:
 
 | Field      | Type   | Description                                           | Example values          |
 | ---------- | ------ | ----------------------------------------------------- | ----------------------- |
@@ -38,43 +40,79 @@ The viewports object needs the following keys:
 | **styles** | Object | Sets Inline styles to be applied to the story         | `{ width:0, height:0 }` |
 | **type**   | String | Type of the device (e.g., desktop, mobile, or tablet) | `desktop`               |
 
+
+### Customizing viewports with globals
+
+By default, the Viewport addon allows you to customize the viewport enabled for a story by selecting from the list of existing viewports in the toolbar. If you need, you can opt into the globals API to configure viewports to ensure that a story always uses a specific viewport regardless of the existing configuration.
+
+To enable it, you'll need to take some additional steps to set it up properly. Detailed below is our recommendation for configuring and using the globals API with the Viewports addon.
+
+Update your [`.storybook/main.js|ts`](../configure/index.mdx#configure-your-storybook-project) to include the [`viewportStoryGlobals`](../api/main-config/main-config-features.mdx#viewportstoryglobals) option within Storybok's `features` configuration.
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="main-config-features-viewport-story-globals.md" />
+
+{/* prettier-ignore-end */}
+
+<Callout variant="info">
+
+Enabling this API will turn off the ability to change any options from the toolbar to ensure that the viewport is always set to the intended value for the story.
+
+</Callout>
+
+Replace the `viewports` parameter in your [`.storybook/preview.js|ts`](../configure/index.mdx#configure-story-rendering) with an `options` object to define your configuration.
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="storybook-preview-migrate-viewports-globals.md" />
+
+{/* prettier-ignore-end */}
+
+Adjust your stories to opt-in to the new story globals API using the `global` configuration element to set the required viewport.
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="storybook-addon-viewports-global-api.md" usesCsf3 />
+
+{/* prettier-ignore-end */}
+
 ### Use a detailed set of devices
 
 The Viewport addon includes a selection of devices that you can use to test your components. Listed below are the available devices and examples of how to use them.
-
-| Device                     | Description                                                                                                                                                                       | Dimensions<br />(<abbr title="width">w</abbr>×<abbr title="height">h</abbr>, px) |
-| -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- |
-| iPhone 5                   | Configures the iPhone 5 as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone5', }},`                                                     | 320 × 568                                                                        |
-| iPhone 6                   | Enables the iPhone 6 to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone6', }},`                                                        | 375 × 667                                                                        |
-| iPhone 6 Plus              | Includes the iPhone 6 Plus as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone6p', }},`                                                 | 414 × 736                                                                        |
-| iPhone 8 Plus              | Sets the iPhone 8 Plus as a device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone8p', }},`                                           | 414 × 736                                                                        |
-| iPhone X                   | Configures the iPhone X as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphonex', }},`                                                     | 375 × 812                                                                        |
-| iPhone XR                  | Includes the iPhone XR as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphonexr', }},`                                                     | 414 × 896                                                                        |
-| iPhone XS Max              | Sets the iPhone XS Max as a device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphonexsmax', }},`                                        | 414 × 896                                                                        |
-| iPhone SE (2nd generation) | Configures the iPhone SE (2nd generation) as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphonese2', }},`                                 | 375 × 667                                                                        |
-| iPhone 12 mini             | Enables the iPhone 12 Mini to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone12mini', }},`                                             | 375 × 812                                                                        |
-| iPhone 12                  | Includes the iPhone 12 as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone12', }},`                                                     | 390 × 844                                                                        |
-| iPhone 12 Pro Max          | Configures the iPhone 12 Pro Max as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone12promax', }},`                                     | 428 × 926                                                                        |
-| iPhone SE 3rd generation   | Enables the iPhone SE (3rd generation) to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphoneSE3', }},`                                    | 375 × 667                                                                        |
-| iPhone 13                  | Includes the iPhone 13 as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone13', }},`                                                     | 390 × 844                                                                        |
-| iPhone 13 Pro              | Enables the iPhone 13 Pro to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone13pro', }},`                                               | 390 × 844                                                                        |
-| iPhone 13 Pro Max          | Configures the iPhone 13 Pro Max as a device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone13promax', }},`                           | 428 × 926                                                                        |
-| iPhone 14                  | Enables the iPhone 14 to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone14', }},`                                                      | 390 × 844                                                                        |
-| iPhone 14 Pro              | Includes the iPhone 14 Pro as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone14pro', }},`                                              | 393 × 852                                                                        |
-| iPhone 14 Pro Max          | Sets the iPhone 14 Pro Max as a device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'iphone14promax', }},`                                 | 430 × 932                                                                        |
-| Galaxy S5                  | Configures the Galaxy S5 as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'galaxys5', }},`                                                   | 360 × 640                                                                        |
-| Galaxy S9                  | Enables the Galaxy S9 to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'galaxys9', }},`                                                      | 360 × 740                                                                        |
-| Nexus 5X                   | Includes the Nexus 5x as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'nexus5x', }},`                                                       | 412 × 668                                                                        |
-| Nexus 6P                   | Sets the Nexus 6P as a device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'nexus6p', }},`                                                 | 412 × 732                                                                        |
-| Pixel                      | Configures the Pixel as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'pixel', }},`                                                          | 540 × 960                                                                        |
-| Pixel XL                   | Enables the Pixel XL to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'pixelxl', }},`                                                        | 720 × 1280                                                                       |
-| Small mobile               | Enabled by default.<br />Configures a small form factor generic mobile device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'mobile1', }},` | 320 × 568                                                                        |
-| Large mobile               | Enabled by default.<br />Configures a large form factor mobile device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'mobile2', }},`         | 414 × 896                                                                        |
-| iPad                       | Includes the iPad as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'ipad', }},`                                                              | 768 × 1024                                                                       |
-| iPad Pro 10.5-in           | Enables the iPad Pro (10.5-inch) to be used with the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'ipad10p', }},`                                            | 834 × 112                                                                        |
-| iPad Pro 11-in             | Configures the iPad Pro (11-inch) as a device for the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'ipad11p', }},`                                           | 834 × 1194                                                                       |
-| iPad Pro 12.9-in           | Sets the iPad Pro (12.9-inch) as a device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'ipad12p', }},`                                     | 1024 × 1366                                                                      |
-| Tablet                     | Enabled by default.<br />Configures a standard form factor tablet device to be used by the Viewport addon.<br />`parameters: { viewport: {  defaultViewport: 'tablet', }},`       | 834 × 1112                                                                       |
+| Device                     | Description                                                                                                                             | Value             | Dimensions<br />(<abbr title="width">w</abbr>×<abbr title="height">h</abbr>, px) |
+| -------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- | ----------------- | -------------------------------------------------------------------------------- |
+| iPhone 5                   | Configures the iPhone 5 as a device for the Viewport addon.                                                                             | `iphone5`         | 320 × 568                                                                        |
+| iPhone 6                   | Enables the iPhone 6 to be used with the Viewport addon.                                                                                | `iphone6`         | 375 × 667                                                                        |                                                                                  
+| iPhone 6 Plus              | Includes the iPhone 6 Plus as a device for the Viewport addon.                                                                          | `iphone6p`        | 414 × 736                                                                        |
+| iPhone 8 Plus              | Sets the iPhone 8 Plus as a device to be used by the Viewport addon.                                                                    | `iphone8p`        | 414 × 736                                                                        |
+| iPhone X                   | Configures the iPhone X as a device for the Viewport addon.                                                                             | `iphonex`         | 375 × 812                                                                        |
+| iPhone XR                  | Includes the iPhone XR as a device for the Viewport addon.                                                                              | `iphonexr`        | 414 × 896                                                                        |
+| iPhone XS Max              | Sets the iPhone XS Max as a device to be used by the Viewport addon.                                                                    | `iphonexsmax`     | 414 × 896                                                                        |
+| iPhone SE (2nd generation) | Configures the iPhone SE (2nd generation) as a device for the Viewport addon.                                                           | `iphonese2`       | 375 × 667                                                                        |
+| iPhone 12 mini             | Enables the iPhone 12 Mini to be used with the Viewport addon.                                                                          | `iphone12mini`    | 375 × 812                                                                        |
+| iPhone 12                  | Includes the iPhone 12 as a device for the Viewport addon.                                                                              | `iphone12`        | 390 × 844                                                                        |
+| iPhone 12 Pro Max          | Configures the iPhone 12 Pro Max as a device for the Viewport addon.                                                                    | `iphone12promax`  | 428 × 926                                                                        |
+| iPhone SE 3rd generation   | Enables the iPhone SE (3rd generation) to be used with the Viewport addon.                                                              | `iphoneSE3`       | 375 × 667                                                                        |
+| iPhone 13                  | Includes the iPhone 13 as a device for the Viewport addon.                                                                              | `iphone13`        | 390 × 844                                                                        |
+| iPhone 13 Pro              | Enables the iPhone 13 Pro to be used with the Viewport addon.                                                                           | `iphone13pro`     | 390 × 844                                                                        |
+| iPhone 13 Pro Max          | Configures the iPhone 13 Pro Max as a device to be used by the Viewport addon.                                                          | `iphone13promax`  | 428 × 926                                                                        |
+| iPhone 14                  | Enables the iPhone 14 to be used with the Viewport addon.                                                                               | `iphone14`        | 390 × 844                                                                        |
+| iPhone 14 Pro              | Includes the iPhone 14 Pro as a device for the Viewport addon.                                                                          | `iphone14pro`     | 393 × 852                                                                        |
+| iPhone 14 Pro Max          | Sets the iPhone 14 Pro Max as a device to be used by the Viewport addon.                                                                | `iphone14promax`  | 430 × 932                                                                        |
+| Galaxy S5                  | Configures the Galaxy S5 as a device for the Viewport addon.                                                                            | `galaxys5`        | 360 × 640                                                                        |
+| Galaxy S9                  | Enables the Galaxy S9 to be used with the Viewport addon.                                                                               | `galaxys9`        | 360 × 740                                                                        |
+| Nexus 5X                   | Includes the Nexus 5x as a device for the Viewport addon.                                                                               | `nexus5x`         | 412 × 668                                                                        |
+| Nexus 6P                   | Sets the Nexus 6P as a device to be used by the Viewport addon.                                                                         | `nexus6p`         | 412 × 732                                                                        |
+| Pixel                      | Configures the Pixel as a device for the Viewport addon.                                                                                | `pixel`           | 540 × 960                                                                        |
+| Pixel XL                   | Enables the Pixel XL to be used with the Viewport addon.                                                                                | `pixelxl`         | 720 × 1280                                                                       |
+| Small mobile               | Enabled by default.<br />Configures a small form factor generic mobile device to be used by the Viewport addon.                         | `mobile1`         | 320 × 568                                                                        |
+| Large mobile               | Enabled by default.<br />Configures a large form factor mobile device to be used by the Viewport addon.                                 | `mobile2`         | 414 × 896                                                                        |
+| iPad                       | Includes the iPad as a device for the Viewport addon.                                                                                   | `ipad`            | 768 × 1024                                                                       |
+| iPad Pro 10.5-in           | Enables the iPad Pro (10.5-inch) to be used with the Viewport addon.                                                                    | `ipad10p`         | 834 × 112                                                                        |
+| iPad Pro 11-in             | Configures the iPad Pro (11-inch) as a device for the Viewport addon.                                                                   | `ipad11p`         | 834 × 1194                                                                       |
+| iPad Pro 12.9-in           | Sets the iPad Pro (12.9-inch) as a device to be used by the Viewport addon.                                                             | `ipad12p`         | 1024 × 1366                                                                      |
+| Tablet                     | Enabled by default.<br />Configures a standard form factor tablet device to be used by the Viewport addon.                              | `tablet`          | 834 × 1112                                                                       |
 
 {/* prettier-ignore-start */}
 
@@ -83,7 +121,9 @@ The Viewport addon includes a selection of devices that you can use to test your
 {/* prettier-ignore-end */}
 
 <Callout variant="info">
-  The generic devices are enabled by default as they are the most common for testing responsive UIs. You don't need to include them in your configuration if you want to use them. For the implementation details, see the [source code](https://github.com/storybookjs/storybook/tree/next/code/addons/viewport) for the Viewport addon.
+
+ The generic devices are enabled by default as they are the most common for testing responsive UIs. You don't need to include them in your configuration if you want to use them. For the implementation details, see the [source code](https://github.com/storybookjs/storybook/tree/next/code/addons/viewport) for the Viewport addon.
+
 </Callout>
 
 ### Add new devices
@@ -126,7 +166,7 @@ Update your story through [parameters](../writing-stories/parameters.mdx) to inc
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="my-component-story-configure-viewports.md" usesCsf3 csf2Path="essentials/viewport#snippet-my-component-story-configure-viewports" />
+<CodeSnippets path="my-component-story-configure-viewports.md" usesCsf3 />
 
 {/* prettier-ignore-end */}
 
@@ -150,21 +190,47 @@ Type: `'portrait' | 'landscape'`
 
 Default: `'portrait'`
 
-Specifies the default orientation used when viewing a story.
+Specifies the default orientation used when viewing a story. Only available if you haven't enabled the [globals API](#customizing-viewports-with-globals).
 
 #### `defaultViewport`
 
 Type: `string`
 
-Specifies the default viewport used when viewing a story. Must match a key in the [`viewports`](#viewports) object.
+Specifies the default viewport used when viewing a story. Must match a key in the [`viewports`](#viewports) object. Only available if you haven't enabled the [globals API](#customizing-viewports-with-globals).
+
+#### `disabled`
 
-#### `disable`
+Requires: [globals API](#customizing-viewports-with-globals)
 
 Type: `boolean`
 
-Disable this addon's behavior. If you wish to disable this addon for the entire Storybook, you should do so when registering `addon-essentials`. See the [essential addon's docs](../essentials/index.mdx#disabling-addons) for more information.
+Turn off this addon's behavior. If you wish to turn off this addon for the entire Storybook, you should do so when registering `addon-essentials`. See the [essential addon's docs](../essentials/index.mdx#disabling-addons) for more information.
+
+This parameter is most useful to allow overriding at more specific levels. For example, if this parameter is set to `true` at the project level, it could be re-enabled by setting it to `false` at the meta (component) or story level.
+
+<Callout variant="info">
+
+The `disabled` parameter is only available with the globals API introduced in Storybook 8.3. If you're using a previous Storybook version, use the `disable` parameter instead.
+
+</Callout>
+
+#### `options`
+
+Requires: [globals API](#customizing-viewports-with-globals)
+
+Type:
+
+```ts
+{
+ Record<string, {
+ name: string,
+ styles: { height: string, width: string },
+ type: 'desktop' | 'mobile' | 'tablet' | 'other',
+ }>,
+};
+```
 
-This parameter is most useful to allow overriding at more specific levels. For example, if this parameter is set to `true` at the project level, it could then be re-enabled by setting it to `false` at the meta (component) or story level.
+Specify the available viewports. The key is used to reference the viewport, and the value is an object to define it. See [usage example](#add-new-devices) above. The `width` and `height` values must include the unit, e.g. `'320px'`.
 
 #### `viewports`
 
@@ -172,15 +238,15 @@ Type:
 
 ```ts
 {
-  [key: string]: {
-    name: string,
-    styles: { height: string, width: string },
-    type: 'desktop' | 'mobile' | 'tablet',
-  },
+ [key: string]: {
+ name: string,
+ styles: { height: string, width: string },
+ type: 'desktop' | 'mobile' | 'tablet',
+ },
 };
 ```
 
-Specify the available viewports. The key is used to reference the viewport and the value is an object to define it. See [usage example](#add-new-devices), above. The `width` and `height` values must include the unit, e.g. `'320px'`.
+Configures the viewports and options. This configuration element references the viewport, and the value is an object that defines it. See [usage example](#add-new-devices) above. The `width` and `height` values must include the unit, e.g., `'320px'`. Only available if you haven't enabled the [globals API](#customizing-viewports-with-globals).
 
 ### Exports
 
@@ -194,16 +260,16 @@ import { INITIAL_VIEWPORTS, MINIMAL_VIEWPORTS } from '@storybook/addon-viewport'
 
 Type: `object`
 
-The default set of viewports provided by the Viewport addon, [listed above](#use-a-detailed-set-of-devices).
+The default set of viewports provided by the Viewport addon [listed above](#use-a-detailed-set-of-devices).
 
 #### `MINIMAL_VIEWPORTS`
 
 Type: `object`
 
-A minimal set of viewports provided by the Viewport addon, listed below:
+A minimal set of viewports provided by the Viewport addon is listed below:
 
-| Device       | Description                                                                                   | Dimensions<br />(<abbr title="width">w</abbr>×<abbr title="height">h</abbr>, px) |
-| ------------ | --------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------- |
-| Small mobile | A small mobile device size <br />`parameters: { viewport: {  defaultViewport: 'mobile1', }},` | 320 × 568                                                                        |
-| Large mobile | A large mobile device size <br />`parameters: { viewport: {  defaultViewport: 'mobile2', }},` | 414 × 896                                                                        |
-| Tablet       | A tablet device size <br />`parameters: { viewport: {  defaultViewport: 'tablet', }},`        | 834 × 1112                                                                       |
+| Device       | Description                  | Value     | Dimensions<br />(<abbr title="width">w</abbr>×<abbr title="height">h</abbr>, px)  |
+| ------------ | ---------------------------- | --------- | --------------------------------------------------------------------------------- |
+| Small mobile | A small mobile device size   | `mobile1` | 320 × 568                                                                         |
+| Large mobile | A large mobile device size   | `mobile2` | 414 × 896                                                                         |
+| Tablet       | A tablet device size         | `tablet`  | 834 × 1112                                                                        |
diff --git a/docs/get-started/frameworks/nextjs.mdx b/docs/get-started/frameworks/nextjs.mdx
index e6322452d6a2..5a1efc07fc29 100644
--- a/docs/get-started/frameworks/nextjs.mdx
+++ b/docs/get-started/frameworks/nextjs.mdx
@@ -82,6 +82,38 @@ Storybook for Next.js is a [framework](../../contribute/framework.mdx) that make
 
   {/* prettier-ignore-end */}
 
+  #### With Vite
+
+  (⚠️ **Experimental**)
+
+  You can use our freshly baked, experimental `@storybook/experimental-nextjs-vite` framework, which is based on Vite and removes the need for Webpack and Babel. It supports all of the features documented here.
+
+  {/* prettier-ignore-start */}
+
+  <CodeSnippets path="nextjs-vite-install.md" />
+
+  {/* prettier-ignore-end */}
+
+  Then, update your `.storybook/main.js|ts` to change the framework property:
+
+  {/* prettier-ignore-start */}
+
+  <CodeSnippets path="nextjs-vite-add-framework.md" />
+
+  {/* prettier-ignore-end */}
+
+  <Callout variant="info">
+    If your Storybook configuration contains custom Webpack operations in [`webpackFinal`](../../api/main-config/main-config-webpack-final.mdx), you will likely need to create equivalents in [`viteFinal`]((../../api/main-config/main-config-vite-final.mdx)).
+  </Callout>
+
+  Finally, if you were using Storybook plugins to integrate with Next.js, those are no longer necessary when using this framework and can be removed:
+
+  {/* prettier-ignore-start */}
+
+  <CodeSnippets path="nextjs-vite-remove-addons.md" />
+
+  {/* prettier-ignore-end */}
+
   ## Run the Setup Wizard
 
   If all goes well, you should see a setup wizard that will help you get started with Storybook introducing you to the main concepts and features, including how the UI is organized, how to write your first story, and how to test your components' response to various inputs utilizing [controls](../../essentials/controls.mdx).
@@ -162,6 +194,12 @@ Storybook for Next.js is a [framework](../../contribute/framework.mdx) that make
   const localRubikStorm = localFont({ src: './fonts/RubikStorm-Regular.ttf' });
   ```
 
+  #### `staticDir` mapping
+
+  <Callout variant="info">
+    You can safely skip this section if you are using [`@storybook/experimental-nextjs-vite`](#with-vite) instead of `@storybook/nextjs`. The Vite-based framework takes care of the mapping automatically.
+  </Callout>
+
   You have to tell Storybook where the `fonts` directory is located, via the [`staticDirs` configuration](../../api/main-config/main-config-static-dirs.mdx#with-configuration-objects). The `from` value is relative to the `.storybook` directory. The `to` value is relative to the execution context of Storybook. Very likely it is the root of your project.
 
   {/* prettier-ignore-start */}
@@ -714,6 +752,11 @@ Storybook for Next.js is a [framework](../../contribute/framework.mdx) that make
 
   ## Custom Webpack config
 
+  <Callout variant="info">
+    You can safely skip this section if you are using `@storybook/experimental-nextjs-vite` instead of `@storybook/nextjs`.
+    The Vite-based Next.js framework does not support Webpack settings.
+  </Callout>
+
   Next.js comes with a lot of things for free out of the box like Sass support, but sometimes you add [custom Webpack config modifications to Next.js](https://nextjs.org/docs/pages/api-reference/next-config-js/webpack). This framework takes care of most of the Webpack modifications you would want to add. If Next.js supports a feature out of the box, then that feature will work out of the box in Storybook. If Next.js doesn't support something out of the box, but makes it easy to configure, then this framework will do the same for that thing for Storybook.
 
   Any Webpack modifications desired for Storybook should be made in [`.storybook/main.js|ts`](../../builders/webpack.mdx#extending-storybooks-webpack-config).
@@ -860,7 +903,7 @@ Storybook for Next.js is a [framework](../../contribute/framework.mdx) that make
 
   ### What if I'm using the Vite builder?
 
-  The `@storybook/nextjs` package abstracts the Webpack 5 builder and provides all the necessary Webpack configuration needed (and used internally) by Next.js. Webpack is currently the official builder in Next.js, and Next.js does not support Vite, therefore it is not possible to use Vite with `@storybook/nextjs`. You can use `@storybook/react-vite` framework instead, but at the cost of having a degraded experience, and we won't be able to provide you official support.
+  We have introduced experimental Vite builder support. Just install the experimental framework package `@storybook/experimental-nextjs-vite` and replace all instances of `@storybook/nextjs` with `@storybook/experimental-nextjs-vite`.
 
   ### Error: You are importing avif images, but you don't have sharp installed. You have to install sharp in order to use image optimization features in Next.js.
 
diff --git a/docs/sharing/publish-storybook.mdx b/docs/sharing/publish-storybook.mdx
index 007e914a0f39..9a29b5cd6d1a 100644
--- a/docs/sharing/publish-storybook.mdx
+++ b/docs/sharing/publish-storybook.mdx
@@ -13,14 +13,26 @@ Teams publish Storybook online to review and collaborate on works in progress. T
 
 ## Build Storybook as a static web application
 
-First, we'll need to build Storybook as a static web application. The functionality is already built-in and pre-configured for most supported frameworks. Others require a bit of customization (e.g., Angular). Run the following command inside your project's root directory:
+First, we'll need to build Storybook as a static web application. The functionality is already built-in and pre-configured for most supported frameworks. Run the following command inside your project's root directory:
 
 {/* prettier-ignore-start */}
 
-<CodeSnippets path="custom-build-script-production.md" />
+<CodeSnippets path="build-storybook-production-mode.md" />
 
 {/* prettier-ignore-end */}
 
+<If renderer="angular">
+
+If you're using Angular, it's often better to use the [Angular builder](../get-started/frameworks/angular.mdx#how-do-i-migrate-to-an-angular-storybook-builder) to build Storybook: 
+
+{/* prettier-ignore-start */}
+
+<CodeSnippets path="angular-builder-production.md" />
+
+{/* prettier-ignore-end */}
+
+</If>
+
 <Callout variant="info" icon="💡">
   You can provide additional flags to customize the command. Read more about the flag options [here](../api/cli-options.mdx).
 </Callout>
diff --git a/docs/versions/next.json b/docs/versions/next.json
index 50ef052da1b0..4af41c2bbaf4 100644
--- a/docs/versions/next.json
+++ b/docs/versions/next.json
@@ -1 +1 @@
-{"version":"8.3.0-alpha.4","info":{"plain":"- CSF: Allow overridding globals at the story level - [#26654](https://github.com/storybookjs/storybook/pull/26654), thanks @tmeasday!\n- Core: Introduce run over play in portable stories, and revert back play changes of 8.2 - [#28764](https://github.com/storybookjs/storybook/pull/28764), thanks @kasperpeulen!\n- Core: Split Storybook CLI  - [#28519](https://github.com/storybookjs/storybook/pull/28519), thanks @kasperpeulen!\n- Fix: Invariant failed: Expected package.json#version to be defined in the \\\"undefined\\\" package - [#28752](https://github.com/storybookjs/storybook/pull/28752), thanks @abcdmku!\n- Next.js: Make RSC portable-stories compatible - [#28756](https://github.com/storybookjs/storybook/pull/28756), thanks @valentinpalkovic!\n- UI: Fix collapse/expand all functionality - [#28582](https://github.com/storybookjs/storybook/pull/28582), thanks @filipemelo2002!"}}
+{"version":"8.3.0-alpha.5","info":{"plain":"- Builder-Vite: Add null character prefix to virtual file IDs - [#28863](https://github.com/storybookjs/storybook/pull/28863), thanks @valentinpalkovic!\n- CLI: Fix `init --skip-install` - [#28853](https://github.com/storybookjs/storybook/pull/28853), thanks @ndelangen!\n- CLI: Parse more Yarn Berry errors - [#28816](https://github.com/storybookjs/storybook/pull/28816), thanks @yannbf!\n- Core: Make sure CJS build always has lowest prio - [#28829](https://github.com/storybookjs/storybook/pull/28829), thanks @kasperpeulen!\n- Maintenance: Add `node:`-prefix to node core-modules - [#28860](https://github.com/storybookjs/storybook/pull/28860), thanks @ndelangen!\n- Next.js: Add @storybook/nextjs-vite package - [#28800](https://github.com/storybookjs/storybook/pull/28800), thanks @valentinpalkovic!\n- React: Bundle in `lodash` - [#28609](https://github.com/storybookjs/storybook/pull/28609), thanks @ndelangen!\n- Telemetry: Add globals stats - [#28822](https://github.com/storybookjs/storybook/pull/28822), thanks @shilman!\n- Telemetry: Add portable stories - [#26764](https://github.com/storybookjs/storybook/pull/26764), thanks @shilman!\n- Telemetry: Disable save-from-controls logs for example stories - [#28870](https://github.com/storybookjs/storybook/pull/28870), thanks @shilman!\n- Test: Upgrade Vitest to v2 - [#28788](https://github.com/storybookjs/storybook/pull/28788), thanks @yannbf!"}}
diff --git a/package.json b/package.json
index 8328557199b0..b5ea17ab9180 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "test": "cd code; yarn test",
     "upload-bench": "cd scripts; yarn upload-bench",
     "vite-ecosystem-ci:before-test": "node ./scripts/vite-ecosystem-ci/before-test.js && cd ./sandbox/react-vite-default-ts && yarn install",
-    "vite-ecosystem-ci:build": "yarn task --task sandbox --template react-vite/default-ts",
+    "vite-ecosystem-ci:build": "yarn task --task sandbox --template react-vite/default-ts --start-from=install",
     "vite-ecosystem-ci:test": "yarn task --task test-runner-dev --template react-vite/default-ts --start-from=dev"
   }
 }
diff --git a/scripts/.babelrc.cjs b/scripts/.babelrc.cjs
index 31016fd42625..bbd50625e621 100644
--- a/scripts/.babelrc.cjs
+++ b/scripts/.babelrc.cjs
@@ -9,7 +9,7 @@ module.exports = {
         shippedProposals: true,
         useBuiltIns: 'usage',
         corejs: '3',
-        targets: { node: '18' },
+        targets: { node: '22' },
       },
     ],
   ],
diff --git a/scripts/__mocks__/simple-git.ts b/scripts/__mocks__/simple-git.ts
index 2e1ec381c934..23a3e90bb4fb 100644
--- a/scripts/__mocks__/simple-git.ts
+++ b/scripts/__mocks__/simple-git.ts
@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
+
 /* eslint-disable no-underscore-dangle */
 import { vi } from 'vitest';
 
diff --git a/scripts/bench/browse.ts b/scripts/bench/browse.ts
index f95edea759c5..e46ae0b98fb7 100644
--- a/scripts/bench/browse.ts
+++ b/scripts/bench/browse.ts
@@ -1,5 +1,6 @@
 import { chromium } from 'playwright';
-import { now, getPreviewPage } from './utils';
+
+import { getPreviewPage, now } from './utils';
 
 interface Result {
   managerHeaderVisible?: number;
diff --git a/scripts/bench/utils.ts b/scripts/bench/utils.ts
index 7457cf80e359..c18051cbe2ac 100644
--- a/scripts/bench/utils.ts
+++ b/scripts/bench/utils.ts
@@ -1,6 +1,7 @@
+import { ensureDir, readJSON, readdir, writeJSON } from 'fs-extra';
 import { join } from 'path';
-import { ensureDir, writeJSON, readJSON, readdir } from 'fs-extra';
 import type { Page } from 'playwright-core';
+
 import type { BenchResults } from './types';
 
 export const now = () => new Date().getTime();
diff --git a/scripts/build-package.ts b/scripts/build-package.ts
index b72c7185ec97..dda542237300 100644
--- a/scripts/build-package.ts
+++ b/scripts/build-package.ts
@@ -1,10 +1,11 @@
-import { resolve, posix, sep } from 'path';
+import chalk from 'chalk';
+import program from 'commander';
+import { execaCommand } from 'execa';
 import { readJSON } from 'fs-extra';
+import { posix, resolve, sep } from 'path';
 import prompts from 'prompts';
-import program from 'commander';
-import chalk from 'chalk';
 import windowSize from 'window-size';
-import { execaCommand } from 'execa';
+
 import { getWorkspaces } from './utils/workspace';
 
 async function run() {
diff --git a/scripts/check-dependencies.js b/scripts/check-dependencies.js
index bc797218870e..095434bc4295 100644
--- a/scripts/check-dependencies.js
+++ b/scripts/check-dependencies.js
@@ -3,8 +3,8 @@
  * Therefore, we cannot transform this file to Typescript, because it would require esbuild to be installed
  */
 import { spawn } from 'child_process';
-import { join } from 'path';
 import { existsSync } from 'fs';
+import { join } from 'path';
 import * as url from 'url';
 
 const logger = console;
diff --git a/scripts/check-package.ts b/scripts/check-package.ts
index b1d349007902..4a54ef43a897 100644
--- a/scripts/check-package.ts
+++ b/scripts/check-package.ts
@@ -1,13 +1,14 @@
 // This script makes sure that we can support type checking,
 // without having to build dts files for all packages in the monorepo.
 // It is not implemented yet for angular, svelte and vue.
-import { resolve } from 'path';
+import chalk from 'chalk';
+import program from 'commander';
+import { execaCommand } from 'execa';
 import { readJSON } from 'fs-extra';
+import { resolve } from 'path';
 import prompts from 'prompts';
-import program from 'commander';
-import chalk from 'chalk';
 import windowSize from 'window-size';
-import { execaCommand } from 'execa';
+
 import { getWorkspaces } from './utils/workspace';
 
 async function run() {
diff --git a/scripts/combine-compodoc.ts b/scripts/combine-compodoc.ts
index 718eb32f5361..eefc905fc132 100755
--- a/scripts/combine-compodoc.ts
+++ b/scripts/combine-compodoc.ts
@@ -1,11 +1,12 @@
 // Compodoc does not follow symlinks (it ignores them and their contents entirely)
 // So, we need to run a separate compodoc process on every symlink inside the project,
 // then combine the results into one large documentation.json
-
-import { join, resolve } from 'path';
-import { realpath, readFile, writeFile, lstat } from 'fs-extra';
-import { globSync } from 'glob';
 import { execaCommand } from 'execa';
+import { lstat, readFile, realpath, writeFile } from 'fs-extra';
+import { globSync } from 'glob';
+import { join, resolve } from 'path';
+
+import { temporaryDirectory } from '../code/core/src/common/utils/cli';
 import { esMain } from './utils/esmain';
 
 const logger = console;
@@ -35,8 +36,7 @@ async function run(cwd: string) {
 
   const docsArray: Record<string, any>[] = await Promise.all(
     dirs.map(async (dir) => {
-      const { temporaryDirectory } = await import('tempy');
-      const outputDir = temporaryDirectory();
+      const outputDir = await temporaryDirectory();
       const resolvedDir = await realpath(dir);
       await execaCommand(
         `yarn compodoc ${resolvedDir} -p ./tsconfig.json -e json -d ${outputDir}`,
diff --git a/scripts/create-nx-sandbox-projects.ts b/scripts/create-nx-sandbox-projects.ts
index 6e9b8a6029d4..5de0d60bc2e9 100644
--- a/scripts/create-nx-sandbox-projects.ts
+++ b/scripts/create-nx-sandbox-projects.ts
@@ -1,6 +1,7 @@
+import { existsSync, mkdirSync, writeFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
 import * as templates from '../code/lib/cli-storybook/src/sandbox-templates';
-import * as fs from 'fs';
-import * as path from 'path';
 
 // @ts-expect-error somehow TS thinks there is a default export
 const { allTemplates, merged, daily, normal } = (templates.default ||
@@ -30,7 +31,7 @@ const projectJson = (name: string, framework: string, tags: string[]) => ({
 });
 Object.entries(allTemplates).forEach(([key, value]) => {
   const p = key.replaceAll('/', '-');
-  const full = path.join(process.cwd(), '../code/sandbox', p, 'project.json');
+  const full = join(process.cwd(), '../code/sandbox', p, 'project.json');
 
   console.log(full);
   const framework = value.expected.framework.replace('@storybook/', '');
@@ -43,7 +44,7 @@ Object.entries(allTemplates).forEach(([key, value]) => {
   ];
   ensureDirectoryExistence(full);
   console.log(full);
-  fs.writeFileSync(
+  writeFileSync(
     full,
     '// auto-generated from scripts/create-nx-sandbox-projects.ts\n' +
       JSON.stringify(projectJson(key, framework, tags), null, 2),
@@ -54,10 +55,10 @@ Object.entries(allTemplates).forEach(([key, value]) => {
 });
 
 function ensureDirectoryExistence(filePath: string): void {
-  const dirname = path.dirname(filePath);
-  if (fs.existsSync(dirname)) {
+  const dir = dirname(filePath);
+  if (existsSync(dir)) {
     return;
   }
-  ensureDirectoryExistence(dirname);
-  fs.mkdirSync(dirname);
+  ensureDirectoryExistence(dir);
+  mkdirSync(dir);
 }
diff --git a/scripts/dangerfile.ts b/scripts/dangerfile.ts
index e3f150905cba..51a144e550cf 100644
--- a/scripts/dangerfile.ts
+++ b/scripts/dangerfile.ts
@@ -1,6 +1,6 @@
 /* eslint-disable import/extensions */
-import { fail, danger } from 'danger';
 import { execSync } from 'child_process';
+import { danger, fail } from 'danger';
 
 execSync('npm install lodash');
 
diff --git a/scripts/event-log-checker.ts b/scripts/event-log-checker.ts
index 164431aa342c..b350a687924d 100644
--- a/scripts/event-log-checker.ts
+++ b/scripts/event-log-checker.ts
@@ -1,9 +1,10 @@
-import chalk from 'chalk';
 import assert from 'assert';
-import { esMain } from './utils/esmain';
-import { allTemplates } from '../code/lib/cli-storybook/src/sandbox-templates';
+import chalk from 'chalk';
+
 import versions from '../code/core/src/common/versions';
 import { oneWayHash } from '../code/core/src/telemetry/one-way-hash';
+import { allTemplates } from '../code/lib/cli-storybook/src/sandbox-templates';
+import { esMain } from './utils/esmain';
 
 const PORT = process.env.PORT || 6007;
 
diff --git a/scripts/get-report-message.ts b/scripts/get-report-message.ts
index 597f9c4e6ccb..4774bc0f8ca2 100644
--- a/scripts/get-report-message.ts
+++ b/scripts/get-report-message.ts
@@ -1,8 +1,9 @@
+import { execaCommand } from 'execa';
 import { readJson } from 'fs-extra';
 import { join } from 'path';
-import { execaCommand } from 'execa';
-import { esMain } from './utils/esmain';
+
 import { CODE_DIRECTORY } from './utils/constants';
+import { esMain } from './utils/esmain';
 
 type Branch = 'main' | 'next' | 'alpha' | 'next-release' | 'latest-release';
 type Workflow = 'merged' | 'daily';
diff --git a/scripts/get-template.ts b/scripts/get-template.ts
index 166f191fc6de..c656bd476ad5 100644
--- a/scripts/get-template.ts
+++ b/scripts/get-template.ts
@@ -1,18 +1,19 @@
-import { readdir } from 'fs/promises';
-import { pathExists, readFile } from 'fs-extra';
+import chalk from 'chalk';
 import { program } from 'commander';
+import { pathExists, readFile } from 'fs-extra';
+import { readdir } from 'fs/promises';
 import { dedent } from 'ts-dedent';
-import chalk from 'chalk';
 import yaml from 'yaml';
-import { esMain } from './utils/esmain';
+
 import {
-  allTemplates,
-  templatesByCadence,
   type Cadence,
-  type Template as TTemplate,
   type SkippableTask,
+  type Template as TTemplate,
+  allTemplates,
+  templatesByCadence,
 } from '../code/lib/cli-storybook/src/sandbox-templates';
 import { SANDBOX_DIRECTORY } from './utils/constants';
+import { esMain } from './utils/esmain';
 
 const sandboxDir = process.env.SANDBOX_ROOT || SANDBOX_DIRECTORY;
 
diff --git a/scripts/package.json b/scripts/package.json
index 1d1e1662a7b2..61ae03ea736e 100644
--- a/scripts/package.json
+++ b/scripts/package.json
@@ -4,40 +4,40 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build-package": "node --loader esbuild-register/loader -r esbuild-register ./build-package.ts",
-    "check": "node --loader esbuild-register/loader -r esbuild-register ./prepare/check-scripts.ts",
-    "check-package": "node --loader esbuild-register/loader -r esbuild-register ./check-package.ts",
+    "build-package": "jiti ./build-package.ts",
+    "check": "jiti ./prepare/check-scripts.ts",
+    "check-package": "jiti ./check-package.ts",
     "docs:prettier:check": "cd ../docs && prettier --check ./snippets || echo 'Please run \"docs:prettier:write\" in the \"scripts\" directory to fix the issues'",
     "docs:prettier:write": "cd ../docs && prettier --write ./snippets",
-    "generate-sandboxes": "node --loader esbuild-register/loader -r esbuild-register ./sandbox/generate.ts",
-    "get-report-message": "node --loader esbuild-register/loader -r esbuild-register ./get-report-message.ts",
-    "get-template": "node --loader esbuild-register/loader -r esbuild-register ./get-template.ts",
+    "generate-sandboxes": "jiti ./sandbox/generate.ts",
+    "get-report-message": "jiti ./get-report-message.ts",
+    "get-template": "jiti ./get-template.ts",
     "lint": "yarn lint:js && yarn lint:md",
     "lint:js": "yarn lint:js:cmd .  --quiet",
     "lint:js:cmd": "cross-env NODE_ENV=production eslint --cache --cache-location=../.cache/eslint --ext .js,.jsx,.json,.html,.ts,.tsx,.mjs --report-unused-disable-directives",
     "lint:package": "sort-package-json",
-    "local-registry": "node --loader esbuild-register/loader -r esbuild-register ./run-registry.ts",
-    "publish": "node --loader esbuild-register/loader -r esbuild-register ./sandbox/publish.ts",
-    "release:cancel-preparation-runs": "node --loader esbuild-register/loader -r esbuild-register ./release/cancel-preparation-runs.ts",
-    "release:generate-pr-description": "node --loader esbuild-register/loader -r esbuild-register ./release/generate-pr-description.ts",
-    "release:get-changelog-from-file": "node --loader esbuild-register/loader -r esbuild-register ./release/get-changelog-from-file.ts",
-    "release:get-current-version": "node --loader esbuild-register/loader -r esbuild-register ./release/get-current-version.ts",
-    "release:get-version-changelog": "node --loader esbuild-register/loader -r esbuild-register ./release/get-version-changelog.ts",
-    "release:is-pr-frozen": "node --loader esbuild-register/loader -r esbuild-register ./release/is-pr-frozen.ts",
-    "release:is-prerelease": "node --loader esbuild-register/loader -r esbuild-register ./release/is-prerelease.ts",
-    "release:is-version-published": "node --loader esbuild-register/loader -r esbuild-register ./release/is-version-published.ts",
-    "release:label-patches": "node --loader esbuild-register/loader -r esbuild-register ./release/label-patches.ts",
-    "release:pick-patches": "node --loader esbuild-register/loader -r esbuild-register ./release/pick-patches.ts",
-    "release:publish": "node --loader esbuild-register/loader -r esbuild-register ./release/publish.ts",
-    "release:unreleased-changes-exists": "node --loader esbuild-register/loader -r esbuild-register ./release/unreleased-changes-exists.ts",
-    "release:version": "node --loader esbuild-register/loader -r esbuild-register ./release/version.ts",
-    "release:write-changelog": "node --loader esbuild-register/loader -r esbuild-register ./release/write-changelog.ts",
-    "strict-ts": "node --loader esbuild-register/loader -r esbuild-register ./strict-ts.ts",
-    "task": "node --loader esbuild-register/loader -r esbuild-register ./task.ts",
+    "local-registry": "jiti ./run-registry.ts",
+    "publish": "jiti ./sandbox/publish.ts",
+    "release:cancel-preparation-runs": "jiti ./release/cancel-preparation-runs.ts",
+    "release:generate-pr-description": "jiti ./release/generate-pr-description.ts",
+    "release:get-changelog-from-file": "jiti ./release/get-changelog-from-file.ts",
+    "release:get-current-version": "jiti ./release/get-current-version.ts",
+    "release:get-version-changelog": "jiti ./release/get-version-changelog.ts",
+    "release:is-pr-frozen": "jiti ./release/is-pr-frozen.ts",
+    "release:is-prerelease": "jiti ./release/is-prerelease.ts",
+    "release:is-version-published": "jiti ./release/is-version-published.ts",
+    "release:label-patches": "jiti ./release/label-patches.ts",
+    "release:pick-patches": "jiti ./release/pick-patches.ts",
+    "release:publish": "jiti ./release/publish.ts",
+    "release:unreleased-changes-exists": "jiti ./release/unreleased-changes-exists.ts",
+    "release:version": "jiti ./release/version.ts",
+    "release:write-changelog": "jiti ./release/write-changelog.ts",
+    "strict-ts": "jiti ./strict-ts.ts",
+    "task": "jiti ./task.ts",
     "test": "NODE_OPTIONS=--max_old_space_size=4096 vitest run",
     "test:watch": "NODE_OPTIONS=--max_old_space_size=4096 vitest watch",
-    "upgrade": "node --loader esbuild-register/loader -r esbuild-register ./task.ts",
-    "upload-bench": "node --loader esbuild-register/loader -r esbuild-register ./upload-bench.ts"
+    "upgrade": "jiti ./task.ts",
+    "upload-bench": "jiti ./upload-bench.ts"
   },
   "husky": {
     "hooks": {
@@ -53,7 +53,6 @@
     ]
   },
   "resolutions": {
-    "@testing-library/jest-dom": "^5.11.9",
     "esbuild": "^0.23.0",
     "serialize-javascript": "^3.1.0",
     "type-fest": "~2.19"
@@ -67,11 +66,11 @@
     "@octokit/request": "^8.1.2",
     "@storybook/eslint-config-storybook": "^4.0.0",
     "@storybook/linter-config": "^4.0.0",
-    "@testing-library/dom": "^9.3.0",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^14.0.0",
-    "@testing-library/user-event": "^14.4.3",
-    "@types/bun": "^1.1.6",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.4.8",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/cross-spawn": "^6.0.6",
     "@types/detect-port": "^1.3.5",
     "@types/ejs": "^3.1.5",
@@ -81,7 +80,7 @@
     "@types/http-server": "^0.12.4",
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.6",
-    "@types/node": "^18.19.39",
+    "@types/node": "^22.0.0",
     "@types/prettier": "^3.0.0",
     "@types/pretty-hrtime": "^1.0.3",
     "@types/prompts": "2.4.9",
@@ -95,7 +94,7 @@
     "@typescript-eslint/eslint-plugin": "^7.16.0",
     "@typescript-eslint/experimental-utils": "^5.62.0",
     "@typescript-eslint/parser": "^7.16.0",
-    "@vitest/coverage-v8": "^1.6.0",
+    "@vitest/coverage-v8": "^2.0.5",
     "ansi-regex": "^6.0.1",
     "browser-assert": "^1.2.1",
     "chalk": "^4.1.0",
@@ -111,7 +110,6 @@
     "ejs-lint": "^2.0.0",
     "esbuild": "^0.23.0",
     "esbuild-plugin-alias": "^0.2.1",
-    "esbuild-register": "^3.5.0",
     "eslint": "^8.57.0",
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-config-prettier": "^9.1.0",
@@ -168,7 +166,6 @@
     "simple-git": "^3.25.0",
     "slash": "^3.0.0",
     "sort-package-json": "^2.10.0",
-    "tempy": "^3.1.0",
     "tiny-invariant": "^1.3.3",
     "trash": "^7.2.0",
     "ts-dedent": "^2.2.0",
@@ -177,18 +174,21 @@
     "typescript": "^5.4.5",
     "util": "^0.12.5",
     "uuid": "^9.0.1",
-    "vitest": "^1.6.0",
+    "vitest": "^2.0.5",
     "wait-on": "^7.2.0",
     "window-size": "^1.1.1",
     "yaml": "^2.4.5",
     "zod": "^3.23.8"
   },
+  "devDependencies": {
+    "jiti": "^1.21.6"
+  },
   "optionalDependencies": {
     "@verdaccio/types": "^10.8.0",
     "verdaccio": "^5.31.1",
     "verdaccio-auth-memory": "^10.2.2"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   }
 }
diff --git a/scripts/prepare/addon-bundle.ts b/scripts/prepare/addon-bundle.ts
index f6d15a2ce377..381d318962bf 100755
--- a/scripts/prepare/addon-bundle.ts
+++ b/scripts/prepare/addon-bundle.ts
@@ -1,16 +1,16 @@
+import aliasPlugin from 'esbuild-plugin-alias';
 import * as fs from 'fs-extra';
-import path, { dirname, join, relative } from 'path';
+import { glob } from 'glob';
+import { dirname, join, parse, posix, relative, sep } from 'path';
+import slash from 'slash';
+import { dedent } from 'ts-dedent';
 import type { Options } from 'tsup';
-import type { PackageJson } from 'type-fest';
 import { build } from 'tsup';
-import aliasPlugin from 'esbuild-plugin-alias';
-import { dedent } from 'ts-dedent';
-import slash from 'slash';
-import { exec } from '../utils/exec';
+import type { PackageJson } from 'type-fest';
 
-import { globalPackages as globalPreviewPackages } from '../../code/core/src/preview/globals/globals';
 import { globalPackages as globalManagerPackages } from '../../code/core/src/manager/globals/globals';
-import { glob } from 'glob';
+import { globalPackages as globalPreviewPackages } from '../../code/core/src/preview/globals/globals';
+import { exec } from '../utils/exec';
 
 /* TYPES */
 
@@ -50,7 +50,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   } = (await fs.readJson(join(cwd, 'package.json'))) as PackageJsonWithBundlerConfig;
 
   if (pre) {
-    await exec(`bun ${pre}`, { cwd });
+    await exec(`jiti ${pre}`, { cwd });
   }
 
   const reset = hasFlag(flags, 'reset');
@@ -204,7 +204,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   );
 
   if (post) {
-    await exec(`bun ${post}`, { cwd }, { debug: true });
+    await exec(`jiti ${post}`, { cwd }, { debug: true });
   }
 
   console.log('done');
@@ -250,11 +250,11 @@ function getESBuildOptions(optimized: boolean) {
 }
 
 async function generateDTSMapperFile(file: string) {
-  const { name: entryName, dir } = path.parse(file);
+  const { name: entryName, dir } = parse(file);
 
   const pathName = join(process.cwd(), dir.replace('./src', 'dist'), `${entryName}.d.ts`);
   const srcName = join(process.cwd(), file);
-  const rel = relative(dirname(pathName), dirname(srcName)).split(path.sep).join(path.posix.sep);
+  const rel = relative(dirname(pathName), dirname(srcName)).split(sep).join(posix.sep);
 
   await fs.ensureFile(pathName);
   await fs.writeFile(
diff --git a/scripts/prepare/bundle.ts b/scripts/prepare/bundle.ts
index 28e994773c29..81a7b301fe41 100755
--- a/scripts/prepare/bundle.ts
+++ b/scripts/prepare/bundle.ts
@@ -1,13 +1,15 @@
+import { dirname, join, parse, posix, relative, resolve, sep } from 'node:path';
+
+import aliasPlugin from 'esbuild-plugin-alias';
 import * as fs from 'fs-extra';
-import path, { dirname, join, relative } from 'path';
+import { glob } from 'glob';
+import slash from 'slash';
+import { dedent } from 'ts-dedent';
 import type { Options } from 'tsup';
-import type { PackageJson } from 'type-fest';
 import { build } from 'tsup';
-import aliasPlugin from 'esbuild-plugin-alias';
-import { dedent } from 'ts-dedent';
-import slash from 'slash';
+import type { PackageJson } from 'type-fest';
+
 import { exec } from '../utils/exec';
-import { glob } from 'glob';
 
 /* TYPES */
 
@@ -45,7 +47,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   } = (await fs.readJson(join(cwd, 'package.json'))) as PackageJsonWithBundlerConfig;
 
   if (pre) {
-    await exec(`bun ${pre}`, { cwd });
+    await exec(`jiti ${pre}`, { cwd });
   }
 
   const reset = hasFlag(flags, 'reset');
@@ -78,7 +80,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
    * Generating an ESM file for them anyway is problematic because they often have a reference to `require`.
    * TSUP generated code will then have a `require` polyfill/guard in the ESM files, which causes issues for webpack.
    */
-  const nonPresetEntries = allEntries.filter((f) => !path.parse(f).name.includes('preset'));
+  const nonPresetEntries = allEntries.filter((f) => !parse(f).name.includes('preset'));
 
   const noExternal = [...extraNoExternal];
 
@@ -103,8 +105,8 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
             ? []
             : [
                 aliasPlugin({
-                  process: path.resolve('../node_modules/process/browser.js'),
-                  util: path.resolve('../node_modules/util/util.js'),
+                  process: resolve('../node_modules/process/browser.js'),
+                  util: resolve('../node_modules/util/util.js'),
                 }),
               ],
         external: externals,
@@ -160,7 +162,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   );
 
   if (post) {
-    await exec(`bun ${post}`, { cwd }, { debug: true });
+    await exec(`jiti ${post}`, { cwd }, { debug: true });
   }
 
   if (process.env.CI !== 'true') {
@@ -206,11 +208,11 @@ function getESBuildOptions(optimized: boolean) {
 }
 
 async function generateDTSMapperFile(file: string) {
-  const { name: entryName, dir } = path.parse(file);
+  const { name: entryName, dir } = parse(file);
 
   const pathName = join(process.cwd(), dir.replace('./src', 'dist'), `${entryName}.d.ts`);
   const srcName = join(process.cwd(), file);
-  const rel = relative(dirname(pathName), dirname(srcName)).split(path.sep).join(path.posix.sep);
+  const rel = relative(dirname(pathName), dirname(srcName)).split(sep).join(posix.sep);
 
   await fs.ensureFile(pathName);
   await fs.writeFile(
diff --git a/scripts/prepare/check.ts b/scripts/prepare/check.ts
index 1e10c1024afe..dbf09429492b 100755
--- a/scripts/prepare/check.ts
+++ b/scripts/prepare/check.ts
@@ -1,5 +1,5 @@
-import { join } from 'path';
 import fs from 'fs-extra';
+import { join } from 'path';
 import ts from 'typescript';
 
 const run = async ({ cwd }: { cwd: string }) => {
diff --git a/scripts/prepare/tools.ts b/scripts/prepare/tools.ts
index 0c388327455f..5b81ed2b3f62 100644
--- a/scripts/prepare/tools.ts
+++ b/scripts/prepare/tools.ts
@@ -1,31 +1,31 @@
+import { writeFile } from 'node:fs/promises';
 import { dirname, join } from 'node:path';
 import * as process from 'node:process';
-import { glob } from 'glob';
-import Bun from 'bun';
 
+import { globalExternals } from '@fal-works/esbuild-plugin-global-externals';
+import chalk from 'chalk';
+import { spawn } from 'cross-spawn';
+import * as esbuild from 'esbuild';
+import { readJson } from 'fs-extra';
+import { glob } from 'glob';
+import limit from 'p-limit';
+import * as prettier from 'prettier';
+import prettyTime from 'pretty-hrtime';
+import * as rollup from 'rollup';
+import * as rpd from 'rollup-plugin-dts';
 import slash from 'slash';
-import typescript from 'typescript';
 import sortPackageJson from 'sort-package-json';
+import { dedent } from 'ts-dedent';
 import * as tsup from 'tsup';
-import * as esbuild from 'esbuild';
 import type * as typefest from 'type-fest';
-import prettyTime from 'pretty-hrtime';
-import * as prettier from 'prettier';
-import chalk from 'chalk';
-import { dedent } from 'ts-dedent';
-import limit from 'p-limit';
-import { CODE_DIRECTORY } from '../utils/constants';
+import typescript from 'typescript';
 import ts from 'typescript';
 
-import { globalExternals } from '@fal-works/esbuild-plugin-global-externals';
-
-import * as rpd from 'rollup-plugin-dts';
-import * as rollup from 'rollup';
+import { CODE_DIRECTORY } from '../utils/constants';
 
 export { globalExternals };
 
 export const dts = async (entry: string, externals: string[], tsconfig: string) => {
-  console.log(entry);
   const dir = dirname(entry).replace('src', 'dist');
   const out = await rollup.rollup({
     input: entry,
@@ -60,7 +60,7 @@ export const dts = async (entry: string, externals: string[], tsconfig: string)
   await Promise.all(
     output.map(async (o) => {
       if (o.type === 'chunk') {
-        await Bun.write(join(dir, o.fileName), o.code);
+        await writeFile(join(dir, o.fileName), o.code);
       } else {
         throw new Error(`Unexpected output type: ${o.type} for ${entry} (${o.fileName})`);
       }
@@ -68,6 +68,8 @@ export const dts = async (entry: string, externals: string[], tsconfig: string)
   );
 };
 
+export { spawn };
+
 export const defineEntry =
   (cwd: string) =>
   (
@@ -106,7 +108,6 @@ export {
   limit,
   sortPackageJson,
   prettier,
-  Bun,
 };
 
 export const nodeInternals = [
@@ -116,7 +117,7 @@ export const nodeInternals = [
 ];
 
 export const getWorkspace = async () => {
-  const codePackage = await Bun.file(join(CODE_DIRECTORY, 'package.json')).json();
+  const codePackage = await readJson(join(CODE_DIRECTORY, 'package.json'));
   const {
     workspaces: { packages: patterns },
   } = codePackage;
@@ -129,7 +130,7 @@ export const getWorkspace = async () => {
     workspaces
       .flatMap((p) => p.map((i) => join(CODE_DIRECTORY, i)))
       .map(async (p) => {
-        const pkg = await Bun.file(join(p, 'package.json')).json();
+        const pkg = await readJson(join(p, 'package.json'));
         return { ...pkg, path: p } as typefest.PackageJson &
           Required<Pick<typefest.PackageJson, 'name' | 'version'>> & { path: string };
       })
diff --git a/scripts/prepare/tsc.ts b/scripts/prepare/tsc.ts
index 6db4027aeb07..6a6aba2643bd 100755
--- a/scripts/prepare/tsc.ts
+++ b/scripts/prepare/tsc.ts
@@ -1,7 +1,8 @@
+import { emptyDir, move, readJson } from 'fs-extra';
+import { globSync } from 'glob';
 import { join } from 'path';
-import fs, { move } from 'fs-extra';
 import * as ts from 'typescript';
-import { globSync } from 'glob';
+
 import { exec } from '../utils/exec';
 
 const hasFlag = (flags: string[], name: string) => !!flags.find((s) => s.startsWith(`--${name}`));
@@ -9,10 +10,10 @@ const hasFlag = (flags: string[], name: string) => !!flags.find((s) => s.startsW
 const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   const {
     bundler: { pre, post, tsConfig: tsconfigPath = 'tsconfig.json' },
-  } = await fs.readJson(join(cwd, 'package.json'));
+  } = await readJson(join(cwd, 'package.json'));
 
   if (pre) {
-    await exec(`bun ${pre}`, { cwd });
+    await exec(`jiti ${pre}`, { cwd });
   }
 
   const reset = hasFlag(flags, 'reset');
@@ -20,7 +21,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   // const optimized = hasFlag(flags, 'optimized');
 
   if (reset) {
-    await fs.emptyDir(join(process.cwd(), 'dist'));
+    await emptyDir(join(process.cwd(), 'dist'));
   }
 
   const content = ts.readJsonConfigFile(tsconfigPath, ts.sys.readFile);
@@ -66,7 +67,7 @@ const run = async ({ cwd, flags }: { cwd: string; flags: string[] }) => {
   }
 
   if (post) {
-    await exec(`bun ${post}`, { cwd }, { debug: true });
+    await exec(`jiti ${post}`, { cwd }, { debug: true });
   }
 
   if (!watch) {
diff --git a/scripts/prettier.config.js b/scripts/prettier.config.js
index 21ff119ec0fc..e3d2af6af7d5 100644
--- a/scripts/prettier.config.js
+++ b/scripts/prettier.config.js
@@ -1,13 +1,45 @@
-// eslint-disable-next-line import/extensions
-import base from '@storybook/linter-config/prettier.config.js';
-
 export default {
-  ...base,
+  printWidth: 100,
+  tabWidth: 2,
+  bracketSpacing: true,
+  trailingComma: 'es5',
+  singleQuote: true,
   overrides: [
+    {
+      files: '*.html',
+      options: { parser: 'babel' },
+    },
     {
       files: '*.component.html',
       options: { parser: 'angular' },
     },
+    {
+      files: ['**/frameworks/angular/src/**/*.ts', '**/frameworks/angular/template/**/*.ts'],
+      options: { parser: 'babel-ts' },
+    },
+    {
+      files: ['*.md', '*.mdx'],
+      options: {
+        importOrderSeparation: false,
+        importOrderSortSpecifiers: false,
+      },
+    },
   ],
+  plugins: ['@trivago/prettier-plugin-sort-imports'],
+
+  importOrder: [
+    '^node:',
+    '^(vitest|@testing-library)',
+    '^react(-dom(/client)?(/server)?)?$',
+    '^storybook/internal',
+    '^@storybook/[^-]*$',
+    '^@storybook/(?!addon-)(.*)$',
+    '^@storybook/addon-(.*)$',
+    '<THIRD_PARTY_MODULES>',
+    '^[./]',
+  ],
+  importOrderSeparation: true,
+  importOrderSortSpecifiers: true,
+
   arrowParens: 'always',
 };
diff --git a/scripts/release/__tests__/cancel-preparation-runs.test.ts b/scripts/release/__tests__/cancel-preparation-runs.test.ts
index 042076fd7840..a12eb0e02d53 100644
--- a/scripts/release/__tests__/cancel-preparation-runs.test.ts
+++ b/scripts/release/__tests__/cancel-preparation-runs.test.ts
@@ -1,4 +1,4 @@
-import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 
 import {
   PREPARE_NON_PATCH_WORKFLOW_PATH,
diff --git a/scripts/release/__tests__/generate-pr-description.test.ts b/scripts/release/__tests__/generate-pr-description.test.ts
index 926f46226d4b..bbde660579d1 100644
--- a/scripts/release/__tests__/generate-pr-description.test.ts
+++ b/scripts/release/__tests__/generate-pr-description.test.ts
@@ -1,9 +1,10 @@
-import { describe, it, expect } from 'vitest';
+import { describe, expect, it } from 'vitest';
+
 import {
-  generateReleaseDescription,
   generateNonReleaseDescription,
-  mapToChangelist,
+  generateReleaseDescription,
   mapCherryPicksToTodo,
+  mapToChangelist,
 } from '../generate-pr-description';
 import type { Change } from '../utils/get-changes';
 
diff --git a/scripts/release/__tests__/is-pr-frozen.test.ts b/scripts/release/__tests__/is-pr-frozen.test.ts
index 5918566fbba8..681069af7256 100644
--- a/scripts/release/__tests__/is-pr-frozen.test.ts
+++ b/scripts/release/__tests__/is-pr-frozen.test.ts
@@ -1,16 +1,17 @@
 /* eslint-disable no-underscore-dangle */
-import path from 'path';
-import { vi, describe, expect, it } from 'vitest';
+import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import * as fsExtraImp from 'fs-extra';
 import * as simpleGitImp from 'simple-git';
-import { run as isPrFrozen } from '../is-pr-frozen';
 
 import type * as MockedFSExtra from '../../../code/__mocks__/fs-extra';
 import type * as MockedSimpleGit from '../../__mocks__/simple-git';
-
+import { CODE_DIRECTORY } from '../../utils/constants';
+import { run as isPrFrozen } from '../is-pr-frozen';
 import type { PullRequestInfo } from '../utils/get-github-info';
 import { getPullInfoFromCommit } from '../utils/get-github-info';
-import { CODE_DIRECTORY } from '../../utils/constants';
 
 vi.mock('../utils/get-github-info');
 vi.mock('simple-git');
@@ -18,7 +19,7 @@ vi.mock('fs-extra', async () => import('../../../code/__mocks__/fs-extra'));
 const fsExtra = fsExtraImp as unknown as typeof MockedFSExtra;
 const simpleGit = simpleGitImp as unknown as typeof MockedSimpleGit;
 
-const CODE_PACKAGE_JSON_PATH = path.join(CODE_DIRECTORY, 'package.json');
+const CODE_PACKAGE_JSON_PATH = join(CODE_DIRECTORY, 'package.json');
 
 fsExtra.__setMockFiles({
   [CODE_PACKAGE_JSON_PATH]: JSON.stringify({ version: '1.0.0' }),
diff --git a/scripts/release/__tests__/label-patches.test.ts b/scripts/release/__tests__/label-patches.test.ts
index 29da21758c6e..82735c9cfd8b 100644
--- a/scripts/release/__tests__/label-patches.test.ts
+++ b/scripts/release/__tests__/label-patches.test.ts
@@ -1,9 +1,11 @@
-import { beforeEach, expect, vi, it } from 'vitest';
-import type { LogResult } from 'simple-git';
+import { beforeEach, expect, it, vi } from 'vitest';
+
 import ansiRegex from 'ansi-regex';
+import type { LogResult } from 'simple-git';
+
 import { run } from '../label-patches';
-import * as gitClient_ from '../utils/git-client';
 import * as githubInfo_ from '../utils/get-github-info';
+import * as gitClient_ from '../utils/git-client';
 import * as github_ from '../utils/github-client';
 
 vi.mock('uuid');
diff --git a/scripts/release/__tests__/version.test.ts b/scripts/release/__tests__/version.test.ts
index f7f5b3e7385d..3572e4cb76ee 100644
--- a/scripts/release/__tests__/version.test.ts
+++ b/scripts/release/__tests__/version.test.ts
@@ -1,11 +1,13 @@
 /* eslint-disable no-underscore-dangle */
-import { describe, it, expect, vi } from 'vitest';
-import path from 'path';
-import * as fsExtraImp from 'fs-extra';
+import { join } from 'node:path';
+
+import { describe, expect, it, vi } from 'vitest';
+
 import { execaCommand } from 'execa';
-import { run as version } from '../version';
+import * as fsExtraImp from 'fs-extra';
 
 import type * as MockedFSToExtra from '../../../code/__mocks__/fs-extra';
+import { run as version } from '../version';
 
 vi.mock('fs-extra', async () => import('../../../code/__mocks__/fs-extra'));
 const fsExtra = fsExtraImp as unknown as typeof MockedFSToExtra;
@@ -30,17 +32,11 @@ vi.spyOn(console, 'warn').mockImplementation(() => {});
 vi.spyOn(console, 'error').mockImplementation(() => {});
 
 describe('Version', () => {
-  const CODE_DIR_PATH = path.join(__dirname, '..', '..', '..', 'code');
-  const CODE_PACKAGE_JSON_PATH = path.join(CODE_DIR_PATH, 'package.json');
-  const MANAGER_API_VERSION_PATH = path.join(
-    CODE_DIR_PATH,
-    'core',
-    'src',
-    'manager-api',
-    'version.ts'
-  );
-  const VERSIONS_PATH = path.join(CODE_DIR_PATH, 'core', 'src', 'common', 'versions.ts');
-  const A11Y_PACKAGE_JSON_PATH = path.join(CODE_DIR_PATH, 'addons', 'a11y', 'package.json');
+  const CODE_DIR_PATH = join(__dirname, '..', '..', '..', 'code');
+  const CODE_PACKAGE_JSON_PATH = join(CODE_DIR_PATH, 'package.json');
+  const MANAGER_API_VERSION_PATH = join(CODE_DIR_PATH, 'core', 'src', 'manager-api', 'version.ts');
+  const VERSIONS_PATH = join(CODE_DIR_PATH, 'core', 'src', 'common', 'versions.ts');
+  const A11Y_PACKAGE_JSON_PATH = join(CODE_DIR_PATH, 'addons', 'a11y', 'package.json');
 
   it('should throw when release type is invalid', async () => {
     fsExtra.__setMockFiles({
@@ -284,7 +280,7 @@ describe('Version', () => {
         { spaces: 2 }
       );
       expect(execaCommand).toHaveBeenCalledWith('yarn install --mode=update-lockfile', {
-        cwd: path.join(CODE_DIR_PATH),
+        cwd: join(CODE_DIR_PATH),
         cleanup: true,
         stdio: undefined,
       });
diff --git a/scripts/release/__tests__/write-changelog.test.ts b/scripts/release/__tests__/write-changelog.test.ts
index 6eaefbed57b1..f0346066b26c 100644
--- a/scripts/release/__tests__/write-changelog.test.ts
+++ b/scripts/release/__tests__/write-changelog.test.ts
@@ -1,12 +1,14 @@
 /* eslint-disable no-underscore-dangle */
-import path from 'path';
-import { dedent } from 'ts-dedent';
-import { vi, expect, describe, it, beforeEach } from 'vitest';
+import { join } from 'node:path';
+
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+
 import * as fsExtraImp from 'fs-extra';
-import { run as writeChangelog } from '../write-changelog';
-import * as changesUtils_ from '../utils/get-changes';
+import { dedent } from 'ts-dedent';
 
 import type * as MockedFSToExtra from '../../../code/__mocks__/fs-extra';
+import * as changesUtils_ from '../utils/get-changes';
+import { run as writeChangelog } from '../write-changelog';
 
 vi.mock('fs-extra', async () => import('../../../code/__mocks__/fs-extra'));
 vi.mock('../utils/get-changes');
@@ -28,18 +30,10 @@ beforeEach(() => {
   });
 });
 
-const STABLE_CHANGELOG_PATH = path.join(__dirname, '..', '..', '..', 'CHANGELOG.md');
-const PRERELEASE_CHANGELOG_PATH = path.join(__dirname, '..', '..', '..', 'CHANGELOG.prerelease.md');
-const LATEST_VERSION_PATH = path.join(
-  __dirname,
-  '..',
-  '..',
-  '..',
-  'docs',
-  'versions',
-  'latest.json'
-);
-const NEXT_VERSION_PATH = path.join(__dirname, '..', '..', '..', 'docs', 'versions', 'next.json');
+const STABLE_CHANGELOG_PATH = join(__dirname, '..', '..', '..', 'CHANGELOG.md');
+const PRERELEASE_CHANGELOG_PATH = join(__dirname, '..', '..', '..', 'CHANGELOG.prerelease.md');
+const LATEST_VERSION_PATH = join(__dirname, '..', '..', '..', 'docs', 'versions', 'latest.json');
+const NEXT_VERSION_PATH = join(__dirname, '..', '..', '..', 'docs', 'versions', 'next.json');
 
 const EXISTING_STABLE_CHANGELOG = dedent`## 7.0.0
 
diff --git a/scripts/release/cancel-preparation-runs.ts b/scripts/release/cancel-preparation-runs.ts
index 8b6ac9ac23a9..86cc0fb1d476 100644
--- a/scripts/release/cancel-preparation-runs.ts
+++ b/scripts/release/cancel-preparation-runs.ts
@@ -2,10 +2,10 @@
  * This script cancels all running preparation workflows in GitHub.
  * It will fetch all active runs for the preparation workflows, and cancel them.
  */
-
 import chalk from 'chalk';
 import program from 'commander';
 import { dedent } from 'ts-dedent';
+
 import { esMain } from '../utils/esmain';
 import { githubRestClient } from './utils/github-client';
 
diff --git a/scripts/release/generate-pr-description.ts b/scripts/release/generate-pr-description.ts
index a514985290ed..38f6a9639d01 100644
--- a/scripts/release/generate-pr-description.ts
+++ b/scripts/release/generate-pr-description.ts
@@ -1,13 +1,14 @@
+import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import program from 'commander';
-import { z } from 'zod';
-import { dedent } from 'ts-dedent';
 import semver from 'semver';
-import { setOutput } from '@actions/core';
+import { dedent } from 'ts-dedent';
+import { z } from 'zod';
+
 import { esMain } from '../utils/esmain';
-import type { Change } from './utils/get-changes';
-import { getChanges, LABELS_BY_IMPORTANCE, RELEASED_LABELS } from './utils/get-changes';
 import { getCurrentVersion } from './get-current-version';
+import type { Change } from './utils/get-changes';
+import { LABELS_BY_IMPORTANCE, RELEASED_LABELS, getChanges } from './utils/get-changes';
 import type { PullRequestInfo } from './utils/get-github-info';
 
 program
diff --git a/scripts/release/get-changelog-from-file.ts b/scripts/release/get-changelog-from-file.ts
index 22f5391b5513..f428310cc656 100644
--- a/scripts/release/get-changelog-from-file.ts
+++ b/scripts/release/get-changelog-from-file.ts
@@ -1,10 +1,12 @@
+import { join } from 'node:path';
+
 import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import { program } from 'commander';
 import { readFile } from 'fs-extra';
-import path from 'path';
 import semver from 'semver';
 import { dedent } from 'ts-dedent';
+
 import { esMain } from '../utils/esmain';
 import { getCurrentVersion } from './get-current-version';
 
@@ -25,7 +27,7 @@ export const getChangelogFromFile = async (args: {
   const version = args.version || (await getCurrentVersion());
   const isPrerelease = semver.prerelease(version) !== null;
   const changelogFilename = isPrerelease ? 'CHANGELOG.prerelease.md' : 'CHANGELOG.md';
-  const changelogPath = path.join(__dirname, '..', '..', changelogFilename);
+  const changelogPath = join(__dirname, '..', '..', changelogFilename);
 
   console.log(`📝 Getting changelog from ${chalk.blue(changelogPath)}`);
 
diff --git a/scripts/release/get-current-version.ts b/scripts/release/get-current-version.ts
index 7fd51559e332..f640ccb5907e 100644
--- a/scripts/release/get-current-version.ts
+++ b/scripts/release/get-current-version.ts
@@ -1,11 +1,13 @@
-import chalk from 'chalk';
+import { join } from 'node:path';
+
 import { setOutput } from '@actions/core';
-import path from 'path';
+import chalk from 'chalk';
 import { readJson } from 'fs-extra';
+
 import { esMain } from '../utils/esmain';
 
-const CODE_DIR_PATH = path.join(__dirname, '..', '..', 'code');
-const CODE_PACKAGE_JSON_PATH = path.join(CODE_DIR_PATH, 'package.json');
+const CODE_DIR_PATH = join(__dirname, '..', '..', 'code');
+const CODE_PACKAGE_JSON_PATH = join(CODE_DIR_PATH, 'package.json');
 
 export const getCurrentVersion = async () => {
   console.log(`📐 Reading current version of Storybook...`);
diff --git a/scripts/release/get-version-changelog.ts b/scripts/release/get-version-changelog.ts
index 426444457c7e..6e1af6a7b5b7 100644
--- a/scripts/release/get-version-changelog.ts
+++ b/scripts/release/get-version-changelog.ts
@@ -1,6 +1,7 @@
 import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import { program } from 'commander';
+
 import { esMain } from '../utils/esmain';
 import { getCurrentVersion } from './get-current-version';
 import { getChanges } from './utils/get-changes';
diff --git a/scripts/release/is-pr-frozen.ts b/scripts/release/is-pr-frozen.ts
index 69f9fb4ad71f..d1fdec3a9de8 100644
--- a/scripts/release/is-pr-frozen.ts
+++ b/scripts/release/is-pr-frozen.ts
@@ -1,8 +1,10 @@
+import { join } from 'node:path';
+
+import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import program from 'commander';
-import { setOutput } from '@actions/core';
-import path from 'path';
 import { readJson } from 'fs-extra';
+
 import { esMain } from '../utils/esmain';
 import { getPullInfoFromCommit } from './utils/get-github-info';
 import { git } from './utils/git-client';
@@ -15,8 +17,8 @@ program
   .option('-H, --patch', 'Look for patch PR instead of next PR', false)
   .option('-V, --verbose', 'Enable verbose logging', false);
 
-const CODE_DIR_PATH = path.join(__dirname, '..', '..', 'code');
-const CODE_PACKAGE_JSON_PATH = path.join(CODE_DIR_PATH, 'package.json');
+const CODE_DIR_PATH = join(__dirname, '..', '..', 'code');
+const CODE_PACKAGE_JSON_PATH = join(CODE_DIR_PATH, 'package.json');
 
 const getCurrentVersion = async () => {
   console.log(`📐 Reading current version of Storybook...`);
diff --git a/scripts/release/is-prerelease.ts b/scripts/release/is-prerelease.ts
index 99e5f6cdf4ad..d154991b27cc 100644
--- a/scripts/release/is-prerelease.ts
+++ b/scripts/release/is-prerelease.ts
@@ -1,7 +1,8 @@
+import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import program from 'commander';
-import { setOutput } from '@actions/core';
 import semver from 'semver';
+
 import { esMain } from '../utils/esmain';
 import { getCurrentVersion } from './get-current-version';
 
diff --git a/scripts/release/is-version-published.ts b/scripts/release/is-version-published.ts
index e38ce1fbfa1c..90d46399ab90 100644
--- a/scripts/release/is-version-published.ts
+++ b/scripts/release/is-version-published.ts
@@ -1,6 +1,7 @@
+import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import program from 'commander';
-import { setOutput } from '@actions/core';
+
 import { esMain } from '../utils/esmain';
 import { getCurrentVersion } from './get-current-version';
 
diff --git a/scripts/release/label-patches.ts b/scripts/release/label-patches.ts
index 453e64105abf..a0d82f44fe60 100644
--- a/scripts/release/label-patches.ts
+++ b/scripts/release/label-patches.ts
@@ -1,10 +1,11 @@
 import program from 'commander';
-import { v4 as uuidv4 } from 'uuid';
 import ora from 'ora';
+import { v4 as uuidv4 } from 'uuid';
+
 import { esMain } from '../utils/esmain';
-import { getLabelIds, githubGraphQlClient, getUnpickedPRs } from './utils/github-client';
 import { getPullInfoFromCommits, getRepo } from './utils/get-changes';
 import { getLatestTag, git } from './utils/git-client';
+import { getLabelIds, getUnpickedPRs, githubGraphQlClient } from './utils/github-client';
 
 program
   .name('label-patches')
diff --git a/scripts/release/pick-patches.ts b/scripts/release/pick-patches.ts
index 18b999f3e49c..49bb55317529 100644
--- a/scripts/release/pick-patches.ts
+++ b/scripts/release/pick-patches.ts
@@ -1,8 +1,9 @@
-import program from 'commander';
+import { setOutput } from '@actions/core';
 import chalk from 'chalk';
+import program from 'commander';
 import ora from 'ora';
-import { setOutput } from '@actions/core';
 import invariant from 'tiny-invariant';
+
 import { esMain } from '../utils/esmain';
 import { git } from './utils/git-client';
 import { getUnpickedPRs } from './utils/github-client';
diff --git a/scripts/release/publish.ts b/scripts/release/publish.ts
index 79ecbcacb1fd..b6c6ecfdec1b 100644
--- a/scripts/release/publish.ts
+++ b/scripts/release/publish.ts
@@ -1,12 +1,14 @@
+import { join } from 'node:path';
+
 import chalk from 'chalk';
-import path from 'path';
 import program from 'commander';
-import semver from 'semver';
-import { z } from 'zod';
+import { execaCommand } from 'execa';
 import { readJson } from 'fs-extra';
-import dedent from 'ts-dedent';
 import pRetry from 'p-retry';
-import { execaCommand } from 'execa';
+import semver from 'semver';
+import dedent from 'ts-dedent';
+import { z } from 'zod';
+
 import { esMain } from '../utils/esmain';
 
 program
@@ -36,8 +38,8 @@ type Options = {
   dryRun?: boolean;
 };
 
-const CODE_DIR_PATH = path.join(__dirname, '..', '..', 'code');
-const CODE_PACKAGE_JSON_PATH = path.join(CODE_DIR_PATH, 'package.json');
+const CODE_DIR_PATH = join(__dirname, '..', '..', 'code');
+const CODE_PACKAGE_JSON_PATH = join(CODE_DIR_PATH, 'package.json');
 
 const validateOptions = (options: { [key: string]: any }): options is Options => {
   optionsSchema.parse(options);
diff --git a/scripts/release/unreleased-changes-exists.ts b/scripts/release/unreleased-changes-exists.ts
index d974d9db6d90..e52dd198b05c 100644
--- a/scripts/release/unreleased-changes-exists.ts
+++ b/scripts/release/unreleased-changes-exists.ts
@@ -1,12 +1,13 @@
+import { setOutput } from '@actions/core';
 import chalk from 'chalk';
 import program from 'commander';
-import { z } from 'zod';
-import { setOutput } from '@actions/core';
 import { intersection } from 'lodash';
+import { z } from 'zod';
+
 import { esMain } from '../utils/esmain';
+import { getCurrentVersion } from './get-current-version';
 import type { Change } from './utils/get-changes';
 import { RELEASED_LABELS, getChanges } from './utils/get-changes';
-import { getCurrentVersion } from './get-current-version';
 
 program
   .name('are-changes-unreleased')
diff --git a/scripts/release/utils/get-changes.ts b/scripts/release/utils/get-changes.ts
index 8d2811d486db..5588a10eba52 100644
--- a/scripts/release/utils/get-changes.ts
+++ b/scripts/release/utils/get-changes.ts
@@ -1,5 +1,6 @@
 import chalk from 'chalk';
 import semver from 'semver';
+
 import type { PullRequestInfo } from './get-github-info';
 import { getPullInfoFromCommit } from './get-github-info';
 import { getLatestTag, git } from './git-client';
diff --git a/scripts/release/utils/get-github-info.ts b/scripts/release/utils/get-github-info.ts
index 86c38defc447..1317916cb3df 100644
--- a/scripts/release/utils/get-github-info.ts
+++ b/scripts/release/utils/get-github-info.ts
@@ -4,7 +4,6 @@
  *
  * The only modification is that it also returns the PR title and labels
  */
-
 import DataLoader from 'dataloader';
 
 const validRepoNameRegex = /^[\w.-]+\/[\w.-]+$/;
diff --git a/scripts/release/version.ts b/scripts/release/version.ts
index ed6f6636e540..b5e775792209 100644
--- a/scripts/release/version.ts
+++ b/scripts/release/version.ts
@@ -1,11 +1,13 @@
+import { join } from 'node:path';
+
 import { setOutput } from '@actions/core';
-import { readFile, readJson, writeFile, writeJson } from 'fs-extra';
 import chalk from 'chalk';
-import path from 'path';
 import program from 'commander';
+import { execaCommand } from 'execa';
+import { readFile, readJson, writeFile, writeJson } from 'fs-extra';
 import semver from 'semver';
 import { z } from 'zod';
-import { execaCommand } from 'execa';
+
 import { esMain } from '../utils/esmain';
 import type { Workspace } from '../utils/workspace';
 import { getWorkspaces } from '../utils/workspace';
@@ -99,8 +101,8 @@ type ApplyOptions = BaseOptions & {
 };
 type Options = BumpOptions | ExactOptions | ApplyOptions;
 
-const CODE_DIR_PATH = path.join(__dirname, '..', '..', 'code');
-const CODE_PACKAGE_JSON_PATH = path.join(CODE_DIR_PATH, 'package.json');
+const CODE_DIR_PATH = join(__dirname, '..', '..', 'code');
+const CODE_PACKAGE_JSON_PATH = join(CODE_DIR_PATH, 'package.json');
 
 const validateOptions = (options: { [key: string]: any }): options is Options => {
   optionsSchema.parse(options);
@@ -126,8 +128,8 @@ const bumpCodeVersion = async (nextVersion: string) => {
 
 const bumpVersionSources = async (currentVersion: string, nextVersion: string) => {
   const filesToUpdate = [
-    path.join(CODE_DIR_PATH, 'core', 'src', 'manager-api', 'version.ts'),
-    path.join(CODE_DIR_PATH, 'core', 'src', 'common', 'versions.ts'),
+    join(CODE_DIR_PATH, 'core', 'src', 'manager-api', 'version.ts'),
+    join(CODE_DIR_PATH, 'core', 'src', 'common', 'versions.ts'),
   ];
   console.log(`🤜 Bumping versions in...:\n  ${chalk.cyan(filesToUpdate.join('\n  '))}`);
 
@@ -160,7 +162,7 @@ const bumpAllPackageJsons = async ({
   await Promise.all(
     packages.map(async (pkg) => {
       // 2. get the package.json
-      const packageJsonPath = path.join(CODE_DIR_PATH, pkg.location, 'package.json');
+      const packageJsonPath = join(CODE_DIR_PATH, pkg.location, 'package.json');
       const packageJson: {
         version: string;
         [key: string]: any;
@@ -284,7 +286,7 @@ export const run = async (options: unknown) => {
 
     console.log(`⬆️ Updating lock file with ${chalk.blue('yarn install --mode=update-lockfile')}`);
     await execaCommand(`yarn install --mode=update-lockfile`, {
-      cwd: path.join(CODE_DIR_PATH),
+      cwd: join(CODE_DIR_PATH),
       stdio: verbose ? 'inherit' : undefined,
       cleanup: true,
     });
diff --git a/scripts/release/write-changelog.ts b/scripts/release/write-changelog.ts
index 71090890a020..630db01f0441 100644
--- a/scripts/release/write-changelog.ts
+++ b/scripts/release/write-changelog.ts
@@ -1,9 +1,11 @@
+import { join } from 'node:path';
+
 import chalk from 'chalk';
-import path from 'path';
 import program from 'commander';
+import { readFile, writeFile, writeJson } from 'fs-extra';
 import semver from 'semver';
 import { z } from 'zod';
-import { readFile, writeFile, writeJson } from 'fs-extra';
+
 import { esMain } from '../utils/esmain';
 import { getChanges } from './utils/get-changes';
 
@@ -65,7 +67,7 @@ const writeToChangelogFile = async ({
 }) => {
   const isPrerelease = semver.prerelease(version) !== null;
   const changelogFilename = isPrerelease ? 'CHANGELOG.prerelease.md' : 'CHANGELOG.md';
-  const changelogPath = path.join(__dirname, '..', '..', changelogFilename);
+  const changelogPath = join(__dirname, '..', '..', changelogFilename);
 
   if (verbose) {
     console.log(`📝 Writing changelog to ${chalk.blue(changelogPath)}`);
@@ -88,10 +90,10 @@ const writeToDocsVersionFile = async ({
 }) => {
   const isPrerelease = semver.prerelease(version) !== null;
   const filename = isPrerelease ? 'next.json' : 'latest.json';
-  const filepath = path.join(__dirname, '..', '..', 'docs', 'versions', filename);
+  const filepath = join(__dirname, '..', '..', 'docs', 'versions', filename);
 
   if (verbose) {
-    console.log(`📝 Writing changelog to ${chalk.blue(path)}`);
+    console.log(`📝 Writing changelog to ${chalk.blue(filepath)}`);
   }
 
   const textWithoutHeading = changelogText.split('\n').slice(2).join('\n').replaceAll('"', '\\"');
diff --git a/scripts/reset.js b/scripts/reset.js
index afbd4ee9b070..ed93cbce800b 100644
--- a/scripts/reset.js
+++ b/scripts/reset.js
@@ -1,11 +1,12 @@
-import fs from 'fs';
+import { spawn } from 'node:child_process';
+import { appendFile, writeFileSync } from 'node:fs';
+
 import { remove } from 'fs-extra';
-import { spawn } from 'child_process';
 import trash from 'trash';
 
 const logger = console;
 
-fs.writeFileSync('reset.log', '');
+writeFileSync('reset.log', '');
 
 const cleaningProcess = spawn('git', [
   'clean',
@@ -47,7 +48,7 @@ cleaningProcess.stdout.on('data', (data) => {
         }
       });
   }
-  fs.appendFile('reset.log', data, (err) => {
+  appendFile('reset.log', data, (err) => {
     if (err) {
       throw err;
     }
diff --git a/scripts/run-registry.ts b/scripts/run-registry.ts
index eb7e0310b0fe..4d628856e9d3 100755
--- a/scripts/run-registry.ts
+++ b/scripts/run-registry.ts
@@ -1,19 +1,19 @@
-import { exec } from 'child_process';
-import { remove, pathExists, readJSON } from 'fs-extra';
+import { exec } from 'node:child_process';
+import { mkdir } from 'node:fs/promises';
+import http from 'node:http';
+import type { Server } from 'node:http';
+import { join, resolve as resolvePath } from 'node:path';
+
 import chalk from 'chalk';
-import path from 'path';
 import program from 'commander';
-import http from 'http';
-
-import { runServer, parseConfigFile } from 'verdaccio';
+import { execa, execaSync } from 'execa';
+import { pathExists, readJSON, remove } from 'fs-extra';
 import pLimit from 'p-limit';
-import type { Server } from 'http';
-import { mkdir } from 'fs/promises';
-import { PACKS_DIRECTORY } from './utils/constants';
+import { parseConfigFile, runServer } from 'verdaccio';
 
 import { maxConcurrentTasks } from './utils/concurrency';
+import { PACKS_DIRECTORY } from './utils/constants';
 import { getWorkspaces } from './utils/workspace';
-import { execa, execaSync } from 'execa';
 
 program
   .option('-O, --open', 'keep process open')
@@ -23,7 +23,7 @@ program.parse(process.argv);
 
 const logger = console;
 
-const root = path.resolve(__dirname, '..');
+const root = resolvePath(__dirname, '..');
 
 const startVerdaccio = async () => {
   const ready = {
@@ -63,9 +63,9 @@ const startVerdaccio = async () => {
           resolve(verdaccioApp);
         }
       });
-      const cache = path.join(__dirname, '..', '.verdaccio-cache');
+      const cache = join(__dirname, '..', '.verdaccio-cache');
       const config = {
-        ...parseConfigFile(path.join(__dirname, 'verdaccio.yaml')),
+        ...parseConfigFile(join(__dirname, 'verdaccio.yaml')),
         self_path: cache,
       };
 
@@ -92,7 +92,7 @@ const startVerdaccio = async () => {
 };
 
 const currentVersion = async () => {
-  const { version } = await readJSON(path.join(__dirname, '..', 'code', 'package.json'));
+  const { version } = await readJSON(join(__dirname, '..', 'code', 'package.json'));
   return version;
 };
 
@@ -123,14 +123,11 @@ const publish = async (packages: { name: string; location: string }[], url: stri
         () =>
           new Promise((res, rej) => {
             logger.log(
-              `🛫 publishing ${name} (${location.replace(
-                path.resolve(path.join(__dirname, '..')),
-                '.'
-              )})`
+              `🛫 publishing ${name} (${location.replace(resolvePath(join(__dirname, '..')), '.')})`
             );
 
             const tarballFilename = `${name.replace('@', '').replace('/', '-')}.tgz`;
-            const command = `cd ${path.resolve(
+            const command = `cd ${resolvePath(
               '../code',
               location
             )} && yarn pack --out=${PACKS_DIRECTORY}/${tarballFilename} && cd ${PACKS_DIRECTORY} && npm publish ./${tarballFilename} --registry ${url} --force --ignore-scripts`;
@@ -157,7 +154,7 @@ const run = async () => {
 
   if (!process.env.CI) {
     // when running e2e locally, clear cache to avoid EPUBLISHCONFLICT errors
-    const verdaccioCache = path.resolve(__dirname, '..', '.verdaccio-cache');
+    const verdaccioCache = resolvePath(__dirname, '..', '.verdaccio-cache');
     if (await pathExists(verdaccioCache)) {
       logger.log(`🗑 cleaning up cache`);
       await remove(verdaccioCache);
diff --git a/scripts/sandbox/generate.ts b/scripts/sandbox/generate.ts
index 8ada9832705b..327e5d864c95 100755
--- a/scripts/sandbox/generate.ts
+++ b/scripts/sandbox/generate.ts
@@ -1,31 +1,31 @@
-import { join, relative } from 'path';
+import * as ghActions from '@actions/core';
+import { program } from 'commander';
 import type { Options as ExecaOptions } from 'execa';
+import { execaCommand } from 'execa';
+import { copy, emptyDir, ensureDir, move, remove, rename, writeFile } from 'fs-extra';
 import pLimit from 'p-limit';
+import { join, relative } from 'path';
 import prettyTime from 'pretty-hrtime';
-import { copy, emptyDir, ensureDir, move, remove, rename, writeFile } from 'fs-extra';
-import { program } from 'commander';
-import { execaCommand } from 'execa';
-import { esMain } from '../utils/esmain';
-
-import type { OptionValues } from '../utils/options';
-import { createOptions } from '../utils/options';
-import { allTemplates as sandboxTemplates } from '../../code/lib/cli-storybook/src/sandbox-templates';
-import storybookVersions from '../../code/core/src/common/versions';
-import { JsPackageManagerFactory } from '../../code/core/src/common/js-package-manager/JsPackageManagerFactory';
+import { dedent } from 'ts-dedent';
 
-import { localizeYarnConfigFiles, setupYarn } from './utils/yarn';
-import type { GeneratorConfig } from './utils/types';
-import { getStackblitzUrl, renderTemplate } from './utils/template';
 import type { JsPackageManager } from '../../code/core/src/common/js-package-manager';
+import { JsPackageManagerFactory } from '../../code/core/src/common/js-package-manager/JsPackageManagerFactory';
+import { temporaryDirectory } from '../../code/core/src/common/utils/cli';
+import storybookVersions from '../../code/core/src/common/versions';
+import { allTemplates as sandboxTemplates } from '../../code/lib/cli-storybook/src/sandbox-templates';
 import {
-  BEFORE_DIR_NAME,
   AFTER_DIR_NAME,
-  SCRIPT_TIMEOUT,
-  REPROS_DIRECTORY,
+  BEFORE_DIR_NAME,
   LOCAL_REGISTRY_URL,
+  REPROS_DIRECTORY,
+  SCRIPT_TIMEOUT,
 } from '../utils/constants';
-import * as ghActions from '@actions/core';
-import { dedent } from 'ts-dedent';
+import { esMain } from '../utils/esmain';
+import type { OptionValues } from '../utils/options';
+import { createOptions } from '../utils/options';
+import { getStackblitzUrl, renderTemplate } from './utils/template';
+import type { GeneratorConfig } from './utils/types';
+import { localizeYarnConfigFiles, setupYarn } from './utils/yarn';
 
 const isCI = process.env.GITHUB_ACTIONS === 'true';
 
@@ -96,8 +96,7 @@ const addStorybook = async ({
   const beforeDir = join(baseDir, BEFORE_DIR_NAME);
   const afterDir = join(baseDir, AFTER_DIR_NAME);
 
-  const { temporaryDirectory } = await import('tempy');
-  const tmpDir = temporaryDirectory();
+  const tmpDir = await temporaryDirectory();
 
   try {
     await copy(beforeDir, tmpDir);
@@ -173,7 +172,6 @@ const runGenerators = async (
   console.log(`🤹‍♂️ Generating sandboxes with a concurrency of ${1}`);
 
   const limit = pLimit(1);
-  const { temporaryDirectory } = await import('tempy');
 
   const generationResults = await Promise.allSettled(
     generators.map(({ dirName, name, script, expected, env }) =>
@@ -190,7 +188,7 @@ const runGenerators = async (
           await emptyDir(baseDir);
 
           // We do the creation inside a temp dir to avoid yarn container problems
-          const createBaseDir = temporaryDirectory();
+          const createBaseDir = await temporaryDirectory();
           if (!script.includes('pnp')) {
             await setupYarn({ cwd: createBaseDir });
           }
diff --git a/scripts/sandbox/publish.ts b/scripts/sandbox/publish.ts
index a9acadc85652..ad8f5f11fcd8 100755
--- a/scripts/sandbox/publish.ts
+++ b/scripts/sandbox/publish.ts
@@ -1,14 +1,14 @@
 import program from 'commander';
-import { dirname, join, relative } from 'path';
+import { execaCommand } from 'execa';
 import { existsSync } from 'fs';
 import { copy, emptyDir, remove, writeFile } from 'fs-extra';
-import { execaCommand } from 'execa';
-
-import { getTemplatesData, renderTemplate } from './utils/template';
+import { glob } from 'glob';
+import { dirname, join, relative } from 'path';
 
-import { commitAllToGit } from './utils/git';
+import { temporaryDirectory } from '../../code/core/src/common/utils/cli';
 import { REPROS_DIRECTORY } from '../utils/constants';
-import { glob } from 'glob';
+import { commitAllToGit } from './utils/git';
+import { getTemplatesData, renderTemplate } from './utils/template';
 
 export const logger = console;
 
@@ -99,8 +99,7 @@ if (!existsSync(REPROS_DIRECTORY)) {
 }
 
 async function main() {
-  const { temporaryDirectory } = await import('tempy');
-  const tmpFolder = temporaryDirectory();
+  const tmpFolder = await temporaryDirectory();
   logger.log(`⏱ Created tmp folder: ${tmpFolder}`);
 
   const options = program.opts() as PublishOptions;
diff --git a/scripts/sandbox/utils/git.ts b/scripts/sandbox/utils/git.ts
index c0d62ee414c1..894858eb6bfa 100644
--- a/scripts/sandbox/utils/git.ts
+++ b/scripts/sandbox/utils/git.ts
@@ -1,10 +1,8 @@
-import invariant from 'tiny-invariant';
-
 import { execaCommand } from 'execa';
-
-import { logger } from '../publish';
+import invariant from 'tiny-invariant';
 
 import { version as storybookVersion } from '../../../code/package.json';
+import { logger } from '../publish';
 
 const getTheLastCommitHashThatUpdatedTheSandboxRepo = async (branch: string) => {
   const owner = 'storybookjs';
diff --git a/scripts/sandbox/utils/template.ts b/scripts/sandbox/utils/template.ts
index 5f5228a46dc5..11b6c1e86d5a 100644
--- a/scripts/sandbox/utils/template.ts
+++ b/scripts/sandbox/utils/template.ts
@@ -1,8 +1,9 @@
 import { render } from 'ejs';
 import { readFile } from 'fs-extra';
 import prettier from 'prettier';
-import type { GeneratorConfig } from './types';
+
 import { allTemplates as sandboxTemplates } from '../../../code/lib/cli-storybook/src/sandbox-templates';
+import type { GeneratorConfig } from './types';
 
 export async function renderTemplate(templatePath: string, templateData: Record<string, any>) {
   const template = await readFile(templatePath, 'utf8');
diff --git a/scripts/sandbox/utils/yarn.ts b/scripts/sandbox/utils/yarn.ts
index d6875e2206b5..a2d579b2cde0 100644
--- a/scripts/sandbox/utils/yarn.ts
+++ b/scripts/sandbox/utils/yarn.ts
@@ -1,5 +1,5 @@
-import { join } from 'path';
 import { move, remove } from 'fs-extra';
+import { join } from 'path';
 
 import { runCommand } from '../generate';
 
diff --git a/scripts/strict-ts.ts b/scripts/strict-ts.ts
index 047fa030f2e7..990cbe866ccf 100644
--- a/scripts/strict-ts.ts
+++ b/scripts/strict-ts.ts
@@ -1,6 +1,7 @@
+import { existsSync, readFileSync } from 'node:fs';
+import { dirname, join } from 'node:path';
+
 import glob from 'fast-glob';
-import path from 'path';
-import fsSync from 'node:fs';
 import JSON5 from 'json5';
 
 const files = glob.sync('**/*/tsconfig.json', {
@@ -12,16 +13,16 @@ const files = glob.sync('**/*/tsconfig.json', {
   const packages = files
     .filter((file) => !file.includes('node_modules') && !file.includes('dist'))
     .map((file) => {
-      const packageJson = path.join(path.dirname(file), 'package.json');
+      const packageJson = join(dirname(file), 'package.json');
       let packageName;
-      if (fsSync.existsSync(packageJson)) {
-        const json = fsSync.readFileSync(packageJson, { encoding: 'utf-8' });
+      if (existsSync(packageJson)) {
+        const json = readFileSync(packageJson, { encoding: 'utf-8' });
         packageName = JSON5.parse(json).name;
       }
 
       let strict;
-      if (fsSync.existsSync(file)) {
-        const tsconfig = fsSync.readFileSync(file, { encoding: 'utf-8' });
+      if (existsSync(file)) {
+        const tsconfig = readFileSync(file, { encoding: 'utf-8' });
         const tsconfigJson = JSON5.parse(tsconfig);
         strict = tsconfigJson?.compilerOptions?.strict ?? false;
       }
diff --git a/scripts/task.ts b/scripts/task.ts
index 857a87c75bbc..dc52005446e2 100644
--- a/scripts/task.ts
+++ b/scripts/task.ts
@@ -1,40 +1,38 @@
+import { outputFile, pathExists, readFile } from 'fs-extra';
 import type { TestCase } from 'junit-xml';
 import { getJunitXml } from 'junit-xml';
-import { outputFile, readFile, pathExists } from 'fs-extra';
 import { join, resolve } from 'path';
 import { prompt } from 'prompts';
+import invariant from 'tiny-invariant';
 import { dedent } from 'ts-dedent';
 
-import invariant from 'tiny-invariant';
-import { CODE_DIRECTORY, JUNIT_DIRECTORY, SANDBOX_DIRECTORY } from './utils/constants';
-import type { OptionValues } from './utils/options';
-import { createOptions, getCommand, getOptionsOrPrompt } from './utils/options';
-import { install } from './tasks/install';
-import { compile } from './tasks/compile';
+import {
+  allTemplates as TEMPLATES,
+  type Template,
+  type TemplateKey,
+} from '../code/lib/cli-storybook/src/sandbox-templates';
+import { version } from '../code/package.json';
+import { bench } from './tasks/bench';
+import { build } from './tasks/build';
 import { check } from './tasks/check';
+import { chromatic } from './tasks/chromatic';
+import { compile } from './tasks/compile';
+import { dev } from './tasks/dev';
+import { e2eTestsBuild } from './tasks/e2e-tests-build';
+import { e2eTestsDev } from './tasks/e2e-tests-dev';
+import { generate } from './tasks/generate';
+import { install } from './tasks/install';
 import { publish } from './tasks/publish';
 import { runRegistryTask } from './tasks/run-registry';
-import { generate } from './tasks/generate';
 import { sandbox } from './tasks/sandbox';
-import { syncDocs } from './tasks/sync-docs';
-import { dev } from './tasks/dev';
-import { smokeTest } from './tasks/smoke-test';
-import { build } from './tasks/build';
 import { serve } from './tasks/serve';
+import { smokeTest } from './tasks/smoke-test';
+import { syncDocs } from './tasks/sync-docs';
 import { testRunnerBuild } from './tasks/test-runner-build';
 import { testRunnerDev } from './tasks/test-runner-dev';
-import { chromatic } from './tasks/chromatic';
-import { e2eTestsBuild } from './tasks/e2e-tests-build';
-import { e2eTestsDev } from './tasks/e2e-tests-dev';
-import { bench } from './tasks/bench';
-
-import {
-  allTemplates as TEMPLATES,
-  type TemplateKey,
-  type Template,
-} from '../code/lib/cli-storybook/src/sandbox-templates';
-
-import { version } from '../code/package.json';
+import { CODE_DIRECTORY, JUNIT_DIRECTORY, SANDBOX_DIRECTORY } from './utils/constants';
+import type { OptionValues } from './utils/options';
+import { createOptions, getCommand, getOptionsOrPrompt } from './utils/options';
 
 const sandboxDir = process.env.SANDBOX_ROOT || SANDBOX_DIRECTORY;
 
@@ -521,12 +519,10 @@ process.on('exit', () => {
   });
 });
 
-if (require.main === module) {
-  run()
-    .then((status) => process.exit(status))
-    .catch((err) => {
-      logger.error();
-      logger.error(err);
-      process.exit(1);
-    });
-}
+run()
+  .then((status) => process.exit(status))
+  .catch((err) => {
+    logger.error();
+    logger.error(err);
+    process.exit(1);
+  });
diff --git a/scripts/tasks/bench.ts b/scripts/tasks/bench.ts
index cead08852edb..5f4f523fc9ad 100644
--- a/scripts/tasks/bench.ts
+++ b/scripts/tasks/bench.ts
@@ -1,11 +1,9 @@
-/* eslint-disable import/extensions */
 import prettyBytes from 'pretty-bytes';
 import prettyTime from 'pretty-ms';
 
 import type { Task } from '../task';
-
-import { PORT as devPort, dev } from './dev';
-import { PORT as servePort, serve } from './serve';
+import { dev, PORT as devPort } from './dev';
+import { serve, PORT as servePort } from './serve';
 
 const logger = console;
 
@@ -20,10 +18,8 @@ export const bench: Task = {
     const controllers: AbortController[] = [];
     try {
       const { disableDocs } = options;
-      // @ts-expect-error Default import required for dynamic import processed by esbuild
-      const { browse } = (await import('../bench/browse.ts')).default;
-      // @ts-expect-error Default import required for dynamic import processed by esbuild
-      const { saveBench, loadBench } = (await import('../bench/utils.ts')).default;
+      const { browse } = await import('../bench/browse');
+      const { saveBench, loadBench } = await import('../bench/utils');
 
       const devController = await dev.run(details, { ...options, debug: false });
       if (!devController) {
diff --git a/scripts/tasks/build.ts b/scripts/tasks/build.ts
index 58cb98765b48..4a74dcba1f55 100644
--- a/scripts/tasks/build.ts
+++ b/scripts/tasks/build.ts
@@ -1,10 +1,11 @@
-import { pathExists } from 'fs-extra';
 import dirSize from 'fast-folder-size';
-import { promisify } from 'util';
+import { pathExists } from 'fs-extra';
 import { join } from 'path';
+import { promisify } from 'util';
+
+import { now, saveBench } from '../bench/utils';
 import type { Task } from '../task';
 import { exec } from '../utils/exec';
-import { now, saveBench } from '../bench/utils';
 
 export const build: Task = {
   description: 'Build the static version of the sandbox',
diff --git a/scripts/tasks/compile.ts b/scripts/tasks/compile.ts
index 9a5a62a3278e..ec35323b693e 100644
--- a/scripts/tasks/compile.ts
+++ b/scripts/tasks/compile.ts
@@ -1,9 +1,9 @@
 import { readFile } from 'fs-extra';
 import { resolve } from 'path';
 
-import { maxConcurrentTasks } from '../utils/maxConcurrentTasks';
-import { exec } from '../utils/exec';
 import type { Task } from '../task';
+import { exec } from '../utils/exec';
+import { maxConcurrentTasks } from '../utils/maxConcurrentTasks';
 
 // The amount of VCPUs for the check task on CI is 4 (large resource)
 const amountOfVCPUs = 4;
diff --git a/scripts/tasks/dev.ts b/scripts/tasks/dev.ts
index 138bb912cef8..1b9da4ba4417 100644
--- a/scripts/tasks/dev.ts
+++ b/scripts/tasks/dev.ts
@@ -1,9 +1,9 @@
 import detectFreePort from 'detect-port';
 import waitOn from 'wait-on';
 
+import { now, saveBench } from '../bench/utils';
 import type { Task } from '../task';
 import { exec } from '../utils/exec';
-import { now, saveBench } from '../bench/utils';
 
 export const PORT = process.env.STORYBOOK_SERVE_PORT
   ? parseInt(process.env.STORYBOOK_SERVE_PORT, 10)
diff --git a/scripts/tasks/e2e-tests-build.ts b/scripts/tasks/e2e-tests-build.ts
index 873b3fcf1d93..02fed1ef31c7 100644
--- a/scripts/tasks/e2e-tests-build.ts
+++ b/scripts/tasks/e2e-tests-build.ts
@@ -1,4 +1,5 @@
 import { dedent } from 'ts-dedent';
+
 import type { Task } from '../task';
 import { exec } from '../utils/exec';
 import { PORT } from './serve';
diff --git a/scripts/tasks/generate.ts b/scripts/tasks/generate.ts
index f453fc3222e8..f2bab3751d20 100644
--- a/scripts/tasks/generate.ts
+++ b/scripts/tasks/generate.ts
@@ -1,9 +1,9 @@
 /* eslint-disable import/extensions */
 import { pathExists, remove } from 'fs-extra';
 import { join } from 'path';
-import { REPROS_DIRECTORY } from '../utils/constants';
 
 import type { Task } from '../task';
+import { REPROS_DIRECTORY } from '../utils/constants';
 
 const logger = console;
 
diff --git a/scripts/tasks/install.ts b/scripts/tasks/install.ts
index e78130ab514f..90342845687e 100644
--- a/scripts/tasks/install.ts
+++ b/scripts/tasks/install.ts
@@ -1,5 +1,6 @@
 import { pathExists, remove } from 'fs-extra';
 import { join } from 'path';
+
 import type { Task } from '../task';
 import { checkDependencies } from '../utils/cli-utils';
 
diff --git a/scripts/tasks/publish.ts b/scripts/tasks/publish.ts
index cc8d018869c7..d83ffb9272b2 100644
--- a/scripts/tasks/publish.ts
+++ b/scripts/tasks/publish.ts
@@ -1,8 +1,8 @@
 import { pathExists } from 'fs-extra';
 import { resolve } from 'path';
 
-import { exec } from '../utils/exec';
 import type { Task } from '../task';
+import { exec } from '../utils/exec';
 
 const verdaccioCacheDir = resolve(__dirname, '../../.verdaccio-cache');
 
diff --git a/scripts/tasks/run-registry.ts b/scripts/tasks/run-registry.ts
index cdf6d4a227a1..d877ae63eb3c 100644
--- a/scripts/tasks/run-registry.ts
+++ b/scripts/tasks/run-registry.ts
@@ -1,8 +1,8 @@
 import detectFreePort from 'detect-port';
 
+import type { Task } from '../task';
 import { CODE_DIRECTORY } from '../utils/constants';
 import { exec } from '../utils/exec';
-import type { Task } from '../task';
 
 export async function runRegistry({ dryRun, debug }: { dryRun?: boolean; debug?: boolean }) {
   const controller = new AbortController();
diff --git a/scripts/tasks/sandbox-parts.ts b/scripts/tasks/sandbox-parts.ts
index bcde26616339..6f6bfd16addc 100644
--- a/scripts/tasks/sandbox-parts.ts
+++ b/scripts/tasks/sandbox-parts.ts
@@ -1,48 +1,47 @@
 // This file requires many imports from `../code`, which requires both an install and bootstrap of
 // the repo to work properly. So we load it async in the task runner *after* those steps.
-
 import {
   copy,
-  ensureSymlink,
   ensureDir,
+  ensureSymlink,
   existsSync,
   pathExists,
   readFileSync,
   readJson,
   writeJson,
 } from 'fs-extra';
-import { join, resolve, sep } from 'path';
 import JSON5 from 'json5';
+import { isFunction } from 'lodash';
 import { createRequire } from 'module';
+import { join, resolve, sep } from 'path';
 import slash from 'slash';
 
-import type { Task } from '../task';
-import { executeCLIStep, steps } from '../utils/cli-step';
-import {
-  installYarn2,
-  configureYarn2ForVerdaccio,
-  addPackageResolutions,
-  addWorkaroundResolutions,
-} from '../utils/yarn';
-import { exec } from '../utils/exec';
-import type { ConfigFile } from '../../code/core/src/csf-tools';
-import { writeConfig } from '../../code/core/src/csf-tools';
-import { filterExistsInCodeDir } from '../utils/filterExistsInCodeDir';
-import { findFirstPath } from '../utils/paths';
 import { detectLanguage } from '../../code/core/src/cli/detect';
 import { SupportedLanguage } from '../../code/core/src/cli/project_types';
-import { updatePackageScripts } from '../utils/package-json';
-import { addPreviewAnnotations, readMainConfig } from '../utils/main-js';
 import {
   type JsPackageManager,
-  versions as storybookPackages,
   JsPackageManagerFactory,
+  versions as storybookPackages,
 } from '../../code/core/src/common';
-import { workspacePath } from '../utils/workspace';
+import type { ConfigFile } from '../../code/core/src/csf-tools';
+import { writeConfig } from '../../code/core/src/csf-tools';
 import { babelParse } from '../../code/core/src/csf-tools/babelParse';
-import { CODE_DIRECTORY, REPROS_DIRECTORY } from '../utils/constants';
 import type { TemplateKey } from '../../code/lib/cli-storybook/src/sandbox-templates';
-import { isFunction } from 'lodash';
+import type { Task } from '../task';
+import { executeCLIStep, steps } from '../utils/cli-step';
+import { CODE_DIRECTORY, REPROS_DIRECTORY } from '../utils/constants';
+import { exec } from '../utils/exec';
+import { filterExistsInCodeDir } from '../utils/filterExistsInCodeDir';
+import { addPreviewAnnotations, readMainConfig } from '../utils/main-js';
+import { updatePackageScripts } from '../utils/package-json';
+import { findFirstPath } from '../utils/paths';
+import { workspacePath } from '../utils/workspace';
+import {
+  addPackageResolutions,
+  addWorkaroundResolutions,
+  configureYarn2ForVerdaccio,
+  installYarn2,
+} from '../utils/yarn';
 
 const logger = console;
 
@@ -655,8 +654,7 @@ async function prepareAngularSandbox(cwd: string, templateName: string) {
 
   packageJson.scripts = {
     ...packageJson.scripts,
-    'docs:json':
-      'DIR=$PWD; cd ../../scripts; node --loader esbuild-register/loader -r esbuild-register combine-compodoc $DIR',
+    'docs:json': 'DIR=$PWD; cd ../../scripts; jiti combine-compodoc $DIR',
     storybook: `yarn docs:json && ${packageJson.scripts.storybook}`,
     'build-storybook': `yarn docs:json && ${packageJson.scripts['build-storybook']}`,
   };
diff --git a/scripts/tasks/sandbox.ts b/scripts/tasks/sandbox.ts
index 4ceddd6cbce5..3d5c7ff52c45 100644
--- a/scripts/tasks/sandbox.ts
+++ b/scripts/tasks/sandbox.ts
@@ -1,10 +1,10 @@
+import dirSize from 'fast-folder-size';
 import { pathExists, remove } from 'fs-extra';
-
 import { join } from 'path';
 import { promisify } from 'util';
-import dirSize from 'fast-folder-size';
-import type { Task } from '../task';
+
 import { now, saveBench } from '../bench/utils';
+import type { Task } from '../task';
 
 const logger = console;
 
@@ -38,9 +38,7 @@ export const sandbox: Task = {
     }
 
     const { create, install, addStories, extendMain, init, addExtraDependencies, setImportMap } =
-      // @ts-expect-error esbuild for some reason exports a default object
-      // eslint-disable-next-line import/extensions
-      (await import('./sandbox-parts.ts')).default;
+      await import('./sandbox-parts');
 
     let startTime = now();
     await create(details, options);
diff --git a/scripts/tasks/sync-docs.ts b/scripts/tasks/sync-docs.ts
index 3938c9dd1575..01bb6779c4fa 100644
--- a/scripts/tasks/sync-docs.ts
+++ b/scripts/tasks/sync-docs.ts
@@ -1,5 +1,16 @@
-import fs from 'fs';
-import path from 'path';
+import {
+  closeSync,
+  copyFile,
+  cpSync,
+  existsSync,
+  mkdirSync,
+  openSync,
+  rmSync,
+  unlinkSync,
+  watch,
+} from 'node:fs';
+import { join } from 'node:path';
+
 import type { Task } from '../task';
 import { ask } from '../utils/ask';
 
@@ -12,45 +23,45 @@ export const syncDocs: Task = {
     return false;
   },
   async run() {
-    const rootDir = path.join(__dirname, '..', '..');
-    const docsDir = path.join(rootDir, 'docs');
+    const rootDir = join(__dirname, '..', '..');
+    const docsDir = join(rootDir, 'docs');
     let frontpageDocsPath = '/src/content/docs';
 
     const frontpagePath = await ask('Provide the frontpage project path:');
-    frontpageDocsPath = path.join(rootDir, frontpagePath, frontpageDocsPath);
+    frontpageDocsPath = join(rootDir, frontpagePath, frontpageDocsPath);
 
-    if (!fs.existsSync(frontpageDocsPath)) {
-      fs.mkdirSync(frontpageDocsPath);
+    if (!existsSync(frontpageDocsPath)) {
+      mkdirSync(frontpageDocsPath);
     }
 
     logger.info(`Rebuilding docs at ${frontpageDocsPath}`);
 
-    fs.rmSync(frontpageDocsPath, { recursive: true });
-    fs.cpSync(docsDir, frontpageDocsPath, { recursive: true });
+    rmSync(frontpageDocsPath, { recursive: true });
+    cpSync(docsDir, frontpageDocsPath, { recursive: true });
 
     logger.info(`Synchronizing files from: \n${docsDir} \nto: \n${frontpageDocsPath}`);
 
-    fs.watch(docsDir, { recursive: true }, (_, filename) => {
-      const srcFilePath = path.join(docsDir, filename);
-      const targetFilePath = path.join(frontpageDocsPath, filename);
+    watch(docsDir, { recursive: true }, (_, filename) => {
+      const srcFilePath = join(docsDir, filename);
+      const targetFilePath = join(frontpageDocsPath, filename);
       const targetDir = targetFilePath.split('/').slice(0, -1).join('/');
 
       // Syncs create file
-      if (!fs.existsSync(targetFilePath)) {
-        fs.mkdirSync(targetDir, { recursive: true });
-        fs.closeSync(fs.openSync(targetFilePath, 'w'));
+      if (!existsSync(targetFilePath)) {
+        mkdirSync(targetDir, { recursive: true });
+        closeSync(openSync(targetFilePath, 'w'));
         logger.info(`Created ${filename}.`);
       }
 
       // Syncs remove file
-      if (!fs.existsSync(srcFilePath)) {
-        fs.unlinkSync(targetFilePath);
+      if (!existsSync(srcFilePath)) {
+        unlinkSync(targetFilePath);
         logger.info(`Removed ${filename}.`);
         return;
       }
 
       // Syncs update file
-      fs.copyFile(srcFilePath, targetFilePath, (err) => {
+      copyFile(srcFilePath, targetFilePath, (err) => {
         logger.info(`Updated ${filename}.`);
         if (err) throw err;
       });
diff --git a/scripts/tasks/test-runner-dev.ts b/scripts/tasks/test-runner-dev.ts
index 631ec5a42bff..79d2f8782242 100644
--- a/scripts/tasks/test-runner-dev.ts
+++ b/scripts/tasks/test-runner-dev.ts
@@ -1,5 +1,5 @@
-import { testRunnerBuild as testRunnerProd } from './test-runner-build';
 import { PORT } from './dev';
+import { testRunnerBuild as testRunnerProd } from './test-runner-build';
 
 export const testRunnerDev: typeof testRunnerProd = {
   ...testRunnerProd,
diff --git a/scripts/upload-bench.ts b/scripts/upload-bench.ts
index 6a30795ef1e0..9766079b9dc8 100644
--- a/scripts/upload-bench.ts
+++ b/scripts/upload-bench.ts
@@ -1,7 +1,7 @@
-import { join } from 'path';
 import { BigQuery } from '@google-cloud/bigquery';
-
 import { execaCommand } from 'execa';
+import { join } from 'path';
+
 import type { BenchResults } from './bench/types';
 import { loadBench } from './bench/utils';
 import { SANDBOX_DIRECTORY } from './utils/constants';
diff --git a/scripts/utils/cli-step.ts b/scripts/utils/cli-step.ts
index c05e03041891..199b1c60d2ab 100644
--- a/scripts/utils/cli-step.ts
+++ b/scripts/utils/cli-step.ts
@@ -1,7 +1,8 @@
 import { createRequire } from 'module';
+
+import { exec } from './exec';
 import type { OptionSpecifier, OptionValues } from './options';
 import { createOptions, getCommand } from './options';
-import { exec } from './exec';
 
 const require = createRequire(import.meta.url);
 const cliExecutable = require.resolve('../../code/lib/cli/bin/index.cjs');
diff --git a/scripts/utils/cli-utils.ts b/scripts/utils/cli-utils.ts
index c37f2a950d74..509c1936e01e 100644
--- a/scripts/utils/cli-utils.ts
+++ b/scripts/utils/cli-utils.ts
@@ -1,6 +1,6 @@
 import { spawn } from 'child_process';
-import { join } from 'path';
 import { existsSync } from 'fs';
+import { join } from 'path';
 
 const logger = console;
 
diff --git a/scripts/utils/esmain.ts b/scripts/utils/esmain.ts
index edc9d07b4322..d74509b8ca01 100644
--- a/scripts/utils/esmain.ts
+++ b/scripts/utils/esmain.ts
@@ -1,7 +1,7 @@
-import path from 'path';
-import process from 'process';
-import { createRequire } from 'module';
-import { fileURLToPath } from 'url';
+import { createRequire } from 'node:module';
+import { extname } from 'node:path';
+import process from 'node:process';
+import { fileURLToPath } from 'node:url';
 
 /**
  * Strip the extension from a filename if it has one.
@@ -9,7 +9,7 @@ import { fileURLToPath } from 'url';
  * @return {string} The filename without a path.
  */
 export function stripExt(name: string) {
-  const extension = path.extname(name);
+  const extension = extname(name);
   if (!extension) {
     return name;
   }
@@ -31,7 +31,7 @@ export function esMain(url: string) {
 
   const modulePath = fileURLToPath(url);
 
-  const extension = path.extname(scriptPath);
+  const extension = extname(scriptPath);
   if (extension) {
     return modulePath === scriptPath;
   }
diff --git a/scripts/utils/exec.ts b/scripts/utils/exec.ts
index 410d90fe74ad..703477204213 100644
--- a/scripts/utils/exec.ts
+++ b/scripts/utils/exec.ts
@@ -1,5 +1,5 @@
-import type { ExecaChildProcess, Options } from 'execa';
 import chalk from 'chalk';
+import type { ExecaChildProcess, Options } from 'execa';
 import { execa } from 'execa';
 
 const logger = console;
diff --git a/scripts/utils/filterExistsInCodeDir.ts b/scripts/utils/filterExistsInCodeDir.ts
index b5a6ffafc248..7a22fdf8d2f2 100644
--- a/scripts/utils/filterExistsInCodeDir.ts
+++ b/scripts/utils/filterExistsInCodeDir.ts
@@ -1,5 +1,7 @@
-import path from 'path';
+import { join, resolve } from 'node:path';
+
 import { pathExists } from 'fs-extra';
+
 import { CODE_DIRECTORY } from './constants';
 
 // packageDirs of the form `lib/preview-api`
@@ -8,7 +10,7 @@ export const filterExistsInCodeDir = async (packageDirs: string[], pathToCheck:
   (
     await Promise.all(
       packageDirs.map(async (p) =>
-        (await pathExists(path.resolve(CODE_DIRECTORY, path.join(p, pathToCheck)))) ? p : null
+        (await pathExists(resolve(CODE_DIRECTORY, join(p, pathToCheck)))) ? p : null
       )
     )
   ).filter(Boolean);
diff --git a/scripts/utils/main-js.ts b/scripts/utils/main-js.ts
index 6c9cd8ff5230..fa117008afc5 100644
--- a/scripts/utils/main-js.ts
+++ b/scripts/utils/main-js.ts
@@ -1,10 +1,10 @@
 import { existsSync } from 'fs';
 import { join, resolve } from 'path';
-
 import slash from 'slash';
+
+import { getInterpretedFile } from '../../code/core/src/common';
 import type { ConfigFile } from '../../code/core/src/csf-tools';
 import { readConfig } from '../../code/core/src/csf-tools';
-import { getInterpretedFile } from '../../code/core/src/common';
 
 export async function readMainConfig({ cwd }: { cwd: string }) {
   const configDir = join(cwd, '.storybook');
diff --git a/scripts/utils/options.test.ts b/scripts/utils/options.test.ts
index 8693c557130f..2cf5dfecf7f4 100644
--- a/scripts/utils/options.test.ts
+++ b/scripts/utils/options.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest';
+
 import { createCommand } from 'commander';
 
 import { areOptionsSatisfied, createOptions, getCommand, getOptions } from './options';
diff --git a/scripts/utils/options.ts b/scripts/utils/options.ts
index d21a9f8fa004..a36f286b4141 100644
--- a/scripts/utils/options.ts
+++ b/scripts/utils/options.ts
@@ -1,14 +1,13 @@
 /**
  * Use commander and prompts to gather a list of options for a script
  */
-
-import prompts from 'prompts';
-import type { PromptObject, Falsy, PrevCaller, PromptType } from 'prompts';
-import program from 'commander';
-import { dedent } from 'ts-dedent';
 import chalk from 'chalk';
+import program from 'commander';
 // eslint-disable-next-line import/extensions
 import kebabCase from 'lodash/kebabCase.js';
+import prompts from 'prompts';
+import type { Falsy, PrevCaller, PromptObject, PromptType } from 'prompts';
+import { dedent } from 'ts-dedent';
 
 // Option types
 
diff --git a/scripts/utils/serve.ts b/scripts/utils/serve.ts
index 8f023b3174ba..98ba1da21c63 100644
--- a/scripts/utils/serve.ts
+++ b/scripts/utils/serve.ts
@@ -1,6 +1,6 @@
 import express from 'express';
-import serveStatic from 'serve-static';
 import type { Server } from 'http';
+import serveStatic from 'serve-static';
 
 export const serve = async (location: string, port: string): Promise<Server> => {
   return new Promise((resolve) => {
diff --git a/scripts/utils/workspace.ts b/scripts/utils/workspace.ts
index 7edef2d14f16..98a0164ec5ac 100644
--- a/scripts/utils/workspace.ts
+++ b/scripts/utils/workspace.ts
@@ -1,5 +1,6 @@
-import memoize from 'memoizerific';
 import { execaCommand } from 'execa';
+import memoize from 'memoizerific';
+
 import { CODE_DIRECTORY } from './constants';
 
 export type Workspace = { name: string; location: string };
diff --git a/scripts/utils/yarn.ts b/scripts/utils/yarn.ts
index c30db6bd8c82..63dd14f03286 100644
--- a/scripts/utils/yarn.ts
+++ b/scripts/utils/yarn.ts
@@ -1,10 +1,11 @@
+import { join } from 'node:path';
+
 import { pathExists, readJSON, writeJSON } from 'fs-extra';
-import path from 'path';
 
-import type { TemplateKey } from '../get-template';
-import { exec } from './exec';
 // TODO -- should we generate this file a second time outside of CLI?
 import storybookVersions from '../../code/core/src/common/versions';
+import type { TemplateKey } from '../get-template';
+import { exec } from './exec';
 import touch from './touch';
 
 export type YarnOptions = {
@@ -19,7 +20,7 @@ export const addPackageResolutions = async ({ cwd, dryRun }: YarnOptions) => {
   logger.info(`🔢 Adding package resolutions:`);
   if (dryRun) return;
 
-  const packageJsonPath = path.join(cwd, 'package.json');
+  const packageJsonPath = join(cwd, 'package.json');
   const packageJson = await readJSON(packageJsonPath);
   packageJson.resolutions = {
     ...packageJson.resolutions,
@@ -35,7 +36,7 @@ export const addPackageResolutions = async ({ cwd, dryRun }: YarnOptions) => {
 };
 
 export const installYarn2 = async ({ cwd, dryRun, debug }: YarnOptions) => {
-  const pnpApiExists = await pathExists(path.join(cwd, '.pnp.cjs'));
+  const pnpApiExists = await pathExists(join(cwd, '.pnp.cjs'));
 
   const command = [
     touch('yarn.lock'),
@@ -67,7 +68,7 @@ export const addWorkaroundResolutions = async ({ cwd, dryRun }: YarnOptions) =>
   logger.info(`🔢 Adding resolutions for workarounds`);
   if (dryRun) return;
 
-  const packageJsonPath = path.join(cwd, 'package.json');
+  const packageJsonPath = join(cwd, 'package.json');
   const packageJson = await readJSON(packageJsonPath);
   packageJson.resolutions = {
     ...packageJson.resolutions,
diff --git a/scripts/vite-ecosystem-ci/before-test.js b/scripts/vite-ecosystem-ci/before-test.js
index 1ed61c71acb8..8dfd66847557 100644
--- a/scripts/vite-ecosystem-ci/before-test.js
+++ b/scripts/vite-ecosystem-ci/before-test.js
@@ -3,26 +3,28 @@
  * This is necessary because the sandbox package.json is used to run the tests and the resolutions are needed to run the tests.
  * The vite-ecosystem-ci, though, sets the resolutions in the root package.json.
  */
+import { dirname, resolve } from 'node:path';
+import { readFile, writeFile } from 'node:fs/promises';
 
-import fs from 'fs';
-import path from 'path';
-import { fileURLToPath } from 'url';
+import { fileURLToPath } from 'node:url';
+
+import { execa, execaCommand } from 'execa';
 
 const filename = fileURLToPath(import.meta.url);
-const dirname = path.dirname(filename);
+const dirname = dirname(filename);
 
-const rootPackageJsonPath = path.resolve(dirname, '../../package.json');
-const sandboxPackageJsonPath = path.resolve(
-  dirname,
-  '../../sandbox/react-vite-default-ts/package.json'
-);
+const rootPackageJsonPath = resolve(dirname, '../../package.json');
+const sandboxPackageJsonPath = resolve(dirname, '../../sandbox/react-vite-default-ts/package.json');
 
-const rootPackageJson = JSON.parse(await fs.promises.readFile(rootPackageJsonPath, 'utf-8'));
-const sandboxPackageJson = JSON.parse(await fs.promises.readFile(sandboxPackageJsonPath, 'utf-8'));
+const rootPackageJson = JSON.parse(await readFile(rootPackageJsonPath, 'utf-8'));
+const sandboxPackageJson = JSON.parse(await readFile(sandboxPackageJsonPath, 'utf-8'));
 
 sandboxPackageJson.resolutions = {
   ...(sandboxPackageJson.resolutions ?? {}),
   ...rootPackageJson.resolutions,
 };
 
-await fs.promises.writeFile(sandboxPackageJsonPath, JSON.stringify(sandboxPackageJson, null, 2));
+await writeFile(sandboxPackageJsonPath, JSON.stringify(sandboxPackageJson, null, 2));
+const sandboxFolder = dirname(sandboxPackageJsonPath);
+await execa('yarn add playwright', { cwd: sandboxFolder, shell: true });
+await execaCommand('yarn playwright install', { cwd: sandboxFolder, shell: true });
diff --git a/scripts/yarn.lock b/scripts/yarn.lock
index b99cb1a3a3c0..a12ddedfc07e 100644
--- a/scripts/yarn.lock
+++ b/scripts/yarn.lock
@@ -32,24 +32,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@adobe/css-tools@npm:^4.0.1":
-  version: 4.3.1
-  resolution: "@adobe/css-tools@npm:4.3.1"
-  checksum: 10c0/05672719b544cc0c21ae3ed0eb6349bf458e9d09457578eeeb07cf0f696469ac6417e9c9be1b129e5d6a18098a061c1db55b2275591760ef30a79822436fcbfa
+"@adobe/css-tools@npm:^4.4.0":
+  version: 4.4.0
+  resolution: "@adobe/css-tools@npm:4.4.0"
+  checksum: 10c0/d65ddc719389bf469097df80fb16a8af48a973dea4b57565789d70ac8e7ab4987e6dc0095da3ed5dc16c1b6f8960214a7590312eeda8abd543d91fd0f59e6c94
   languageName: node
   linkType: hard
 
-"@ampproject/remapping@npm:^2.2.1":
-  version: 2.2.1
-  resolution: "@ampproject/remapping@npm:2.2.1"
+"@ampproject/remapping@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "@ampproject/remapping@npm:2.3.0"
   dependencies:
-    "@jridgewell/gen-mapping": "npm:^0.3.0"
-    "@jridgewell/trace-mapping": "npm:^0.3.9"
-  checksum: 10c0/92ce5915f8901d8c7cd4f4e6e2fe7b9fd335a29955b400caa52e0e5b12ca3796ada7c2f10e78c9c5b0f9c2539dff0ffea7b19850a56e1487aa083531e1e46d43
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10c0/81d63cca5443e0f0c72ae18b544cc28c7c0ec2cea46e7cb888bb0e0f411a1191d0d6b7af798d54e30777d8d1488b2ec0732aac2be342d3d7d3ffd271c6f489ed
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.24.2":
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.10.4, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.21.4, @babel/code-frame@npm:^7.22.13, @babel/code-frame@npm:^7.24.2, @babel/code-frame@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/code-frame@npm:7.24.7"
   dependencies:
@@ -59,14 +59,74 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/helper-string-parser@npm:^7.23.4":
-  version: 7.23.4
-  resolution: "@babel/helper-string-parser@npm:7.23.4"
-  checksum: 10c0/f348d5637ad70b6b54b026d6544bd9040f78d24e7ec245a0fc42293968181f6ae9879c22d89744730d246ce8ec53588f716f102addd4df8bbc79b73ea10004ac
+"@babel/generator@npm:7.17.7":
+  version: 7.17.7
+  resolution: "@babel/generator@npm:7.17.7"
+  dependencies:
+    "@babel/types": "npm:^7.17.0"
+    jsesc: "npm:^2.5.1"
+    source-map: "npm:^0.5.0"
+  checksum: 10c0/8088453c4418e0ee6528506fbd5847bbdfd56327a0025ca9496a259261e162c594ffd08be0d63e74c32feced795616772f38acc5f5e493a86a45fd439fd9feb0
+  languageName: node
+  linkType: hard
+
+"@babel/generator@npm:^7.23.0":
+  version: 7.25.0
+  resolution: "@babel/generator@npm:7.25.0"
+  dependencies:
+    "@babel/types": "npm:^7.25.0"
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+    jsesc: "npm:^2.5.1"
+  checksum: 10c0/d0e2dfcdc8bdbb5dded34b705ceebf2e0bc1b06795a1530e64fb6a3ccf313c189db7f60c1616effae48114e1a25adc75855bc4496f3779a396b3377bae718ce7
+  languageName: node
+  linkType: hard
+
+"@babel/helper-environment-visitor@npm:^7.22.20":
+  version: 7.24.7
+  resolution: "@babel/helper-environment-visitor@npm:7.24.7"
+  dependencies:
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/36ece78882b5960e2d26abf13cf15ff5689bf7c325b10a2895a74a499e712de0d305f8d78bb382dd3c05cfba7e47ec98fe28aab5674243e0625cd38438dd0b2d
+  languageName: node
+  linkType: hard
+
+"@babel/helper-function-name@npm:^7.23.0":
+  version: 7.24.7
+  resolution: "@babel/helper-function-name@npm:7.24.7"
+  dependencies:
+    "@babel/template": "npm:^7.24.7"
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/e5e41e6cf86bd0f8bf272cbb6e7c5ee0f3e9660414174435a46653efba4f2479ce03ce04abff2aa2ef9359cf057c79c06cb7b134a565ad9c0e8a50dcdc3b43c4
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-identifier@npm:^7.22.20, @babel/helper-validator-identifier@npm:^7.24.7":
+"@babel/helper-hoist-variables@npm:^7.22.5":
+  version: 7.24.7
+  resolution: "@babel/helper-hoist-variables@npm:7.24.7"
+  dependencies:
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/19ee37563bbd1219f9d98991ad0e9abef77803ee5945fd85aa7aa62a67c69efca9a801696a1b58dda27f211e878b3327789e6fd2a6f6c725ccefe36774b5ce95
+  languageName: node
+  linkType: hard
+
+"@babel/helper-split-export-declaration@npm:^7.22.6":
+  version: 7.24.7
+  resolution: "@babel/helper-split-export-declaration@npm:7.24.7"
+  dependencies:
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/0254577d7086bf09b01bbde98f731d4fcf4b7c3fa9634fdb87929801307c1f6202a1352e3faa5492450fa8da4420542d44de604daf540704ff349594a78184f6
+  languageName: node
+  linkType: hard
+
+"@babel/helper-string-parser@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-string-parser@npm:7.24.8"
+  checksum: 10c0/6361f72076c17fabf305e252bf6d580106429014b3ab3c1f5c4eb3e6d465536ea6b670cc0e9a637a77a9ad40454d3e41361a2909e70e305116a23d68ce094c08
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-identifier@npm:^7.16.7, @babel/helper-validator-identifier@npm:^7.24.7":
   version: 7.24.7
   resolution: "@babel/helper-validator-identifier@npm:7.24.7"
   checksum: 10c0/87ad608694c9477814093ed5b5c080c2e06d44cb1924ae8320474a74415241223cc2a725eea2640dd783ff1e3390e5f95eede978bc540e870053152e58f1d651
@@ -85,12 +145,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.23.6":
-  version: 7.23.9
-  resolution: "@babel/parser@npm:7.23.9"
+"@babel/parser@npm:^7.20.5, @babel/parser@npm:^7.23.0, @babel/parser@npm:^7.24.4, @babel/parser@npm:^7.25.0":
+  version: 7.25.3
+  resolution: "@babel/parser@npm:7.25.3"
+  dependencies:
+    "@babel/types": "npm:^7.25.2"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/7df97386431366d4810538db4b9ec538f4377096f720c0591c7587a16f6810e62747e9fbbfa1ff99257fd4330035e4fb1b5b77c7bd3b97ce0d2e3780a6618975
+  checksum: 10c0/874b01349aedb805d6694f867a752fdc7469778fad76aca4548d2cc6ce96087c3ba5fb917a6f8d05d2d1a74aae309b5f50f1a4dba035f5a2c9fcfe6e106d2c4e
   languageName: node
   linkType: hard
 
@@ -103,14 +165,53 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.23.6, @babel/types@npm:^7.8.3":
-  version: 7.23.9
-  resolution: "@babel/types@npm:7.23.9"
+"@babel/template@npm:^7.24.7":
+  version: 7.25.0
+  resolution: "@babel/template@npm:7.25.0"
   dependencies:
-    "@babel/helper-string-parser": "npm:^7.23.4"
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/parser": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.0"
+  checksum: 10c0/4e31afd873215744c016e02b04f43b9fa23205d6d0766fb2e93eb4091c60c1b88897936adb895fb04e3c23de98dfdcbe31bc98daaa1a4e0133f78bb948e1209b
+  languageName: node
+  linkType: hard
+
+"@babel/traverse@npm:7.23.2":
+  version: 7.23.2
+  resolution: "@babel/traverse@npm:7.23.2"
+  dependencies:
+    "@babel/code-frame": "npm:^7.22.13"
+    "@babel/generator": "npm:^7.23.0"
+    "@babel/helper-environment-visitor": "npm:^7.22.20"
+    "@babel/helper-function-name": "npm:^7.23.0"
+    "@babel/helper-hoist-variables": "npm:^7.22.5"
+    "@babel/helper-split-export-declaration": "npm:^7.22.6"
+    "@babel/parser": "npm:^7.23.0"
+    "@babel/types": "npm:^7.23.0"
+    debug: "npm:^4.1.0"
+    globals: "npm:^11.1.0"
+  checksum: 10c0/d096c7c4bab9262a2f658298a3c630ae4a15a10755bb257ae91d5ab3e3b2877438934859c8d34018b7727379fe6b26c4fa2efc81cf4c462a7fe00caf79fa02ff
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:7.17.0":
+  version: 7.17.0
+  resolution: "@babel/types@npm:7.17.0"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.16.7"
+    to-fast-properties: "npm:^2.0.0"
+  checksum: 10c0/ad09224272b40fedb00b262677d12b6838f5b5df5c47d67059ba1181bd4805439993393a8de32459dae137b536d60ebfcaf39ae84d8b3873f1e81cc75f5aeae8
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.17.0, @babel/types@npm:^7.23.0, @babel/types@npm:^7.24.0, @babel/types@npm:^7.24.7, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2":
+  version: 7.25.2
+  resolution: "@babel/types@npm:7.25.2"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.24.8"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/edc7bb180ce7e4d2aea10c6972fb10474341ac39ba8fdc4a27ffb328368dfdfbf40fca18e441bbe7c483774500d5c05e222cec276c242e952853dcaf4eb884f7
+  checksum: 10c0/e489435856be239f8cc1120c90a197e4c2865385121908e5edb7223cfdff3768cba18f489adfe0c26955d9e7bbb1fb10625bc2517505908ceb0af848989bd864
   languageName: node
   linkType: hard
 
@@ -577,14 +678,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2":
-  version: 0.3.3
-  resolution: "@jridgewell/gen-mapping@npm:0.3.3"
+"@jridgewell/gen-mapping@npm:^0.3.2, @jridgewell/gen-mapping@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "@jridgewell/gen-mapping@npm:0.3.5"
   dependencies:
-    "@jridgewell/set-array": "npm:^1.0.1"
+    "@jridgewell/set-array": "npm:^1.2.1"
     "@jridgewell/sourcemap-codec": "npm:^1.4.10"
-    "@jridgewell/trace-mapping": "npm:^0.3.9"
-  checksum: 10c0/376fc11cf5a967318ba3ddd9d8e91be528eab6af66810a713c49b0c3f8dc67e9949452c51c38ab1b19aa618fb5e8594da5a249977e26b1e7fea1ee5a1fcacc74
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10c0/1be4fd4a6b0f41337c4f5fdf4afc3bd19e39c3691924817108b82ffcb9c9e609c273f936932b9fba4b3a298ce2eb06d9bff4eb1cc3bd81c4f4ee1b4917e25feb
   languageName: node
   linkType: hard
 
@@ -595,10 +696,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/set-array@npm:^1.0.1":
-  version: 1.1.2
-  resolution: "@jridgewell/set-array@npm:1.1.2"
-  checksum: 10c0/bc7ab4c4c00470de4e7562ecac3c0c84f53e7ee8a711e546d67c47da7febe7c45cd67d4d84ee3c9b2c05ae8e872656cdded8a707a283d30bd54fbc65aef821ab
+"@jridgewell/set-array@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@jridgewell/set-array@npm:1.2.1"
+  checksum: 10c0/2a5aa7b4b5c3464c895c802d8ae3f3d2b92fcbe84ad12f8d0bfbb1f5ad006717e7577ee1fd2eac00c088abe486c7adb27976f45d2941ff6b0b92b2c3302c60f4
   languageName: node
   linkType: hard
 
@@ -609,7 +710,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.9":
+"@jridgewell/trace-mapping@npm:^0.3.23, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
   version: 0.3.25
   resolution: "@jridgewell/trace-mapping@npm:0.3.25"
   dependencies:
@@ -1400,11 +1501,11 @@ __metadata:
     "@octokit/request": "npm:^8.1.2"
     "@storybook/eslint-config-storybook": "npm:^4.0.0"
     "@storybook/linter-config": "npm:^4.0.0"
-    "@testing-library/dom": "npm:^9.3.0"
-    "@testing-library/jest-dom": "npm:^5.11.9"
-    "@testing-library/react": "npm:^14.0.0"
-    "@testing-library/user-event": "npm:^14.4.3"
-    "@types/bun": "npm:^1.1.6"
+    "@testing-library/dom": "npm:^10.4.0"
+    "@testing-library/jest-dom": "npm:^6.4.8"
+    "@testing-library/react": "npm:^16.0.0"
+    "@testing-library/user-event": "npm:^14.5.2"
+    "@trivago/prettier-plugin-sort-imports": "npm:^4.3.0"
     "@types/cross-spawn": "npm:^6.0.6"
     "@types/detect-port": "npm:^1.3.5"
     "@types/ejs": "npm:^3.1.5"
@@ -1414,7 +1515,7 @@ __metadata:
     "@types/http-server": "npm:^0.12.4"
     "@types/jest": "npm:^29.5.12"
     "@types/lodash": "npm:^4.17.6"
-    "@types/node": "npm:^18.19.39"
+    "@types/node": "npm:^22.0.0"
     "@types/prettier": "npm:^3.0.0"
     "@types/pretty-hrtime": "npm:^1.0.3"
     "@types/prompts": "npm:2.4.9"
@@ -1429,7 +1530,7 @@ __metadata:
     "@typescript-eslint/experimental-utils": "npm:^5.62.0"
     "@typescript-eslint/parser": "npm:^7.16.0"
     "@verdaccio/types": "npm:^10.8.0"
-    "@vitest/coverage-v8": "npm:^1.6.0"
+    "@vitest/coverage-v8": "npm:^2.0.5"
     ansi-regex: "npm:^6.0.1"
     browser-assert: "npm:^1.2.1"
     chalk: "npm:^4.1.0"
@@ -1445,7 +1546,6 @@ __metadata:
     ejs-lint: "npm:^2.0.0"
     esbuild: "npm:^0.23.0"
     esbuild-plugin-alias: "npm:^0.2.1"
-    esbuild-register: "npm:^3.5.0"
     eslint: "npm:^8.57.0"
     eslint-config-airbnb-typescript: "npm:^18.0.0"
     eslint-config-prettier: "npm:^9.1.0"
@@ -1469,6 +1569,7 @@ __metadata:
     glob: "npm:^10.4.5"
     http-server: "npm:^14.1.1"
     husky: "npm:^4.3.7"
+    jiti: "npm:^1.21.6"
     json5: "npm:^2.2.3"
     junit-xml: "npm:^1.2.0"
     lint-staged: "npm:^15.2.7"
@@ -1502,7 +1603,6 @@ __metadata:
     simple-git: "npm:^3.25.0"
     slash: "npm:^3.0.0"
     sort-package-json: "npm:^2.10.0"
-    tempy: "npm:^3.1.0"
     tiny-invariant: "npm:^1.3.3"
     trash: "npm:^7.2.0"
     ts-dedent: "npm:^2.2.0"
@@ -1513,7 +1613,7 @@ __metadata:
     uuid: "npm:^9.0.1"
     verdaccio: "npm:^5.31.1"
     verdaccio-auth-memory: "npm:^10.2.2"
-    vitest: "npm:^1.6.0"
+    vitest: "npm:^2.0.5"
     wait-on: "npm:^7.2.0"
     window-size: "npm:^1.1.1"
     yaml: "npm:^2.4.5"
@@ -1535,59 +1635,64 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@testing-library/dom@npm:^9.0.0, @testing-library/dom@npm:^9.3.0":
-  version: 9.3.3
-  resolution: "@testing-library/dom@npm:9.3.3"
+"@testing-library/dom@npm:^10.4.0":
+  version: 10.4.0
+  resolution: "@testing-library/dom@npm:10.4.0"
   dependencies:
     "@babel/code-frame": "npm:^7.10.4"
     "@babel/runtime": "npm:^7.12.5"
     "@types/aria-query": "npm:^5.0.1"
-    aria-query: "npm:5.1.3"
+    aria-query: "npm:5.3.0"
     chalk: "npm:^4.1.0"
     dom-accessibility-api: "npm:^0.5.9"
     lz-string: "npm:^1.5.0"
     pretty-format: "npm:^27.0.2"
-  checksum: 10c0/c3bbd67503634fd955233dc172531640656701fe35ecb9a83f85e5965874b786452f5e7c26b4f8b3b4fc4379f3a80193c74425b57843ba191f4845e22b0ac483
+  checksum: 10c0/0352487720ecd433400671e773df0b84b8268fb3fe8e527cdfd7c11b1365b398b4e0eddba6e7e0c85e8d615f48257753283fccec41f6b986fd6c85f15eb5f84f
   languageName: node
   linkType: hard
 
-"@testing-library/jest-dom@npm:^5.11.9":
-  version: 5.17.0
-  resolution: "@testing-library/jest-dom@npm:5.17.0"
+"@testing-library/jest-dom@npm:^6.4.8":
+  version: 6.4.8
+  resolution: "@testing-library/jest-dom@npm:6.4.8"
   dependencies:
-    "@adobe/css-tools": "npm:^4.0.1"
+    "@adobe/css-tools": "npm:^4.4.0"
     "@babel/runtime": "npm:^7.9.2"
-    "@types/testing-library__jest-dom": "npm:^5.9.1"
     aria-query: "npm:^5.0.0"
     chalk: "npm:^3.0.0"
     css.escape: "npm:^1.5.1"
-    dom-accessibility-api: "npm:^0.5.6"
-    lodash: "npm:^4.17.15"
+    dom-accessibility-api: "npm:^0.6.3"
+    lodash: "npm:^4.17.21"
     redent: "npm:^3.0.0"
-  checksum: 10c0/24e09c5779ea44644945ec26f2e4e5f48aecfe57d469decf2317a3253a5db28d865c55ad0ea4818d8d1df7572a6486c45daa06fa09644a833a7dd84563881939
+  checksum: 10c0/8eececcac1ec7728c038b9d9eabfc8b8dcf4dc1e997c959450bff16d946e3344275862b84bfe0e1d1beb3817368e782464816aca47ab5c94f0ebf66db71df55d
   languageName: node
   linkType: hard
 
-"@testing-library/react@npm:^14.0.0":
-  version: 14.0.0
-  resolution: "@testing-library/react@npm:14.0.0"
+"@testing-library/react@npm:^16.0.0":
+  version: 16.0.0
+  resolution: "@testing-library/react@npm:16.0.0"
   dependencies:
     "@babel/runtime": "npm:^7.12.5"
-    "@testing-library/dom": "npm:^9.0.0"
-    "@types/react-dom": "npm:^18.0.0"
   peerDependencies:
+    "@testing-library/dom": ^10.0.0
+    "@types/react": ^18.0.0
+    "@types/react-dom": ^18.0.0
     react: ^18.0.0
     react-dom: ^18.0.0
-  checksum: 10c0/81035913024faf18ba7e163418af517b2c3b85aef496fbd6334bda38f6f6dd4072678c6b76c41148b46b7fc846764f875e1156cbfc7643ffa1b62ee069d78951
+  peerDependenciesMeta:
+    "@types/react":
+      optional: true
+    "@types/react-dom":
+      optional: true
+  checksum: 10c0/297f97bf4722dad05f11d9cafd47d387dbdb096fea4b79b876c7466460f0f2e345b55b81b3e37fc81ed8185c528cb53dd8455ca1b6b019b229edf6c796f11c9f
   languageName: node
   linkType: hard
 
-"@testing-library/user-event@npm:^14.4.3":
-  version: 14.5.1
-  resolution: "@testing-library/user-event@npm:14.5.1"
+"@testing-library/user-event@npm:^14.5.2":
+  version: 14.5.2
+  resolution: "@testing-library/user-event@npm:14.5.2"
   peerDependencies:
     "@testing-library/dom": ">=7.21.4"
-  checksum: 10c0/1e00d6ead23377885b906db6e46e259161a0efb4138f7527481d7435f3c8f65cb7e3eab2900e2ac1886fa6dd03416e773a3a60dea87a9a2086a7127dee315f6f
+  checksum: 10c0/68a0c2aa28a3c8e6eb05cafee29705438d7d8a9427423ce5064d44f19c29e89b5636de46dd2f28620fb10abba75c67130185bbc3aa23ac1163a227a5f36641e1
   languageName: node
   linkType: hard
 
@@ -1605,6 +1710,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@trivago/prettier-plugin-sort-imports@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "@trivago/prettier-plugin-sort-imports@npm:4.3.0"
+  dependencies:
+    "@babel/generator": "npm:7.17.7"
+    "@babel/parser": "npm:^7.20.5"
+    "@babel/traverse": "npm:7.23.2"
+    "@babel/types": "npm:7.17.0"
+    javascript-natural-sort: "npm:0.7.1"
+    lodash: "npm:^4.17.21"
+  peerDependencies:
+    "@vue/compiler-sfc": 3.x
+    prettier: 2.x - 3.x
+  peerDependenciesMeta:
+    "@vue/compiler-sfc":
+      optional: true
+  checksum: 10c0/42270fb9c89e54a3f8b6ac8c43e6d0e03350e2857e902cdad4de22c78ef1864da600525595311bc7e94e51c16c7dd3882c2e048a162fdab59761ffa893756aa2
+  languageName: node
+  linkType: hard
+
 "@types/aria-query@npm:^5.0.1":
   version: 5.0.3
   resolution: "@types/aria-query@npm:5.0.3"
@@ -1622,15 +1747,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/bun@npm:^1.1.6":
-  version: 1.1.6
-  resolution: "@types/bun@npm:1.1.6"
-  dependencies:
-    bun-types: "npm:1.1.17"
-  checksum: 10c0/bbee1e56e03d9323f9476ba88ab78d98a7aa49e1996b36e18fc1529959666b21a264e61ff26a6584d0cb0702ee29df1a70354a83ad0113849727b7ec10ad91b7
-  languageName: node
-  linkType: hard
-
 "@types/concat-stream@npm:^2.0.0":
   version: 2.0.1
   resolution: "@types/concat-stream@npm:2.0.1"
@@ -1805,7 +1921,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jest@npm:*, @types/jest@npm:^29.5.12":
+"@types/jest@npm:^29.5.12":
   version: 29.5.12
   resolution: "@types/jest@npm:29.5.12"
   dependencies:
@@ -1884,21 +2000,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:^20.0.0, @types/node@npm:~20.12.8":
-  version: 20.12.14
-  resolution: "@types/node@npm:20.12.14"
+"@types/node@npm:*, @types/node@npm:>= 8, @types/node@npm:^22.0.0":
+  version: 22.1.0
+  resolution: "@types/node@npm:22.1.0"
   dependencies:
-    undici-types: "npm:~5.26.4"
-  checksum: 10c0/d6e383a09139efdedd91f4e8b584bb9b7537382d3dd276296a68b20a7819a562ae651efdd007a60036116f286b9c9a8a31af698f93b4024e569b0d129f293165
+    undici-types: "npm:~6.13.0"
+  checksum: 10c0/553dafcb842b889c036d43b390d464e8ffcf3ca455ddd5b1a1ef98396381eafbeb0c112a15cc6bf9662b72bc25fc45efc4b6f604760e1e84c410f1b7936c488b
   languageName: node
   linkType: hard
 
-"@types/node@npm:^18.19.39":
-  version: 18.19.39
-  resolution: "@types/node@npm:18.19.39"
+"@types/node@npm:^20.0.0":
+  version: 20.12.14
+  resolution: "@types/node@npm:20.12.14"
   dependencies:
     undici-types: "npm:~5.26.4"
-  checksum: 10c0/a9eb33bc093beba6bd5d4e839de7d1d1f496cd7e741c2f6c7161318dba0f37227bb25d8306907194992488d6c59a7363a419d72298549483d33402227a2d435b
+  checksum: 10c0/d6e383a09139efdedd91f4e8b584bb9b7537382d3dd276296a68b20a7819a562ae651efdd007a60036116f286b9c9a8a31af698f93b4024e569b0d129f293165
   languageName: node
   linkType: hard
 
@@ -1963,7 +2079,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/react-dom@npm:^18.0.0, @types/react-dom@npm:^18.3.0":
+"@types/react-dom@npm:^18.3.0":
   version: 18.3.0
   resolution: "@types/react-dom@npm:18.3.0"
   dependencies:
@@ -2031,15 +2147,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/testing-library__jest-dom@npm:^5.9.1":
-  version: 5.14.9
-  resolution: "@types/testing-library__jest-dom@npm:5.14.9"
-  dependencies:
-    "@types/jest": "npm:*"
-  checksum: 10c0/91f7b15e8813b515912c54da44464fb60ecf21162b7cae2272fcb3918074f4e1387dc2beca1f5041667e77b76b34253c39675ea4e0b3f28f102d8cc87fdba9fa
-  languageName: node
-  linkType: hard
-
 "@types/text-table@npm:^0.2.0":
   version: 0.2.4
   resolution: "@types/text-table@npm:0.2.4"
@@ -2086,15 +2193,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/ws@npm:~8.5.10":
-  version: 8.5.10
-  resolution: "@types/ws@npm:8.5.10"
-  dependencies:
-    "@types/node": "npm:*"
-  checksum: 10c0/e9af279b984c4a04ab53295a40aa95c3e9685f04888df5c6920860d1dd073fcc57c7bd33578a04b285b2c655a0b52258d34bee0a20569dca8defb8393e1e5d29
-  languageName: node
-  linkType: hard
-
 "@types/yargs-parser@npm:*":
   version: 21.0.2
   resolution: "@types/yargs-parser@npm:21.0.2"
@@ -2674,80 +2772,88 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@vitest/coverage-v8@npm:^1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/coverage-v8@npm:1.6.0"
+"@vitest/coverage-v8@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/coverage-v8@npm:2.0.5"
   dependencies:
-    "@ampproject/remapping": "npm:^2.2.1"
+    "@ampproject/remapping": "npm:^2.3.0"
     "@bcoe/v8-coverage": "npm:^0.2.3"
-    debug: "npm:^4.3.4"
+    debug: "npm:^4.3.5"
     istanbul-lib-coverage: "npm:^3.2.2"
     istanbul-lib-report: "npm:^3.0.1"
-    istanbul-lib-source-maps: "npm:^5.0.4"
-    istanbul-reports: "npm:^3.1.6"
-    magic-string: "npm:^0.30.5"
-    magicast: "npm:^0.3.3"
-    picocolors: "npm:^1.0.0"
-    std-env: "npm:^3.5.0"
-    strip-literal: "npm:^2.0.0"
-    test-exclude: "npm:^6.0.0"
+    istanbul-lib-source-maps: "npm:^5.0.6"
+    istanbul-reports: "npm:^3.1.7"
+    magic-string: "npm:^0.30.10"
+    magicast: "npm:^0.3.4"
+    std-env: "npm:^3.7.0"
+    test-exclude: "npm:^7.0.1"
+    tinyrainbow: "npm:^1.2.0"
   peerDependencies:
-    vitest: 1.6.0
-  checksum: 10c0/a7beaf2a88b628a9dc16ddca7589f2b2e4681598e6788d68423dffbb06c608edc52b2dd421ada069eb3cfd83f8f592ddd6e8b8db2d037bf13965a56c5e5835ac
+    vitest: 2.0.5
+  checksum: 10c0/a95eef744d2a541f5d9d0287243cbcb596802c04e0250404947e36a669c477abe86607afb8d8ddb3d31bf12633b3ffa3d9a313e489e4ab7998b3c1620ad60e00
   languageName: node
   linkType: hard
 
-"@vitest/expect@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/expect@npm:1.6.0"
+"@vitest/expect@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/expect@npm:2.0.5"
   dependencies:
-    "@vitest/spy": "npm:1.6.0"
-    "@vitest/utils": "npm:1.6.0"
-    chai: "npm:^4.3.10"
-  checksum: 10c0/a4351f912a70543e04960f5694f1f1ac95f71a856a46e87bba27d3eb72a08c5d11d35021cbdc6077452a152e7d93723fc804bba76c2cc53c8896b7789caadae3
+    "@vitest/spy": "npm:2.0.5"
+    "@vitest/utils": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/08cb1b0f106d16a5b60db733e3d436fa5eefc68571488eb570dfe4f599f214ab52e4342273b03dbe12331cc6c0cdc325ac6c94f651ad254cd62f3aa0e3d185aa
   languageName: node
   linkType: hard
 
-"@vitest/runner@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/runner@npm:1.6.0"
+"@vitest/pretty-format@npm:2.0.5, @vitest/pretty-format@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/pretty-format@npm:2.0.5"
   dependencies:
-    "@vitest/utils": "npm:1.6.0"
-    p-limit: "npm:^5.0.0"
-    pathe: "npm:^1.1.1"
-  checksum: 10c0/27d67fa51f40effe0e41ee5f26563c12c0ef9a96161f806036f02ea5eb9980c5cdf305a70673942e7a1e3d472d4d7feb40093ae93024ef1ccc40637fc65b1d2f
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/236c0798c5170a0b5ad5d4bd06118533738e820b4dd30079d8fbcb15baee949d41c60f42a9f769906c4a5ce366d7ef11279546070646c0efc03128c220c31f37
   languageName: node
   linkType: hard
 
-"@vitest/snapshot@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/snapshot@npm:1.6.0"
+"@vitest/runner@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/runner@npm:2.0.5"
   dependencies:
-    magic-string: "npm:^0.30.5"
-    pathe: "npm:^1.1.1"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/be027fd268d524589ff50c5fad7b4faa1ac5742b59ac6c1dc6f5a3930aad553560e6d8775e90ac4dfae4be746fc732a6f134ba95606a1519707ce70db3a772a5
+    "@vitest/utils": "npm:2.0.5"
+    pathe: "npm:^1.1.2"
+  checksum: 10c0/d0ed3302a7e015bf44b7c0df9d8f7da163659e082d86f9406944b5a31a61ab9ddc1de530e06176d1f4ef0bde994b44bff4c7dab62aacdc235c8fc04b98e4a72a
   languageName: node
   linkType: hard
 
-"@vitest/spy@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/spy@npm:1.6.0"
+"@vitest/snapshot@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/snapshot@npm:2.0.5"
   dependencies:
-    tinyspy: "npm:^2.2.0"
-  checksum: 10c0/df66ea6632b44fb76ef6a65c1abbace13d883703aff37cd6d062add6dcd1b883f19ce733af8e0f7feb185b61600c6eb4042a518e4fb66323d0690ec357f9401c
+    "@vitest/pretty-format": "npm:2.0.5"
+    magic-string: "npm:^0.30.10"
+    pathe: "npm:^1.1.2"
+  checksum: 10c0/7bf38474248f5ae0aac6afad511785d2b7a023ac5158803c2868fd172b5b9c1a569fb1dd64a09a49e43fd342cab71ea485ada89b7f08d37b1622a5a0ac00271d
   languageName: node
   linkType: hard
 
-"@vitest/utils@npm:1.6.0":
-  version: 1.6.0
-  resolution: "@vitest/utils@npm:1.6.0"
+"@vitest/spy@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/spy@npm:2.0.5"
   dependencies:
-    diff-sequences: "npm:^29.6.3"
+    tinyspy: "npm:^3.0.0"
+  checksum: 10c0/70634c21921eb271b54d2986c21d7ab6896a31c0f4f1d266940c9bafb8ac36237846d6736638cbf18b958bd98e5261b158a6944352742accfde50b7818ff655e
+  languageName: node
+  linkType: hard
+
+"@vitest/utils@npm:2.0.5":
+  version: 2.0.5
+  resolution: "@vitest/utils@npm:2.0.5"
+  dependencies:
+    "@vitest/pretty-format": "npm:2.0.5"
     estree-walker: "npm:^3.0.3"
-    loupe: "npm:^2.3.7"
-    pretty-format: "npm:^29.7.0"
-  checksum: 10c0/8b0d19835866455eb0b02b31c5ca3d8ad45f41a24e4c7e1f064b480f6b2804dc895a70af332f14c11ed89581011b92b179718523f55f5b14787285a0321b1301
+    loupe: "npm:^3.1.1"
+    tinyrainbow: "npm:^1.2.0"
+  checksum: 10c0/0d1de748298f07a50281e1ba058b05dcd58da3280c14e6f016265e950bd79adab6b97822de8f0ea82d3070f585654801a9b1bcf26db4372e51cf7746bf86d73b
   languageName: node
   linkType: hard
 
@@ -2851,13 +2957,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^8.3.2":
-  version: 8.3.2
-  resolution: "acorn-walk@npm:8.3.2"
-  checksum: 10c0/7e2a8dad5480df7f872569b9dccff2f3da7e65f5353686b1d6032ab9f4ddf6e3a2cb83a9b52cf50b1497fd522154dda92f0abf7153290cc79cd14721ff121e52
-  languageName: node
-  linkType: hard
-
 "acorn@npm:^7.0.0":
   version: 7.4.1
   resolution: "acorn@npm:7.4.1"
@@ -2867,7 +2966,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.10.0, acorn@npm:^8.9.0":
+"acorn@npm:^8.9.0":
   version: 8.11.2
   resolution: "acorn@npm:8.11.2"
   bin:
@@ -3068,16 +3167,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:5.1.3":
-  version: 5.1.3
-  resolution: "aria-query@npm:5.1.3"
-  dependencies:
-    deep-equal: "npm:^2.0.5"
-  checksum: 10c0/edcbc8044c4663d6f88f785e983e6784f98cb62b4ba1e9dd8d61b725d0203e4cfca38d676aee984c31f354103461102a3d583aa4fbe4fd0a89b679744f4e5faf
-  languageName: node
-  linkType: hard
-
-"aria-query@npm:^5.0.0, aria-query@npm:^5.3.0":
+"aria-query@npm:5.3.0, aria-query@npm:^5.0.0, aria-query@npm:^5.3.0":
   version: 5.3.0
   resolution: "aria-query@npm:5.3.0"
   dependencies:
@@ -3086,7 +3176,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array-buffer-byte-length@npm:^1.0.0, array-buffer-byte-length@npm:^1.0.1":
+"array-buffer-byte-length@npm:^1.0.1":
   version: 1.0.1
   resolution: "array-buffer-byte-length@npm:1.0.1"
   dependencies:
@@ -3255,10 +3345,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"assertion-error@npm:^1.1.0":
-  version: 1.1.0
-  resolution: "assertion-error@npm:1.1.0"
-  checksum: 10c0/25456b2aa333250f01143968e02e4884a34588a8538fbbf65c91a637f1dbfb8069249133cd2f4e530f10f624d206a664e7df30207830b659e9f5298b00a4099b
+"assertion-error@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "assertion-error@npm:2.0.1"
+  checksum: 10c0/bbbcb117ac6480138f8c93cf7f535614282dea9dc828f540cdece85e3c665e8f78958b96afac52f29ff883c72638e6a87d469ecc9fe5bc902df03ed24a55dba8
   languageName: node
   linkType: hard
 
@@ -3627,16 +3717,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bun-types@npm:1.1.17":
-  version: 1.1.17
-  resolution: "bun-types@npm:1.1.17"
-  dependencies:
-    "@types/node": "npm:~20.12.8"
-    "@types/ws": "npm:~8.5.10"
-  checksum: 10c0/d7fe81d3ffd23d90b111084c97d0fd89de5934ba2c1158d52ffcf087f7daab44b3c664823867e4154db62b94e498ec3a6fb9204ea8666d37235589faf8456716
-  languageName: node
-  linkType: hard
-
 "bundle-require@npm:^4.0.0":
   version: 4.0.2
   resolution: "bundle-require@npm:4.0.2"
@@ -3742,18 +3822,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chai@npm:^4.3.10":
-  version: 4.3.10
-  resolution: "chai@npm:4.3.10"
+"chai@npm:^5.1.1":
+  version: 5.1.1
+  resolution: "chai@npm:5.1.1"
   dependencies:
-    assertion-error: "npm:^1.1.0"
-    check-error: "npm:^1.0.3"
-    deep-eql: "npm:^4.1.3"
-    get-func-name: "npm:^2.0.2"
-    loupe: "npm:^2.3.6"
-    pathval: "npm:^1.1.1"
-    type-detect: "npm:^4.0.8"
-  checksum: 10c0/c887d24f67be6fb554c7ebbde3bb0568697a8833d475e4768296916891ba143f25fc079f6eb34146f3dd5a3279d34c1f387c32c9a6ab288e579f948d9ccf53fe
+    assertion-error: "npm:^2.0.1"
+    check-error: "npm:^2.1.1"
+    deep-eql: "npm:^5.0.1"
+    loupe: "npm:^3.1.0"
+    pathval: "npm:^2.0.0"
+  checksum: 10c0/e7f00e5881e3d5224f08fe63966ed6566bd9fdde175863c7c16dd5240416de9b34c4a0dd925f4fd64ad56256ca6507d32cf6131c49e1db65c62578eb31d4566c
   languageName: node
   linkType: hard
 
@@ -3802,12 +3880,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"check-error@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "check-error@npm:1.0.3"
-  dependencies:
-    get-func-name: "npm:^2.0.2"
-  checksum: 10c0/94aa37a7315c0e8a83d0112b5bfb5a8624f7f0f81057c73e4707729cdd8077166c6aefb3d8e2b92c63ee130d4a2ff94bad46d547e12f3238cc1d78342a973841
+"check-error@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "check-error@npm:2.1.1"
+  checksum: 10c0/979f13eccab306cf1785fa10941a590b4e7ea9916ea2a4f8c87f0316fc3eab07eabefb6e587424ef0f88cbcd3805791f172ea739863ca3d7ce2afc54641c7f0e
   languageName: node
   linkType: hard
 
@@ -4257,15 +4333,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"crypto-random-string@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "crypto-random-string@npm:4.0.0"
-  dependencies:
-    type-fest: "npm:^1.0.1"
-  checksum: 10c0/16e11a3c8140398f5408b7fded35a961b9423c5dac39a60cbbd08bd3f0e07d7de130e87262adea7db03ec1a7a4b7551054e0db07ee5408b012bac5400cfc07a5
-  languageName: node
-  linkType: hard
-
 "css.escape@npm:^1.5.1":
   version: 1.5.1
   resolution: "css.escape@npm:1.5.1"
@@ -4512,38 +4579,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deep-eql@npm:^4.1.3":
-  version: 4.1.3
-  resolution: "deep-eql@npm:4.1.3"
-  dependencies:
-    type-detect: "npm:^4.0.0"
-  checksum: 10c0/ff34e8605d8253e1bf9fe48056e02c6f347b81d9b5df1c6650a1b0f6f847b4a86453b16dc226b34f853ef14b626e85d04e081b022e20b00cd7d54f079ce9bbdd
-  languageName: node
-  linkType: hard
-
-"deep-equal@npm:^2.0.5":
-  version: 2.2.2
-  resolution: "deep-equal@npm:2.2.2"
-  dependencies:
-    array-buffer-byte-length: "npm:^1.0.0"
-    call-bind: "npm:^1.0.2"
-    es-get-iterator: "npm:^1.1.3"
-    get-intrinsic: "npm:^1.2.1"
-    is-arguments: "npm:^1.1.1"
-    is-array-buffer: "npm:^3.0.2"
-    is-date-object: "npm:^1.0.5"
-    is-regex: "npm:^1.1.4"
-    is-shared-array-buffer: "npm:^1.0.2"
-    isarray: "npm:^2.0.5"
-    object-is: "npm:^1.1.5"
-    object-keys: "npm:^1.1.1"
-    object.assign: "npm:^4.1.4"
-    regexp.prototype.flags: "npm:^1.5.0"
-    side-channel: "npm:^1.0.4"
-    which-boxed-primitive: "npm:^1.0.2"
-    which-collection: "npm:^1.0.1"
-    which-typed-array: "npm:^1.1.9"
-  checksum: 10c0/07b46a9a848efdab223abc7e3ba612ef9168d88970c3400df185d5840a30ca384749c996ae5d7af844d6b27c42587fb73a4445c63e38aac77c2d0ed9a63faa87
+"deep-eql@npm:^5.0.1":
+  version: 5.0.2
+  resolution: "deep-eql@npm:5.0.2"
+  checksum: 10c0/7102cf3b7bb719c6b9c0db2e19bf0aa9318d141581befe8c7ce8ccd39af9eaa4346e5e05adef7f9bd7015da0f13a3a25dcfe306ef79dc8668aedbecb658dd247
   languageName: node
   linkType: hard
 
@@ -4743,13 +4782,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"dom-accessibility-api@npm:^0.5.6, dom-accessibility-api@npm:^0.5.9":
+"dom-accessibility-api@npm:^0.5.9":
   version: 0.5.16
   resolution: "dom-accessibility-api@npm:0.5.16"
   checksum: 10c0/b2c2eda4fae568977cdac27a9f0c001edf4f95a6a6191dfa611e3721db2478d1badc01db5bb4fa8a848aeee13e442a6c2a4386d65ec65a1436f24715a2f8d053
   languageName: node
   linkType: hard
 
+"dom-accessibility-api@npm:^0.6.3":
+  version: 0.6.3
+  resolution: "dom-accessibility-api@npm:0.6.3"
+  checksum: 10c0/10bee5aa514b2a9a37c87cd81268db607a2e933a050074abc2f6fa3da9080ebed206a320cbc123567f2c3087d22292853bdfdceaffdd4334ffe2af9510b29360
+  languageName: node
+  linkType: hard
+
 "dom-serializer@npm:^1.0.1":
   version: 1.4.1
   resolution: "dom-serializer@npm:1.4.1"
@@ -5129,23 +5175,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-get-iterator@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "es-get-iterator@npm:1.1.3"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.1.3"
-    has-symbols: "npm:^1.0.3"
-    is-arguments: "npm:^1.1.1"
-    is-map: "npm:^2.0.2"
-    is-set: "npm:^2.0.2"
-    is-string: "npm:^1.0.7"
-    isarray: "npm:^2.0.5"
-    stop-iteration-iterator: "npm:^1.0.0"
-  checksum: 10c0/ebd11effa79851ea75d7f079405f9d0dc185559fd65d986c6afea59a0ff2d46c2ed8675f19f03dce7429d7f6c14ff9aede8d121fbab78d75cfda6a263030bac0
-  languageName: node
-  linkType: hard
-
 "es-iterator-helpers@npm:^1.0.15, es-iterator-helpers@npm:^1.0.19":
   version: 1.0.19
   resolution: "es-iterator-helpers@npm:1.0.19"
@@ -5215,17 +5244,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"esbuild-register@npm:^3.5.0":
-  version: 3.5.0
-  resolution: "esbuild-register@npm:3.5.0"
-  dependencies:
-    debug: "npm:^4.3.4"
-  peerDependencies:
-    esbuild: ">=0.12 <1"
-  checksum: 10c0/9ccd0573cb66018e4cce3c1416eed0f5f3794c7026ce469a94e2f8761335abed8e363fc8e8bb036ab9ad7e579bb4296b8568a04ae5626596c123576b0d9c9bde
-  languageName: node
-  linkType: hard
-
 "esbuild@npm:^0.23.0":
   version: 0.23.0
   resolution: "esbuild@npm:0.23.0"
@@ -6441,7 +6459,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-func-name@npm:^2.0.1, get-func-name@npm:^2.0.2":
+"get-func-name@npm:^2.0.1":
   version: 2.0.2
   resolution: "get-func-name@npm:2.0.2"
   checksum: 10c0/89830fd07623fa73429a711b9daecdb304386d237c71268007f788f113505ef1d4cc2d0b9680e072c5082490aec9df5d7758bf5ac6f1c37062855e8e3dc0b9df
@@ -6606,7 +6624,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10, glob@npm:^10.4.5":
+"glob@npm:^10.0.0, glob@npm:^10.2.2, glob@npm:^10.3.10, glob@npm:^10.4.1, glob@npm:^10.4.5":
   version: 10.4.5
   resolution: "glob@npm:10.4.5"
   dependencies:
@@ -6662,6 +6680,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"globals@npm:^11.1.0":
+  version: 11.12.0
+  resolution: "globals@npm:11.12.0"
+  checksum: 10c0/758f9f258e7b19226bd8d4af5d3b0dcf7038780fb23d82e6f98932c44e239f884847f1766e8fa9cc5635ccb3204f7fa7314d4408dd4002a5e8ea827b4018f0a1
+  languageName: node
+  linkType: hard
+
 "globals@npm:^13.19.0":
   version: 13.23.0
   resolution: "globals@npm:13.23.0"
@@ -7296,7 +7321,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.7":
+"internal-slot@npm:^1.0.7":
   version: 1.0.7
   resolution: "internal-slot@npm:1.0.7"
   dependencies:
@@ -7330,7 +7355,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-arguments@npm:^1.0.4, is-arguments@npm:^1.1.1":
+"is-arguments@npm:^1.0.4":
   version: 1.1.1
   resolution: "is-arguments@npm:1.1.1"
   dependencies:
@@ -7340,7 +7365,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-array-buffer@npm:^3.0.2, is-array-buffer@npm:^3.0.4":
+"is-array-buffer@npm:^3.0.4":
   version: 3.0.4
   resolution: "is-array-buffer@npm:3.0.4"
   dependencies:
@@ -7569,7 +7594,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-map@npm:^2.0.1, is-map@npm:^2.0.2":
+"is-map@npm:^2.0.1":
   version: 2.0.2
   resolution: "is-map@npm:2.0.2"
   checksum: 10c0/119ff9137a37fd131a72fab3f4ab8c9d6a24b0a1ee26b4eff14dc625900d8675a97785eea5f4174265e2006ed076cc24e89f6e57ebd080a48338d914ec9168a5
@@ -7660,7 +7685,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-set@npm:^2.0.1, is-set@npm:^2.0.2":
+"is-set@npm:^2.0.1":
   version: 2.0.2
   resolution: "is-set@npm:2.0.2"
   checksum: 10c0/5f8bd1880df8c0004ce694e315e6e1e47a3452014be792880bb274a3b2cdb952fdb60789636ca6e084c7947ca8b7ae03ccaf54c93a7fcfed228af810559e5432
@@ -7833,24 +7858,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-source-maps@npm:^5.0.4":
-  version: 5.0.4
-  resolution: "istanbul-lib-source-maps@npm:5.0.4"
+"istanbul-lib-source-maps@npm:^5.0.6":
+  version: 5.0.6
+  resolution: "istanbul-lib-source-maps@npm:5.0.6"
   dependencies:
     "@jridgewell/trace-mapping": "npm:^0.3.23"
     debug: "npm:^4.1.1"
     istanbul-lib-coverage: "npm:^3.0.0"
-  checksum: 10c0/48b48294590675005ba439888a53157fc71a99d78321428f3ce5f64e28cdfb6bc6eb45871333f448437118ef56a0ef371f4958163e2c2d066d3a703415a71b2e
+  checksum: 10c0/ffe75d70b303a3621ee4671554f306e0831b16f39ab7f4ab52e54d356a5d33e534d97563e318f1333a6aae1d42f91ec49c76b6cd3f3fb378addcb5c81da0255f
   languageName: node
   linkType: hard
 
-"istanbul-reports@npm:^3.1.6":
-  version: 3.1.6
-  resolution: "istanbul-reports@npm:3.1.6"
+"istanbul-reports@npm:^3.1.7":
+  version: 3.1.7
+  resolution: "istanbul-reports@npm:3.1.7"
   dependencies:
     html-escaper: "npm:^2.0.0"
     istanbul-lib-report: "npm:^3.0.0"
-  checksum: 10c0/ec3f1bdbc51b3e0b325a5b9f4ad31a247697f31001df4e81075f7980413f14da1b5adfec574fd156efd3b0464023f61320f6718efc66ee72b32d89611cef99dd
+  checksum: 10c0/a379fadf9cf8dc5dfe25568115721d4a7eb82fbd50b005a6672aff9c6989b20cc9312d7865814e0859cd8df58cbf664482e1d3604be0afde1f7fc3ccc1394a51
   languageName: node
   linkType: hard
 
@@ -7894,6 +7919,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"javascript-natural-sort@npm:0.7.1":
+  version: 0.7.1
+  resolution: "javascript-natural-sort@npm:0.7.1"
+  checksum: 10c0/340f8ffc5d30fb516e06dc540e8fa9e0b93c865cf49d791fed3eac3bdc5fc71f0066fc81d44ec1433edc87caecaf9f13eec4a1fce8c5beafc709a71eaedae6fe
+  languageName: node
+  linkType: hard
+
 "jest-diff@npm:^29.4.1, jest-diff@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-diff@npm:29.7.0"
@@ -7956,6 +7988,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jiti@npm:^1.21.6":
+  version: 1.21.6
+  resolution: "jiti@npm:1.21.6"
+  bin:
+    jiti: bin/jiti.js
+  checksum: 10c0/05b9ed58cd30d0c3ccd3c98209339e74f50abd9a17e716f65db46b6a35812103f6bde6e134be7124d01745586bca8cc5dae1d0d952267c3ebe55171949c32e56
+  languageName: node
+  linkType: hard
+
 "jju@npm:^1.4.0":
   version: 1.4.0
   resolution: "jju@npm:1.4.0"
@@ -7990,13 +8031,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"js-tokens@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "js-tokens@npm:9.0.0"
-  checksum: 10c0/4ad1c12f47b8c8b2a3a99e29ef338c1385c7b7442198a425f3463f3537384dab6032012791bfc2f056ea5ecdb06b1ed4f70e11a3ab3f388d3dcebfe16a52b27d
-  languageName: node
-  linkType: hard
-
 "js-yaml@npm:3.14.1, js-yaml@npm:^3.10.0":
   version: 3.14.1
   resolution: "js-yaml@npm:3.14.1"
@@ -8027,6 +8061,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsesc@npm:^2.5.1":
+  version: 2.5.2
+  resolution: "jsesc@npm:2.5.2"
+  bin:
+    jsesc: bin/jsesc
+  checksum: 10c0/dbf59312e0ebf2b4405ef413ec2b25abb5f8f4d9bc5fb8d9f90381622ebca5f2af6a6aa9a8578f65903f9e33990a6dc798edd0ce5586894bf0e9e31803a1de88
+  languageName: node
+  linkType: hard
+
 "json-bigint@npm:^1.0.0":
   version: 1.0.0
   resolution: "json-bigint@npm:1.0.0"
@@ -8112,7 +8155,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsonc-parser@npm:3.2.0, jsonc-parser@npm:^3.0.0, jsonc-parser@npm:^3.2.0":
+"jsonc-parser@npm:3.2.0, jsonc-parser@npm:^3.0.0":
   version: 3.2.0
   resolution: "jsonc-parser@npm:3.2.0"
   checksum: 10c0/5a12d4d04dad381852476872a29dcee03a57439574e4181d91dca71904fcdcc5e8e4706c0a68a2c61ad9810e1e1c5806b5100d52d3e727b78f5cdc595401045b
@@ -8383,16 +8426,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"local-pkg@npm:^0.5.0":
-  version: 0.5.0
-  resolution: "local-pkg@npm:0.5.0"
-  dependencies:
-    mlly: "npm:^1.4.2"
-    pkg-types: "npm:^1.0.3"
-  checksum: 10c0/f61cbd00d7689f275558b1a45c7ff2a3ddf8472654123ed880215677b9adfa729f1081e50c27ffb415cdb9fa706fb755fec5e23cdd965be375c8059e87ff1cc9
-  languageName: node
-  linkType: hard
-
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -8573,12 +8606,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"loupe@npm:^2.3.6, loupe@npm:^2.3.7":
-  version: 2.3.7
-  resolution: "loupe@npm:2.3.7"
+"loupe@npm:^3.1.0, loupe@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "loupe@npm:3.1.1"
   dependencies:
     get-func-name: "npm:^2.0.1"
-  checksum: 10c0/71a781c8fc21527b99ed1062043f1f2bb30bdaf54fa4cf92463427e1718bc6567af2988300bc243c1f276e4f0876f29e3cbf7b58106fdc186915687456ce5bf4
+  checksum: 10c0/99f88badc47e894016df0c403de846fedfea61154aadabbf776c8428dd59e8d8378007135d385d737de32ae47980af07d22ba7bec5ef7beebd721de9baa0a0af
   languageName: node
   linkType: hard
 
@@ -8634,7 +8667,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.30.10, magic-string@npm:^0.30.5":
+"magic-string@npm:^0.30.10":
   version: 0.30.10
   resolution: "magic-string@npm:0.30.10"
   dependencies:
@@ -8643,14 +8676,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magicast@npm:^0.3.3":
-  version: 0.3.3
-  resolution: "magicast@npm:0.3.3"
+"magicast@npm:^0.3.4":
+  version: 0.3.4
+  resolution: "magicast@npm:0.3.4"
   dependencies:
-    "@babel/parser": "npm:^7.23.6"
-    "@babel/types": "npm:^7.23.6"
-    source-map-js: "npm:^1.0.2"
-  checksum: 10c0/2eeba19545ac4328433be817bd81fcfa8a517ec67599260541e13ce5ce18b27ff8830f1b87d54a1392d408d1b96e44938bf026920f0110edbdfecc96980919b3
+    "@babel/parser": "npm:^7.24.4"
+    "@babel/types": "npm:^7.24.0"
+    source-map-js: "npm:^1.2.0"
+  checksum: 10c0/7ebaaac397b13c31ca05e6d9649296751d76749b945d10a0800107872119fbdf267acdb604571d25e38ec6fd7ab3568a951b6e76eaef1caba9eaa11778fd9783
   languageName: node
   linkType: hard
 
@@ -9650,18 +9683,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mlly@npm:^1.2.0, mlly@npm:^1.4.2":
-  version: 1.4.2
-  resolution: "mlly@npm:1.4.2"
-  dependencies:
-    acorn: "npm:^8.10.0"
-    pathe: "npm:^1.1.1"
-    pkg-types: "npm:^1.0.3"
-    ufo: "npm:^1.3.0"
-  checksum: 10c0/905e3a704c7d3bcaad55f31d6efe9f680eab5be053ab7f8b299b8dbc027041f741fa6a93db9a3c461be2552632f3831b6c43c50af530f5fb2e9cd6273bc9d642
-  languageName: node
-  linkType: hard
-
 "mount-point@npm:^3.0.0":
   version: 3.0.0
   resolution: "mount-point@npm:3.0.0"
@@ -10069,16 +10090,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-is@npm:^1.1.5":
-  version: 1.1.5
-  resolution: "object-is@npm:1.1.5"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.1.3"
-  checksum: 10c0/8c263fb03fc28f1ffb54b44b9147235c5e233dc1ca23768e7d2569740b5d860154d7cc29a30220fe28ed6d8008e2422aefdebfe987c103e1c5d190cf02d9d886
-  languageName: node
-  linkType: hard
-
 "object-keys@npm:^1.1.1":
   version: 1.1.1
   resolution: "object-keys@npm:1.1.1"
@@ -10344,15 +10355,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-limit@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "p-limit@npm:5.0.0"
-  dependencies:
-    yocto-queue: "npm:^1.0.0"
-  checksum: 10c0/574e93b8895a26e8485eb1df7c4b58a1a6e8d8ae41b1750cc2cc440922b3d306044fc6e9a7f74578a883d46802d9db72b30f2e612690fcef838c173261b1ed83
-  languageName: node
-  linkType: hard
-
 "p-locate@npm:^4.1.0":
   version: 4.1.0
   resolution: "p-locate@npm:4.1.0"
@@ -10577,17 +10579,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pathe@npm:^1.1.0, pathe@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "pathe@npm:1.1.1"
-  checksum: 10c0/3ae5a0529c3415d91c3ac9133f52cffea54a0dd46892fe059f4b80faf36fd207957d4594bdc87043b65d0761b1e5728f81f46bafff3b5302da4e2e48889b8c0e
+"pathe@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "pathe@npm:1.1.2"
+  checksum: 10c0/64ee0a4e587fb0f208d9777a6c56e4f9050039268faaaaecd50e959ef01bf847b7872785c36483fa5cdcdbdfdb31fef2ff222684d4fc21c330ab60395c681897
   languageName: node
   linkType: hard
 
-"pathval@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "pathval@npm:1.1.1"
-  checksum: 10c0/f63e1bc1b33593cdf094ed6ff5c49c1c0dc5dc20a646ca9725cc7fe7cd9995002d51d5685b9b2ec6814342935748b711bafa840f84c0bb04e38ff40a335c94dc
+"pathval@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "pathval@npm:2.0.0"
+  checksum: 10c0/602e4ee347fba8a599115af2ccd8179836a63c925c23e04bd056d0674a64b39e3a081b643cc7bc0b84390517df2d800a46fcc5598d42c155fe4977095c2f77c5
   languageName: node
   linkType: hard
 
@@ -10768,17 +10770,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pkg-types@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "pkg-types@npm:1.0.3"
-  dependencies:
-    jsonc-parser: "npm:^3.2.0"
-    mlly: "npm:^1.2.0"
-    pathe: "npm:^1.1.0"
-  checksum: 10c0/7f692ff2005f51b8721381caf9bdbc7f5461506ba19c34f8631660a215c8de5e6dca268f23a319dd180b8f7c47a0dc6efea14b376c485ff99e98d810b8f786c4
-  languageName: node
-  linkType: hard
-
 "pkginfo@npm:0.4.1":
   version: 0.4.1
   resolution: "pkginfo@npm:0.4.1"
@@ -11379,7 +11370,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.5.0, regexp.prototype.flags@npm:^1.5.2":
+"regexp.prototype.flags@npm:^1.5.2":
   version: 1.5.2
   resolution: "regexp.prototype.flags@npm:1.5.2"
   dependencies:
@@ -12456,10 +12447,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "source-map-js@npm:1.0.2"
-  checksum: 10c0/32f2dfd1e9b7168f9a9715eb1b4e21905850f3b50cf02cf476e47e4eebe8e6b762b63a64357896aa29b37e24922b4282df0f492e0d2ace572b43d15525976ff8
+"source-map-js@npm:^1.0.2, source-map-js@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "source-map-js@npm:1.2.0"
+  checksum: 10c0/7e5f896ac10a3a50fe2898e5009c58ff0dc102dcb056ed27a354623a0ece8954d4b2649e1a1b2b52ef2e161d26f8859c7710350930751640e71e374fe2d321a4
   languageName: node
   linkType: hard
 
@@ -12472,6 +12463,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"source-map@npm:^0.5.0":
+  version: 0.5.7
+  resolution: "source-map@npm:0.5.7"
+  checksum: 10c0/904e767bb9c494929be013017380cbba013637da1b28e5943b566031e29df04fba57edf3f093e0914be094648b577372bd8ad247fa98cfba9c600794cd16b599
+  languageName: node
+  linkType: hard
+
 "source-map@npm:^0.6.1, source-map@npm:~0.6.1":
   version: 0.6.1
   resolution: "source-map@npm:0.6.1"
@@ -12589,10 +12587,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"std-env@npm:^3.5.0":
-  version: 3.6.0
-  resolution: "std-env@npm:3.6.0"
-  checksum: 10c0/a540b8cb011bef4bf5905e1e28f24ce37124f9d001c69224ee0025d3600144e6847bac62cd38fbd98148ab4d26ab0682b9b4d42bc863cd1cca0b9807f18aadba
+"std-env@npm:^3.7.0":
+  version: 3.7.0
+  resolution: "std-env@npm:3.7.0"
+  checksum: 10c0/60edf2d130a4feb7002974af3d5a5f3343558d1ccf8d9b9934d225c638606884db4a20d2fe6440a09605bca282af6b042ae8070a10490c0800d69e82e478f41e
   languageName: node
   linkType: hard
 
@@ -12605,15 +12603,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stop-iteration-iterator@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "stop-iteration-iterator@npm:1.0.0"
-  dependencies:
-    internal-slot: "npm:^1.0.4"
-  checksum: 10c0/c4158d6188aac510d9e92925b58709207bd94699e9c31186a040c80932a687f84a51356b5895e6dc72710aad83addb9411c22171832c9ae0e6e11b7d61b0dfb9
-  languageName: node
-  linkType: hard
-
 "stream-events@npm:^1.0.5":
   version: 1.0.5
   resolution: "stream-events@npm:1.0.5"
@@ -12839,15 +12828,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-literal@npm:^2.0.0":
-  version: 2.1.0
-  resolution: "strip-literal@npm:2.1.0"
-  dependencies:
-    js-tokens: "npm:^9.0.0"
-  checksum: 10c0/bc8b8c8346125ae3c20fcdaf12e10a498ff85baf6f69597b4ab2b5fbf2e58cfd2827f1a44f83606b852da99a5f6c8279770046ddea974c510c17c98934c9cc24
-  languageName: node
-  linkType: hard
-
 "strong-log-transformer@npm:^2.1.0":
   version: 2.1.0
   resolution: "strong-log-transformer@npm:2.1.0"
@@ -13026,33 +13006,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"temp-dir@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "temp-dir@npm:3.0.0"
-  checksum: 10c0/a86978a400984cd5f315b77ebf3fe53bb58c61f192278cafcb1f3fb32d584a21dc8e08b93171d7874b7cc972234d3455c467306cc1bfc4524b622e5ad3bfd671
-  languageName: node
-  linkType: hard
-
-"tempy@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "tempy@npm:3.1.0"
-  dependencies:
-    is-stream: "npm:^3.0.0"
-    temp-dir: "npm:^3.0.0"
-    type-fest: "npm:^2.12.2"
-    unique-string: "npm:^3.0.0"
-  checksum: 10c0/b88e70baa8d935ba8f0e0372b59ad1a961121f098da5fb4a6e05bec98ec32a49026b553532fb75c1c102ec782fd4c6a6bde0d46cbe87013fa324451ce476fb76
-  languageName: node
-  linkType: hard
-
-"test-exclude@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "test-exclude@npm:6.0.0"
+"test-exclude@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "test-exclude@npm:7.0.1"
   dependencies:
     "@istanbuljs/schema": "npm:^0.1.2"
-    glob: "npm:^7.1.4"
-    minimatch: "npm:^3.0.4"
-  checksum: 10c0/019d33d81adff3f9f1bfcff18125fb2d3c65564f437d9be539270ee74b994986abb8260c7c2ce90e8f30162178b09dbbce33c6389273afac4f36069c48521f57
+    glob: "npm:^10.4.1"
+    minimatch: "npm:^9.0.4"
+  checksum: 10c0/6d67b9af4336a2e12b26a68c83308c7863534c65f27ed4ff7068a56f5a58f7ac703e8fc80f698a19bb154fd8f705cdf7ec347d9512b2c522c737269507e7b263
   languageName: node
   linkType: hard
 
@@ -13132,24 +13093,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tinybench@npm:^2.5.1":
-  version: 2.5.1
-  resolution: "tinybench@npm:2.5.1"
-  checksum: 10c0/9c55ef25ce1689c3e2fdb89cacbf27dada4d04f846cac70023fe97fc35d2122816d8bbc5b20253e071d13688cf006355d59f0096d22958b818e1e2fe60e5165b
+"tinybench@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "tinybench@npm:2.8.0"
+  checksum: 10c0/5a9a642351fa3e4955e0cbf38f5674be5f3ba6730fd872fd23a5c953ad6c914234d5aba6ea41ef88820180a81829ceece5bd8d3967c490c5171bca1141c2f24d
+  languageName: node
+  linkType: hard
+
+"tinypool@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "tinypool@npm:1.0.0"
+  checksum: 10c0/71b20b9c54366393831c286a0772380c20f8cad9546d724c484edb47aea3228f274c58e98cf51d28c40869b39f5273209ef3ea94a9d2a23f8b292f4731cd3e4e
   languageName: node
   linkType: hard
 
-"tinypool@npm:^0.8.3":
-  version: 0.8.4
-  resolution: "tinypool@npm:0.8.4"
-  checksum: 10c0/779c790adcb0316a45359652f4b025958c1dff5a82460fe49f553c864309b12ad732c8288be52f852973bc76317f5e7b3598878aee0beb8a33322c0e72c4a66c
+"tinyrainbow@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "tinyrainbow@npm:1.2.0"
+  checksum: 10c0/7f78a4b997e5ba0f5ecb75e7ed786f30bab9063716e7dff24dd84013fb338802e43d176cb21ed12480561f5649a82184cf31efb296601a29d38145b1cdb4c192
   languageName: node
   linkType: hard
 
-"tinyspy@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "tinyspy@npm:2.2.0"
-  checksum: 10c0/8c7b70748dd8590e85d52741db79243746c15bc03c92d75c23160a762142db577e7f53e360ba7300e321b12bca5c42dd2522a8dbeec6ba3830302573dd8516bc
+"tinyspy@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "tinyspy@npm:3.0.0"
+  checksum: 10c0/eb0dec264aa5370efd3d29743825eb115ed7f1ef8a72a431e9a75d5c9e7d67e99d04b0d61d86b8cd70c79ec27863f241ad0317bc453f78762e0cbd76d2c332d0
   languageName: node
   linkType: hard
 
@@ -13412,13 +13380,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-detect@npm:^4.0.0, type-detect@npm:^4.0.8":
-  version: 4.0.8
-  resolution: "type-detect@npm:4.0.8"
-  checksum: 10c0/8fb9a51d3f365a7de84ab7f73b653534b61b622aa6800aecdb0f1095a4a646d3f5eb295322127b6573db7982afcd40ab492d038cf825a42093a58b1e1353e0bd
-  languageName: node
-  linkType: hard
-
 "type-fest@npm:~2.19":
   version: 2.19.0
   resolution: "type-fest@npm:2.19.0"
@@ -13515,13 +13476,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ufo@npm:^1.3.0":
-  version: 1.3.1
-  resolution: "ufo@npm:1.3.1"
-  checksum: 10c0/9348ff03f76820116c4735625ee894912bc92b6d49dc63474a89a35d2752265421a405f0033b961bb0b885d460c915e7860adb6dc854422faf3483882f14ba86
-  languageName: node
-  linkType: hard
-
 "uglify-js@npm:^3.1.4":
   version: 3.17.4
   resolution: "uglify-js@npm:3.17.4"
@@ -13560,6 +13514,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~6.13.0":
+  version: 6.13.0
+  resolution: "undici-types@npm:6.13.0"
+  checksum: 10c0/2de55181f569c77a4f08063f8bf2722fcbb6ea312a26a9e927bd1f5ea5cf3a281c5ddf23155061db083e0a25838f54813543ff13b0ac34d230d5c1205ead66c1
+  languageName: node
+  linkType: hard
+
 "undici@npm:^5.25.4":
   version: 5.27.2
   resolution: "undici@npm:5.27.2"
@@ -13716,15 +13677,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"unique-string@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "unique-string@npm:3.0.0"
-  dependencies:
-    crypto-random-string: "npm:^4.0.0"
-  checksum: 10c0/b35ea034b161b2a573666ec16c93076b4b6106b8b16c2415808d747ab3a0566b5db0c4be231d4b11cfbc16d7fd915c9d8a45884bff0e2db11b799775b2e1e017
-  languageName: node
-  linkType: hard
-
 "unist-util-generated@npm:^2.0.0":
   version: 2.0.1
   resolution: "unist-util-generated@npm:2.0.1"
@@ -14211,18 +14163,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vite-node@npm:1.6.0":
-  version: 1.6.0
-  resolution: "vite-node@npm:1.6.0"
+"vite-node@npm:2.0.5":
+  version: 2.0.5
+  resolution: "vite-node@npm:2.0.5"
   dependencies:
     cac: "npm:^6.7.14"
-    debug: "npm:^4.3.4"
-    pathe: "npm:^1.1.1"
-    picocolors: "npm:^1.0.0"
+    debug: "npm:^4.3.5"
+    pathe: "npm:^1.1.2"
+    tinyrainbow: "npm:^1.2.0"
     vite: "npm:^5.0.0"
   bin:
     vite-node: vite-node.mjs
-  checksum: 10c0/0807e6501ac7763e0efa2b4bd484ce99fb207e92c98624c9f8999d1f6727ac026e457994260fa7fdb7060d87546d197081e46a705d05b0136a38b6f03715cbc2
+  checksum: 10c0/affcc58ae8d45bce3e8bc3b5767acd57c24441634e2cd967cf97f4e5ed2bcead1714b60150cdf7ee153ebad47659c5cd419883207e1a95b69790331e3243749f
   languageName: node
   linkType: hard
 
@@ -14266,35 +14218,34 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vitest@npm:^1.6.0":
-  version: 1.6.0
-  resolution: "vitest@npm:1.6.0"
-  dependencies:
-    "@vitest/expect": "npm:1.6.0"
-    "@vitest/runner": "npm:1.6.0"
-    "@vitest/snapshot": "npm:1.6.0"
-    "@vitest/spy": "npm:1.6.0"
-    "@vitest/utils": "npm:1.6.0"
-    acorn-walk: "npm:^8.3.2"
-    chai: "npm:^4.3.10"
-    debug: "npm:^4.3.4"
+"vitest@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "vitest@npm:2.0.5"
+  dependencies:
+    "@ampproject/remapping": "npm:^2.3.0"
+    "@vitest/expect": "npm:2.0.5"
+    "@vitest/pretty-format": "npm:^2.0.5"
+    "@vitest/runner": "npm:2.0.5"
+    "@vitest/snapshot": "npm:2.0.5"
+    "@vitest/spy": "npm:2.0.5"
+    "@vitest/utils": "npm:2.0.5"
+    chai: "npm:^5.1.1"
+    debug: "npm:^4.3.5"
     execa: "npm:^8.0.1"
-    local-pkg: "npm:^0.5.0"
-    magic-string: "npm:^0.30.5"
-    pathe: "npm:^1.1.1"
-    picocolors: "npm:^1.0.0"
-    std-env: "npm:^3.5.0"
-    strip-literal: "npm:^2.0.0"
-    tinybench: "npm:^2.5.1"
-    tinypool: "npm:^0.8.3"
+    magic-string: "npm:^0.30.10"
+    pathe: "npm:^1.1.2"
+    std-env: "npm:^3.7.0"
+    tinybench: "npm:^2.8.0"
+    tinypool: "npm:^1.0.0"
+    tinyrainbow: "npm:^1.2.0"
     vite: "npm:^5.0.0"
-    vite-node: "npm:1.6.0"
-    why-is-node-running: "npm:^2.2.2"
+    vite-node: "npm:2.0.5"
+    why-is-node-running: "npm:^2.3.0"
   peerDependencies:
     "@edge-runtime/vm": "*"
     "@types/node": ^18.0.0 || >=20.0.0
-    "@vitest/browser": 1.6.0
-    "@vitest/ui": 1.6.0
+    "@vitest/browser": 2.0.5
+    "@vitest/ui": 2.0.5
     happy-dom: "*"
     jsdom: "*"
   peerDependenciesMeta:
@@ -14312,7 +14263,7 @@ __metadata:
       optional: true
   bin:
     vitest: vitest.mjs
-  checksum: 10c0/065da5b8ead51eb174d93dac0cd50042ca9539856dc25e340ea905d668c41961f7e00df3e388e6c76125b2c22091db2e8465f993d0f6944daf9598d549e562e7
+  checksum: 10c0/b4e6cca00816bf967a8589111ded72faa12f92f94ccdd0dcd0698ffcfdfc52ec662753f66b387549c600ac699b993fd952efbd99dc57fcf4d1c69a2f1022b259
   languageName: node
   linkType: hard
 
@@ -14530,15 +14481,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"why-is-node-running@npm:^2.2.2":
-  version: 2.2.2
-  resolution: "why-is-node-running@npm:2.2.2"
+"why-is-node-running@npm:^2.3.0":
+  version: 2.3.0
+  resolution: "why-is-node-running@npm:2.3.0"
   dependencies:
     siginfo: "npm:^2.0.0"
     stackback: "npm:0.0.2"
   bin:
     why-is-node-running: cli.js
-  checksum: 10c0/805d57eb5d33f0fb4e36bae5dceda7fd8c6932c2aeb705e30003970488f1a2bc70029ee64be1a0e1531e2268b11e65606e88e5b71d667ea745e6dc48fc9014bd
+  checksum: 10c0/1cde0b01b827d2cf4cb11db962f3958b9175d5d9e7ac7361d1a7b0e2dc6069a263e69118bd974c4f6d0a890ef4eedfe34cf3d5167ec14203dbc9a18620537054
   languageName: node
   linkType: hard
 
@@ -14728,13 +14679,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yocto-queue@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "yocto-queue@npm:1.0.0"
-  checksum: 10c0/856117aa15cf5103d2a2fb173f0ab4acb12b4b4d0ed3ab249fdbbf612e55d1cadfd27a6110940e24746fb0a78cf640b522cc8bca76f30a3b00b66e90cf82abe0
-  languageName: node
-  linkType: hard
-
 "yup@npm:0.32.11":
   version: 0.32.11
   resolution: "yup@npm:0.32.11"
diff --git a/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json b/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json
index a920943542af..5db2c361fc4b 100644
--- a/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/nextjs/package.json
@@ -92,8 +92,8 @@
     "@storybook/nextjs": "^8.0.0",
     "@storybook/react": "^8.0.0",
     "@storybook/test": "^8.0.0",
-    "@testing-library/jest-dom": "6.4.5",
-    "@testing-library/react": "^14.2.1",
+    "@testing-library/jest-dom": "6.4.8",
+    "@testing-library/react": "^16.0.0",
     "@types/react": "^18.2.55",
     "@types/react-dom": "^18.2.19",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
diff --git a/test-storybooks/portable-stories-kitchen-sink/react/package.json b/test-storybooks/portable-stories-kitchen-sink/react/package.json
index 7050a8a23e8a..a66af5c74106 100644
--- a/test-storybooks/portable-stories-kitchen-sink/react/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/react/package.json
@@ -95,7 +95,7 @@
     "@storybook/test": "^8.0.0",
     "@swc/core": "^1.4.2",
     "@swc/jest": "^0.2.36",
-    "@testing-library/jest-dom": "6.4.5",
+    "@testing-library/jest-dom": "^6.4.0",
     "@testing-library/react": "^14.2.1",
     "@types/identity-obj-proxy": "^3",
     "@types/react": "^18.2.55",
@@ -115,4 +115,4 @@
     "typescript": "^5.2.2",
     "vite": "^5.1.1"
   }
-}
\ No newline at end of file
+}
diff --git a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
index dd8841800a3f..0ef67b34c8cc 100644
--- a/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
+++ b/test-storybooks/portable-stories-kitchen-sink/svelte/package.json
@@ -90,7 +90,7 @@
     "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "@testing-library/svelte": "4.1.0",
     "@tsconfig/svelte": "^5.0.2",
-    "@types/node": "18",
+    "@types/node": "^22",
     "cypress": "^13.6.6",
     "jsdom": "^24.0.0",
     "storybook": "8.0.0-rc.2",
diff --git a/test-storybooks/server-kitchen-sink/.storybook/preview.js b/test-storybooks/server-kitchen-sink/.storybook/preview.js
index ae20edc909cb..d5ae324039ce 100644
--- a/test-storybooks/server-kitchen-sink/.storybook/preview.js
+++ b/test-storybooks/server-kitchen-sink/.storybook/preview.js
@@ -2,7 +2,7 @@ import { withLinks } from '@storybook/addon-links';
 
 export const decorators = [withLinks];
 
-const port = process.env.SERVER_PORT || 1337;
+const port = process.env.STORYBOOK_SERVER_PORT || 1337;
 
 export const parameters = {
   docs: {
diff --git a/test-storybooks/server-kitchen-sink/package.json b/test-storybooks/server-kitchen-sink/package.json
index c271007a9a62..144d15fcf03d 100644
--- a/test-storybooks/server-kitchen-sink/package.json
+++ b/test-storybooks/server-kitchen-sink/package.json
@@ -9,9 +9,9 @@
   "main": "index.js",
   "scripts": {
     "build-storybook": "NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" storybook build",
-    "server": "PORT=1337 nodemon server.js",
+    "server": "PORT=1137 nodemon server.js",
     "start": "concurrently \"yarn server\" \"yarn storybook\"",
-    "storybook": "SERVER_PORT=1137 NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" storybook dev -p 9006 --quiet"
+    "storybook": "STORYBOOK_SERVER_PORT=1137 NODE_OPTIONS=\"--preserve-symlinks --preserve-symlinks-main\" storybook dev -p 9006 --quiet"
   },
   "resolutions": {
     "@storybook/addon-a11y": "file:../../code/addons/a11y",
@@ -38,7 +38,7 @@
     "@storybook/builder-webpack5": "file:../../code/builders/builder-webpack5",
     "@storybook/client-logger": "file:../../code/lib/client-logger",
     "@storybook/codemod": "file:../../code/lib/codemod",
-    "@storybook/components": "file:../../../code/deprecated/components",
+    "@storybook/components": "file:../../code/deprecated/components",
     "@storybook/core": "file:../../code/core",
     "@storybook/core-webpack": "file:../../code/lib/core-webpack",
     "@storybook/csf-plugin": "file:../../code/lib/csf-plugin",
@@ -46,7 +46,7 @@
     "@storybook/html": "file:../../code/renderers/html",
     "@storybook/html-webpack5": "file:../../code/frameworks/html-webpack5",
     "@storybook/instrumenter": "file:../../code/lib/instrumenter",
-    "@storybook/manager-api": "file:../../../code/deprecated/manager-api",
+    "@storybook/manager-api": "file:../../code/deprecated/manager-api",
     "@storybook/nextjs": "file:../../code/frameworks/nextjs",
     "@storybook/preact": "file:../../code/renderers/preact",
     "@storybook/preact-vite": "file:../../code/frameworks/preact-vite",
@@ -58,7 +58,7 @@
     "@storybook/preset-server-webpack": "file:../../code/presets/server-webpack",
     "@storybook/preset-svelte-webpack": "file:../../code/presets/svelte-webpack",
     "@storybook/preset-vue3-webpack": "file:../../code/presets/vue3-webpack",
-    "@storybook/preview-api": "file:../../../code/deprecated/preview-api",
+    "@storybook/preview-api": "file:../../code/deprecated/preview-api",
     "@storybook/react": "file:../../code/renderers/react",
     "@storybook/react-dom-shim": "file:../../code/lib/react-dom-shim",
     "@storybook/react-vite": "file:../../code/frameworks/react-vite",
@@ -71,7 +71,7 @@
     "@storybook/svelte-webpack5": "file:../../code/frameworks/svelte-webpack5",
     "@storybook/sveltekit": "file:../../code/frameworks/sveltekit",
     "@storybook/test": "file:../../code/lib/test",
-    "@storybook/theming": "file:../../../code/deprecated/theming",
+    "@storybook/theming": "file:../../code/deprecated/theming",
     "@storybook/vue3": "file:../../code/renderers/vue3",
     "@storybook/vue3-vite": "file:../../code/frameworks/vue3-vite",
     "@storybook/vue3-webpack5": "file:../../code/frameworks/vue3-webpack5",
diff --git a/test-storybooks/server-kitchen-sink/yarn.lock b/test-storybooks/server-kitchen-sink/yarn.lock
index e69de29bb2d1..2f66f0b09ab6 100644
--- a/test-storybooks/server-kitchen-sink/yarn.lock
+++ b/test-storybooks/server-kitchen-sink/yarn.lock
@@ -0,0 +1,5057 @@
+# This file is generated by running "yarn install" inside your project.
+# Manual changes might be lost - proceed with caution!
+
+__metadata:
+  version: 8
+  cacheKey: 10
+
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.16.7":
+  version: 7.24.7
+  resolution: "@babel/code-frame@npm:7.24.7"
+  dependencies:
+    "@babel/highlight": "npm:^7.24.7"
+    picocolors: "npm:^1.0.0"
+  checksum: 10/4812e94885ba7e3213d49583a155fdffb05292330f0a9b2c41b49288da70cf3c746a3fda0bf1074041a6d741c33f8d7be24be5e96f41ef77395eeddc5c9ff624
+  languageName: node
+  linkType: hard
+
+"@babel/helper-string-parser@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-string-parser@npm:7.24.8"
+  checksum: 10/6d1bf8f27dd725ce02bdc6dffca3c95fb9ab8a06adc2edbd9c1c9d68500274230d1a609025833ed81981eff560045b6b38f7b4c6fb1ab19fc90e5004e3932535
+  languageName: node
+  linkType: hard
+
+"@babel/helper-validator-identifier@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-validator-identifier@npm:7.24.7"
+  checksum: 10/86875063f57361471b531dbc2ea10bbf5406e12b06d249b03827d361db4cad2388c6f00936bcd9dc86479f7e2c69ea21412c2228d4b3672588b754b70a449d4b
+  languageName: node
+  linkType: hard
+
+"@babel/highlight@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/highlight@npm:7.24.7"
+  dependencies:
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    chalk: "npm:^2.4.2"
+    js-tokens: "npm:^4.0.0"
+    picocolors: "npm:^1.0.0"
+  checksum: 10/69b73f38cdd4f881b09b939a711e76646da34f4834f4ce141d7a49a6bb1926eab1c594148970a8aa9360398dff800f63aade4e81fafdd7c8d8a8489ea93bfec1
+  languageName: node
+  linkType: hard
+
+"@babel/parser@npm:^7.6.0, @babel/parser@npm:^7.9.6":
+  version: 7.25.3
+  resolution: "@babel/parser@npm:7.25.3"
+  dependencies:
+    "@babel/types": "npm:^7.25.2"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 10/7bd57e89110bdc9cffe0ef2f2286f1cfb9bbb3aa1d9208c287e0bf6a1eb4cfe6ab33958876ebc59aafcbe3e2381c4449240fc7cc2ff32b79bc9db89cd52fc779
+  languageName: node
+  linkType: hard
+
+"@babel/runtime@npm:^7.17.8, @babel/runtime@npm:^7.21.0":
+  version: 7.25.0
+  resolution: "@babel/runtime@npm:7.25.0"
+  dependencies:
+    regenerator-runtime: "npm:^0.14.0"
+  checksum: 10/6870e9e0e9125075b3aeba49a266f442b10820bfc693019eb6c1785c5a0edbe927e98b8238662cdcdba17842107c040386c3b69f39a0a3b217f9d00ffe685b27
+  languageName: node
+  linkType: hard
+
+"@babel/types@npm:^7.25.2, @babel/types@npm:^7.6.1, @babel/types@npm:^7.9.6":
+  version: 7.25.2
+  resolution: "@babel/types@npm:7.25.2"
+  dependencies:
+    "@babel/helper-string-parser": "npm:^7.24.8"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    to-fast-properties: "npm:^2.0.0"
+  checksum: 10/ccf5399db1dcd6dd87b84a6f7bc8dd241e04a326f4f038c973c26ccb69cd360c8f2276603f584c58fd94da95229313060b27baceb0d9b18a435742d3f616afd1
+  languageName: node
+  linkType: hard
+
+"@esbuild/aix-ppc64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/aix-ppc64@npm:0.23.0"
+  conditions: os=aix & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/android-arm64@npm:0.23.0"
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-arm@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/android-arm@npm:0.23.0"
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/android-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/android-x64@npm:0.23.0"
+  conditions: os=android & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-arm64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/darwin-arm64@npm:0.23.0"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/darwin-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/darwin-x64@npm:0.23.0"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-arm64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/freebsd-arm64@npm:0.23.0"
+  conditions: os=freebsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/freebsd-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/freebsd-x64@npm:0.23.0"
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-arm64@npm:0.23.0"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-arm@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-arm@npm:0.23.0"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ia32@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-ia32@npm:0.23.0"
+  conditions: os=linux & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-loong64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-loong64@npm:0.23.0"
+  conditions: os=linux & cpu=loong64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-mips64el@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-mips64el@npm:0.23.0"
+  conditions: os=linux & cpu=mips64el
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-ppc64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-ppc64@npm:0.23.0"
+  conditions: os=linux & cpu=ppc64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-riscv64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-riscv64@npm:0.23.0"
+  conditions: os=linux & cpu=riscv64
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-s390x@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-s390x@npm:0.23.0"
+  conditions: os=linux & cpu=s390x
+  languageName: node
+  linkType: hard
+
+"@esbuild/linux-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/linux-x64@npm:0.23.0"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/netbsd-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/netbsd-x64@npm:0.23.0"
+  conditions: os=netbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-arm64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/openbsd-arm64@npm:0.23.0"
+  conditions: os=openbsd & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/openbsd-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/openbsd-x64@npm:0.23.0"
+  conditions: os=openbsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/sunos-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/sunos-x64@npm:0.23.0"
+  conditions: os=sunos & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-arm64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/win32-arm64@npm:0.23.0"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-ia32@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/win32-ia32@npm:0.23.0"
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@esbuild/win32-x64@npm:0.23.0":
+  version: 0.23.0
+  resolution: "@esbuild/win32-x64@npm:0.23.0"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@isaacs/cliui@npm:^8.0.2":
+  version: 8.0.2
+  resolution: "@isaacs/cliui@npm:8.0.2"
+  dependencies:
+    string-width: "npm:^5.1.2"
+    string-width-cjs: "npm:string-width@^4.2.0"
+    strip-ansi: "npm:^7.0.1"
+    strip-ansi-cjs: "npm:strip-ansi@^6.0.1"
+    wrap-ansi: "npm:^8.1.0"
+    wrap-ansi-cjs: "npm:wrap-ansi@^7.0.0"
+  checksum: 10/e9ed5fd27c3aec1095e3a16e0c0cf148d1fee55a38665c35f7b3f86a9b5d00d042ddaabc98e8a1cb7463b9378c15f22a94eb35e99469c201453eb8375191f243
+  languageName: node
+  linkType: hard
+
+"@jridgewell/gen-mapping@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "@jridgewell/gen-mapping@npm:0.3.5"
+  dependencies:
+    "@jridgewell/set-array": "npm:^1.2.1"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.10"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10/81587b3c4dd8e6c60252122937cea0c637486311f4ed208b52b62aae2e7a87598f63ec330e6cd0984af494bfb16d3f0d60d3b21d7e5b4aedd2602ff3fe9d32e2
+  languageName: node
+  linkType: hard
+
+"@jridgewell/resolve-uri@npm:^3.1.0":
+  version: 3.1.2
+  resolution: "@jridgewell/resolve-uri@npm:3.1.2"
+  checksum: 10/97106439d750a409c22c8bff822d648f6a71f3aa9bc8e5129efdc36343cd3096ddc4eeb1c62d2fe48e9bdd4db37b05d4646a17114ecebd3bbcacfa2de51c3c1d
+  languageName: node
+  linkType: hard
+
+"@jridgewell/set-array@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@jridgewell/set-array@npm:1.2.1"
+  checksum: 10/832e513a85a588f8ed4f27d1279420d8547743cc37fcad5a5a76fc74bb895b013dfe614d0eed9cb860048e6546b798f8f2652020b4b2ba0561b05caa8c654b10
+  languageName: node
+  linkType: hard
+
+"@jridgewell/source-map@npm:^0.3.3":
+  version: 0.3.6
+  resolution: "@jridgewell/source-map@npm:0.3.6"
+  dependencies:
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+  checksum: 10/0a9aca9320dc9044014ba0ef989b3a8411b0d778895553e3b7ca2ac0a75a20af4a5ad3f202acfb1879fa40466036a4417e1d5b38305baed8b9c1ebe6e4b3e7f5
+  languageName: node
+  linkType: hard
+
+"@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14, @jridgewell/sourcemap-codec@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.0"
+  checksum: 10/4ed6123217569a1484419ac53f6ea0d9f3b57e5b57ab30d7c267bdb27792a27eb0e4b08e84a2680aa55cc2f2b411ffd6ec3db01c44fdc6dc43aca4b55f8374fd
+  languageName: node
+  linkType: hard
+
+"@jridgewell/trace-mapping@npm:^0.3.20, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
+  version: 0.3.25
+  resolution: "@jridgewell/trace-mapping@npm:0.3.25"
+  dependencies:
+    "@jridgewell/resolve-uri": "npm:^3.1.0"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.14"
+  checksum: 10/dced32160a44b49d531b80a4a2159dceab6b3ddf0c8e95a0deae4b0e894b172defa63d5ac52a19c2068e1fe7d31ea4ba931fbeec103233ecb4208953967120fc
+  languageName: node
+  linkType: hard
+
+"@npmcli/agent@npm:^2.0.0":
+  version: 2.2.2
+  resolution: "@npmcli/agent@npm:2.2.2"
+  dependencies:
+    agent-base: "npm:^7.1.0"
+    http-proxy-agent: "npm:^7.0.0"
+    https-proxy-agent: "npm:^7.0.1"
+    lru-cache: "npm:^10.0.1"
+    socks-proxy-agent: "npm:^8.0.3"
+  checksum: 10/96fc0036b101bae5032dc2a4cd832efb815ce9b33f9ee2f29909ee49d96a0026b3565f73c507a69eb8603f5cb32e0ae45a70cab1e2655990a4e06ae99f7f572a
+  languageName: node
+  linkType: hard
+
+"@npmcli/fs@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "@npmcli/fs@npm:3.1.1"
+  dependencies:
+    semver: "npm:^7.3.5"
+  checksum: 10/1e0e04087049b24b38bc0b30d87a9388ee3ca1d3fdfc347c2f77d84fcfe6a51f250bc57ba2c1f614d7e4285c6c62bf8c769bc19aa0949ea39e5b043ee023b0bd
+  languageName: node
+  linkType: hard
+
+"@pkgjs/parseargs@npm:^0.11.0":
+  version: 0.11.0
+  resolution: "@pkgjs/parseargs@npm:0.11.0"
+  checksum: 10/115e8ceeec6bc69dff2048b35c0ab4f8bbee12d8bb6c1f4af758604586d802b6e669dcb02dda61d078de42c2b4ddce41b3d9e726d7daa6b4b850f4adbf7333ff
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-a11y@file:../../code/addons/a11y::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/addon-a11y@file:../../code/addons/a11y#../../code/addons/a11y::hash=4bc479&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/addon-highlight": "workspace:*"
+    axe-core: "npm:^4.2.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/d16d42d0594e38c9ef17a36e7aaf54849b1ed3bd7d8df9cb1bcd70d2775f7e558d64099bcb086177007eced1349f7ce2b9c0323fc5d23f320ab07443daeff2cf
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-actions@file:../../code/addons/actions::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/addon-actions@file:../../code/addons/actions#../../code/addons/actions::hash=dee515&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    "@types/uuid": "npm:^9.0.1"
+    dequal: "npm:^2.0.2"
+    polished: "npm:^4.2.2"
+    uuid: "npm:^9.0.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/b2cce92d06c40de89c00e1157eafd91bfff44c2ac267dd84c608592ae85e12db1a63f559ba4129bb4b1195ac493e1b41f1b39301f0462040a804abdc3a348e27
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-backgrounds@file:../../code/addons/backgrounds::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/addon-backgrounds@file:../../code/addons/backgrounds#../../code/addons/backgrounds::hash=849c07&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+    memoizerific: "npm:^1.11.3"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/5f261d498d9b9662efc000efc77c2b295a23b1654009e581c2a77b8b4d3bcc12f8a52463153c93cd570ff33175805f8087069dd32cb0c937091bb2d084622a32
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-controls@file:../../code/addons/controls::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/addon-controls@file:../../code/addons/controls#../../code/addons/controls::hash=18b082&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    dequal: "npm:^2.0.2"
+    lodash: "npm:^4.17.21"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/d04b44860a239ade7a0b99d948d8415d271599fda2eabdc85df8441905bbf53c347498f8f0cd5c8488434fd77f961093519ea1420967bb308e2b8be594f7c5e2
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-highlight@file:../../code/addons/highlight::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/addon-highlight@file:../../code/addons/highlight#../../code/addons/highlight::hash=de9239&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/global": "npm:^5.0.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/fc9bf4a175cb3988644e5114e0bbcbcbe01f042b39f6e4450274b69c27710b7cc29d527b699aaa220be6314c67cb32c399d8f9c7de66217623dc3377765cf7f7
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-links@file:../../code/addons/links::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/addon-links@file:../../code/addons/links#../../code/addons/links::hash=d1be70&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@storybook/global": "npm:^5.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
+    storybook: "workspace:^"
+  peerDependenciesMeta:
+    react:
+      optional: true
+  checksum: 10/68dc86e712d617a4cece6b3fc614da92456d99b6874ed7dd1c378ea1562024f4a4bcdba337b38bc5ddd423258a1915642df1645f5d36d9d06a8127398d173bbb
+  languageName: node
+  linkType: hard
+
+"@storybook/builder-webpack5@file:../../code/builders/builder-webpack5::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/builder-webpack5@file:../../code/builders/builder-webpack5#../../code/builders/builder-webpack5::hash=b3a336&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/core-webpack": "workspace:*"
+    "@types/node": "npm:^22.0.0"
+    "@types/semver": "npm:^7.3.4"
+    browser-assert: "npm:^1.2.1"
+    case-sensitive-paths-webpack-plugin: "npm:^2.4.0"
+    cjs-module-lexer: "npm:^1.2.3"
+    constants-browserify: "npm:^1.0.0"
+    css-loader: "npm:^6.7.1"
+    es-module-lexer: "npm:^1.5.0"
+    express: "npm:^4.19.2"
+    fork-ts-checker-webpack-plugin: "npm:^8.0.0"
+    fs-extra: "npm:^11.1.0"
+    html-webpack-plugin: "npm:^5.5.0"
+    magic-string: "npm:^0.30.5"
+    path-browserify: "npm:^1.0.1"
+    process: "npm:^0.11.10"
+    semver: "npm:^7.3.7"
+    style-loader: "npm:^3.3.1"
+    terser-webpack-plugin: "npm:^5.3.1"
+    ts-dedent: "npm:^2.0.0"
+    url: "npm:^0.11.0"
+    util: "npm:^0.12.4"
+    util-deprecate: "npm:^1.0.2"
+    webpack: "npm:5"
+    webpack-dev-middleware: "npm:^6.1.2"
+    webpack-hot-middleware: "npm:^2.25.1"
+    webpack-virtual-modules: "npm:^0.6.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/11c8c703f097b855a5fcb342d77bedbbae590a9f0947a72cdf403d9588871de37c2404e2b426bf3084d93ba365185ae4bd6d3ffa7730d1da498057c964593f75
+  languageName: node
+  linkType: hard
+
+"@storybook/components@file:../../code/deprecated/components::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/components@file:../../code/deprecated/components#../../code/deprecated/components::hash=c014ab&locator=server-kitchen-sink%40workspace%3A."
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/36c8930a558a5f1d7d2aa946ae2325f71be720b9e59799b519fcbe9deedb95eaed34f290a8a5dc3419dc4c24c67c575fc30c24b8be561c744ca8d5b4c9a49d90
+  languageName: node
+  linkType: hard
+
+"@storybook/core-webpack@file:../../code/lib/core-webpack::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/core-webpack@file:../../code/lib/core-webpack#../../code/lib/core-webpack::hash=0587cb&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@types/node": "npm:^22.0.0"
+    ts-dedent: "npm:^2.0.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/da39f9308d497cc386f112fc4d8fa5efd96d00211417a5592396229246e89814bf3685ccf48906dcecdb284c0741efa250ea32e9d0f03b37d2837afa018de8d9
+  languageName: node
+  linkType: hard
+
+"@storybook/core@file:../../code/core::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/core@file:../../code/core#../../code/core::hash=d6b724&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/csf": "npm:^0.1.11"
+    "@types/express": "npm:^4.17.21"
+    browser-assert: "npm:^1.2.1"
+    esbuild: "npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0"
+    esbuild-register: "npm:^3.5.0"
+    express: "npm:^4.19.2"
+    process: "npm:^0.11.10"
+    recast: "npm:^0.23.5"
+    semver: "npm:^7.6.2"
+    ws: "npm:^8.2.3"
+  checksum: 10/ccf9cd3e40a9a9cfb384274f29c7db42f0ed372bc25b0a3ed0f33b48d0f8be1e9ee361742865459a78d3387493e7ddd7813b4badcc50977ddef034f2464f9558
+  languageName: node
+  linkType: hard
+
+"@storybook/csf@npm:^0.1.11":
+  version: 0.1.11
+  resolution: "@storybook/csf@npm:0.1.11"
+  dependencies:
+    type-fest: "npm:^2.19.0"
+  checksum: 10/f6eeefe3b92ab206676587da9e22a775da026c055999681580d2ca23c98185736f965adc79039a0ae97ea625f0fbc7915cd4559e5db24229a4805784d0b78584
+  languageName: node
+  linkType: hard
+
+"@storybook/global@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "@storybook/global@npm:5.0.0"
+  checksum: 10/0e7b495f4fe7f36447e793926f1c0460ec07fd66f0da68e3150da5878f6043c9eeb9b41614a45c5ec0d48d5d383c59ca8f88b6dc7882a2a784ac9b20375d8edb
+  languageName: node
+  linkType: hard
+
+"@storybook/manager-api@file:../../code/deprecated/manager-api::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/manager-api@file:../../code/deprecated/manager-api#../../code/deprecated/manager-api::hash=3dcc05&locator=server-kitchen-sink%40workspace%3A."
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/1ab2bd169fd50b3c740fbb12fb6966d067b9ef0f6ae79fa6c95279af77b0634bde86468f2714c32f4cf728a4448d5f0c30c21d23daaf05d3b856f9f9a9632072
+  languageName: node
+  linkType: hard
+
+"@storybook/preset-server-webpack@file:../../code/presets/server-webpack::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/preset-server-webpack@file:../../code/presets/server-webpack#../../code/presets/server-webpack::hash=ba85e8&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/core-webpack": "workspace:*"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/server": "workspace:*"
+    "@types/node": "npm:^22.0.0"
+    safe-identifier: "npm:^0.4.1"
+    ts-dedent: "npm:^2.0.0"
+    yaml-loader: "npm:^0.8.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/cd23fc90fc1ac87eaf1cbf08113e819d6d7aadb6f4467dfbdc0625d66d50ee85f133e9d4607721ee87bfcf3eda42c4d5a41ca1316b805f3eed7e606edd6ee1fb
+  languageName: node
+  linkType: hard
+
+"@storybook/preview-api@file:../../code/deprecated/preview-api::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/preview-api@file:../../code/deprecated/preview-api#../../code/deprecated/preview-api::hash=0b32b1&locator=server-kitchen-sink%40workspace%3A."
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/d8b1033459e2c080cc4c76da4f297ec4060bc5d18d40a3b6963ac67cf8929b7f1262e1bb45d3b77287f2523a47a049a62b08346c0c04e537831e525f2661734e
+  languageName: node
+  linkType: hard
+
+"@storybook/server-webpack5@file:../../code/frameworks/server-webpack5::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/server-webpack5@file:../../code/frameworks/server-webpack5#../../code/frameworks/server-webpack5::hash=8ff0d5&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/builder-webpack5": "workspace:*"
+    "@storybook/preset-server-webpack": "workspace:*"
+    "@storybook/server": "workspace:*"
+    "@types/node": "npm:^22.0.0"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/38f323cbcbfa47fdaa3ab7535ce0154b0f55647250e92e9f988e7c3e314b29424d206bfdf5bc2c48f156850a3bf5335f2cd472195bf7de67df9dbc30d158147c
+  languageName: node
+  linkType: hard
+
+"@storybook/server@file:../../code/renderers/server::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/server@file:../../code/renderers/server#../../code/renderers/server::hash=425ea3&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/components": "workspace:^"
+    "@storybook/csf": "npm:^0.1.11"
+    "@storybook/global": "npm:^5.0.0"
+    "@storybook/manager-api": "workspace:^"
+    "@storybook/preview-api": "workspace:^"
+    "@storybook/theming": "workspace:^"
+    "@types/fs-extra": "npm:^11.0.1"
+    fs-extra: "npm:^11.1.0"
+    ts-dedent: "npm:^2.0.0"
+    yaml: "npm:^2.3.1"
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/633d971ee220da955df6da986ea4b5aa185522d27dc6f9c5adb562b5f679ba06301d6765b938431d1578e964d8417fc6738fa04393b02ed06ab6b97b20de87a0
+  languageName: node
+  linkType: hard
+
+"@storybook/theming@file:../../code/deprecated/theming::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "@storybook/theming@file:../../code/deprecated/theming#../../code/deprecated/theming::hash=93802b&locator=server-kitchen-sink%40workspace%3A."
+  peerDependencies:
+    storybook: "workspace:^"
+  checksum: 10/04765a8cffc4ffeda8975f7ee8b6eee061136f901a4c2ad7dd62ea449ed5f741d60603f363a97991852952f936924589b947b5b2ffdd4015df41f50b1ff5869e
+  languageName: node
+  linkType: hard
+
+"@types/body-parser@npm:*":
+  version: 1.19.5
+  resolution: "@types/body-parser@npm:1.19.5"
+  dependencies:
+    "@types/connect": "npm:*"
+    "@types/node": "npm:*"
+  checksum: 10/1e251118c4b2f61029cc43b0dc028495f2d1957fe8ee49a707fb940f86a9bd2f9754230805598278fe99958b49e9b7e66eec8ef6a50ab5c1f6b93e1ba2aaba82
+  languageName: node
+  linkType: hard
+
+"@types/connect@npm:*":
+  version: 3.4.38
+  resolution: "@types/connect@npm:3.4.38"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/7eb1bc5342a9604facd57598a6c62621e244822442976c443efb84ff745246b10d06e8b309b6e80130026a396f19bf6793b7cecd7380169f369dac3bfc46fb99
+  languageName: node
+  linkType: hard
+
+"@types/eslint-scope@npm:^3.7.3":
+  version: 3.7.7
+  resolution: "@types/eslint-scope@npm:3.7.7"
+  dependencies:
+    "@types/eslint": "npm:*"
+    "@types/estree": "npm:*"
+  checksum: 10/e2889a124aaab0b89af1bab5959847c5bec09809209255de0e63b9f54c629a94781daa04adb66bffcdd742f5e25a17614fb933965093c0eea64aacda4309380e
+  languageName: node
+  linkType: hard
+
+"@types/eslint@npm:*":
+  version: 9.6.0
+  resolution: "@types/eslint@npm:9.6.0"
+  dependencies:
+    "@types/estree": "npm:*"
+    "@types/json-schema": "npm:*"
+  checksum: 10/39fc797c671ec9c9184802b4974748cf45ee1b11d7aaaaede44426abcafd07ec7c18eb090e8f5b3387b51637ce3fdf54499472d8dd58a928f0d005cbacb573b4
+  languageName: node
+  linkType: hard
+
+"@types/estree@npm:*, @types/estree@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@types/estree@npm:1.0.5"
+  checksum: 10/7de6d928dd4010b0e20c6919e1a6c27b61f8d4567befa89252055fad503d587ecb9a1e3eab1b1901f923964d7019796db810b7fd6430acb26c32866d126fd408
+  languageName: node
+  linkType: hard
+
+"@types/express-serve-static-core@npm:^4.17.33":
+  version: 4.19.5
+  resolution: "@types/express-serve-static-core@npm:4.19.5"
+  dependencies:
+    "@types/node": "npm:*"
+    "@types/qs": "npm:*"
+    "@types/range-parser": "npm:*"
+    "@types/send": "npm:*"
+  checksum: 10/49350c6315eeb7d640e13e6138ba6005121b3b610b1e25746fccd5b86b559be810a4ba384b9bd7eee288975b5bd8cf67c1772c646254b812beaa488774eb5513
+  languageName: node
+  linkType: hard
+
+"@types/express@npm:^4.17.21":
+  version: 4.17.21
+  resolution: "@types/express@npm:4.17.21"
+  dependencies:
+    "@types/body-parser": "npm:*"
+    "@types/express-serve-static-core": "npm:^4.17.33"
+    "@types/qs": "npm:*"
+    "@types/serve-static": "npm:*"
+  checksum: 10/7a6d26cf6f43d3151caf4fec66ea11c9d23166e4f3102edfe45a94170654a54ea08cf3103d26b3928d7ebcc24162c90488e33986b7e3a5f8941225edd5eb18c7
+  languageName: node
+  linkType: hard
+
+"@types/fs-extra@npm:^11.0.1":
+  version: 11.0.4
+  resolution: "@types/fs-extra@npm:11.0.4"
+  dependencies:
+    "@types/jsonfile": "npm:*"
+    "@types/node": "npm:*"
+  checksum: 10/acc4c1eb0cde7b1f23f3fe6eb080a14832d8fa9dc1761aa444c5e2f0f6b6fa657ed46ebae32fb580a6700fc921b6165ce8ac3e3ba030c3dd15f10ad4dd4cae98
+  languageName: node
+  linkType: hard
+
+"@types/html-minifier-terser@npm:^6.0.0":
+  version: 6.1.0
+  resolution: "@types/html-minifier-terser@npm:6.1.0"
+  checksum: 10/06bb3e1e8ebff43602c826d67f53f1fd3a6b9c751bfbc67d7ea4e85679446a639e20e60adad8c9d44ab4baf1337b3861b91e7e5e2be798575caf0cc1a5712552
+  languageName: node
+  linkType: hard
+
+"@types/http-errors@npm:*":
+  version: 2.0.4
+  resolution: "@types/http-errors@npm:2.0.4"
+  checksum: 10/1f3d7c3b32c7524811a45690881736b3ef741bf9849ae03d32ad1ab7062608454b150a4e7f1351f83d26a418b2d65af9bdc06198f1c079d75578282884c4e8e3
+  languageName: node
+  linkType: hard
+
+"@types/json-schema@npm:*, @types/json-schema@npm:^7.0.8, @types/json-schema@npm:^7.0.9":
+  version: 7.0.15
+  resolution: "@types/json-schema@npm:7.0.15"
+  checksum: 10/1a3c3e06236e4c4aab89499c428d585527ce50c24fe8259e8b3926d3df4cfbbbcf306cfc73ddfb66cbafc973116efd15967020b0f738f63e09e64c7d260519e7
+  languageName: node
+  linkType: hard
+
+"@types/jsonfile@npm:*":
+  version: 6.1.4
+  resolution: "@types/jsonfile@npm:6.1.4"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/309fda20eb5f1cf68f2df28931afdf189c5e7e6bec64ac783ce737bb98908d57f6f58757ad5da9be37b815645a6f914e2d4f3ac66c574b8fe1ba6616284d0e97
+  languageName: node
+  linkType: hard
+
+"@types/mime@npm:^1":
+  version: 1.3.5
+  resolution: "@types/mime@npm:1.3.5"
+  checksum: 10/e29a5f9c4776f5229d84e525b7cd7dd960b51c30a0fb9a028c0821790b82fca9f672dab56561e2acd9e8eed51d431bde52eafdfef30f643586c4162f1aecfc78
+  languageName: node
+  linkType: hard
+
+"@types/node@npm:*, @types/node@npm:^22.0.0":
+  version: 22.1.0
+  resolution: "@types/node@npm:22.1.0"
+  dependencies:
+    undici-types: "npm:~6.13.0"
+  checksum: 10/c2ac1340509646b6c673b27fae2a46e501a97e540e7221be4dd2e0be7a0f61efefb5bf3be8bedf2dbce245fa49cfc49bba77bce73fa3c4296d0d19521ced3222
+  languageName: node
+  linkType: hard
+
+"@types/parse-json@npm:^4.0.0":
+  version: 4.0.2
+  resolution: "@types/parse-json@npm:4.0.2"
+  checksum: 10/5bf62eec37c332ad10059252fc0dab7e7da730764869c980b0714777ad3d065e490627be9f40fc52f238ffa3ac4199b19de4127196910576c2fe34dd47c7a470
+  languageName: node
+  linkType: hard
+
+"@types/qs@npm:*":
+  version: 6.9.15
+  resolution: "@types/qs@npm:6.9.15"
+  checksum: 10/97d8208c2b82013b618e7a9fc14df6bd40a73e1385ac479b6896bafc7949a46201c15f42afd06e86a05e914f146f495f606b6fb65610cc60cf2e0ff743ec38a2
+  languageName: node
+  linkType: hard
+
+"@types/range-parser@npm:*":
+  version: 1.2.7
+  resolution: "@types/range-parser@npm:1.2.7"
+  checksum: 10/95640233b689dfbd85b8c6ee268812a732cf36d5affead89e806fe30da9a430767af8ef2cd661024fd97e19d61f3dec75af2df5e80ec3bea000019ab7028629a
+  languageName: node
+  linkType: hard
+
+"@types/semver@npm:^7.3.4":
+  version: 7.5.8
+  resolution: "@types/semver@npm:7.5.8"
+  checksum: 10/3496808818ddb36deabfe4974fd343a78101fa242c4690044ccdc3b95dcf8785b494f5d628f2f47f38a702f8db9c53c67f47d7818f2be1b79f2efb09692e1178
+  languageName: node
+  linkType: hard
+
+"@types/send@npm:*":
+  version: 0.17.4
+  resolution: "@types/send@npm:0.17.4"
+  dependencies:
+    "@types/mime": "npm:^1"
+    "@types/node": "npm:*"
+  checksum: 10/28320a2aa1eb704f7d96a65272a07c0bf3ae7ed5509c2c96ea5e33238980f71deeed51d3631927a77d5250e4091b3e66bce53b42d770873282c6a20bb8b0280d
+  languageName: node
+  linkType: hard
+
+"@types/serve-static@npm:*":
+  version: 1.15.7
+  resolution: "@types/serve-static@npm:1.15.7"
+  dependencies:
+    "@types/http-errors": "npm:*"
+    "@types/node": "npm:*"
+    "@types/send": "npm:*"
+  checksum: 10/c5a7171d5647f9fbd096ed1a26105759f3153ccf683824d99fee4c7eb9cde2953509621c56a070dd9fb1159e799e86d300cbe4e42245ebc5b0c1767e8ca94a67
+  languageName: node
+  linkType: hard
+
+"@types/uuid@npm:^9.0.1":
+  version: 9.0.8
+  resolution: "@types/uuid@npm:9.0.8"
+  checksum: 10/b8c60b7ba8250356b5088302583d1704a4e1a13558d143c549c408bf8920535602ffc12394ede77f8a8083511b023704bc66d1345792714002bfa261b17c5275
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/ast@npm:1.12.1, @webassemblyjs/ast@npm:^1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/ast@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/helper-numbers": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+  checksum: 10/a775b0559437ae122d14fec0cfe59fdcaf5ca2d8ff48254014fd05d6797e20401e0f1518e628f9b06819aa085834a2534234977f9608b3f2e51f94b6e8b0bc43
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/floating-point-hex-parser@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/floating-point-hex-parser@npm:1.11.6"
+  checksum: 10/29b08758841fd8b299c7152eda36b9eb4921e9c584eb4594437b5cd90ed6b920523606eae7316175f89c20628da14326801090167cc7fbffc77af448ac84b7e2
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-api-error@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/helper-api-error@npm:1.11.6"
+  checksum: 10/e8563df85161096343008f9161adb138a6e8f3c2cc338d6a36011aa55eabb32f2fd138ffe63bc278d009ada001cc41d263dadd1c0be01be6c2ed99076103689f
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-buffer@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/helper-buffer@npm:1.12.1"
+  checksum: 10/1d8705daa41f4d22ef7c6d422af4c530b84d69d0c253c6db5adec44d511d7caa66837803db5b1addcea611a1498fd5a67d2cf318b057a916283ae41ffb85ba8a
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-numbers@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/helper-numbers@npm:1.11.6"
+  dependencies:
+    "@webassemblyjs/floating-point-hex-parser": "npm:1.11.6"
+    "@webassemblyjs/helper-api-error": "npm:1.11.6"
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/9ffd258ad809402688a490fdef1fd02222f20cdfe191c895ac215a331343292164e5033dbc0347f0f76f2447865c0b5c2d2e3304ee948d44f7aa27857028fd08
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-wasm-bytecode@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/helper-wasm-bytecode@npm:1.11.6"
+  checksum: 10/4ebf03e9c1941288c10e94e0f813f413f972bfaa1f09be2cc2e5577f300430906b61aa24d52f5ef2f894e8e24e61c6f7c39871d7e3d98bc69460e1b8e00bb20b
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/helper-wasm-section@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/helper-wasm-section@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.12.1"
+    "@webassemblyjs/helper-buffer": "npm:1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/wasm-gen": "npm:1.12.1"
+  checksum: 10/e91e6b28114e35321934070a2db8973a08a5cd9c30500b817214c683bbf5269ed4324366dd93ad83bf2fba0d671ac8f39df1c142bf58f70c57a827eeba4a3d2f
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/ieee754@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/ieee754@npm:1.11.6"
+  dependencies:
+    "@xtuc/ieee754": "npm:^1.2.0"
+  checksum: 10/13574b8e41f6ca39b700e292d7edf102577db5650fe8add7066a320aa4b7a7c09a5056feccac7a74eb68c10dea9546d4461412af351f13f6b24b5f32379b49de
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/leb128@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/leb128@npm:1.11.6"
+  dependencies:
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/ec3b72db0e7ce7908fe08ec24395bfc97db486063824c0edc580f0973a4cfbadf30529569d9c7db663a56513e45b94299cca03be9e1992ea3308bb0744164f3d
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/utf8@npm:1.11.6":
+  version: 1.11.6
+  resolution: "@webassemblyjs/utf8@npm:1.11.6"
+  checksum: 10/361a537bd604101b320a5604c3c96d1038d83166f1b9fb86cedadc7e81bae54c3785ae5d90bf5b1842f7da08194ccaf0f44a64fcca0cbbd6afe1a166196986d6
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-edit@npm:^1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-edit@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.12.1"
+    "@webassemblyjs/helper-buffer": "npm:1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-section": "npm:1.12.1"
+    "@webassemblyjs/wasm-gen": "npm:1.12.1"
+    "@webassemblyjs/wasm-opt": "npm:1.12.1"
+    "@webassemblyjs/wasm-parser": "npm:1.12.1"
+    "@webassemblyjs/wast-printer": "npm:1.12.1"
+  checksum: 10/5678ae02dbebba2f3a344e25928ea5a26a0df777166c9be77a467bfde7aca7f4b57ef95587e4bd768a402cdf2fddc4c56f0a599d164cdd9fe313520e39e18137
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-gen@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-gen@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.12.1"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/ieee754": "npm:1.11.6"
+    "@webassemblyjs/leb128": "npm:1.11.6"
+    "@webassemblyjs/utf8": "npm:1.11.6"
+  checksum: 10/ec45bd50e86bc9856f80fe9af4bc1ae5c98fb85f57023d11dff2b670da240c47a7b1b9b6c89755890314212bd167cf3adae7f1157216ddffb739a4ce589fc338
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-opt@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-opt@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.12.1"
+    "@webassemblyjs/helper-buffer": "npm:1.12.1"
+    "@webassemblyjs/wasm-gen": "npm:1.12.1"
+    "@webassemblyjs/wasm-parser": "npm:1.12.1"
+  checksum: 10/21f25ae109012c49bb084e09f3b67679510429adc3e2408ad3621b2b505379d9cce337799a7919ef44db64e0d136833216914aea16b0d4856f353b9778e0cdb7
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wasm-parser@npm:1.12.1, @webassemblyjs/wasm-parser@npm:^1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wasm-parser@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.12.1"
+    "@webassemblyjs/helper-api-error": "npm:1.11.6"
+    "@webassemblyjs/helper-wasm-bytecode": "npm:1.11.6"
+    "@webassemblyjs/ieee754": "npm:1.11.6"
+    "@webassemblyjs/leb128": "npm:1.11.6"
+    "@webassemblyjs/utf8": "npm:1.11.6"
+  checksum: 10/f7311685b76c3e1def2abea3488be1e77f06ecd8633143a6c5c943ca289660952b73785231bb76a010055ca64645227a4bc79705c26ab7536216891b6bb36320
+  languageName: node
+  linkType: hard
+
+"@webassemblyjs/wast-printer@npm:1.12.1":
+  version: 1.12.1
+  resolution: "@webassemblyjs/wast-printer@npm:1.12.1"
+  dependencies:
+    "@webassemblyjs/ast": "npm:1.12.1"
+    "@xtuc/long": "npm:4.2.2"
+  checksum: 10/1a6a4b6bc4234f2b5adbab0cb11a24911b03380eb1cab6fb27a2250174a279fdc6aa2f5a9cf62dd1f6d4eb39f778f488e8ff15b9deb0670dee5c5077d46cf572
+  languageName: node
+  linkType: hard
+
+"@xtuc/ieee754@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@xtuc/ieee754@npm:1.2.0"
+  checksum: 10/ab033b032927d77e2f9fa67accdf31b1ca7440974c21c9cfabc8349e10ca2817646171c4f23be98d0e31896d6c2c3462a074fe37752e523abc3e45c79254259c
+  languageName: node
+  linkType: hard
+
+"@xtuc/long@npm:4.2.2":
+  version: 4.2.2
+  resolution: "@xtuc/long@npm:4.2.2"
+  checksum: 10/7217bae9fe240e0d804969e7b2af11cb04ec608837c78b56ca88831991b287e232a0b7fce8d548beaff42aaf0197ffa471d81be6ac4c4e53b0148025a2c076ec
+  languageName: node
+  linkType: hard
+
+"abbrev@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "abbrev@npm:2.0.0"
+  checksum: 10/ca0a54e35bea4ece0ecb68a47b312e1a9a6f772408d5bcb9051230aaa94b0460671c5b5c9cb3240eb5b7bc94c52476550eb221f65a0bbd0145bdc9f3113a6707
+  languageName: node
+  linkType: hard
+
+"accepts@npm:~1.3.8":
+  version: 1.3.8
+  resolution: "accepts@npm:1.3.8"
+  dependencies:
+    mime-types: "npm:~2.1.34"
+    negotiator: "npm:0.6.3"
+  checksum: 10/67eaaa90e2917c58418e7a9b89392002d2b1ccd69bcca4799135d0c632f3b082f23f4ae4ddeedbced5aa59bcc7bdf4699c69ebed4593696c922462b7bc5744d6
+  languageName: node
+  linkType: hard
+
+"acorn-import-attributes@npm:^1.9.5":
+  version: 1.9.5
+  resolution: "acorn-import-attributes@npm:1.9.5"
+  peerDependencies:
+    acorn: ^8
+  checksum: 10/8bfbfbb6e2467b9b47abb4d095df717ab64fce2525da65eabee073e85e7975fb3a176b6c8bba17c99a7d8ede283a10a590272304eb54a93c4aa1af9790d47a8b
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^7.1.1":
+  version: 7.4.1
+  resolution: "acorn@npm:7.4.1"
+  bin:
+    acorn: bin/acorn
+  checksum: 10/8be2a40714756d713dfb62544128adce3b7102c6eb94bc312af196c2cc4af76e5b93079bd66b05e9ca31b35a9b0ce12171d16bc55f366cafdb794fdab9d753ec
+  languageName: node
+  linkType: hard
+
+"acorn@npm:^8.7.1, acorn@npm:^8.8.2":
+  version: 8.12.1
+  resolution: "acorn@npm:8.12.1"
+  bin:
+    acorn: bin/acorn
+  checksum: 10/d08c2d122bba32d0861e0aa840b2ee25946c286d5dc5990abca991baf8cdbfbe199b05aacb221b979411a2fea36f83e26b5ac4f6b4e0ce49038c62316c1848f0
+  languageName: node
+  linkType: hard
+
+"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0, agent-base@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "agent-base@npm:7.1.1"
+  dependencies:
+    debug: "npm:^4.3.4"
+  checksum: 10/c478fec8f79953f118704d007a38f2a185458853f5c45579b9669372bd0e12602e88dc2ad0233077831504f7cd6fcc8251c383375bba5eaaf563b102938bda26
+  languageName: node
+  linkType: hard
+
+"aggregate-error@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "aggregate-error@npm:3.1.0"
+  dependencies:
+    clean-stack: "npm:^2.0.0"
+    indent-string: "npm:^4.0.0"
+  checksum: 10/1101a33f21baa27a2fa8e04b698271e64616b886795fd43c31068c07533c7b3facfcaf4e9e0cab3624bd88f729a592f1c901a1a229c9e490eafce411a8644b79
+  languageName: node
+  linkType: hard
+
+"ajv-formats@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "ajv-formats@npm:2.1.1"
+  dependencies:
+    ajv: "npm:^8.0.0"
+  peerDependencies:
+    ajv: ^8.0.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10/70c263ded219bf277ffd9127f793b625f10a46113b2e901e150da41931fcfd7f5592da6d66862f4449bb157ffe65867c3294a7df1d661cc232c4163d5a1718ed
+  languageName: node
+  linkType: hard
+
+"ajv-keywords@npm:^3.5.2":
+  version: 3.5.2
+  resolution: "ajv-keywords@npm:3.5.2"
+  peerDependencies:
+    ajv: ^6.9.1
+  checksum: 10/d57c9d5bf8849bddcbd801b79bc3d2ddc736c2adb6b93a6a365429589dd7993ddbd5d37c6025ed6a7f89c27506b80131d5345c5b1fa6a97e40cd10a96bcd228c
+  languageName: node
+  linkType: hard
+
+"ajv-keywords@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "ajv-keywords@npm:5.1.0"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+  peerDependencies:
+    ajv: ^8.8.2
+  checksum: 10/5021f96ab7ddd03a4005326bd06f45f448ebfbb0fe7018b1b70b6c28142fa68372bda2057359814b83fd0b2d4c8726c297f0a7557b15377be7b56ce5344533d8
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^6.12.5":
+  version: 6.12.6
+  resolution: "ajv@npm:6.12.6"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.1"
+    fast-json-stable-stringify: "npm:^2.0.0"
+    json-schema-traverse: "npm:^0.4.1"
+    uri-js: "npm:^4.2.2"
+  checksum: 10/48d6ad21138d12eb4d16d878d630079a2bda25a04e745c07846a4ad768319533031e28872a9b3c5790fa1ec41aabdf2abed30a56e5a03ebc2cf92184b8ee306c
+  languageName: node
+  linkType: hard
+
+"ajv@npm:^8.0.0, ajv@npm:^8.9.0":
+  version: 8.17.1
+  resolution: "ajv@npm:8.17.1"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+    fast-uri: "npm:^3.0.1"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+  checksum: 10/ee3c62162c953e91986c838f004132b6a253d700f1e51253b99791e2dbfdb39161bc950ebdc2f156f8568035bb5ed8be7bd78289cd9ecbf3381fe8f5b82e3f33
+  languageName: node
+  linkType: hard
+
+"ansi-html-community@npm:0.0.8":
+  version: 0.0.8
+  resolution: "ansi-html-community@npm:0.0.8"
+  bin:
+    ansi-html: bin/ansi-html
+  checksum: 10/08df3696720edacd001a8d53b197bb5728242c55484680117dab9f7633a6320e961a939bddd88ee5c71d4a64f3ddb49444d1c694bd0668adbb3f95ba114f2386
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^4.1.0":
+  version: 4.1.1
+  resolution: "ansi-regex@npm:4.1.1"
+  checksum: 10/b1a6ee44cb6ecdabaa770b2ed500542714d4395d71c7e5c25baa631f680fb2ad322eb9ba697548d498a6fd366949fc8b5bfcf48d49a32803611f648005b01888
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "ansi-regex@npm:5.0.1"
+  checksum: 10/2aa4bb54caf2d622f1afdad09441695af2a83aa3fe8b8afa581d205e57ed4261c183c4d3877cee25794443fde5876417d859c108078ab788d6af7e4fe52eb66b
+  languageName: node
+  linkType: hard
+
+"ansi-regex@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "ansi-regex@npm:6.0.1"
+  checksum: 10/1ff8b7667cded1de4fa2c9ae283e979fc87036864317da86a2e546725f96406746411d0d85e87a2d12fa5abd715d90006de7fa4fa0477c92321ad3b4c7d4e169
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^3.2.0, ansi-styles@npm:^3.2.1":
+  version: 3.2.1
+  resolution: "ansi-styles@npm:3.2.1"
+  dependencies:
+    color-convert: "npm:^1.9.0"
+  checksum: 10/d85ade01c10e5dd77b6c89f34ed7531da5830d2cb5882c645f330079975b716438cd7ebb81d0d6e6b4f9c577f19ae41ab55f07f19786b02f9dfd9e0377395665
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^4.0.0, ansi-styles@npm:^4.1.0":
+  version: 4.3.0
+  resolution: "ansi-styles@npm:4.3.0"
+  dependencies:
+    color-convert: "npm:^2.0.1"
+  checksum: 10/b4494dfbfc7e4591b4711a396bd27e540f8153914123dccb4cdbbcb514015ada63a3809f362b9d8d4f6b17a706f1d7bea3c6f974b15fa5ae76b5b502070889ff
+  languageName: node
+  linkType: hard
+
+"ansi-styles@npm:^6.1.0":
+  version: 6.2.1
+  resolution: "ansi-styles@npm:6.2.1"
+  checksum: 10/70fdf883b704d17a5dfc9cde206e698c16bcd74e7f196ab821511651aee4f9f76c9514bdfa6ca3a27b5e49138b89cb222a28caf3afe4567570139577f991df32
+  languageName: node
+  linkType: hard
+
+"anymatch@npm:~3.1.2":
+  version: 3.1.3
+  resolution: "anymatch@npm:3.1.3"
+  dependencies:
+    normalize-path: "npm:^3.0.0"
+    picomatch: "npm:^2.0.4"
+  checksum: 10/3e044fd6d1d26545f235a9fe4d7a534e2029d8e59fa7fd9f2a6eb21230f6b5380ea1eaf55136e60cbf8e613544b3b766e7a6fa2102e2a3a117505466e3025dc2
+  languageName: node
+  linkType: hard
+
+"array-flatten@npm:1.1.1":
+  version: 1.1.1
+  resolution: "array-flatten@npm:1.1.1"
+  checksum: 10/e13c9d247241be82f8b4ec71d035ed7204baa82fae820d4db6948d30d3c4a9f2b3905eb2eec2b937d4aa3565200bd3a1c500480114cff649fa748747d2a50feb
+  languageName: node
+  linkType: hard
+
+"asap@npm:~2.0.3":
+  version: 2.0.6
+  resolution: "asap@npm:2.0.6"
+  checksum: 10/b244c0458c571945e4b3be0b14eb001bea5596f9868cc50cc711dc03d58a7e953517d3f0dad81ccde3ff37d1f074701fa76a6f07d41aaa992d7204a37b915dda
+  languageName: node
+  linkType: hard
+
+"assert-never@npm:^1.2.1":
+  version: 1.3.0
+  resolution: "assert-never@npm:1.3.0"
+  checksum: 10/7ba7b06433bb4155ed0e7e6be4c65dbf4b0221441beb761d6c418d5ac9e3bdd1f6db9c5eeffb895eaf31a388e21f23b2a4f99af3194f54c2ea0e93edab8a3d8c
+  languageName: node
+  linkType: hard
+
+"ast-types@npm:^0.16.1":
+  version: 0.16.1
+  resolution: "ast-types@npm:0.16.1"
+  dependencies:
+    tslib: "npm:^2.0.1"
+  checksum: 10/f569b475eb1c8cb93888cb6e7b7e36dc43fa19a77e4eb132cbff6e3eb1598ca60f850db6e60b070e5a0ee8c1559fca921dac0916e576f2f104e198793b0bdd8d
+  languageName: node
+  linkType: hard
+
+"available-typed-arrays@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "available-typed-arrays@npm:1.0.7"
+  dependencies:
+    possible-typed-array-names: "npm:^1.0.0"
+  checksum: 10/6c9da3a66caddd83c875010a1ca8ef11eac02ba15fb592dc9418b2b5e7b77b645fa7729380a92d9835c2f05f2ca1b6251f39b993e0feb3f1517c74fa1af02cab
+  languageName: node
+  linkType: hard
+
+"axe-core@npm:^4.2.0":
+  version: 4.10.0
+  resolution: "axe-core@npm:4.10.0"
+  checksum: 10/6158489a7a704edc98bd30ed56243b8280c5203c60e095a2feb5bff95d9bf2ef10becfe359b1cbc8601338418999c26cf4eee704181dedbcb487f4d63a06d8d5
+  languageName: node
+  linkType: hard
+
+"babel-walk@npm:3.0.0-canary-5":
+  version: 3.0.0-canary-5
+  resolution: "babel-walk@npm:3.0.0-canary-5"
+  dependencies:
+    "@babel/types": "npm:^7.9.6"
+  checksum: 10/f4cea17303b33266fa97be471df9917d386bb5cd2756ae4c4725b3f105b9d630789818be202de06afa546e94810add61d614aa5eeb16e2a3027636cbafac2c1a
+  languageName: node
+  linkType: hard
+
+"balanced-match@npm:^1.0.0":
+  version: 1.0.2
+  resolution: "balanced-match@npm:1.0.2"
+  checksum: 10/9706c088a283058a8a99e0bf91b0a2f75497f185980d9ffa8b304de1d9e58ebda7c72c07ebf01dadedaac5b2907b2c6f566f660d62bd336c3468e960403b9d65
+  languageName: node
+  linkType: hard
+
+"basic-auth@npm:~2.0.1":
+  version: 2.0.1
+  resolution: "basic-auth@npm:2.0.1"
+  dependencies:
+    safe-buffer: "npm:5.1.2"
+  checksum: 10/3419b805d5dfc518f3a05dcf42aa53aa9ce820e50b6df5097f9e186322e1bc733c36722b624802cd37e791035aa73b828ed814d8362333d42d7f5cd04d7a5e48
+  languageName: node
+  linkType: hard
+
+"big.js@npm:^5.2.2":
+  version: 5.2.2
+  resolution: "big.js@npm:5.2.2"
+  checksum: 10/c04416aeb084f4aa1c5857722439c327cc0ada9bd99ab80b650e3f30e2e4f1b92a04527ed1e7df8ffcd7c0ea311745a04af12d53e2f091bf09a06f1292003827
+  languageName: node
+  linkType: hard
+
+"binary-extensions@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "binary-extensions@npm:2.3.0"
+  checksum: 10/bcad01494e8a9283abf18c1b967af65ee79b0c6a9e6fcfafebfe91dbe6e0fc7272bafb73389e198b310516ae04f7ad17d79aacf6cb4c0d5d5202a7e2e52c7d98
+  languageName: node
+  linkType: hard
+
+"body-parser@npm:1.20.2":
+  version: 1.20.2
+  resolution: "body-parser@npm:1.20.2"
+  dependencies:
+    bytes: "npm:3.1.2"
+    content-type: "npm:~1.0.5"
+    debug: "npm:2.6.9"
+    depd: "npm:2.0.0"
+    destroy: "npm:1.2.0"
+    http-errors: "npm:2.0.0"
+    iconv-lite: "npm:0.4.24"
+    on-finished: "npm:2.4.1"
+    qs: "npm:6.11.0"
+    raw-body: "npm:2.5.2"
+    type-is: "npm:~1.6.18"
+    unpipe: "npm:1.0.0"
+  checksum: 10/3cf171b82190cf91495c262b073e425fc0d9e25cc2bf4540d43f7e7bbca27d6a9eae65ca367b6ef3993eea261159d9d2ab37ce444e8979323952e12eb3df319a
+  languageName: node
+  linkType: hard
+
+"boolbase@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "boolbase@npm:1.0.0"
+  checksum: 10/3e25c80ef626c3a3487c73dbfc70ac322ec830666c9ad915d11b701142fab25ec1e63eff2c450c74347acfd2de854ccde865cd79ef4db1683f7c7b046ea43bb0
+  languageName: node
+  linkType: hard
+
+"brace-expansion@npm:^1.1.7":
+  version: 1.1.11
+  resolution: "brace-expansion@npm:1.1.11"
+  dependencies:
+    balanced-match: "npm:^1.0.0"
+    concat-map: "npm:0.0.1"
+  checksum: 10/faf34a7bb0c3fcf4b59c7808bc5d2a96a40988addf2e7e09dfbb67a2251800e0d14cd2bfc1aa79174f2f5095c54ff27f46fb1289fe2d77dac755b5eb3434cc07
+  languageName: node
+  linkType: hard
+
+"brace-expansion@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "brace-expansion@npm:2.0.1"
+  dependencies:
+    balanced-match: "npm:^1.0.0"
+  checksum: 10/a61e7cd2e8a8505e9f0036b3b6108ba5e926b4b55089eeb5550cd04a471fe216c96d4fe7e4c7f995c728c554ae20ddfc4244cad10aef255e72b62930afd233d1
+  languageName: node
+  linkType: hard
+
+"braces@npm:~3.0.2":
+  version: 3.0.3
+  resolution: "braces@npm:3.0.3"
+  dependencies:
+    fill-range: "npm:^7.1.1"
+  checksum: 10/fad11a0d4697a27162840b02b1fad249c1683cbc510cd5bf1a471f2f8085c046d41094308c577a50a03a579dd99d5a6b3724c4b5e8b14df2c4443844cfcda2c6
+  languageName: node
+  linkType: hard
+
+"browser-assert@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "browser-assert@npm:1.2.1"
+  checksum: 10/8b2407cd04c1ed592cf892dec35942b7d72635829221e0788c9a16c4d2afa8b7156bc9705b1c4b32c30d88136c576fda3cbcb8f494d6f865264c706ea8798d92
+  languageName: node
+  linkType: hard
+
+"browserslist@npm:^4.21.10":
+  version: 4.23.3
+  resolution: "browserslist@npm:4.23.3"
+  dependencies:
+    caniuse-lite: "npm:^1.0.30001646"
+    electron-to-chromium: "npm:^1.5.4"
+    node-releases: "npm:^2.0.18"
+    update-browserslist-db: "npm:^1.1.0"
+  bin:
+    browserslist: cli.js
+  checksum: 10/e266d18c6c6c5becf9a1a7aa264477677b9796387972e8fce34854bb33dc1666194dc28389780e5dc6566e68a95e87ece2ce222e1c4ca93c2b75b61dfebd5f1c
+  languageName: node
+  linkType: hard
+
+"buffer-from@npm:^1.0.0":
+  version: 1.1.2
+  resolution: "buffer-from@npm:1.1.2"
+  checksum: 10/0448524a562b37d4d7ed9efd91685a5b77a50672c556ea254ac9a6d30e3403a517d8981f10e565db24e8339413b43c97ca2951f10e399c6125a0d8911f5679bb
+  languageName: node
+  linkType: hard
+
+"bytes@npm:3.1.2":
+  version: 3.1.2
+  resolution: "bytes@npm:3.1.2"
+  checksum: 10/a10abf2ba70c784471d6b4f58778c0beeb2b5d405148e66affa91f23a9f13d07603d0a0354667310ae1d6dc141474ffd44e2a074be0f6e2254edb8fc21445388
+  languageName: node
+  linkType: hard
+
+"cacache@npm:^18.0.0":
+  version: 18.0.4
+  resolution: "cacache@npm:18.0.4"
+  dependencies:
+    "@npmcli/fs": "npm:^3.1.0"
+    fs-minipass: "npm:^3.0.0"
+    glob: "npm:^10.2.2"
+    lru-cache: "npm:^10.0.1"
+    minipass: "npm:^7.0.3"
+    minipass-collect: "npm:^2.0.1"
+    minipass-flush: "npm:^1.0.5"
+    minipass-pipeline: "npm:^1.2.4"
+    p-map: "npm:^4.0.0"
+    ssri: "npm:^10.0.0"
+    tar: "npm:^6.1.11"
+    unique-filename: "npm:^3.0.0"
+  checksum: 10/ca2f7b2d3003f84d362da9580b5561058ccaecd46cba661cbcff0375c90734b610520d46b472a339fd032d91597ad6ed12dde8af81571197f3c9772b5d35b104
+  languageName: node
+  linkType: hard
+
+"call-bind@npm:^1.0.2, call-bind@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "call-bind@npm:1.0.7"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    set-function-length: "npm:^1.2.1"
+  checksum: 10/cd6fe658e007af80985da5185bff7b55e12ef4c2b6f41829a26ed1eef254b1f1c12e3dfd5b2b068c6ba8b86aba62390842d81752e67dcbaec4f6f76e7113b6b7
+  languageName: node
+  linkType: hard
+
+"callsites@npm:^3.0.0":
+  version: 3.1.0
+  resolution: "callsites@npm:3.1.0"
+  checksum: 10/072d17b6abb459c2ba96598918b55868af677154bec7e73d222ef95a8fdb9bbf7dae96a8421085cdad8cd190d86653b5b6dc55a4484f2e5b2e27d5e0c3fc15b3
+  languageName: node
+  linkType: hard
+
+"camel-case@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "camel-case@npm:4.1.2"
+  dependencies:
+    pascal-case: "npm:^3.1.2"
+    tslib: "npm:^2.0.3"
+  checksum: 10/bcbd25cd253b3cbc69be3f535750137dbf2beb70f093bdc575f73f800acc8443d34fd52ab8f0a2413c34f1e8203139ffc88428d8863e4dfe530cfb257a379ad6
+  languageName: node
+  linkType: hard
+
+"camelcase@npm:^5.0.0":
+  version: 5.3.1
+  resolution: "camelcase@npm:5.3.1"
+  checksum: 10/e6effce26b9404e3c0f301498184f243811c30dfe6d0b9051863bd8e4034d09c8c2923794f280d6827e5aa055f6c434115ff97864a16a963366fb35fd673024b
+  languageName: node
+  linkType: hard
+
+"caniuse-lite@npm:^1.0.30001646":
+  version: 1.0.30001651
+  resolution: "caniuse-lite@npm:1.0.30001651"
+  checksum: 10/fe4857b2a91a9cb77993eec9622de68bea0df17c31cb9584ca5c562f64bb3b8fda316d898aa3b1ee3ee9f7d80f6bf13c42acb09d9a56a1a6c64afaf7381472fa
+  languageName: node
+  linkType: hard
+
+"case-sensitive-paths-webpack-plugin@npm:^2.4.0":
+  version: 2.4.0
+  resolution: "case-sensitive-paths-webpack-plugin@npm:2.4.0"
+  checksum: 10/8187f4a6d9c1342a62e76466d4f2ed53e6c0ea73fdbf7779751538f2abe49738bfd16b43592367f00f37fdd593accf92162c1043c016dd6d9ccb55180b6b5fa7
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^2.4.2":
+  version: 2.4.2
+  resolution: "chalk@npm:2.4.2"
+  dependencies:
+    ansi-styles: "npm:^3.2.1"
+    escape-string-regexp: "npm:^1.0.5"
+    supports-color: "npm:^5.3.0"
+  checksum: 10/3d1d103433166f6bfe82ac75724951b33769675252d8417317363ef9d54699b7c3b2d46671b772b893a8e50c3ece70c4b933c73c01e81bc60ea4df9b55afa303
+  languageName: node
+  linkType: hard
+
+"chalk@npm:^4.1.2":
+  version: 4.1.2
+  resolution: "chalk@npm:4.1.2"
+  dependencies:
+    ansi-styles: "npm:^4.1.0"
+    supports-color: "npm:^7.1.0"
+  checksum: 10/cb3f3e594913d63b1814d7ca7c9bafbf895f75fbf93b92991980610dfd7b48500af4e3a5d4e3a8f337990a96b168d7eb84ee55efdce965e2ee8efc20f8c8f139
+  languageName: node
+  linkType: hard
+
+"character-parser@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "character-parser@npm:2.2.0"
+  dependencies:
+    is-regex: "npm:^1.0.3"
+  checksum: 10/5980ddc776a133ba7a264aaec77ab9dd883aa9ff45bb335bfa93ae26b8e7360e60b2c97119f85cc4d2203829c9977df7c6ba6612354b1dfc9ef41d84fde03002
+  languageName: node
+  linkType: hard
+
+"chokidar@npm:^3.5.2, chokidar@npm:^3.5.3":
+  version: 3.6.0
+  resolution: "chokidar@npm:3.6.0"
+  dependencies:
+    anymatch: "npm:~3.1.2"
+    braces: "npm:~3.0.2"
+    fsevents: "npm:~2.3.2"
+    glob-parent: "npm:~5.1.2"
+    is-binary-path: "npm:~2.1.0"
+    is-glob: "npm:~4.0.1"
+    normalize-path: "npm:~3.0.0"
+    readdirp: "npm:~3.6.0"
+  dependenciesMeta:
+    fsevents:
+      optional: true
+  checksum: 10/c327fb07704443f8d15f7b4a7ce93b2f0bc0e6cea07ec28a7570aa22cd51fcf0379df589403976ea956c369f25aa82d84561947e227cd925902e1751371658df
+  languageName: node
+  linkType: hard
+
+"chownr@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "chownr@npm:2.0.0"
+  checksum: 10/c57cf9dd0791e2f18a5ee9c1a299ae6e801ff58fee96dc8bfd0dcb4738a6ce58dd252a3605b1c93c6418fe4f9d5093b28ffbf4d66648cb2a9c67eaef9679be2f
+  languageName: node
+  linkType: hard
+
+"chrome-trace-event@npm:^1.0.2":
+  version: 1.0.4
+  resolution: "chrome-trace-event@npm:1.0.4"
+  checksum: 10/1762bed739774903bf5915fe3045c3120fc3c7f7d929d88e566447ea38944937a6370ccb687278318c43c24f837ad22dac780bed67c066336815557b8cf558c6
+  languageName: node
+  linkType: hard
+
+"cjs-module-lexer@npm:^1.2.3":
+  version: 1.3.1
+  resolution: "cjs-module-lexer@npm:1.3.1"
+  checksum: 10/6629188d5ce74b57e5dce2222db851b5496a8d65b533a05957fb24089a3cec8d769378013c375a954c5a0f7522cde6a36d5a65bfd88f5575cb2de3176046fa8e
+  languageName: node
+  linkType: hard
+
+"clean-css@npm:^5.2.2":
+  version: 5.3.3
+  resolution: "clean-css@npm:5.3.3"
+  dependencies:
+    source-map: "npm:~0.6.0"
+  checksum: 10/2db1ae37b384c8ff0a06a12bfa80f56cc02b4abcaaf340db98c0ae88a61dd67c856653fd8135ace6eb0ec13aeab3089c425d2e4238d2a2ad6b6917e6ccc74729
+  languageName: node
+  linkType: hard
+
+"clean-stack@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "clean-stack@npm:2.2.0"
+  checksum: 10/2ac8cd2b2f5ec986a3c743935ec85b07bc174d5421a5efc8017e1f146a1cf5f781ae962618f416352103b32c9cd7e203276e8c28241bbe946160cab16149fb68
+  languageName: node
+  linkType: hard
+
+"cliui@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "cliui@npm:5.0.0"
+  dependencies:
+    string-width: "npm:^3.1.0"
+    strip-ansi: "npm:^5.2.0"
+    wrap-ansi: "npm:^5.1.0"
+  checksum: 10/381264fcc3c8316b77b378ce5471ff9a1974d1f6217e0be8f4f09788482b3e6f7c0894eb21e0a86eab4ce0c68426653a407226dd51997306cb87f734776f5fdc
+  languageName: node
+  linkType: hard
+
+"color-convert@npm:^1.9.0":
+  version: 1.9.3
+  resolution: "color-convert@npm:1.9.3"
+  dependencies:
+    color-name: "npm:1.1.3"
+  checksum: 10/ffa319025045f2973919d155f25e7c00d08836b6b33ea2d205418c59bd63a665d713c52d9737a9e0fe467fb194b40fbef1d849bae80d674568ee220a31ef3d10
+  languageName: node
+  linkType: hard
+
+"color-convert@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "color-convert@npm:2.0.1"
+  dependencies:
+    color-name: "npm:~1.1.4"
+  checksum: 10/fa00c91b4332b294de06b443923246bccebe9fab1b253f7fe1772d37b06a2269b4039a85e309abe1fe11b267b11c08d1d0473fda3badd6167f57313af2887a64
+  languageName: node
+  linkType: hard
+
+"color-name@npm:1.1.3":
+  version: 1.1.3
+  resolution: "color-name@npm:1.1.3"
+  checksum: 10/09c5d3e33d2105850153b14466501f2bfb30324a2f76568a408763a3b7433b0e50e5b4ab1947868e65cb101bb7cb75029553f2c333b6d4b8138a73fcc133d69d
+  languageName: node
+  linkType: hard
+
+"color-name@npm:~1.1.4":
+  version: 1.1.4
+  resolution: "color-name@npm:1.1.4"
+  checksum: 10/b0445859521eb4021cd0fb0cc1a75cecf67fceecae89b63f62b201cca8d345baf8b952c966862a9d9a2632987d4f6581f0ec8d957dfacece86f0a7919316f610
+  languageName: node
+  linkType: hard
+
+"colorette@npm:^2.0.10":
+  version: 2.0.20
+  resolution: "colorette@npm:2.0.20"
+  checksum: 10/0b8de48bfa5d10afc160b8eaa2b9938f34a892530b2f7d7897e0458d9535a066e3998b49da9d21161c78225b272df19ae3a64d6df28b4c9734c0e55bbd02406f
+  languageName: node
+  linkType: hard
+
+"commander@npm:^2.20.0":
+  version: 2.20.3
+  resolution: "commander@npm:2.20.3"
+  checksum: 10/90c5b6898610cd075984c58c4f88418a4fb44af08c1b1415e9854c03171bec31b336b7f3e4cefe33de994b3f12b03c5e2d638da4316df83593b9e82554e7e95b
+  languageName: node
+  linkType: hard
+
+"commander@npm:^8.3.0":
+  version: 8.3.0
+  resolution: "commander@npm:8.3.0"
+  checksum: 10/6b7b5d334483ce24bd73c5dac2eab901a7dbb25fd983ea24a1eeac6e7166bb1967f641546e8abf1920afbde86a45fbfe5812fbc69d0dc451bb45ca416a12a3a3
+  languageName: node
+  linkType: hard
+
+"concat-map@npm:0.0.1":
+  version: 0.0.1
+  resolution: "concat-map@npm:0.0.1"
+  checksum: 10/9680699c8e2b3af0ae22592cb764acaf973f292a7b71b8a06720233011853a58e256c89216a10cbe889727532fd77f8bcd49a760cedfde271b8e006c20e079f2
+  languageName: node
+  linkType: hard
+
+"concurrently@npm:^5.3.0":
+  version: 5.3.0
+  resolution: "concurrently@npm:5.3.0"
+  dependencies:
+    chalk: "npm:^2.4.2"
+    date-fns: "npm:^2.0.1"
+    lodash: "npm:^4.17.15"
+    read-pkg: "npm:^4.0.1"
+    rxjs: "npm:^6.5.2"
+    spawn-command: "npm:^0.0.2-1"
+    supports-color: "npm:^6.1.0"
+    tree-kill: "npm:^1.2.2"
+    yargs: "npm:^13.3.0"
+  bin:
+    concurrently: bin/concurrently.js
+  checksum: 10/7972d6862449ac6c9ccffbde109e8dc8bdabd8ca04414ff08b2f6569fd9cf8f008b81ac350b67b0b1c4daa447715ce04c2fa4b3f848fc12234bc7ef232d537e1
+  languageName: node
+  linkType: hard
+
+"constantinople@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "constantinople@npm:4.0.1"
+  dependencies:
+    "@babel/parser": "npm:^7.6.0"
+    "@babel/types": "npm:^7.6.1"
+  checksum: 10/15fc9bec82711f275e35581fe97a7e7b8d30441745955023570f258bbf876f4bf3de84faa6e7a663a3048565d9cc58bde65d300f74d090faec6afe07913d584f
+  languageName: node
+  linkType: hard
+
+"constants-browserify@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "constants-browserify@npm:1.0.0"
+  checksum: 10/49ef0babd907616dddde6905b80fe44ad5948e1eaaf6cf65d5f23a8c60c029ff63a1198c364665be1d6b2cb183d7e12921f33049cc126734ade84a3cfdbc83f6
+  languageName: node
+  linkType: hard
+
+"content-disposition@npm:0.5.4":
+  version: 0.5.4
+  resolution: "content-disposition@npm:0.5.4"
+  dependencies:
+    safe-buffer: "npm:5.2.1"
+  checksum: 10/b7f4ce176e324f19324be69b05bf6f6e411160ac94bc523b782248129eb1ef3be006f6cff431aaea5e337fe5d176ce8830b8c2a1b721626ead8933f0cbe78720
+  languageName: node
+  linkType: hard
+
+"content-type@npm:~1.0.4, content-type@npm:~1.0.5":
+  version: 1.0.5
+  resolution: "content-type@npm:1.0.5"
+  checksum: 10/585847d98dc7fb8035c02ae2cb76c7a9bd7b25f84c447e5ed55c45c2175e83617c8813871b4ee22f368126af6b2b167df655829007b21aa10302873ea9c62662
+  languageName: node
+  linkType: hard
+
+"cookie-signature@npm:1.0.6":
+  version: 1.0.6
+  resolution: "cookie-signature@npm:1.0.6"
+  checksum: 10/f4e1b0a98a27a0e6e66fd7ea4e4e9d8e038f624058371bf4499cfcd8f3980be9a121486995202ba3fca74fbed93a407d6d54d43a43f96fd28d0bd7a06761591a
+  languageName: node
+  linkType: hard
+
+"cookie@npm:0.6.0":
+  version: 0.6.0
+  resolution: "cookie@npm:0.6.0"
+  checksum: 10/c1f8f2ea7d443b9331680598b0ae4e6af18a618c37606d1bbdc75bec8361cce09fe93e727059a673f2ba24467131a9fb5a4eec76bb1b149c1b3e1ccb268dc583
+  languageName: node
+  linkType: hard
+
+"cors@npm:^2.8.5":
+  version: 2.8.5
+  resolution: "cors@npm:2.8.5"
+  dependencies:
+    object-assign: "npm:^4"
+    vary: "npm:^1"
+  checksum: 10/66e88e08edee7cbce9d92b4d28a2028c88772a4c73e02f143ed8ca76789f9b59444eed6b1c167139e76fa662998c151322720093ba229f9941365ada5a6fc2c6
+  languageName: node
+  linkType: hard
+
+"cosmiconfig@npm:^7.0.1":
+  version: 7.1.0
+  resolution: "cosmiconfig@npm:7.1.0"
+  dependencies:
+    "@types/parse-json": "npm:^4.0.0"
+    import-fresh: "npm:^3.2.1"
+    parse-json: "npm:^5.0.0"
+    path-type: "npm:^4.0.0"
+    yaml: "npm:^1.10.0"
+  checksum: 10/03600bb3870c80ed151b7b706b99a1f6d78df8f4bdad9c95485072ea13358ef294b13dd99f9e7bf4cc0b43bcd3599d40df7e648750d21c2f6817ca2cd687e071
+  languageName: node
+  linkType: hard
+
+"cross-spawn@npm:^7.0.0":
+  version: 7.0.3
+  resolution: "cross-spawn@npm:7.0.3"
+  dependencies:
+    path-key: "npm:^3.1.0"
+    shebang-command: "npm:^2.0.0"
+    which: "npm:^2.0.1"
+  checksum: 10/e1a13869d2f57d974de0d9ef7acbf69dc6937db20b918525a01dacb5032129bd552d290d886d981e99f1b624cb03657084cc87bd40f115c07ecf376821c729ce
+  languageName: node
+  linkType: hard
+
+"css-loader@npm:^6.7.1":
+  version: 6.11.0
+  resolution: "css-loader@npm:6.11.0"
+  dependencies:
+    icss-utils: "npm:^5.1.0"
+    postcss: "npm:^8.4.33"
+    postcss-modules-extract-imports: "npm:^3.1.0"
+    postcss-modules-local-by-default: "npm:^4.0.5"
+    postcss-modules-scope: "npm:^3.2.0"
+    postcss-modules-values: "npm:^4.0.0"
+    postcss-value-parser: "npm:^4.2.0"
+    semver: "npm:^7.5.4"
+  peerDependencies:
+    "@rspack/core": 0.x || 1.x
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/9e3665509f6786d46683de5c5f5c4bdd4aa62396b4017b41dbbb41ea5ada4012c80ee1e3302b79b504bc24da7fa69e3552d99006cecc953e0d9eef4a3053b929
+  languageName: node
+  linkType: hard
+
+"css-select@npm:^4.1.3":
+  version: 4.3.0
+  resolution: "css-select@npm:4.3.0"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+    css-what: "npm:^6.0.1"
+    domhandler: "npm:^4.3.1"
+    domutils: "npm:^2.8.0"
+    nth-check: "npm:^2.0.1"
+  checksum: 10/8f7310c9af30ccaba8f72cb4a54d32232c53bf9ba05d019b693e16bfd7ba5df0affc1f4d74b1ee55923643d23b80a837eedcf60938c53356e479b04049ff9994
+  languageName: node
+  linkType: hard
+
+"css-what@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "css-what@npm:6.1.0"
+  checksum: 10/c67a3a2d0d81843af87f8bf0a4d0845b0f952377714abbb2884e48942409d57a2110eabee003609d02ee487b054614bdfcfc59ee265728ff105bd5aa221c1d0e
+  languageName: node
+  linkType: hard
+
+"cssesc@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "cssesc@npm:3.0.0"
+  bin:
+    cssesc: bin/cssesc
+  checksum: 10/0e161912c1306861d8f46e1883be1cbc8b1b2879f0f509287c0db71796e4ddfb97ac96bdfca38f77f452e2c10554e1bb5678c99b07a5cf947a12778f73e47e12
+  languageName: node
+  linkType: hard
+
+"date-fns@npm:^2.0.1":
+  version: 2.30.0
+  resolution: "date-fns@npm:2.30.0"
+  dependencies:
+    "@babel/runtime": "npm:^7.21.0"
+  checksum: 10/70b3e8ea7aaaaeaa2cd80bd889622a4bcb5d8028b4de9162cbcda359db06e16ff6e9309e54eead5341e71031818497f19aaf9839c87d1aba1e27bb4796e758a9
+  languageName: node
+  linkType: hard
+
+"debug@npm:2.6.9":
+  version: 2.6.9
+  resolution: "debug@npm:2.6.9"
+  dependencies:
+    ms: "npm:2.0.0"
+  checksum: 10/e07005f2b40e04f1bd14a3dd20520e9c4f25f60224cb006ce9d6781732c917964e9ec029fc7f1a151083cd929025ad5133814d4dc624a9aaf020effe4914ed14
+  languageName: node
+  linkType: hard
+
+"debug@npm:4, debug@npm:^4.3.4":
+  version: 4.3.6
+  resolution: "debug@npm:4.3.6"
+  dependencies:
+    ms: "npm:2.1.2"
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 10/d3adb9af7d57a9e809a68f404490cf776122acca16e6359a2702c0f462e510e91f9765c07f707b8ab0d91e03bad57328f3256f5082631cefb5393d0394d50fb7
+  languageName: node
+  linkType: hard
+
+"debug@npm:^3.2.7":
+  version: 3.2.7
+  resolution: "debug@npm:3.2.7"
+  dependencies:
+    ms: "npm:^2.1.1"
+  checksum: 10/d86fd7be2b85462297ea16f1934dc219335e802f629ca9a69b63ed8ed041dda492389bb2ee039217c02e5b54792b1c51aa96ae954cf28634d363a2360c7a1639
+  languageName: node
+  linkType: hard
+
+"decamelize@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "decamelize@npm:1.2.0"
+  checksum: 10/ad8c51a7e7e0720c70ec2eeb1163b66da03e7616d7b98c9ef43cce2416395e84c1e9548dd94f5f6ffecfee9f8b94251fc57121a8b021f2ff2469b2bae247b8aa
+  languageName: node
+  linkType: hard
+
+"deepmerge@npm:^4.2.2":
+  version: 4.3.1
+  resolution: "deepmerge@npm:4.3.1"
+  checksum: 10/058d9e1b0ff1a154468bf3837aea436abcfea1ba1d165ddaaf48ca93765fdd01a30d33c36173da8fbbed951dd0a267602bc782fe288b0fc4b7e1e7091afc4529
+  languageName: node
+  linkType: hard
+
+"define-data-property@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "define-data-property@npm:1.1.4"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    gopd: "npm:^1.0.1"
+  checksum: 10/abdcb2505d80a53524ba871273e5da75e77e52af9e15b3aa65d8aad82b8a3a424dad7aee2cc0b71470ac7acf501e08defac362e8b6a73cdb4309f028061df4ae
+  languageName: node
+  linkType: hard
+
+"depd@npm:2.0.0, depd@npm:~2.0.0":
+  version: 2.0.0
+  resolution: "depd@npm:2.0.0"
+  checksum: 10/c0c8ff36079ce5ada64f46cc9d6fd47ebcf38241105b6e0c98f412e8ad91f084bcf906ff644cc3a4bd876ca27a62accb8b0fff72ea6ed1a414b89d8506f4a5ca
+  languageName: node
+  linkType: hard
+
+"dequal@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "dequal@npm:2.0.3"
+  checksum: 10/6ff05a7561f33603df87c45e389c9ac0a95e3c056be3da1a0c4702149e3a7f6fe5ffbb294478687ba51a9e95f3a60e8b6b9005993acd79c292c7d15f71964b6b
+  languageName: node
+  linkType: hard
+
+"destroy@npm:1.2.0":
+  version: 1.2.0
+  resolution: "destroy@npm:1.2.0"
+  checksum: 10/0acb300b7478a08b92d810ab229d5afe0d2f4399272045ab22affa0d99dbaf12637659411530a6fcd597a9bdac718fc94373a61a95b4651bbc7b83684a565e38
+  languageName: node
+  linkType: hard
+
+"doctypes@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "doctypes@npm:1.1.0"
+  checksum: 10/6e6c2d1a80f2072dc4831994c914c44455e341c5ab18c16797368a0afd59d7c22f3335805ba2c1dd2931e9539d1ba8b613b7650dc63f6ab56b77b8d888055de8
+  languageName: node
+  linkType: hard
+
+"dom-converter@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "dom-converter@npm:0.2.0"
+  dependencies:
+    utila: "npm:~0.4"
+  checksum: 10/71b22f56bce6255a963694a72860a99f08763cf500f02ff38ce4c7489f95b07e7a0069f10b04c7d200e21375474abe01232833ca1600f104bdee7173e493a5b9
+  languageName: node
+  linkType: hard
+
+"dom-serializer@npm:^1.0.1":
+  version: 1.4.1
+  resolution: "dom-serializer@npm:1.4.1"
+  dependencies:
+    domelementtype: "npm:^2.0.1"
+    domhandler: "npm:^4.2.0"
+    entities: "npm:^2.0.0"
+  checksum: 10/53b217bcfed4a0f90dd47f34f239b1c81fff53ffa39d164d722325817fdb554903b145c2d12c8421ce0df7d31c1b180caf7eacd3c86391dd925f803df8027dcc
+  languageName: node
+  linkType: hard
+
+"domelementtype@npm:^2.0.1, domelementtype@npm:^2.2.0":
+  version: 2.3.0
+  resolution: "domelementtype@npm:2.3.0"
+  checksum: 10/ee837a318ff702622f383409d1f5b25dd1024b692ef64d3096ff702e26339f8e345820f29a68bcdcea8cfee3531776b3382651232fbeae95612d6f0a75efb4f6
+  languageName: node
+  linkType: hard
+
+"domhandler@npm:^4.0.0, domhandler@npm:^4.2.0, domhandler@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "domhandler@npm:4.3.1"
+  dependencies:
+    domelementtype: "npm:^2.2.0"
+  checksum: 10/e0d2af7403997a3ca040a9ace4a233b75ebe321e0ef628b417e46d619d65d47781b2f2038b6c2ef6e56e73e66aec99caf6a12c7e687ecff18ef74af6dfbde5de
+  languageName: node
+  linkType: hard
+
+"domutils@npm:^2.5.2, domutils@npm:^2.8.0":
+  version: 2.8.0
+  resolution: "domutils@npm:2.8.0"
+  dependencies:
+    dom-serializer: "npm:^1.0.1"
+    domelementtype: "npm:^2.2.0"
+    domhandler: "npm:^4.2.0"
+  checksum: 10/1f316a03f00b09a8893d4a25d297d5cbffd02c564509dede28ef72d5ce38d93f6d61f1de88d439f31b14a1d9b42f587ed711b9e8b1b4d3bf6001399832bfc4e0
+  languageName: node
+  linkType: hard
+
+"dot-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "dot-case@npm:3.0.4"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/a65e3519414856df0228b9f645332f974f2bf5433370f544a681122eab59e66038fc3349b4be1cdc47152779dac71a5864f1ccda2f745e767c46e9c6543b1169
+  languageName: node
+  linkType: hard
+
+"eastasianwidth@npm:^0.2.0":
+  version: 0.2.0
+  resolution: "eastasianwidth@npm:0.2.0"
+  checksum: 10/9b1d3e1baefeaf7d70799db8774149cef33b97183a6addceeba0cf6b85ba23ee2686f302f14482006df32df75d32b17c509c143a3689627929e4a8efaf483952
+  languageName: node
+  linkType: hard
+
+"ee-first@npm:1.1.1":
+  version: 1.1.1
+  resolution: "ee-first@npm:1.1.1"
+  checksum: 10/1b4cac778d64ce3b582a7e26b218afe07e207a0f9bfe13cc7395a6d307849cfe361e65033c3251e00c27dd060cab43014c2d6b2647676135e18b77d2d05b3f4f
+  languageName: node
+  linkType: hard
+
+"electron-to-chromium@npm:^1.5.4":
+  version: 1.5.5
+  resolution: "electron-to-chromium@npm:1.5.5"
+  checksum: 10/0ca1cb9f16a4a7173b189cc8df29f88f7351056d2e429a4e7c1c7f9ac2edffc0aa43b7fb77d8495d0f0d661a33eda5cfe46679ebee6faf3343013ce63aed59a8
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^7.0.1":
+  version: 7.0.3
+  resolution: "emoji-regex@npm:7.0.3"
+  checksum: 10/9159b2228b1511f2870ac5920f394c7e041715429a68459ebe531601555f11ea782a8e1718f969df2711d38c66268174407cbca57ce36485544f695c2dfdc96e
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "emoji-regex@npm:8.0.0"
+  checksum: 10/c72d67a6821be15ec11997877c437491c313d924306b8da5d87d2a2bcc2cec9903cb5b04ee1a088460501d8e5b44f10df82fdc93c444101a7610b80c8b6938e1
+  languageName: node
+  linkType: hard
+
+"emoji-regex@npm:^9.2.2":
+  version: 9.2.2
+  resolution: "emoji-regex@npm:9.2.2"
+  checksum: 10/915acf859cea7131dac1b2b5c9c8e35c4849e325a1d114c30adb8cd615970f6dca0e27f64f3a4949d7d6ed86ecd79a1c5c63f02e697513cddd7b5835c90948b8
+  languageName: node
+  linkType: hard
+
+"emojis-list@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "emojis-list@npm:3.0.0"
+  checksum: 10/114f47d6d45612621497d2b1556c8f142c35332a591780a54e863e42d281e72d6c7d7c419f2e419319d4eb7f6ebf1db82d9744905d90f275db20d06a763b5e19
+  languageName: node
+  linkType: hard
+
+"encodeurl@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "encodeurl@npm:1.0.2"
+  checksum: 10/e50e3d508cdd9c4565ba72d2012e65038e5d71bdc9198cb125beb6237b5b1ade6c0d343998da9e170fb2eae52c1bed37d4d6d98a46ea423a0cddbed5ac3f780c
+  languageName: node
+  linkType: hard
+
+"encoding@npm:^0.1.13":
+  version: 0.1.13
+  resolution: "encoding@npm:0.1.13"
+  dependencies:
+    iconv-lite: "npm:^0.6.2"
+  checksum: 10/bb98632f8ffa823996e508ce6a58ffcf5856330fde839ae42c9e1f436cc3b5cc651d4aeae72222916545428e54fd0f6aa8862fd8d25bdbcc4589f1e3f3715e7f
+  languageName: node
+  linkType: hard
+
+"enhanced-resolve@npm:^5.17.0":
+  version: 5.17.1
+  resolution: "enhanced-resolve@npm:5.17.1"
+  dependencies:
+    graceful-fs: "npm:^4.2.4"
+    tapable: "npm:^2.2.0"
+  checksum: 10/e8e03cb7a4bf3c0250a89afbd29e5ec20e90ba5fcd026066232a0754864d7d0a393fa6fc0e5379314a6529165a1834b36731147080714459d98924520410d8f5
+  languageName: node
+  linkType: hard
+
+"entities@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "entities@npm:2.2.0"
+  checksum: 10/2c765221ee324dbe25e1b8ca5d1bf2a4d39e750548f2e85cbf7ca1d167d709689ddf1796623e66666ae747364c11ed512c03b48c5bbe70968d30f2a4009509b7
+  languageName: node
+  linkType: hard
+
+"env-paths@npm:^2.2.0":
+  version: 2.2.1
+  resolution: "env-paths@npm:2.2.1"
+  checksum: 10/65b5df55a8bab92229ab2b40dad3b387fad24613263d103a97f91c9fe43ceb21965cd3392b1ccb5d77088021e525c4e0481adb309625d0cb94ade1d1fb8dc17e
+  languageName: node
+  linkType: hard
+
+"err-code@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "err-code@npm:2.0.3"
+  checksum: 10/1d20d825cdcce8d811bfbe86340f4755c02655a7feb2f13f8c880566d9d72a3f6c92c192a6867632e490d6da67b678271f46e01044996a6443e870331100dfdd
+  languageName: node
+  linkType: hard
+
+"error-ex@npm:^1.3.1":
+  version: 1.3.2
+  resolution: "error-ex@npm:1.3.2"
+  dependencies:
+    is-arrayish: "npm:^0.2.1"
+  checksum: 10/d547740aa29c34e753fb6fed2c5de81802438529c12b3673bd37b6bb1fe49b9b7abdc3c11e6062fe625d8a296b3cf769a80f878865e25e685f787763eede3ffb
+  languageName: node
+  linkType: hard
+
+"es-define-property@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-define-property@npm:1.0.0"
+  dependencies:
+    get-intrinsic: "npm:^1.2.4"
+  checksum: 10/f66ece0a887b6dca71848fa71f70461357c0e4e7249696f81bad0a1f347eed7b31262af4a29f5d726dc026426f085483b6b90301855e647aa8e21936f07293c6
+  languageName: node
+  linkType: hard
+
+"es-errors@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-errors@npm:1.3.0"
+  checksum: 10/96e65d640156f91b707517e8cdc454dd7d47c32833aa3e85d79f24f9eb7ea85f39b63e36216ef0114996581969b59fe609a94e30316b08f5f4df1d44134cf8d5
+  languageName: node
+  linkType: hard
+
+"es-module-lexer@npm:^1.2.1, es-module-lexer@npm:^1.5.0":
+  version: 1.5.4
+  resolution: "es-module-lexer@npm:1.5.4"
+  checksum: 10/f29c7c97a58eb17640dcbd71bd6ef754ad4f58f95c3073894573d29dae2cad43ecd2060d97ed5b866dfb7804d5590fb7de1d2c5339a5fceae8bd60b580387fc5
+  languageName: node
+  linkType: hard
+
+"esbuild-register@npm:^3.5.0":
+  version: 3.6.0
+  resolution: "esbuild-register@npm:3.6.0"
+  dependencies:
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    esbuild: ">=0.12 <1"
+  checksum: 10/4ae1a016e3dad5b53c3d68cf07e31d8c1cec1a0b584038ece726097ac80bd33ab48fb224c766c9b341c04793837e652461eaca9327a116e7564f553b61ccca71
+  languageName: node
+  linkType: hard
+
+"esbuild@npm:^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0":
+  version: 0.23.0
+  resolution: "esbuild@npm:0.23.0"
+  dependencies:
+    "@esbuild/aix-ppc64": "npm:0.23.0"
+    "@esbuild/android-arm": "npm:0.23.0"
+    "@esbuild/android-arm64": "npm:0.23.0"
+    "@esbuild/android-x64": "npm:0.23.0"
+    "@esbuild/darwin-arm64": "npm:0.23.0"
+    "@esbuild/darwin-x64": "npm:0.23.0"
+    "@esbuild/freebsd-arm64": "npm:0.23.0"
+    "@esbuild/freebsd-x64": "npm:0.23.0"
+    "@esbuild/linux-arm": "npm:0.23.0"
+    "@esbuild/linux-arm64": "npm:0.23.0"
+    "@esbuild/linux-ia32": "npm:0.23.0"
+    "@esbuild/linux-loong64": "npm:0.23.0"
+    "@esbuild/linux-mips64el": "npm:0.23.0"
+    "@esbuild/linux-ppc64": "npm:0.23.0"
+    "@esbuild/linux-riscv64": "npm:0.23.0"
+    "@esbuild/linux-s390x": "npm:0.23.0"
+    "@esbuild/linux-x64": "npm:0.23.0"
+    "@esbuild/netbsd-x64": "npm:0.23.0"
+    "@esbuild/openbsd-arm64": "npm:0.23.0"
+    "@esbuild/openbsd-x64": "npm:0.23.0"
+    "@esbuild/sunos-x64": "npm:0.23.0"
+    "@esbuild/win32-arm64": "npm:0.23.0"
+    "@esbuild/win32-ia32": "npm:0.23.0"
+    "@esbuild/win32-x64": "npm:0.23.0"
+  dependenciesMeta:
+    "@esbuild/aix-ppc64":
+      optional: true
+    "@esbuild/android-arm":
+      optional: true
+    "@esbuild/android-arm64":
+      optional: true
+    "@esbuild/android-x64":
+      optional: true
+    "@esbuild/darwin-arm64":
+      optional: true
+    "@esbuild/darwin-x64":
+      optional: true
+    "@esbuild/freebsd-arm64":
+      optional: true
+    "@esbuild/freebsd-x64":
+      optional: true
+    "@esbuild/linux-arm":
+      optional: true
+    "@esbuild/linux-arm64":
+      optional: true
+    "@esbuild/linux-ia32":
+      optional: true
+    "@esbuild/linux-loong64":
+      optional: true
+    "@esbuild/linux-mips64el":
+      optional: true
+    "@esbuild/linux-ppc64":
+      optional: true
+    "@esbuild/linux-riscv64":
+      optional: true
+    "@esbuild/linux-s390x":
+      optional: true
+    "@esbuild/linux-x64":
+      optional: true
+    "@esbuild/netbsd-x64":
+      optional: true
+    "@esbuild/openbsd-arm64":
+      optional: true
+    "@esbuild/openbsd-x64":
+      optional: true
+    "@esbuild/sunos-x64":
+      optional: true
+    "@esbuild/win32-arm64":
+      optional: true
+    "@esbuild/win32-ia32":
+      optional: true
+    "@esbuild/win32-x64":
+      optional: true
+  bin:
+    esbuild: bin/esbuild
+  checksum: 10/d3d91bf9ca73ba33966fc54cabb321eca770a5e2ff5b34d67e4235c94560cfd881803e39fcaa31d842579d10600da5201c5f597f8438679f6db856f75ded7124
+  languageName: node
+  linkType: hard
+
+"escalade@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "escalade@npm:3.1.2"
+  checksum: 10/a1e07fea2f15663c30e40b9193d658397846ffe28ce0a3e4da0d8e485fedfeca228ab846aee101a05015829adf39f9934ff45b2a3fca47bed37a29646bd05cd3
+  languageName: node
+  linkType: hard
+
+"escape-html@npm:~1.0.3":
+  version: 1.0.3
+  resolution: "escape-html@npm:1.0.3"
+  checksum: 10/6213ca9ae00d0ab8bccb6d8d4e0a98e76237b2410302cf7df70aaa6591d509a2a37ce8998008cbecae8fc8ffaadf3fb0229535e6a145f3ce0b211d060decbb24
+  languageName: node
+  linkType: hard
+
+"escape-string-regexp@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "escape-string-regexp@npm:1.0.5"
+  checksum: 10/6092fda75c63b110c706b6a9bfde8a612ad595b628f0bd2147eea1d3406723020810e591effc7db1da91d80a71a737a313567c5abb3813e8d9c71f4aa595b410
+  languageName: node
+  linkType: hard
+
+"eslint-scope@npm:5.1.1":
+  version: 5.1.1
+  resolution: "eslint-scope@npm:5.1.1"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^4.1.1"
+  checksum: 10/c541ef384c92eb5c999b7d3443d80195fcafb3da335500946f6db76539b87d5826c8f2e1d23bf6afc3154ba8cd7c8e566f8dc00f1eea25fdf3afc8fb9c87b238
+  languageName: node
+  linkType: hard
+
+"esprima@npm:~4.0.0":
+  version: 4.0.1
+  resolution: "esprima@npm:4.0.1"
+  bin:
+    esparse: ./bin/esparse.js
+    esvalidate: ./bin/esvalidate.js
+  checksum: 10/f1d3c622ad992421362294f7acf866aa9409fbad4eb2e8fa230bd33944ce371d32279667b242d8b8907ec2b6ad7353a717f3c0e60e748873a34a7905174bc0eb
+  languageName: node
+  linkType: hard
+
+"esrecurse@npm:^4.3.0":
+  version: 4.3.0
+  resolution: "esrecurse@npm:4.3.0"
+  dependencies:
+    estraverse: "npm:^5.2.0"
+  checksum: 10/44ffcd89e714ea6b30143e7f119b104fc4d75e77ee913f34d59076b40ef2d21967f84e019f84e1fd0465b42cdbf725db449f232b5e47f29df29ed76194db8e16
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^4.1.1":
+  version: 4.3.0
+  resolution: "estraverse@npm:4.3.0"
+  checksum: 10/3f67ad02b6dbfaddd9ea459cf2b6ef4ecff9a6082a7af9d22e445b9abc082ad9ca47e1825557b293fcdae477f4714e561123e30bb6a5b2f184fb2bad4a9497eb
+  languageName: node
+  linkType: hard
+
+"estraverse@npm:^5.2.0":
+  version: 5.3.0
+  resolution: "estraverse@npm:5.3.0"
+  checksum: 10/37cbe6e9a68014d34dbdc039f90d0baf72436809d02edffcc06ba3c2a12eb298048f877511353b130153e532aac8d68ba78430c0dd2f44806ebc7c014b01585e
+  languageName: node
+  linkType: hard
+
+"etag@npm:~1.8.1":
+  version: 1.8.1
+  resolution: "etag@npm:1.8.1"
+  checksum: 10/571aeb3dbe0f2bbd4e4fadbdb44f325fc75335cd5f6f6b6a091e6a06a9f25ed5392f0863c5442acb0646787446e816f13cbfc6edce5b07658541dff573cab1ff
+  languageName: node
+  linkType: hard
+
+"events@npm:^3.2.0":
+  version: 3.3.0
+  resolution: "events@npm:3.3.0"
+  checksum: 10/a3d47e285e28d324d7180f1e493961a2bbb4cad6412090e4dec114f4db1f5b560c7696ee8e758f55e23913ede856e3689cd3aa9ae13c56b5d8314cd3b3ddd1be
+  languageName: node
+  linkType: hard
+
+"exponential-backoff@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "exponential-backoff@npm:3.1.1"
+  checksum: 10/2d9bbb6473de7051f96790d5f9a678f32e60ed0aa70741dc7fdc96fec8d631124ec3374ac144387604f05afff9500f31a1d45bd9eee4cdc2e4f9ad2d9b9d5dbd
+  languageName: node
+  linkType: hard
+
+"express@npm:^4.19.2":
+  version: 4.19.2
+  resolution: "express@npm:4.19.2"
+  dependencies:
+    accepts: "npm:~1.3.8"
+    array-flatten: "npm:1.1.1"
+    body-parser: "npm:1.20.2"
+    content-disposition: "npm:0.5.4"
+    content-type: "npm:~1.0.4"
+    cookie: "npm:0.6.0"
+    cookie-signature: "npm:1.0.6"
+    debug: "npm:2.6.9"
+    depd: "npm:2.0.0"
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    etag: "npm:~1.8.1"
+    finalhandler: "npm:1.2.0"
+    fresh: "npm:0.5.2"
+    http-errors: "npm:2.0.0"
+    merge-descriptors: "npm:1.0.1"
+    methods: "npm:~1.1.2"
+    on-finished: "npm:2.4.1"
+    parseurl: "npm:~1.3.3"
+    path-to-regexp: "npm:0.1.7"
+    proxy-addr: "npm:~2.0.7"
+    qs: "npm:6.11.0"
+    range-parser: "npm:~1.2.1"
+    safe-buffer: "npm:5.2.1"
+    send: "npm:0.18.0"
+    serve-static: "npm:1.15.0"
+    setprototypeof: "npm:1.2.0"
+    statuses: "npm:2.0.1"
+    type-is: "npm:~1.6.18"
+    utils-merge: "npm:1.0.1"
+    vary: "npm:~1.1.2"
+  checksum: 10/3fcd792536f802c059789ef48db3851b87e78fba103423e524144d79af37da7952a2b8d4e1a007f423329c7377d686d9476ac42e7d9ea413b80345d495e30a3a
+  languageName: node
+  linkType: hard
+
+"fast-deep-equal@npm:^3.1.1, fast-deep-equal@npm:^3.1.3":
+  version: 3.1.3
+  resolution: "fast-deep-equal@npm:3.1.3"
+  checksum: 10/e21a9d8d84f53493b6aa15efc9cfd53dd5b714a1f23f67fb5dc8f574af80df889b3bce25dc081887c6d25457cce704e636395333abad896ccdec03abaf1f3f9d
+  languageName: node
+  linkType: hard
+
+"fast-json-stable-stringify@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "fast-json-stable-stringify@npm:2.1.0"
+  checksum: 10/2c20055c1fa43c922428f16ca8bb29f2807de63e5c851f665f7ac9790176c01c3b40335257736b299764a8d383388dabc73c8083b8e1bc3d99f0a941444ec60e
+  languageName: node
+  linkType: hard
+
+"fast-uri@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "fast-uri@npm:3.0.1"
+  checksum: 10/e8ee4712270de0d29eb0fbf41ffad0ac80952e8797be760e8bb62c4707f08f50a86fe2d7829681ca133c07d6eb4b4a75389a5fc36674c5b254a3ac0891a68fc7
+  languageName: node
+  linkType: hard
+
+"fill-range@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "fill-range@npm:7.1.1"
+  dependencies:
+    to-regex-range: "npm:^5.0.1"
+  checksum: 10/a7095cb39e5bc32fada2aa7c7249d3f6b01bd1ce461a61b0adabacccabd9198500c6fb1f68a7c851a657e273fce2233ba869638897f3d7ed2e87a2d89b4436ea
+  languageName: node
+  linkType: hard
+
+"finalhandler@npm:1.2.0":
+  version: 1.2.0
+  resolution: "finalhandler@npm:1.2.0"
+  dependencies:
+    debug: "npm:2.6.9"
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    on-finished: "npm:2.4.1"
+    parseurl: "npm:~1.3.3"
+    statuses: "npm:2.0.1"
+    unpipe: "npm:~1.0.0"
+  checksum: 10/635718cb203c6d18e6b48dfbb6c54ccb08ea470e4f474ddcef38c47edcf3227feec316f886dd701235997d8af35240cae49856721ce18f539ad038665ebbf163
+  languageName: node
+  linkType: hard
+
+"find-up@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "find-up@npm:3.0.0"
+  dependencies:
+    locate-path: "npm:^3.0.0"
+  checksum: 10/38eba3fe7a66e4bc7f0f5a1366dc25508b7cfc349f852640e3678d26ad9a6d7e2c43eff0a472287de4a9753ef58f066a0ea892a256fa3636ad51b3fe1e17fae9
+  languageName: node
+  linkType: hard
+
+"for-each@npm:^0.3.3":
+  version: 0.3.3
+  resolution: "for-each@npm:0.3.3"
+  dependencies:
+    is-callable: "npm:^1.1.3"
+  checksum: 10/fdac0cde1be35610bd635ae958422e8ce0cc1313e8d32ea6d34cfda7b60850940c1fd07c36456ad76bd9c24aef6ff5e03b02beb58c83af5ef6c968a64eada676
+  languageName: node
+  linkType: hard
+
+"foreground-child@npm:^3.1.0":
+  version: 3.3.0
+  resolution: "foreground-child@npm:3.3.0"
+  dependencies:
+    cross-spawn: "npm:^7.0.0"
+    signal-exit: "npm:^4.0.1"
+  checksum: 10/e3a60480f3a09b12273ce2c5fcb9514d98dd0e528f58656a1b04680225f918d60a2f81f6a368f2f3b937fcee9cfc0cbf16f1ad9a0bc6a3a6e103a84c9a90087e
+  languageName: node
+  linkType: hard
+
+"fork-ts-checker-webpack-plugin@npm:^8.0.0":
+  version: 8.0.0
+  resolution: "fork-ts-checker-webpack-plugin@npm:8.0.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.16.7"
+    chalk: "npm:^4.1.2"
+    chokidar: "npm:^3.5.3"
+    cosmiconfig: "npm:^7.0.1"
+    deepmerge: "npm:^4.2.2"
+    fs-extra: "npm:^10.0.0"
+    memfs: "npm:^3.4.1"
+    minimatch: "npm:^3.0.4"
+    node-abort-controller: "npm:^3.0.1"
+    schema-utils: "npm:^3.1.1"
+    semver: "npm:^7.3.5"
+    tapable: "npm:^2.2.1"
+  peerDependencies:
+    typescript: ">3.6.0"
+    webpack: ^5.11.0
+  checksum: 10/49be81a780271b0e1f8c230c32ddb54d7e7ca562565b29811a94d5e679607b947850b133c3bb63057a71e67ac717c6c86c6d0390d1ecc885b506ae9158cf9bb5
+  languageName: node
+  linkType: hard
+
+"forwarded@npm:0.2.0":
+  version: 0.2.0
+  resolution: "forwarded@npm:0.2.0"
+  checksum: 10/29ba9fd347117144e97cbb8852baae5e8b2acb7d1b591ef85695ed96f5b933b1804a7fac4a15dd09ca7ac7d0cdc104410e8102aae2dd3faa570a797ba07adb81
+  languageName: node
+  linkType: hard
+
+"fresh@npm:0.5.2":
+  version: 0.5.2
+  resolution: "fresh@npm:0.5.2"
+  checksum: 10/64c88e489b5d08e2f29664eb3c79c705ff9a8eb15d3e597198ef76546d4ade295897a44abb0abd2700e7ef784b2e3cbf1161e4fbf16f59129193fd1030d16da1
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^10.0.0":
+  version: 10.1.0
+  resolution: "fs-extra@npm:10.1.0"
+  dependencies:
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^2.0.0"
+  checksum: 10/05ce2c3b59049bcb7b52001acd000e44b3c4af4ec1f8839f383ef41ec0048e3cfa7fd8a637b1bddfefad319145db89be91f4b7c1db2908205d38bf91e7d1d3b7
+  languageName: node
+  linkType: hard
+
+"fs-extra@npm:^11.1.0":
+  version: 11.2.0
+  resolution: "fs-extra@npm:11.2.0"
+  dependencies:
+    graceful-fs: "npm:^4.2.0"
+    jsonfile: "npm:^6.0.1"
+    universalify: "npm:^2.0.0"
+  checksum: 10/0579bf6726a4cd054d4aa308f10b483f52478bb16284f32cf60b4ce0542063d551fca1a08a2af365e35db21a3fa5a06cf2a6ed614004b4368982bc754cb816b3
+  languageName: node
+  linkType: hard
+
+"fs-minipass@npm:^2.0.0":
+  version: 2.1.0
+  resolution: "fs-minipass@npm:2.1.0"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/03191781e94bc9a54bd376d3146f90fe8e082627c502185dbf7b9b3032f66b0b142c1115f3b2cc5936575fc1b44845ce903dd4c21bec2a8d69f3bd56f9cee9ec
+  languageName: node
+  linkType: hard
+
+"fs-minipass@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "fs-minipass@npm:3.0.3"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/af143246cf6884fe26fa281621d45cfe111d34b30535a475bfa38dafe343dadb466c047a924ffc7d6b7b18265df4110224ce3803806dbb07173bf2087b648d7f
+  languageName: node
+  linkType: hard
+
+"fs-monkey@npm:^1.0.4":
+  version: 1.0.6
+  resolution: "fs-monkey@npm:1.0.6"
+  checksum: 10/a0502a23aa0b467f671cd5c7f989ff48611cce1f23deb8f6924862b49234ff37de6828f739a4f2c1acf8f20e80cb426bf6a9d135c401f3df1e7089b7de04c815
+  languageName: node
+  linkType: hard
+
+"fsevents@npm:~2.3.2":
+  version: 2.3.3
+  resolution: "fsevents@npm:2.3.3"
+  dependencies:
+    node-gyp: "npm:latest"
+  checksum: 10/4c1ade961ded57cdbfbb5cac5106ec17bc8bccd62e16343c569a0ceeca83b9dfef87550b4dc5cbb89642da412b20c5071f304c8c464b80415446e8e155a038c0
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"fsevents@patch:fsevents@npm%3A~2.3.2#optional!builtin<compat/fsevents>":
+  version: 2.3.3
+  resolution: "fsevents@patch:fsevents@npm%3A2.3.3#optional!builtin<compat/fsevents>::version=2.3.3&hash=df0bf1"
+  dependencies:
+    node-gyp: "npm:latest"
+  conditions: os=darwin
+  languageName: node
+  linkType: hard
+
+"function-bind@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "function-bind@npm:1.1.2"
+  checksum: 10/185e20d20f10c8d661d59aac0f3b63b31132d492e1b11fcc2a93cb2c47257ebaee7407c38513efd2b35cafdf972d9beb2ea4593c1e0f3bf8f2744836928d7454
+  languageName: node
+  linkType: hard
+
+"get-caller-file@npm:^2.0.1":
+  version: 2.0.5
+  resolution: "get-caller-file@npm:2.0.5"
+  checksum: 10/b9769a836d2a98c3ee734a88ba712e62703f1df31b94b784762c433c27a386dd6029ff55c2a920c392e33657d80191edbf18c61487e198844844516f843496b9
+  languageName: node
+  linkType: hard
+
+"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "get-intrinsic@npm:1.2.4"
+  dependencies:
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    has-proto: "npm:^1.0.1"
+    has-symbols: "npm:^1.0.3"
+    hasown: "npm:^2.0.0"
+  checksum: 10/85bbf4b234c3940edf8a41f4ecbd4e25ce78e5e6ad4e24ca2f77037d983b9ef943fd72f00f3ee97a49ec622a506b67db49c36246150377efcda1c9eb03e5f06d
+  languageName: node
+  linkType: hard
+
+"glob-parent@npm:~5.1.2":
+  version: 5.1.2
+  resolution: "glob-parent@npm:5.1.2"
+  dependencies:
+    is-glob: "npm:^4.0.1"
+  checksum: 10/32cd106ce8c0d83731966d31517adb766d02c3812de49c30cfe0675c7c0ae6630c11214c54a5ae67aca882cf738d27fd7768f21aa19118b9245950554be07247
+  languageName: node
+  linkType: hard
+
+"glob-to-regexp@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "glob-to-regexp@npm:0.4.1"
+  checksum: 10/9009529195a955c40d7b9690794aeff5ba665cc38f1519e111c58bb54366fd0c106bde80acf97ba4e533208eb53422c83b136611a54c5fefb1edd8dc267cb62e
+  languageName: node
+  linkType: hard
+
+"glob@npm:^10.2.2, glob@npm:^10.3.10":
+  version: 10.4.5
+  resolution: "glob@npm:10.4.5"
+  dependencies:
+    foreground-child: "npm:^3.1.0"
+    jackspeak: "npm:^3.1.2"
+    minimatch: "npm:^9.0.4"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^1.11.1"
+  bin:
+    glob: dist/esm/bin.mjs
+  checksum: 10/698dfe11828b7efd0514cd11e573eaed26b2dff611f0400907281ce3eab0c1e56143ef9b35adc7c77ecc71fba74717b510c7c223d34ca8a98ec81777b293d4ac
+  languageName: node
+  linkType: hard
+
+"gopd@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "gopd@npm:1.0.1"
+  dependencies:
+    get-intrinsic: "npm:^1.1.3"
+  checksum: 10/5fbc7ad57b368ae4cd2f41214bd947b045c1a4be2f194a7be1778d71f8af9dbf4004221f3b6f23e30820eb0d052b4f819fe6ebe8221e2a3c6f0ee4ef173421ca
+  languageName: node
+  linkType: hard
+
+"graceful-fs@npm:^4.1.2, graceful-fs@npm:^4.1.6, graceful-fs@npm:^4.2.0, graceful-fs@npm:^4.2.11, graceful-fs@npm:^4.2.4, graceful-fs@npm:^4.2.6":
+  version: 4.2.11
+  resolution: "graceful-fs@npm:4.2.11"
+  checksum: 10/bf152d0ed1dc159239db1ba1f74fdbc40cb02f626770dcd5815c427ce0688c2635a06ed69af364396da4636d0408fcf7d4afdf7881724c3307e46aff30ca49e2
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "has-flag@npm:3.0.0"
+  checksum: 10/4a15638b454bf086c8148979aae044dd6e39d63904cd452d970374fa6a87623423da485dfb814e7be882e05c096a7ccf1ebd48e7e7501d0208d8384ff4dea73b
+  languageName: node
+  linkType: hard
+
+"has-flag@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "has-flag@npm:4.0.0"
+  checksum: 10/261a1357037ead75e338156b1f9452c016a37dcd3283a972a30d9e4a87441ba372c8b81f818cd0fbcd9c0354b4ae7e18b9e1afa1971164aef6d18c2b6095a8ad
+  languageName: node
+  linkType: hard
+
+"has-property-descriptors@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-property-descriptors@npm:1.0.2"
+  dependencies:
+    es-define-property: "npm:^1.0.0"
+  checksum: 10/2d8c9ab8cebb572e3362f7d06139a4592105983d4317e68f7adba320fe6ddfc8874581e0971e899e633fd5f72e262830edce36d5a0bc863dad17ad20572484b2
+  languageName: node
+  linkType: hard
+
+"has-proto@npm:^1.0.1":
+  version: 1.0.3
+  resolution: "has-proto@npm:1.0.3"
+  checksum: 10/0b67c2c94e3bea37db3e412e3c41f79d59259875e636ba471e94c009cdfb1fa82bf045deeffafc7dbb9c148e36cae6b467055aaa5d9fad4316e11b41e3ba551a
+  languageName: node
+  linkType: hard
+
+"has-symbols@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "has-symbols@npm:1.0.3"
+  checksum: 10/464f97a8202a7690dadd026e6d73b1ceeddd60fe6acfd06151106f050303eaa75855aaa94969df8015c11ff7c505f196114d22f7386b4a471038da5874cf5e9b
+  languageName: node
+  linkType: hard
+
+"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-tostringtag@npm:1.0.2"
+  dependencies:
+    has-symbols: "npm:^1.0.3"
+  checksum: 10/c74c5f5ceee3c8a5b8bc37719840dc3749f5b0306d818974141dda2471a1a2ca6c8e46b9d6ac222c5345df7a901c9b6f350b1e6d62763fec877e26609a401bfe
+  languageName: node
+  linkType: hard
+
+"hasown@npm:^2.0.0, hasown@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "hasown@npm:2.0.2"
+  dependencies:
+    function-bind: "npm:^1.1.2"
+  checksum: 10/7898a9c1788b2862cf0f9c345a6bec77ba4a0c0983c7f19d610c382343d4f98fa260686b225dfb1f88393a66679d2ec58ee310c1d6868c081eda7918f32cc70a
+  languageName: node
+  linkType: hard
+
+"he@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "he@npm:1.2.0"
+  bin:
+    he: bin/he
+  checksum: 10/d09b2243da4e23f53336e8de3093e5c43d2c39f8d0d18817abfa32ce3e9355391b2edb4bb5edc376aea5d4b0b59d6a0482aab4c52bc02ef95751e4b818e847f1
+  languageName: node
+  linkType: hard
+
+"hosted-git-info@npm:^2.1.4":
+  version: 2.8.9
+  resolution: "hosted-git-info@npm:2.8.9"
+  checksum: 10/96da7d412303704af41c3819207a09ea2cab2de97951db4cf336bb8bce8d8e36b9a6821036ad2e55e67d3be0af8f967a7b57981203fbfb88bc05cd803407b8c3
+  languageName: node
+  linkType: hard
+
+"html-entities@npm:^2.1.0":
+  version: 2.5.2
+  resolution: "html-entities@npm:2.5.2"
+  checksum: 10/4ec12ebdf2d5ba8192c68e1aef3c1e4a4f36b29246a0a88464fe278a54517d0196d3489af46a3145c7ecacb4fc5fd50497be19eb713b810acab3f0efcf36fdc2
+  languageName: node
+  linkType: hard
+
+"html-minifier-terser@npm:^6.0.2":
+  version: 6.1.0
+  resolution: "html-minifier-terser@npm:6.1.0"
+  dependencies:
+    camel-case: "npm:^4.1.2"
+    clean-css: "npm:^5.2.2"
+    commander: "npm:^8.3.0"
+    he: "npm:^1.2.0"
+    param-case: "npm:^3.0.4"
+    relateurl: "npm:^0.2.7"
+    terser: "npm:^5.10.0"
+  bin:
+    html-minifier-terser: cli.js
+  checksum: 10/a244fa944e002b57c66cc829a3f2dfdb9514b1833c2d838ada624964bf8c0afaf61d36c371758c7e44dedae95cea740a84d8d1067b916ed204f35175184d0e27
+  languageName: node
+  linkType: hard
+
+"html-webpack-plugin@npm:^5.5.0":
+  version: 5.6.0
+  resolution: "html-webpack-plugin@npm:5.6.0"
+  dependencies:
+    "@types/html-minifier-terser": "npm:^6.0.0"
+    html-minifier-terser: "npm:^6.0.2"
+    lodash: "npm:^4.17.21"
+    pretty-error: "npm:^4.0.0"
+    tapable: "npm:^2.0.0"
+  peerDependencies:
+    "@rspack/core": 0.x || 1.x
+    webpack: ^5.20.0
+  peerDependenciesMeta:
+    "@rspack/core":
+      optional: true
+    webpack:
+      optional: true
+  checksum: 10/d651f3a88a7c932c72c6a30f0fdd610b49a864a69f1ddb34562c750f1602ea471e27fd8fc32c01adadd484b38fa6b74f055d1ccce26e5f8fcf814ee0d398a121
+  languageName: node
+  linkType: hard
+
+"htmlparser2@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "htmlparser2@npm:6.1.0"
+  dependencies:
+    domelementtype: "npm:^2.0.1"
+    domhandler: "npm:^4.0.0"
+    domutils: "npm:^2.5.2"
+    entities: "npm:^2.0.0"
+  checksum: 10/c9c34b0b722f5923c4ae05e59268aeb768582152969e3338a1cd3342b87f8dd2c0420f4745e46d2fd87f1b677ea2f314c3a93436ed8831905997e6347e081a5d
+  languageName: node
+  linkType: hard
+
+"http-cache-semantics@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "http-cache-semantics@npm:4.1.1"
+  checksum: 10/362d5ed66b12ceb9c0a328fb31200b590ab1b02f4a254a697dc796850cc4385603e75f53ec59f768b2dad3bfa1464bd229f7de278d2899a0e3beffc634b6683f
+  languageName: node
+  linkType: hard
+
+"http-errors@npm:2.0.0":
+  version: 2.0.0
+  resolution: "http-errors@npm:2.0.0"
+  dependencies:
+    depd: "npm:2.0.0"
+    inherits: "npm:2.0.4"
+    setprototypeof: "npm:1.2.0"
+    statuses: "npm:2.0.1"
+    toidentifier: "npm:1.0.1"
+  checksum: 10/0e7f76ee8ff8a33e58a3281a469815b893c41357378f408be8f6d4aa7d1efafb0da064625518e7078381b6a92325949b119dc38fcb30bdbc4e3a35f78c44c439
+  languageName: node
+  linkType: hard
+
+"http-proxy-agent@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "http-proxy-agent@npm:7.0.2"
+  dependencies:
+    agent-base: "npm:^7.1.0"
+    debug: "npm:^4.3.4"
+  checksum: 10/d062acfa0cb82beeb558f1043c6ba770ea892b5fb7b28654dbc70ea2aeea55226dd34c02a294f6c1ca179a5aa483c4ea641846821b182edbd9cc5d89b54c6848
+  languageName: node
+  linkType: hard
+
+"https-proxy-agent@npm:^7.0.1":
+  version: 7.0.5
+  resolution: "https-proxy-agent@npm:7.0.5"
+  dependencies:
+    agent-base: "npm:^7.0.2"
+    debug: "npm:4"
+  checksum: 10/6679d46159ab3f9a5509ee80c3a3fc83fba3a920a5e18d32176c3327852c3c00ad640c0c4210a8fd70ea3c4a6d3a1b375bf01942516e7df80e2646bdc77658ab
+  languageName: node
+  linkType: hard
+
+"iconv-lite@npm:0.4.24":
+  version: 0.4.24
+  resolution: "iconv-lite@npm:0.4.24"
+  dependencies:
+    safer-buffer: "npm:>= 2.1.2 < 3"
+  checksum: 10/6d3a2dac6e5d1fb126d25645c25c3a1209f70cceecc68b8ef51ae0da3cdc078c151fade7524a30b12a3094926336831fca09c666ef55b37e2c69638b5d6bd2e3
+  languageName: node
+  linkType: hard
+
+"iconv-lite@npm:^0.6.2":
+  version: 0.6.3
+  resolution: "iconv-lite@npm:0.6.3"
+  dependencies:
+    safer-buffer: "npm:>= 2.1.2 < 3.0.0"
+  checksum: 10/24e3292dd3dadaa81d065c6f8c41b274a47098150d444b96e5f53b4638a9a71482921ea6a91a1f59bb71d9796de25e04afd05919fa64c360347ba65d3766f10f
+  languageName: node
+  linkType: hard
+
+"icss-utils@npm:^5.0.0, icss-utils@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "icss-utils@npm:5.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/5c324d283552b1269cfc13a503aaaa172a280f914e5b81544f3803bc6f06a3b585fb79f66f7c771a2c052db7982c18bf92d001e3b47282e3abbbb4c4cc488d68
+  languageName: node
+  linkType: hard
+
+"ignore-by-default@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "ignore-by-default@npm:1.0.1"
+  checksum: 10/441509147b3615e0365e407a3c18e189f78c07af08564176c680be1fabc94b6c789cad1342ad887175d4ecd5225de86f73d376cec8e06b42fd9b429505ffcf8a
+  languageName: node
+  linkType: hard
+
+"import-fresh@npm:^3.2.1":
+  version: 3.3.0
+  resolution: "import-fresh@npm:3.3.0"
+  dependencies:
+    parent-module: "npm:^1.0.0"
+    resolve-from: "npm:^4.0.0"
+  checksum: 10/2cacfad06e652b1edc50be650f7ec3be08c5e5a6f6d12d035c440a42a8cc028e60a5b99ca08a77ab4d6b1346da7d971915828f33cdab730d3d42f08242d09baa
+  languageName: node
+  linkType: hard
+
+"imurmurhash@npm:^0.1.4":
+  version: 0.1.4
+  resolution: "imurmurhash@npm:0.1.4"
+  checksum: 10/2d30b157a91fe1c1d7c6f653cbf263f039be6c5bfa959245a16d4ee191fc0f2af86c08545b6e6beeb041c56b574d2d5b9f95343d378ab49c0f37394d541e7fc8
+  languageName: node
+  linkType: hard
+
+"indent-string@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "indent-string@npm:4.0.0"
+  checksum: 10/cd3f5cbc9ca2d624c6a1f53f12e6b341659aba0e2d3254ae2b4464aaea8b4294cdb09616abbc59458f980531f2429784ed6a420d48d245bcad0811980c9efae9
+  languageName: node
+  linkType: hard
+
+"inherits@npm:2.0.4, inherits@npm:^2.0.3":
+  version: 2.0.4
+  resolution: "inherits@npm:2.0.4"
+  checksum: 10/cd45e923bee15186c07fa4c89db0aace24824c482fb887b528304694b2aa6ff8a898da8657046a5dcf3e46cd6db6c61629551f9215f208d7c3f157cf9b290521
+  languageName: node
+  linkType: hard
+
+"ip-address@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "ip-address@npm:9.0.5"
+  dependencies:
+    jsbn: "npm:1.1.0"
+    sprintf-js: "npm:^1.1.3"
+  checksum: 10/1ed81e06721af012306329b31f532b5e24e00cb537be18ddc905a84f19fe8f83a09a1699862bf3a1ec4b9dea93c55a3fa5faf8b5ea380431469df540f38b092c
+  languageName: node
+  linkType: hard
+
+"ipaddr.js@npm:1.9.1":
+  version: 1.9.1
+  resolution: "ipaddr.js@npm:1.9.1"
+  checksum: 10/864d0cced0c0832700e9621913a6429ccdc67f37c1bd78fb8c6789fff35c9d167cb329134acad2290497a53336813ab4798d2794fd675d5eb33b5fdf0982b9ca
+  languageName: node
+  linkType: hard
+
+"is-arguments@npm:^1.0.4":
+  version: 1.1.1
+  resolution: "is-arguments@npm:1.1.1"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10/a170c7e26082e10de9be6e96d32ae3db4d5906194051b792e85fae3393b53cf2cb5b3557863e5c8ccbab55e2fd8f2f75aa643d437613f72052cf0356615c34be
+  languageName: node
+  linkType: hard
+
+"is-arrayish@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "is-arrayish@npm:0.2.1"
+  checksum: 10/73ced84fa35e59e2c57da2d01e12cd01479f381d7f122ce41dcbb713f09dbfc651315832cd2bf8accba7681a69e4d6f1e03941d94dd10040d415086360e7005e
+  languageName: node
+  linkType: hard
+
+"is-binary-path@npm:~2.1.0":
+  version: 2.1.0
+  resolution: "is-binary-path@npm:2.1.0"
+  dependencies:
+    binary-extensions: "npm:^2.0.0"
+  checksum: 10/078e51b4f956c2c5fd2b26bb2672c3ccf7e1faff38e0ebdba45612265f4e3d9fc3127a1fa8370bbf09eab61339203c3d3b7af5662cbf8be4030f8fac37745b0e
+  languageName: node
+  linkType: hard
+
+"is-callable@npm:^1.1.3":
+  version: 1.2.7
+  resolution: "is-callable@npm:1.2.7"
+  checksum: 10/48a9297fb92c99e9df48706241a189da362bff3003354aea4048bd5f7b2eb0d823cd16d0a383cece3d76166ba16d85d9659165ac6fcce1ac12e6c649d66dbdb9
+  languageName: node
+  linkType: hard
+
+"is-core-module@npm:^2.13.0":
+  version: 2.15.0
+  resolution: "is-core-module@npm:2.15.0"
+  dependencies:
+    hasown: "npm:^2.0.2"
+  checksum: 10/70e962543e5d3a97c07cb29144a86792d545a21f28e67da5401d85878a0193d46fbab8d97bc3ca680e2778705dca66e7b6ca840c493497a27ca0e8c5f3ac3d1d
+  languageName: node
+  linkType: hard
+
+"is-expression@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "is-expression@npm:4.0.0"
+  dependencies:
+    acorn: "npm:^7.1.1"
+    object-assign: "npm:^4.1.1"
+  checksum: 10/0f01d0ff53fbbec36abae8fbb7ef056c6d024f7128646856a3e6c500b205788d3e0f337025e72df979d7d7cf4674a00370633d7f8974c668b2d3fdb7e8a83bdb
+  languageName: node
+  linkType: hard
+
+"is-extglob@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "is-extglob@npm:2.1.1"
+  checksum: 10/df033653d06d0eb567461e58a7a8c9f940bd8c22274b94bf7671ab36df5719791aae15eef6d83bbb5e23283967f2f984b8914559d4449efda578c775c4be6f85
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "is-fullwidth-code-point@npm:2.0.0"
+  checksum: 10/eef9c6e15f68085fec19ff6a978a6f1b8f48018fd1265035552078ee945573594933b09bbd6f562553e2a241561439f1ef5339276eba68d272001343084cfab8
+  languageName: node
+  linkType: hard
+
+"is-fullwidth-code-point@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "is-fullwidth-code-point@npm:3.0.0"
+  checksum: 10/44a30c29457c7fb8f00297bce733f0a64cd22eca270f83e58c105e0d015e45c019491a4ab2faef91ab51d4738c670daff901c799f6a700e27f7314029e99e348
+  languageName: node
+  linkType: hard
+
+"is-generator-function@npm:^1.0.7":
+  version: 1.0.10
+  resolution: "is-generator-function@npm:1.0.10"
+  dependencies:
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10/499a3ce6361064c3bd27fbff5c8000212d48506ebe1977842bbd7b3e708832d0deb1f4cc69186ece3640770e8c4f1287b24d99588a0b8058b2dbdd344bc1f47f
+  languageName: node
+  linkType: hard
+
+"is-glob@npm:^4.0.1, is-glob@npm:~4.0.1":
+  version: 4.0.3
+  resolution: "is-glob@npm:4.0.3"
+  dependencies:
+    is-extglob: "npm:^2.1.1"
+  checksum: 10/3ed74f2b0cdf4f401f38edb0442ddfde3092d79d7d35c9919c86641efdbcbb32e45aa3c0f70ce5eecc946896cd5a0f26e4188b9f2b881876f7cb6c505b82da11
+  languageName: node
+  linkType: hard
+
+"is-lambda@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-lambda@npm:1.0.1"
+  checksum: 10/93a32f01940220532e5948538699ad610d5924ac86093fcee83022252b363eb0cc99ba53ab084a04e4fb62bf7b5731f55496257a4c38adf87af9c4d352c71c35
+  languageName: node
+  linkType: hard
+
+"is-number@npm:^7.0.0":
+  version: 7.0.0
+  resolution: "is-number@npm:7.0.0"
+  checksum: 10/6a6c3383f68afa1e05b286af866017c78f1226d43ac8cb064e115ff9ed85eb33f5c4f7216c96a71e4dfea289ef52c5da3aef5bbfade8ffe47a0465d70c0c8e86
+  languageName: node
+  linkType: hard
+
+"is-promise@npm:^2.0.0":
+  version: 2.2.2
+  resolution: "is-promise@npm:2.2.2"
+  checksum: 10/18bf7d1c59953e0ad82a1ed963fb3dc0d135c8f299a14f89a17af312fc918373136e56028e8831700e1933519630cc2fd4179a777030330fde20d34e96f40c78
+  languageName: node
+  linkType: hard
+
+"is-regex@npm:^1.0.3":
+  version: 1.1.4
+  resolution: "is-regex@npm:1.1.4"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10/36d9174d16d520b489a5e9001d7d8d8624103b387be300c50f860d9414556d0485d74a612fdafc6ebbd5c89213d947dcc6b6bff6b2312093f71ea03cbb19e564
+  languageName: node
+  linkType: hard
+
+"is-typed-array@npm:^1.1.3":
+  version: 1.1.13
+  resolution: "is-typed-array@npm:1.1.13"
+  dependencies:
+    which-typed-array: "npm:^1.1.14"
+  checksum: 10/f850ba08286358b9a11aee6d93d371a45e3c59b5953549ee1c1a9a55ba5c1dd1bd9952488ae194ad8f32a9cf5e79c8fa5f0cc4d78c00720aa0bbcf238b38062d
+  languageName: node
+  linkType: hard
+
+"isexe@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "isexe@npm:2.0.0"
+  checksum: 10/7c9f715c03aff08f35e98b1fadae1b9267b38f0615d501824f9743f3aab99ef10e303ce7db3f186763a0b70a19de5791ebfc854ff884d5a8c4d92211f642ec92
+  languageName: node
+  linkType: hard
+
+"isexe@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "isexe@npm:3.1.1"
+  checksum: 10/7fe1931ee4e88eb5aa524cd3ceb8c882537bc3a81b02e438b240e47012eef49c86904d0f0e593ea7c3a9996d18d0f1f3be8d3eaa92333977b0c3a9d353d5563e
+  languageName: node
+  linkType: hard
+
+"jackspeak@npm:^3.1.2":
+  version: 3.4.3
+  resolution: "jackspeak@npm:3.4.3"
+  dependencies:
+    "@isaacs/cliui": "npm:^8.0.2"
+    "@pkgjs/parseargs": "npm:^0.11.0"
+  dependenciesMeta:
+    "@pkgjs/parseargs":
+      optional: true
+  checksum: 10/96f8786eaab98e4bf5b2a5d6d9588ea46c4d06bbc4f2eb861fdd7b6b182b16f71d8a70e79820f335d52653b16d4843b29dd9cdcf38ae80406756db9199497cf3
+  languageName: node
+  linkType: hard
+
+"javascript-stringify@npm:^2.0.1":
+  version: 2.1.0
+  resolution: "javascript-stringify@npm:2.1.0"
+  checksum: 10/721236ccec826c77167fec024b9ea1da7462690cf857bebfcc67a6fb346392d45cdce278e25e86b312ddeecdab1678a0f9fcc7f2c6e2883fbaaac3c735a237fd
+  languageName: node
+  linkType: hard
+
+"jest-worker@npm:^27.4.5":
+  version: 27.5.1
+  resolution: "jest-worker@npm:27.5.1"
+  dependencies:
+    "@types/node": "npm:*"
+    merge-stream: "npm:^2.0.0"
+    supports-color: "npm:^8.0.0"
+  checksum: 10/06c6e2a84591d9ede704d5022fc13791e8876e83397c89d481b0063332abbb64c0f01ef4ca7de520b35c7a1058556078d6bdc3631376f4e9ffb42316c1a8488e
+  languageName: node
+  linkType: hard
+
+"js-stringify@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "js-stringify@npm:1.0.2"
+  checksum: 10/f9701d9e535d3ac0f62bbf2624b76c5d0af5b889187232817ae284a41ba21fd7a8b464c2dce3815d8cf52c8bea3480be6b368cfc2c67da799cad458058e8bbf5
+  languageName: node
+  linkType: hard
+
+"js-tokens@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "js-tokens@npm:4.0.0"
+  checksum: 10/af37d0d913fb56aec6dc0074c163cc71cd23c0b8aad5c2350747b6721d37ba118af35abdd8b33c47ec2800de07dedb16a527ca9c530ee004093e04958bd0cbf2
+  languageName: node
+  linkType: hard
+
+"jsbn@npm:1.1.0":
+  version: 1.1.0
+  resolution: "jsbn@npm:1.1.0"
+  checksum: 10/bebe7ae829bbd586ce8cbe83501dd8cb8c282c8902a8aeeed0a073a89dc37e8103b1244f3c6acd60278bcbfe12d93a3f83c9ac396868a3b3bbc3c5e5e3b648ef
+  languageName: node
+  linkType: hard
+
+"json-parse-better-errors@npm:^1.0.1":
+  version: 1.0.2
+  resolution: "json-parse-better-errors@npm:1.0.2"
+  checksum: 10/5553232045359b767b0f2039a6777fede1a8d7dca1a0ffb1f9ef73a7519489ae7f566b2e040f2b4c38edb8e35e37ae07af7f0a52420902f869ee0dbf5dc6c784
+  languageName: node
+  linkType: hard
+
+"json-parse-even-better-errors@npm:^2.3.0, json-parse-even-better-errors@npm:^2.3.1":
+  version: 2.3.1
+  resolution: "json-parse-even-better-errors@npm:2.3.1"
+  checksum: 10/5f3a99009ed5f2a5a67d06e2f298cc97bc86d462034173308156f15b43a6e850be8511dc204b9b94566305da2947f7d90289657237d210351a39059ff9d666cf
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^0.4.1":
+  version: 0.4.1
+  resolution: "json-schema-traverse@npm:0.4.1"
+  checksum: 10/7486074d3ba247769fda17d5181b345c9fb7d12e0da98b22d1d71a5db9698d8b4bd900a3ec1a4ffdd60846fc2556274a5c894d0c48795f14cb03aeae7b55260b
+  languageName: node
+  linkType: hard
+
+"json-schema-traverse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "json-schema-traverse@npm:1.0.0"
+  checksum: 10/02f2f466cdb0362558b2f1fd5e15cce82ef55d60cd7f8fa828cf35ba74330f8d767fcae5c5c2adb7851fa811766c694b9405810879bc4e1ddd78a7c0e03658ad
+  languageName: node
+  linkType: hard
+
+"json5@npm:^2.1.2":
+  version: 2.2.3
+  resolution: "json5@npm:2.2.3"
+  bin:
+    json5: lib/cli.js
+  checksum: 10/1db67b853ff0de3534085d630691d3247de53a2ed1390ba0ddff681ea43e9b3e30ecbdb65c5e9aab49435e44059c23dbd6fee8ee619419ba37465bb0dd7135da
+  languageName: node
+  linkType: hard
+
+"jsonfile@npm:^6.0.1":
+  version: 6.1.0
+  resolution: "jsonfile@npm:6.1.0"
+  dependencies:
+    graceful-fs: "npm:^4.1.6"
+    universalify: "npm:^2.0.0"
+  dependenciesMeta:
+    graceful-fs:
+      optional: true
+  checksum: 10/03014769e7dc77d4cf05fa0b534907270b60890085dd5e4d60a382ff09328580651da0b8b4cdf44d91e4c8ae64d91791d965f05707beff000ed494a38b6fec85
+  languageName: node
+  linkType: hard
+
+"jstransformer@npm:1.0.0":
+  version: 1.0.0
+  resolution: "jstransformer@npm:1.0.0"
+  dependencies:
+    is-promise: "npm:^2.0.0"
+    promise: "npm:^7.0.1"
+  checksum: 10/7bca6e2e2fb4b6e65e567965e0370488699eb05cbbf27e6cb2ee2a89912d9c238aceb5c63216d834c50a000ed991b2bbd703b5432351aa2a15ee979b5180e652
+  languageName: node
+  linkType: hard
+
+"lines-and-columns@npm:^1.1.6":
+  version: 1.2.4
+  resolution: "lines-and-columns@npm:1.2.4"
+  checksum: 10/0c37f9f7fa212b38912b7145e1cd16a5f3cd34d782441c3e6ca653485d326f58b3caccda66efce1c5812bde4961bbde3374fae4b0d11bf1226152337f3894aa5
+  languageName: node
+  linkType: hard
+
+"loader-runner@npm:^4.2.0":
+  version: 4.3.0
+  resolution: "loader-runner@npm:4.3.0"
+  checksum: 10/555ae002869c1e8942a0efd29a99b50a0ce6c3296efea95caf48f00d7f6f7f659203ed6613688b6181aa81dc76de3e65ece43094c6dffef3127fe1a84d973cd3
+  languageName: node
+  linkType: hard
+
+"loader-utils@npm:^2.0.0":
+  version: 2.0.4
+  resolution: "loader-utils@npm:2.0.4"
+  dependencies:
+    big.js: "npm:^5.2.2"
+    emojis-list: "npm:^3.0.0"
+    json5: "npm:^2.1.2"
+  checksum: 10/28bd9af2025b0cb2fc6c9c2d8140a75a3ab61016e5a86edf18f63732216e985a50bf2479a662555beb472a54d12292e380423705741bfd2b54cab883aa067f18
+  languageName: node
+  linkType: hard
+
+"locate-path@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "locate-path@npm:3.0.0"
+  dependencies:
+    p-locate: "npm:^3.0.0"
+    path-exists: "npm:^3.0.0"
+  checksum: 10/53db3996672f21f8b0bf2a2c645ae2c13ffdae1eeecfcd399a583bce8516c0b88dcb4222ca6efbbbeb6949df7e46860895be2c02e8d3219abd373ace3bfb4e11
+  languageName: node
+  linkType: hard
+
+"lodash@npm:^4.17.15, lodash@npm:^4.17.20, lodash@npm:^4.17.21":
+  version: 4.17.21
+  resolution: "lodash@npm:4.17.21"
+  checksum: 10/c08619c038846ea6ac754abd6dd29d2568aa705feb69339e836dfa8d8b09abbb2f859371e86863eda41848221f9af43714491467b5b0299122431e202bb0c532
+  languageName: node
+  linkType: hard
+
+"lower-case@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "lower-case@npm:2.0.2"
+  dependencies:
+    tslib: "npm:^2.0.3"
+  checksum: 10/83a0a5f159ad7614bee8bf976b96275f3954335a84fad2696927f609ddae902802c4f3312d86668722e668bef41400254807e1d3a7f2e8c3eede79691aa1f010
+  languageName: node
+  linkType: hard
+
+"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
+  version: 10.4.3
+  resolution: "lru-cache@npm:10.4.3"
+  checksum: 10/e6e90267360476720fa8e83cc168aa2bf0311f3f2eea20a6ba78b90a885ae72071d9db132f40fda4129c803e7dcec3a6b6a6fbb44ca90b081630b810b5d6a41a
+  languageName: node
+  linkType: hard
+
+"magic-string@npm:^0.30.5":
+  version: 0.30.11
+  resolution: "magic-string@npm:0.30.11"
+  dependencies:
+    "@jridgewell/sourcemap-codec": "npm:^1.5.0"
+  checksum: 10/b784d2240252f5b1e755d487354ada4c672cbca16f045144f7185a75b059210e5fcca7be7be03ef1bac2ca754c4428b21d36ae64a9057ba429916f06b8c54eb2
+  languageName: node
+  linkType: hard
+
+"make-fetch-happen@npm:^13.0.0":
+  version: 13.0.1
+  resolution: "make-fetch-happen@npm:13.0.1"
+  dependencies:
+    "@npmcli/agent": "npm:^2.0.0"
+    cacache: "npm:^18.0.0"
+    http-cache-semantics: "npm:^4.1.1"
+    is-lambda: "npm:^1.0.1"
+    minipass: "npm:^7.0.2"
+    minipass-fetch: "npm:^3.0.0"
+    minipass-flush: "npm:^1.0.5"
+    minipass-pipeline: "npm:^1.2.4"
+    negotiator: "npm:^0.6.3"
+    proc-log: "npm:^4.2.0"
+    promise-retry: "npm:^2.0.1"
+    ssri: "npm:^10.0.0"
+  checksum: 10/11bae5ad6ac59b654dbd854f30782f9de052186c429dfce308eda42374528185a100ee40ac9ffdc36a2b6c821ecaba43913e4730a12f06f15e895ea9cb23fa59
+  languageName: node
+  linkType: hard
+
+"map-or-similar@npm:^1.5.0":
+  version: 1.5.0
+  resolution: "map-or-similar@npm:1.5.0"
+  checksum: 10/3cf43bcd0e7af41d7bade5f8b5be6bb9d021cc47e6008ad545d071cf3a709ba782884002f9eec6ccd51f572fc17841e07bf74628e0bc3694c33f4622b03e4b4c
+  languageName: node
+  linkType: hard
+
+"media-typer@npm:0.3.0":
+  version: 0.3.0
+  resolution: "media-typer@npm:0.3.0"
+  checksum: 10/38e0984db39139604756903a01397e29e17dcb04207bb3e081412ce725ab17338ecc47220c1b186b6bbe79a658aad1b0d41142884f5a481f36290cdefbe6aa46
+  languageName: node
+  linkType: hard
+
+"memfs@npm:^3.4.1, memfs@npm:^3.4.12":
+  version: 3.5.3
+  resolution: "memfs@npm:3.5.3"
+  dependencies:
+    fs-monkey: "npm:^1.0.4"
+  checksum: 10/7c9cdb453a6b06e87f11e2dbe6c518fd3c1c1581b370ffa24f42f3fd5b1db8c2203f596e43321a0032963f3e9b66400f2c3cf043904ac496d6ae33eafd0878fe
+  languageName: node
+  linkType: hard
+
+"memoizerific@npm:^1.11.3":
+  version: 1.11.3
+  resolution: "memoizerific@npm:1.11.3"
+  dependencies:
+    map-or-similar: "npm:^1.5.0"
+  checksum: 10/72b6b80699777d000f03db6e15fdabcd4afe77feb45be51fe195cb230c64a368fcfcfbb976375eac3283bd8193d6b1a67ac3081cae07f64fca73f1aa568d59e3
+  languageName: node
+  linkType: hard
+
+"merge-descriptors@npm:1.0.1":
+  version: 1.0.1
+  resolution: "merge-descriptors@npm:1.0.1"
+  checksum: 10/5abc259d2ae25bb06d19ce2b94a21632583c74e2a9109ee1ba7fd147aa7362b380d971e0251069f8b3eb7d48c21ac839e21fa177b335e82c76ec172e30c31a26
+  languageName: node
+  linkType: hard
+
+"merge-stream@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "merge-stream@npm:2.0.0"
+  checksum: 10/6fa4dcc8d86629705cea944a4b88ef4cb0e07656ebf223fa287443256414283dd25d91c1cd84c77987f2aec5927af1a9db6085757cb43d90eb170ebf4b47f4f4
+  languageName: node
+  linkType: hard
+
+"methods@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "methods@npm:1.1.2"
+  checksum: 10/a385dd974faa34b5dd021b2bbf78c722881bf6f003bfe6d391d7da3ea1ed625d1ff10ddd13c57531f628b3e785be38d3eed10ad03cebd90b76932413df9a1820
+  languageName: node
+  linkType: hard
+
+"mime-db@npm:1.52.0":
+  version: 1.52.0
+  resolution: "mime-db@npm:1.52.0"
+  checksum: 10/54bb60bf39e6f8689f6622784e668a3d7f8bed6b0d886f5c3c446cb3284be28b30bf707ed05d0fe44a036f8469976b2629bbea182684977b084de9da274694d7
+  languageName: node
+  linkType: hard
+
+"mime-types@npm:^2.1.27, mime-types@npm:^2.1.31, mime-types@npm:~2.1.24, mime-types@npm:~2.1.34":
+  version: 2.1.35
+  resolution: "mime-types@npm:2.1.35"
+  dependencies:
+    mime-db: "npm:1.52.0"
+  checksum: 10/89aa9651b67644035de2784a6e665fc685d79aba61857e02b9c8758da874a754aed4a9aced9265f5ed1171fd934331e5516b84a7f0218031b6fa0270eca1e51a
+  languageName: node
+  linkType: hard
+
+"mime@npm:1.6.0":
+  version: 1.6.0
+  resolution: "mime@npm:1.6.0"
+  bin:
+    mime: cli.js
+  checksum: 10/b7d98bb1e006c0e63e2c91b590fe1163b872abf8f7ef224d53dd31499c2197278a6d3d0864c45239b1a93d22feaf6f9477e9fc847eef945838150b8c02d03170
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^3.0.4, minimatch@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "minimatch@npm:3.1.2"
+  dependencies:
+    brace-expansion: "npm:^1.1.7"
+  checksum: 10/e0b25b04cd4ec6732830344e5739b13f8690f8a012d73445a4a19fbc623f5dd481ef7a5827fde25954cd6026fede7574cc54dc4643c99d6c6b653d6203f94634
+  languageName: node
+  linkType: hard
+
+"minimatch@npm:^9.0.4":
+  version: 9.0.5
+  resolution: "minimatch@npm:9.0.5"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10/dd6a8927b063aca6d910b119e1f2df6d2ce7d36eab91de83167dd136bb85e1ebff97b0d3de1cb08bd1f7e018ca170b4962479fefab5b2a69e2ae12cb2edc8348
+  languageName: node
+  linkType: hard
+
+"minipass-collect@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "minipass-collect@npm:2.0.1"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/b251bceea62090f67a6cced7a446a36f4cd61ee2d5cea9aee7fff79ba8030e416327a1c5aa2908dc22629d06214b46d88fdab8c51ac76bacbf5703851b5ad342
+  languageName: node
+  linkType: hard
+
+"minipass-fetch@npm:^3.0.0":
+  version: 3.0.5
+  resolution: "minipass-fetch@npm:3.0.5"
+  dependencies:
+    encoding: "npm:^0.1.13"
+    minipass: "npm:^7.0.3"
+    minipass-sized: "npm:^1.0.3"
+    minizlib: "npm:^2.1.2"
+  dependenciesMeta:
+    encoding:
+      optional: true
+  checksum: 10/c669948bec1373313aaa8f104b962a3ced9f45c49b26366a4b0ae27ccdfa9c5740d72c8a84d3f8623d7a61c5fc7afdfda44789008c078f61a62441142efc4a97
+  languageName: node
+  linkType: hard
+
+"minipass-flush@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "minipass-flush@npm:1.0.5"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/56269a0b22bad756a08a94b1ffc36b7c9c5de0735a4dd1ab2b06c066d795cfd1f0ac44a0fcae13eece5589b908ecddc867f04c745c7009be0b566421ea0944cf
+  languageName: node
+  linkType: hard
+
+"minipass-pipeline@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "minipass-pipeline@npm:1.2.4"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/b14240dac0d29823c3d5911c286069e36d0b81173d7bdf07a7e4a91ecdef92cdff4baaf31ea3746f1c61e0957f652e641223970870e2353593f382112257971b
+  languageName: node
+  linkType: hard
+
+"minipass-sized@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "minipass-sized@npm:1.0.3"
+  dependencies:
+    minipass: "npm:^3.0.0"
+  checksum: 10/40982d8d836a52b0f37049a0a7e5d0f089637298e6d9b45df9c115d4f0520682a78258905e5c8b180fb41b593b0a82cc1361d2c74b45f7ada66334f84d1ecfdd
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^3.0.0":
+  version: 3.3.6
+  resolution: "minipass@npm:3.3.6"
+  dependencies:
+    yallist: "npm:^4.0.0"
+  checksum: 10/a5c6ef069f70d9a524d3428af39f2b117ff8cd84172e19b754e7264a33df460873e6eb3d6e55758531580970de50ae950c496256bb4ad3691a2974cddff189f0
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^5.0.0":
+  version: 5.0.0
+  resolution: "minipass@npm:5.0.0"
+  checksum: 10/61682162d29f45d3152b78b08bab7fb32ca10899bc5991ffe98afc18c9e9543bd1e3be94f8b8373ba6262497db63607079dc242ea62e43e7b2270837b7347c93
+  languageName: node
+  linkType: hard
+
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "minipass@npm:7.1.2"
+  checksum: 10/c25f0ee8196d8e6036661104bacd743785b2599a21de5c516b32b3fa2b83113ac89a2358465bc04956baab37ffb956ae43be679b2262bf7be15fce467ccd7950
+  languageName: node
+  linkType: hard
+
+"minizlib@npm:^2.1.1, minizlib@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "minizlib@npm:2.1.2"
+  dependencies:
+    minipass: "npm:^3.0.0"
+    yallist: "npm:^4.0.0"
+  checksum: 10/ae0f45436fb51344dcb87938446a32fbebb540d0e191d63b35e1c773d47512e17307bf54aa88326cc6d176594d00e4423563a091f7266c2f9a6872cdc1e234d1
+  languageName: node
+  linkType: hard
+
+"mkdirp@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "mkdirp@npm:1.0.4"
+  bin:
+    mkdirp: bin/cmd.js
+  checksum: 10/d71b8dcd4b5af2fe13ecf3bd24070263489404fe216488c5ba7e38ece1f54daf219e72a833a3a2dc404331e870e9f44963a33399589490956bff003a3404d3b2
+  languageName: node
+  linkType: hard
+
+"morgan@npm:^1.10.0":
+  version: 1.10.0
+  resolution: "morgan@npm:1.10.0"
+  dependencies:
+    basic-auth: "npm:~2.0.1"
+    debug: "npm:2.6.9"
+    depd: "npm:~2.0.0"
+    on-finished: "npm:~2.3.0"
+    on-headers: "npm:~1.0.2"
+  checksum: 10/4497ace00dac65318658595528c1924942c900aae88b7adc5e69e18dd78fb5d1fcccdc2048404ce7d88b5344dc088c492e3aa7cf8023f1e601c6b0f4ff806b93
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.0.0":
+  version: 2.0.0
+  resolution: "ms@npm:2.0.0"
+  checksum: 10/0e6a22b8b746d2e0b65a430519934fefd41b6db0682e3477c10f60c76e947c4c0ad06f63ffdf1d78d335f83edee8c0aa928aa66a36c7cd95b69b26f468d527f4
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.1.2":
+  version: 2.1.2
+  resolution: "ms@npm:2.1.2"
+  checksum: 10/673cdb2c3133eb050c745908d8ce632ed2c02d85640e2edb3ace856a2266a813b30c613569bf3354fdf4ea7d1a1494add3bfa95e2713baa27d0c2c71fc44f58f
+  languageName: node
+  linkType: hard
+
+"ms@npm:2.1.3, ms@npm:^2.1.1":
+  version: 2.1.3
+  resolution: "ms@npm:2.1.3"
+  checksum: 10/aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
+  languageName: node
+  linkType: hard
+
+"nanoid@npm:^3.3.7":
+  version: 3.3.7
+  resolution: "nanoid@npm:3.3.7"
+  bin:
+    nanoid: bin/nanoid.cjs
+  checksum: 10/ac1eb60f615b272bccb0e2b9cd933720dad30bf9708424f691b8113826bb91aca7e9d14ef5d9415a6ba15c266b37817256f58d8ce980c82b0ba3185352565679
+  languageName: node
+  linkType: hard
+
+"negotiator@npm:0.6.3, negotiator@npm:^0.6.3":
+  version: 0.6.3
+  resolution: "negotiator@npm:0.6.3"
+  checksum: 10/2723fb822a17ad55c93a588a4bc44d53b22855bf4be5499916ca0cab1e7165409d0b288ba2577d7b029f10ce18cf2ed8e703e5af31c984e1e2304277ef979837
+  languageName: node
+  linkType: hard
+
+"neo-async@npm:^2.6.2":
+  version: 2.6.2
+  resolution: "neo-async@npm:2.6.2"
+  checksum: 10/1a7948fea86f2b33ec766bc899c88796a51ba76a4afc9026764aedc6e7cde692a09067031e4a1bf6db4f978ccd99e7f5b6c03fe47ad9865c3d4f99050d67e002
+  languageName: node
+  linkType: hard
+
+"no-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "no-case@npm:3.0.4"
+  dependencies:
+    lower-case: "npm:^2.0.2"
+    tslib: "npm:^2.0.3"
+  checksum: 10/0b2ebc113dfcf737d48dde49cfebf3ad2d82a8c3188e7100c6f375e30eafbef9e9124aadc3becef237b042fd5eb0aad2fd78669c20972d045bbe7fea8ba0be5c
+  languageName: node
+  linkType: hard
+
+"node-abort-controller@npm:^3.0.1":
+  version: 3.1.1
+  resolution: "node-abort-controller@npm:3.1.1"
+  checksum: 10/0a2cdb7ec0aeaf3cb31e1ca0e192f5add48f1c5c9c9ed822129f9dddbd9432f69b7425982f94ce803c56a2104884530aa67cd57696e5774b2e5b8ec2f58de042
+  languageName: node
+  linkType: hard
+
+"node-gyp@npm:latest":
+  version: 10.2.0
+  resolution: "node-gyp@npm:10.2.0"
+  dependencies:
+    env-paths: "npm:^2.2.0"
+    exponential-backoff: "npm:^3.1.1"
+    glob: "npm:^10.3.10"
+    graceful-fs: "npm:^4.2.6"
+    make-fetch-happen: "npm:^13.0.0"
+    nopt: "npm:^7.0.0"
+    proc-log: "npm:^4.1.0"
+    semver: "npm:^7.3.5"
+    tar: "npm:^6.2.1"
+    which: "npm:^4.0.0"
+  bin:
+    node-gyp: bin/node-gyp.js
+  checksum: 10/41773093b1275751dec942b985982fd4e7a69b88cae719b868babcef3880ee6168aaec8dcaa8cd0b9fa7c84873e36cc549c6cac6a124ee65ba4ce1f1cc108cfe
+  languageName: node
+  linkType: hard
+
+"node-releases@npm:^2.0.18":
+  version: 2.0.18
+  resolution: "node-releases@npm:2.0.18"
+  checksum: 10/241e5fa9556f1c12bafb83c6c3e94f8cf3d8f2f8f904906ecef6e10bcaa1d59aa61212d4651bec70052015fc54bd3fdcdbe7fc0f638a17e6685aa586c076ec4e
+  languageName: node
+  linkType: hard
+
+"nodemon@npm:^2.0.7":
+  version: 2.0.22
+  resolution: "nodemon@npm:2.0.22"
+  dependencies:
+    chokidar: "npm:^3.5.2"
+    debug: "npm:^3.2.7"
+    ignore-by-default: "npm:^1.0.1"
+    minimatch: "npm:^3.1.2"
+    pstree.remy: "npm:^1.1.8"
+    semver: "npm:^5.7.1"
+    simple-update-notifier: "npm:^1.0.7"
+    supports-color: "npm:^5.5.0"
+    touch: "npm:^3.1.0"
+    undefsafe: "npm:^2.0.5"
+  bin:
+    nodemon: bin/nodemon.js
+  checksum: 10/1fbddb426e6c5510ed42001a947e9caad3f3ca29c36ca7aac143b3a084d3ba855fdf4020f41a890101b91cbe60824e70fcbcb98f21574ed0a7964b3a825e0a1f
+  languageName: node
+  linkType: hard
+
+"nopt@npm:^7.0.0":
+  version: 7.2.1
+  resolution: "nopt@npm:7.2.1"
+  dependencies:
+    abbrev: "npm:^2.0.0"
+  bin:
+    nopt: bin/nopt.js
+  checksum: 10/95a1f6dec8a81cd18cdc2fed93e6f0b4e02cf6bdb4501c848752c6e34f9883d9942f036a5e3b21a699047d8a448562d891e67492df68ec9c373e6198133337ae
+  languageName: node
+  linkType: hard
+
+"normalize-package-data@npm:^2.3.2":
+  version: 2.5.0
+  resolution: "normalize-package-data@npm:2.5.0"
+  dependencies:
+    hosted-git-info: "npm:^2.1.4"
+    resolve: "npm:^1.10.0"
+    semver: "npm:2 || 3 || 4 || 5"
+    validate-npm-package-license: "npm:^3.0.1"
+  checksum: 10/644f830a8bb9b7cc9bf2f6150618727659ee27cdd0840d1c1f97e8e6cab0803a098a2c19f31c6247ad9d3a0792e61521a13a6e8cd87cc6bb676e3150612c03d4
+  languageName: node
+  linkType: hard
+
+"normalize-path@npm:^3.0.0, normalize-path@npm:~3.0.0":
+  version: 3.0.0
+  resolution: "normalize-path@npm:3.0.0"
+  checksum: 10/88eeb4da891e10b1318c4b2476b6e2ecbeb5ff97d946815ffea7794c31a89017c70d7f34b3c2ebf23ef4e9fc9fb99f7dffe36da22011b5b5c6ffa34f4873ec20
+  languageName: node
+  linkType: hard
+
+"nth-check@npm:^2.0.1":
+  version: 2.1.1
+  resolution: "nth-check@npm:2.1.1"
+  dependencies:
+    boolbase: "npm:^1.0.0"
+  checksum: 10/5afc3dafcd1573b08877ca8e6148c52abd565f1d06b1eb08caf982e3fa289a82f2cae697ffb55b5021e146d60443f1590a5d6b944844e944714a5b549675bcd3
+  languageName: node
+  linkType: hard
+
+"object-assign@npm:^4, object-assign@npm:^4.1.1":
+  version: 4.1.1
+  resolution: "object-assign@npm:4.1.1"
+  checksum: 10/fcc6e4ea8c7fe48abfbb552578b1c53e0d194086e2e6bbbf59e0a536381a292f39943c6e9628af05b5528aa5e3318bb30d6b2e53cadaf5b8fe9e12c4b69af23f
+  languageName: node
+  linkType: hard
+
+"object-inspect@npm:^1.13.1":
+  version: 1.13.2
+  resolution: "object-inspect@npm:1.13.2"
+  checksum: 10/7ef65583b6397570a17c56f0c1841e0920e83900f2c94638927abb7b81ac08a19c7aae135bd9dcca96208cac0c7332b4650fb927f027b0cf92d71df2990d0561
+  languageName: node
+  linkType: hard
+
+"on-finished@npm:2.4.1":
+  version: 2.4.1
+  resolution: "on-finished@npm:2.4.1"
+  dependencies:
+    ee-first: "npm:1.1.1"
+  checksum: 10/8e81472c5028125c8c39044ac4ab8ba51a7cdc19a9fbd4710f5d524a74c6d8c9ded4dd0eed83f28d3d33ac1d7a6a439ba948ccb765ac6ce87f30450a26bfe2ea
+  languageName: node
+  linkType: hard
+
+"on-finished@npm:~2.3.0":
+  version: 2.3.0
+  resolution: "on-finished@npm:2.3.0"
+  dependencies:
+    ee-first: "npm:1.1.1"
+  checksum: 10/1db595bd963b0124d6fa261d18320422407b8f01dc65863840f3ddaaf7bcad5b28ff6847286703ca53f4ec19595bd67a2f1253db79fc4094911ec6aa8df1671b
+  languageName: node
+  linkType: hard
+
+"on-headers@npm:~1.0.2":
+  version: 1.0.2
+  resolution: "on-headers@npm:1.0.2"
+  checksum: 10/870766c16345855e2012e9422ba1ab110c7e44ad5891a67790f84610bd70a72b67fdd71baf497295f1d1bf38dd4c92248f825d48729c53c0eae5262fb69fa171
+  languageName: node
+  linkType: hard
+
+"p-limit@npm:^2.0.0":
+  version: 2.3.0
+  resolution: "p-limit@npm:2.3.0"
+  dependencies:
+    p-try: "npm:^2.0.0"
+  checksum: 10/84ff17f1a38126c3314e91ecfe56aecbf36430940e2873dadaa773ffe072dc23b7af8e46d4b6485d302a11673fe94c6b67ca2cfbb60c989848b02100d0594ac1
+  languageName: node
+  linkType: hard
+
+"p-locate@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "p-locate@npm:3.0.0"
+  dependencies:
+    p-limit: "npm:^2.0.0"
+  checksum: 10/83991734a9854a05fe9dbb29f707ea8a0599391f52daac32b86f08e21415e857ffa60f0e120bfe7ce0cc4faf9274a50239c7895fc0d0579d08411e513b83a4ae
+  languageName: node
+  linkType: hard
+
+"p-map@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "p-map@npm:4.0.0"
+  dependencies:
+    aggregate-error: "npm:^3.0.0"
+  checksum: 10/7ba4a2b1e24c05e1fc14bbaea0fc6d85cf005ae7e9c9425d4575550f37e2e584b1af97bcde78eacd7559208f20995988d52881334db16cf77bc1bcf68e48ed7c
+  languageName: node
+  linkType: hard
+
+"p-try@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "p-try@npm:2.2.0"
+  checksum: 10/f8a8e9a7693659383f06aec604ad5ead237c7a261c18048a6e1b5b85a5f8a067e469aa24f5bc009b991ea3b058a87f5065ef4176793a200d4917349881216cae
+  languageName: node
+  linkType: hard
+
+"package-json-from-dist@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "package-json-from-dist@npm:1.0.0"
+  checksum: 10/ac706ec856a5a03f5261e4e48fa974f24feb044d51f84f8332e2af0af04fbdbdd5bbbfb9cbbe354190409bc8307c83a9e38c6672c3c8855f709afb0006a009ea
+  languageName: node
+  linkType: hard
+
+"param-case@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "param-case@npm:3.0.4"
+  dependencies:
+    dot-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/b34227fd0f794e078776eb3aa6247442056cb47761e9cd2c4c881c86d84c64205f6a56ef0d70b41ee7d77da02c3f4ed2f88e3896a8fefe08bdfb4deca037c687
+  languageName: node
+  linkType: hard
+
+"parent-module@npm:^1.0.0":
+  version: 1.0.1
+  resolution: "parent-module@npm:1.0.1"
+  dependencies:
+    callsites: "npm:^3.0.0"
+  checksum: 10/6ba8b255145cae9470cf5551eb74be2d22281587af787a2626683a6c20fbb464978784661478dd2a3f1dad74d1e802d403e1b03c1a31fab310259eec8ac560ff
+  languageName: node
+  linkType: hard
+
+"parse-json@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "parse-json@npm:4.0.0"
+  dependencies:
+    error-ex: "npm:^1.3.1"
+    json-parse-better-errors: "npm:^1.0.1"
+  checksum: 10/0fe227d410a61090c247e34fa210552b834613c006c2c64d9a05cfe9e89cf8b4246d1246b1a99524b53b313e9ac024438d0680f67e33eaed7e6f38db64cfe7b5
+  languageName: node
+  linkType: hard
+
+"parse-json@npm:^5.0.0":
+  version: 5.2.0
+  resolution: "parse-json@npm:5.2.0"
+  dependencies:
+    "@babel/code-frame": "npm:^7.0.0"
+    error-ex: "npm:^1.3.1"
+    json-parse-even-better-errors: "npm:^2.3.0"
+    lines-and-columns: "npm:^1.1.6"
+  checksum: 10/62085b17d64da57f40f6afc2ac1f4d95def18c4323577e1eced571db75d9ab59b297d1d10582920f84b15985cbfc6b6d450ccbf317644cfa176f3ed982ad87e2
+  languageName: node
+  linkType: hard
+
+"parseurl@npm:~1.3.3":
+  version: 1.3.3
+  resolution: "parseurl@npm:1.3.3"
+  checksum: 10/407cee8e0a3a4c5cd472559bca8b6a45b82c124e9a4703302326e9ab60fc1081442ada4e02628efef1eb16197ddc7f8822f5a91fd7d7c86b51f530aedb17dfa2
+  languageName: node
+  linkType: hard
+
+"pascal-case@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "pascal-case@npm:3.1.2"
+  dependencies:
+    no-case: "npm:^3.0.4"
+    tslib: "npm:^2.0.3"
+  checksum: 10/ba98bfd595fc91ef3d30f4243b1aee2f6ec41c53b4546bfa3039487c367abaa182471dcfc830a1f9e1a0df00c14a370514fa2b3a1aacc68b15a460c31116873e
+  languageName: node
+  linkType: hard
+
+"path-browserify@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "path-browserify@npm:1.0.1"
+  checksum: 10/7e7368a5207e7c6b9051ef045711d0dc3c2b6203e96057e408e6e74d09f383061010d2be95cb8593fe6258a767c3e9fc6b2bfc7ce8d48ae8c3d9f6994cca9ad8
+  languageName: node
+  linkType: hard
+
+"path-exists@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "path-exists@npm:3.0.0"
+  checksum: 10/96e92643aa34b4b28d0de1cd2eba52a1c5313a90c6542d03f62750d82480e20bfa62bc865d5cfc6165f5fcd5aeb0851043c40a39be5989646f223300021bae0a
+  languageName: node
+  linkType: hard
+
+"path-key@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "path-key@npm:3.1.1"
+  checksum: 10/55cd7a9dd4b343412a8386a743f9c746ef196e57c823d90ca3ab917f90ab9f13dd0ded27252ba49dbdfcab2b091d998bc446f6220cd3cea65db407502a740020
+  languageName: node
+  linkType: hard
+
+"path-parse@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "path-parse@npm:1.0.7"
+  checksum: 10/49abf3d81115642938a8700ec580da6e830dde670be21893c62f4e10bd7dd4c3742ddc603fe24f898cba7eb0c6bc1777f8d9ac14185d34540c6d4d80cd9cae8a
+  languageName: node
+  linkType: hard
+
+"path-scurry@npm:^1.11.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
+  dependencies:
+    lru-cache: "npm:^10.2.0"
+    minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
+  checksum: 10/5e8845c159261adda6f09814d7725683257fcc85a18f329880ab4d7cc1d12830967eae5d5894e453f341710d5484b8fdbbd4d75181b4d6e1eb2f4dc7aeadc434
+  languageName: node
+  linkType: hard
+
+"path-to-regexp@npm:0.1.7":
+  version: 0.1.7
+  resolution: "path-to-regexp@npm:0.1.7"
+  checksum: 10/701c99e1f08e3400bea4d701cf6f03517474bb1b608da71c78b1eb261415b645c5670dfae49808c89e12cea2dccd113b069f040a80de012da0400191c6dbd1c8
+  languageName: node
+  linkType: hard
+
+"path-type@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "path-type@npm:4.0.0"
+  checksum: 10/5b1e2daa247062061325b8fdbfd1fb56dde0a448fb1455453276ea18c60685bdad23a445dc148cf87bc216be1573357509b7d4060494a6fd768c7efad833ee45
+  languageName: node
+  linkType: hard
+
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "picocolors@npm:1.0.1"
+  checksum: 10/fa68166d1f56009fc02a34cdfd112b0dd3cf1ef57667ac57281f714065558c01828cdf4f18600ad6851cbe0093952ed0660b1e0156bddf2184b6aaf5817553a5
+  languageName: node
+  linkType: hard
+
+"picomatch@npm:^2.0.4, picomatch@npm:^2.2.1":
+  version: 2.3.1
+  resolution: "picomatch@npm:2.3.1"
+  checksum: 10/60c2595003b05e4535394d1da94850f5372c9427ca4413b71210f437f7b2ca091dbd611c45e8b37d10036fa8eade25c1b8951654f9d3973bfa66a2ff4d3b08bc
+  languageName: node
+  linkType: hard
+
+"pify@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pify@npm:3.0.0"
+  checksum: 10/668c1dc8d9fc1b34b9ce3b16ba59deb39d4dc743527bf2ed908d2b914cb8ba40aa5ba6960b27c417c241531c5aafd0598feeac2d50cb15278cf9863fa6b02a77
+  languageName: node
+  linkType: hard
+
+"polished@npm:^4.2.2":
+  version: 4.3.1
+  resolution: "polished@npm:4.3.1"
+  dependencies:
+    "@babel/runtime": "npm:^7.17.8"
+  checksum: 10/0902fe2eb16aecde1587a00efee7db8081b1331ac7bcfb6e61214d266388723a84858d732ad9395028e0aecd2bb8d0c39cc03d14b4c24c22329a0e40c38141eb
+  languageName: node
+  linkType: hard
+
+"possible-typed-array-names@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "possible-typed-array-names@npm:1.0.0"
+  checksum: 10/8ed3e96dfeea1c5880c1f4c9cb707e5fb26e8be22f14f82ef92df20fd2004e635c62ba47fbe8f2bb63bfd80dac1474be2fb39798da8c2feba2815435d1f749af
+  languageName: node
+  linkType: hard
+
+"postcss-modules-extract-imports@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "postcss-modules-extract-imports@npm:3.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/00bfd3aff045fc13ded8e3bbfd8dfc73eff9a9708db1b2a132266aef6544c8d2aee7a5d7e021885f6f9bbd5565a9a9ab52990316e21ad9468a2534f87df8e849
+  languageName: node
+  linkType: hard
+
+"postcss-modules-local-by-default@npm:^4.0.5":
+  version: 4.0.5
+  resolution: "postcss-modules-local-by-default@npm:4.0.5"
+  dependencies:
+    icss-utils: "npm:^5.0.0"
+    postcss-selector-parser: "npm:^6.0.2"
+    postcss-value-parser: "npm:^4.1.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/b08b01aa7f3d1a80bb1a5508ba3a208578fdd2fb6e54e5613fac244a4e014aa7ca639a614859fec93b399e5a6f86938f7690ca60f7e57c4e35b75621d3c07734
+  languageName: node
+  linkType: hard
+
+"postcss-modules-scope@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "postcss-modules-scope@npm:3.2.0"
+  dependencies:
+    postcss-selector-parser: "npm:^6.0.4"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/17c293ad13355ba456498aa5815ddb7a4a736f7b781d89b294e1602a53b8d0e336131175f82460e290a0d672642f9039540042edc361d9000b682c44e766925b
+  languageName: node
+  linkType: hard
+
+"postcss-modules-values@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "postcss-modules-values@npm:4.0.0"
+  dependencies:
+    icss-utils: "npm:^5.0.0"
+  peerDependencies:
+    postcss: ^8.1.0
+  checksum: 10/18021961a494e69e65da9e42b4436144c9ecee65845c9bfeff2b7a26ea73d60762f69e288be8bb645447965b8fd6b26a264771136810dc0172bd31b940aee4f2
+  languageName: node
+  linkType: hard
+
+"postcss-selector-parser@npm:^6.0.2, postcss-selector-parser@npm:^6.0.4":
+  version: 6.1.1
+  resolution: "postcss-selector-parser@npm:6.1.1"
+  dependencies:
+    cssesc: "npm:^3.0.0"
+    util-deprecate: "npm:^1.0.2"
+  checksum: 10/ce2af36b56d9333a6873498d3b6ee858466ceb3e9560f998eeaf294e5c11cafffb122d307f3c2904ee8f87d12c71c5ab0b26ca4228b97b6c70b7d1e7cd9b5737
+  languageName: node
+  linkType: hard
+
+"postcss-value-parser@npm:^4.1.0, postcss-value-parser@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "postcss-value-parser@npm:4.2.0"
+  checksum: 10/e4e4486f33b3163a606a6ed94f9c196ab49a37a7a7163abfcd469e5f113210120d70b8dd5e33d64636f41ad52316a3725655421eb9a1094f1bcab1db2f555c62
+  languageName: node
+  linkType: hard
+
+"postcss@npm:^8.4.33":
+  version: 8.4.41
+  resolution: "postcss@npm:8.4.41"
+  dependencies:
+    nanoid: "npm:^3.3.7"
+    picocolors: "npm:^1.0.1"
+    source-map-js: "npm:^1.2.0"
+  checksum: 10/6e6176c2407eff60493ca60a706c6b7def20a722c3adda94ea1ece38345eb99964191336fd62b62652279cec6938e79e0b1e1d477142c8d3516e7a725a74ee37
+  languageName: node
+  linkType: hard
+
+"pretty-error@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "pretty-error@npm:4.0.0"
+  dependencies:
+    lodash: "npm:^4.17.20"
+    renderkid: "npm:^3.0.0"
+  checksum: 10/0212ad8742f8bb6f412f95b07d7f6874c55514ac4384f4f7de0defe77e767cca99f667c2316529f62a041fa654194a99c1ee7e321e1b7f794b5cc700777634d6
+  languageName: node
+  linkType: hard
+
+"proc-log@npm:^4.1.0, proc-log@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "proc-log@npm:4.2.0"
+  checksum: 10/4e1394491b717f6c1ade15c570ecd4c2b681698474d3ae2d303c1e4b6ab9455bd5a81566211e82890d5a5ae9859718cc6954d5150bb18b09b72ecb297beae90a
+  languageName: node
+  linkType: hard
+
+"process@npm:^0.11.10":
+  version: 0.11.10
+  resolution: "process@npm:0.11.10"
+  checksum: 10/dbaa7e8d1d5cf375c36963ff43116772a989ef2bb47c9bdee20f38fd8fc061119cf38140631cf90c781aca4d3f0f0d2c834711952b728953f04fd7d238f59f5b
+  languageName: node
+  linkType: hard
+
+"promise-retry@npm:^2.0.1":
+  version: 2.0.1
+  resolution: "promise-retry@npm:2.0.1"
+  dependencies:
+    err-code: "npm:^2.0.2"
+    retry: "npm:^0.12.0"
+  checksum: 10/96e1a82453c6c96eef53a37a1d6134c9f2482f94068f98a59145d0986ca4e497bf110a410adf73857e588165eab3899f0ebcf7b3890c1b3ce802abc0d65967d4
+  languageName: node
+  linkType: hard
+
+"promise@npm:^7.0.1":
+  version: 7.3.1
+  resolution: "promise@npm:7.3.1"
+  dependencies:
+    asap: "npm:~2.0.3"
+  checksum: 10/37dbe58ca7b0716cc881f0618128f1fd6ff9c46cdc529a269fd70004e567126a449a94e9428e2d19b53d06182d11b45d0c399828f103e06b2bb87643319bd2e7
+  languageName: node
+  linkType: hard
+
+"proxy-addr@npm:~2.0.7":
+  version: 2.0.7
+  resolution: "proxy-addr@npm:2.0.7"
+  dependencies:
+    forwarded: "npm:0.2.0"
+    ipaddr.js: "npm:1.9.1"
+  checksum: 10/f24a0c80af0e75d31e3451398670d73406ec642914da11a2965b80b1898ca6f66a0e3e091a11a4327079b2b268795f6fa06691923fef91887215c3d0e8ea3f68
+  languageName: node
+  linkType: hard
+
+"pstree.remy@npm:^1.1.8":
+  version: 1.1.8
+  resolution: "pstree.remy@npm:1.1.8"
+  checksum: 10/ef13b1b5896b35f67dbd4fb7ba54bb2a5da1a5c317276cbad4bcad4159bf8f7b5e1748dc244bf36865f3d560d2fc952521581280a91468c9c2df166cc760c8c1
+  languageName: node
+  linkType: hard
+
+"pug-attrs@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pug-attrs@npm:3.0.0"
+  dependencies:
+    constantinople: "npm:^4.0.1"
+    js-stringify: "npm:^1.0.2"
+    pug-runtime: "npm:^3.0.0"
+  checksum: 10/2ca2d34de3065239f01f0fc3c0e104c17f7a7105684d088bb71df623005a45f40a2301e65f49ec4581bb31794c74e691862643d4e34062d1509e92fa56a15aa5
+  languageName: node
+  linkType: hard
+
+"pug-code-gen@npm:^3.0.3":
+  version: 3.0.3
+  resolution: "pug-code-gen@npm:3.0.3"
+  dependencies:
+    constantinople: "npm:^4.0.1"
+    doctypes: "npm:^1.1.0"
+    js-stringify: "npm:^1.0.2"
+    pug-attrs: "npm:^3.0.0"
+    pug-error: "npm:^2.1.0"
+    pug-runtime: "npm:^3.0.1"
+    void-elements: "npm:^3.1.0"
+    with: "npm:^7.0.0"
+  checksum: 10/1918b2a75794b730ee29fc2278658ff2ccb74445742c175c55b18e414cf038e5ac5802e71db070b08f92c5304a66e141dc2261e401be4d5884f1c0bcfb3194ee
+  languageName: node
+  linkType: hard
+
+"pug-error@npm:^2.0.0, pug-error@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "pug-error@npm:2.1.0"
+  checksum: 10/9aefacfa156f0eb439ddab86c7136f998a532481a80665c9fb6b998afeea5bc8c4f83eb6ad8a4c7804c44927737df913b768b713995e6892112bbc05762e5415
+  languageName: node
+  linkType: hard
+
+"pug-filters@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "pug-filters@npm:4.0.0"
+  dependencies:
+    constantinople: "npm:^4.0.1"
+    jstransformer: "npm:1.0.0"
+    pug-error: "npm:^2.0.0"
+    pug-walk: "npm:^2.0.0"
+    resolve: "npm:^1.15.1"
+  checksum: 10/ca8b7ffede57d13679ec8c3ee2791feabb7ab3972e02f16fffe328ab9de42961758c3115b0536b2e6cf14a4dc2b2381a172adba84423be4137298fd59ff92853
+  languageName: node
+  linkType: hard
+
+"pug-lexer@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "pug-lexer@npm:5.0.1"
+  dependencies:
+    character-parser: "npm:^2.2.0"
+    is-expression: "npm:^4.0.0"
+    pug-error: "npm:^2.0.0"
+  checksum: 10/18d74a2dfbee892a71ca973e72be60acc36a30b5b7325e2cd723691779e505bfecd2206453b09c2b7f868af9ec0204ed4ea7a26c2a835172a22618b350b6aeb1
+  languageName: node
+  linkType: hard
+
+"pug-linker@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "pug-linker@npm:4.0.0"
+  dependencies:
+    pug-error: "npm:^2.0.0"
+    pug-walk: "npm:^2.0.0"
+  checksum: 10/423f62e8600fb66c785ef4e11d9a7833a959677d67443980fd66248da56cebed0a8867f7aa78dc5631803cd1ce71a00b0abf78229b2a2d2ec8779a8b3afb5079
+  languageName: node
+  linkType: hard
+
+"pug-load@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "pug-load@npm:3.0.0"
+  dependencies:
+    object-assign: "npm:^4.1.1"
+    pug-walk: "npm:^2.0.0"
+  checksum: 10/1800ec51994c92338401bcf79bbfa0d5ef9aa312bc415c2618263d6c04d1d7c5be5ac4a333c47a0eaa823f6231b4ade1a1c40f5784b99eb576d25853597bff2f
+  languageName: node
+  linkType: hard
+
+"pug-parser@npm:^6.0.0":
+  version: 6.0.0
+  resolution: "pug-parser@npm:6.0.0"
+  dependencies:
+    pug-error: "npm:^2.0.0"
+    token-stream: "npm:1.0.0"
+  checksum: 10/4c23e154ea2c8c4355ee0291fefa7210f24beecff7c4af2d1e8b7e86ce2923d3213f31bbd9e33bd6703c25ea625dc6494a2ca68a21dcb105b5ac9204248cf4a8
+  languageName: node
+  linkType: hard
+
+"pug-runtime@npm:^3.0.0, pug-runtime@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "pug-runtime@npm:3.0.1"
+  checksum: 10/d34ee1b95121576bd389dccd2f6d7dc6fb0bf24963d2b7d1471795d35d8fba90ee8e16c2e022084bdc2f2cfbd56aaa2f452ea872135baf54dbb54a0d5aedd856
+  languageName: node
+  linkType: hard
+
+"pug-strip-comments@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "pug-strip-comments@npm:2.0.0"
+  dependencies:
+    pug-error: "npm:^2.0.0"
+  checksum: 10/2cfcbf506c14bb3e64204a1d93f12ca61658d2540475b0f0911c35531ad28421e8d1e73a646d841d58cfa2c20f8593c52e492dfe5b6bec968e20b614e4dea1e4
+  languageName: node
+  linkType: hard
+
+"pug-walk@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "pug-walk@npm:2.0.0"
+  checksum: 10/bee64e133b711e1ed58022c0869b59e62f9f3ebb7084293857f074120b3cb588e7b8f74c4566426bf2b26dc1ec176ca6b64a2d1e53782f3fbbe039c5d4816638
+  languageName: node
+  linkType: hard
+
+"pug@npm:^3.0.0":
+  version: 3.0.3
+  resolution: "pug@npm:3.0.3"
+  dependencies:
+    pug-code-gen: "npm:^3.0.3"
+    pug-filters: "npm:^4.0.0"
+    pug-lexer: "npm:^5.0.1"
+    pug-linker: "npm:^4.0.0"
+    pug-load: "npm:^3.0.0"
+    pug-parser: "npm:^6.0.0"
+    pug-runtime: "npm:^3.0.1"
+    pug-strip-comments: "npm:^2.0.0"
+  checksum: 10/a88364757512e3b9af024c008f23b910de049659655b5d9e6ca42f996d7849ce1aab059f61e2d44ccce0dde5ff291995682338c285e9f76f3e5bfa02de9c481b
+  languageName: node
+  linkType: hard
+
+"punycode@npm:^1.4.1":
+  version: 1.4.1
+  resolution: "punycode@npm:1.4.1"
+  checksum: 10/af2700dde1a116791ff8301348ff344c47d6c224e875057237d1b5112035655fb07a6175cfdb8bf0e3a8cdfd2dc82b3a622e0aefd605566c0e949a6d0d1256a4
+  languageName: node
+  linkType: hard
+
+"punycode@npm:^2.1.0":
+  version: 2.3.1
+  resolution: "punycode@npm:2.3.1"
+  checksum: 10/febdc4362bead22f9e2608ff0171713230b57aff9dddc1c273aa2a651fbd366f94b7d6a71d78342a7c0819906750351ca7f2edd26ea41b626d87d6a13d1bd059
+  languageName: node
+  linkType: hard
+
+"qs@npm:6.11.0":
+  version: 6.11.0
+  resolution: "qs@npm:6.11.0"
+  dependencies:
+    side-channel: "npm:^1.0.4"
+  checksum: 10/5a3bfea3e2f359ede1bfa5d2f0dbe54001aa55e40e27dc3e60fab814362d83a9b30758db057c2011b6f53a2d4e4e5150194b5bac45372652aecb3e3c0d4b256e
+  languageName: node
+  linkType: hard
+
+"qs@npm:^6.12.3":
+  version: 6.13.0
+  resolution: "qs@npm:6.13.0"
+  dependencies:
+    side-channel: "npm:^1.0.6"
+  checksum: 10/f548b376e685553d12e461409f0d6e5c59ec7c7d76f308e2a888fd9db3e0c5e89902bedd0754db3a9038eda5f27da2331a6f019c8517dc5e0a16b3c9a6e9cef8
+  languageName: node
+  linkType: hard
+
+"randombytes@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "randombytes@npm:2.1.0"
+  dependencies:
+    safe-buffer: "npm:^5.1.0"
+  checksum: 10/4efd1ad3d88db77c2d16588dc54c2b52fd2461e70fe5724611f38d283857094fe09040fa2c9776366803c3152cf133171b452ef717592b65631ce5dc3a2bdafc
+  languageName: node
+  linkType: hard
+
+"range-parser@npm:^1.2.1, range-parser@npm:~1.2.1":
+  version: 1.2.1
+  resolution: "range-parser@npm:1.2.1"
+  checksum: 10/ce21ef2a2dd40506893157970dc76e835c78cf56437e26e19189c48d5291e7279314477b06ac38abd6a401b661a6840f7b03bd0b1249da9b691deeaa15872c26
+  languageName: node
+  linkType: hard
+
+"raw-body@npm:2.5.2":
+  version: 2.5.2
+  resolution: "raw-body@npm:2.5.2"
+  dependencies:
+    bytes: "npm:3.1.2"
+    http-errors: "npm:2.0.0"
+    iconv-lite: "npm:0.4.24"
+    unpipe: "npm:1.0.0"
+  checksum: 10/863b5171e140546a4d99f349b720abac4410338e23df5e409cfcc3752538c9caf947ce382c89129ba976f71894bd38b5806c774edac35ebf168d02aa1ac11a95
+  languageName: node
+  linkType: hard
+
+"read-pkg@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "read-pkg@npm:4.0.1"
+  dependencies:
+    normalize-package-data: "npm:^2.3.2"
+    parse-json: "npm:^4.0.0"
+    pify: "npm:^3.0.0"
+  checksum: 10/164d0e100400e874e1c165bf71934f407db92ae7f2be7c9e61db85917c9b0e1b7be9d1ce97cb282baa0386ce6b79e33a69d4e35cad5cb64561f6d126c547037d
+  languageName: node
+  linkType: hard
+
+"readdirp@npm:~3.6.0":
+  version: 3.6.0
+  resolution: "readdirp@npm:3.6.0"
+  dependencies:
+    picomatch: "npm:^2.2.1"
+  checksum: 10/196b30ef6ccf9b6e18c4e1724b7334f72a093d011a99f3b5920470f0b3406a51770867b3e1ae9711f227ef7a7065982f6ee2ce316746b2cb42c88efe44297fe7
+  languageName: node
+  linkType: hard
+
+"recast@npm:^0.23.5":
+  version: 0.23.9
+  resolution: "recast@npm:0.23.9"
+  dependencies:
+    ast-types: "npm:^0.16.1"
+    esprima: "npm:~4.0.0"
+    source-map: "npm:~0.6.1"
+    tiny-invariant: "npm:^1.3.3"
+    tslib: "npm:^2.0.1"
+  checksum: 10/d60584be179d81a82fbe58b5bbe009aa42831ee114a21a3e3a22bda91334e0b8a1a4610dca8ecb7f9ea1426da4febc08134d3003085ad6ecee478d1808eb8796
+  languageName: node
+  linkType: hard
+
+"regenerator-runtime@npm:^0.14.0":
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 10/5db3161abb311eef8c45bcf6565f4f378f785900ed3945acf740a9888c792f75b98ecb77f0775f3bf95502ff423529d23e94f41d80c8256e8fa05ed4b07cf471
+  languageName: node
+  linkType: hard
+
+"relateurl@npm:^0.2.7":
+  version: 0.2.7
+  resolution: "relateurl@npm:0.2.7"
+  checksum: 10/f5d6ba58f2a5d5076389090600c243a0ba7072bcf347490a09e4241e2427ccdb260b4e22cea7be4f1fcd3c2bf05908b1e0d0bc9605e3199d4ecf37af1d5681fa
+  languageName: node
+  linkType: hard
+
+"renderkid@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "renderkid@npm:3.0.0"
+  dependencies:
+    css-select: "npm:^4.1.3"
+    dom-converter: "npm:^0.2.0"
+    htmlparser2: "npm:^6.1.0"
+    lodash: "npm:^4.17.21"
+    strip-ansi: "npm:^6.0.1"
+  checksum: 10/434bd56d9930dd344bcba3ef7683f3dd893396b6bc7e8caa551a4cacbe75a9466dc6cf3d75bc324a5979278a73ef968d7854f8f660dbf1a52c38a73f1fb59b20
+  languageName: node
+  linkType: hard
+
+"require-directory@npm:^2.1.1":
+  version: 2.1.1
+  resolution: "require-directory@npm:2.1.1"
+  checksum: 10/a72468e2589270d91f06c7d36ec97a88db53ae5d6fe3787fadc943f0b0276b10347f89b363b2a82285f650bdcc135ad4a257c61bdd4d00d6df1fa24875b0ddaf
+  languageName: node
+  linkType: hard
+
+"require-from-string@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "require-from-string@npm:2.0.2"
+  checksum: 10/839a3a890102a658f4cb3e7b2aa13a1f80a3a976b512020c3d1efc418491c48a886b6e481ea56afc6c4cb5eef678f23b2a4e70575e7534eccadf5e30ed2e56eb
+  languageName: node
+  linkType: hard
+
+"require-main-filename@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "require-main-filename@npm:2.0.0"
+  checksum: 10/8604a570c06a69c9d939275becc33a65676529e1c3e5a9f42d58471674df79357872b96d70bb93a0380a62d60dc9031c98b1a9dad98c946ffdd61b7ac0c8cedd
+  languageName: node
+  linkType: hard
+
+"resolve-from@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "resolve-from@npm:4.0.0"
+  checksum: 10/91eb76ce83621eea7bbdd9b55121a5c1c4a39e54a9ce04a9ad4517f102f8b5131c2cf07622c738a6683991bf54f2ce178f5a42803ecbd527ddc5105f362cc9e3
+  languageName: node
+  linkType: hard
+
+"resolve@npm:^1.10.0, resolve@npm:^1.15.1":
+  version: 1.22.8
+  resolution: "resolve@npm:1.22.8"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/c473506ee01eb45cbcfefb68652ae5759e092e6b0fb64547feadf9736a6394f258fbc6f88e00c5ca36d5477fbb65388b272432a3600fa223062e54333c156753
+  languageName: node
+  linkType: hard
+
+"resolve@patch:resolve@npm%3A^1.10.0#optional!builtin<compat/resolve>, resolve@patch:resolve@npm%3A^1.15.1#optional!builtin<compat/resolve>":
+  version: 1.22.8
+  resolution: "resolve@patch:resolve@npm%3A1.22.8#optional!builtin<compat/resolve>::version=1.22.8&hash=c3c19d"
+  dependencies:
+    is-core-module: "npm:^2.13.0"
+    path-parse: "npm:^1.0.7"
+    supports-preserve-symlinks-flag: "npm:^1.0.0"
+  bin:
+    resolve: bin/resolve
+  checksum: 10/f345cd37f56a2c0275e3fe062517c650bb673815d885e7507566df589375d165bbbf4bdb6aa95600a9bc55f4744b81f452b5a63f95b9f10a72787dba3c90890a
+  languageName: node
+  linkType: hard
+
+"retry@npm:^0.12.0":
+  version: 0.12.0
+  resolution: "retry@npm:0.12.0"
+  checksum: 10/1f914879f97e7ee931ad05fe3afa629bd55270fc6cf1c1e589b6a99fab96d15daad0fa1a52a00c729ec0078045fe3e399bd4fd0c93bcc906957bdc17f89cb8e6
+  languageName: node
+  linkType: hard
+
+"rxjs@npm:^6.5.2":
+  version: 6.6.7
+  resolution: "rxjs@npm:6.6.7"
+  dependencies:
+    tslib: "npm:^1.9.0"
+  checksum: 10/c8263ebb20da80dd7a91c452b9e96a178331f402344bbb40bc772b56340fcd48d13d1f545a1e3d8e464893008c5e306cc42a1552afe0d562b1a6d4e1e6262b03
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:5.1.2":
+  version: 5.1.2
+  resolution: "safe-buffer@npm:5.1.2"
+  checksum: 10/7eb5b48f2ed9a594a4795677d5a150faa7eb54483b2318b568dc0c4fc94092a6cce5be02c7288a0500a156282f5276d5688bce7259299568d1053b2150ef374a
+  languageName: node
+  linkType: hard
+
+"safe-buffer@npm:5.2.1, safe-buffer@npm:^5.1.0":
+  version: 5.2.1
+  resolution: "safe-buffer@npm:5.2.1"
+  checksum: 10/32872cd0ff68a3ddade7a7617b8f4c2ae8764d8b7d884c651b74457967a9e0e886267d3ecc781220629c44a865167b61c375d2da6c720c840ecd73f45d5d9451
+  languageName: node
+  linkType: hard
+
+"safe-identifier@npm:^0.4.1":
+  version: 0.4.2
+  resolution: "safe-identifier@npm:0.4.2"
+  checksum: 10/c2697c0d2fe128aa5f5faa7bd3ccf02d06ba937cdff9b2f65afb247e222a1505fc414a3b6a04d2a6a71bb5a84b8bc345edc408fabc8afc498f04e367ddc02366
+  languageName: node
+  linkType: hard
+
+"safer-buffer@npm:>= 2.1.2 < 3, safer-buffer@npm:>= 2.1.2 < 3.0.0":
+  version: 2.1.2
+  resolution: "safer-buffer@npm:2.1.2"
+  checksum: 10/7eaf7a0cf37cc27b42fb3ef6a9b1df6e93a1c6d98c6c6702b02fe262d5fcbd89db63320793b99b21cb5348097d0a53de81bd5f4e8b86e20cc9412e3f1cfb4e83
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^3.1.1, schema-utils@npm:^3.2.0":
+  version: 3.3.0
+  resolution: "schema-utils@npm:3.3.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.8"
+    ajv: "npm:^6.12.5"
+    ajv-keywords: "npm:^3.5.2"
+  checksum: 10/2c7bbb1da967fdfd320e6cea538949006ec6e8c13ea560a4f94ff2c56809a8486fa5ec419e023452501a6befe1ca381e409c2798c24f4993c7c4094d97fdb258
+  languageName: node
+  linkType: hard
+
+"schema-utils@npm:^4.0.0":
+  version: 4.2.0
+  resolution: "schema-utils@npm:4.2.0"
+  dependencies:
+    "@types/json-schema": "npm:^7.0.9"
+    ajv: "npm:^8.9.0"
+    ajv-formats: "npm:^2.1.1"
+    ajv-keywords: "npm:^5.1.0"
+  checksum: 10/808784735eeb153ab7f3f787f840aa3bc63f423d2a5a7e96c9e70a0e53d0bc62d7b37ea396fc598ce19196e4fb86a72f897154b7c6ce2358bbc426166f205e14
+  languageName: node
+  linkType: hard
+
+"semver@npm:2 || 3 || 4 || 5, semver@npm:^5.7.1":
+  version: 5.7.2
+  resolution: "semver@npm:5.7.2"
+  bin:
+    semver: bin/semver
+  checksum: 10/fca14418a174d4b4ef1fecb32c5941e3412d52a4d3d85165924ce3a47fbc7073372c26faf7484ceb4bbc2bde25880c6b97e492473dc7e9708fdfb1c6a02d546e
+  languageName: node
+  linkType: hard
+
+"semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.4, semver@npm:^7.6.2":
+  version: 7.6.3
+  resolution: "semver@npm:7.6.3"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/36b1fbe1a2b6f873559cd57b238f1094a053dbfd997ceeb8757d79d1d2089c56d1321b9f1069ce263dc64cfa922fa1d2ad566b39426fe1ac6c723c1487589e10
+  languageName: node
+  linkType: hard
+
+"semver@npm:~7.0.0":
+  version: 7.0.0
+  resolution: "semver@npm:7.0.0"
+  bin:
+    semver: bin/semver.js
+  checksum: 10/be264384c7c2f283d52a28cff172a4a25b99cc10f1481ece9479987e7145d197d3c00d8a0b2662316224fb346e97f770545126b0af88f94fee0292004cf809a1
+  languageName: node
+  linkType: hard
+
+"send@npm:0.18.0":
+  version: 0.18.0
+  resolution: "send@npm:0.18.0"
+  dependencies:
+    debug: "npm:2.6.9"
+    depd: "npm:2.0.0"
+    destroy: "npm:1.2.0"
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    etag: "npm:~1.8.1"
+    fresh: "npm:0.5.2"
+    http-errors: "npm:2.0.0"
+    mime: "npm:1.6.0"
+    ms: "npm:2.1.3"
+    on-finished: "npm:2.4.1"
+    range-parser: "npm:~1.2.1"
+    statuses: "npm:2.0.1"
+  checksum: 10/ec66c0ad109680ad8141d507677cfd8b4e40b9559de23191871803ed241718e99026faa46c398dcfb9250676076573bd6bfe5d0ec347f88f4b7b8533d1d391cb
+  languageName: node
+  linkType: hard
+
+"serialize-javascript@npm:^6.0.1":
+  version: 6.0.2
+  resolution: "serialize-javascript@npm:6.0.2"
+  dependencies:
+    randombytes: "npm:^2.1.0"
+  checksum: 10/445a420a6fa2eaee4b70cbd884d538e259ab278200a2ededd73253ada17d5d48e91fb1f4cd224a236ab62ea7ba0a70c6af29fc93b4f3d3078bf7da1c031fde58
+  languageName: node
+  linkType: hard
+
+"serve-static@npm:1.15.0":
+  version: 1.15.0
+  resolution: "serve-static@npm:1.15.0"
+  dependencies:
+    encodeurl: "npm:~1.0.2"
+    escape-html: "npm:~1.0.3"
+    parseurl: "npm:~1.3.3"
+    send: "npm:0.18.0"
+  checksum: 10/699b2d4c29807a51d9b5e0f24955346911437aebb0178b3c4833ad30d3eca93385ff9927254f5c16da345903cad39d9cd4a532198c95a5129cc4ed43911b15a4
+  languageName: node
+  linkType: hard
+
+"server-kitchen-sink@workspace:.":
+  version: 0.0.0-use.local
+  resolution: "server-kitchen-sink@workspace:."
+  dependencies:
+    "@storybook/addon-a11y": "npm:*"
+    "@storybook/addon-actions": "npm:*"
+    "@storybook/addon-backgrounds": "npm:*"
+    "@storybook/addon-controls": "npm:*"
+    "@storybook/addon-highlight": "npm:*"
+    "@storybook/addon-links": "npm:*"
+    "@storybook/server": "npm:*"
+    "@storybook/server-webpack5": "npm:*"
+    concurrently: "npm:^5.3.0"
+    cors: "npm:^2.8.5"
+    express: "npm:^4.19.2"
+    morgan: "npm:^1.10.0"
+    nodemon: "npm:^2.0.7"
+    pug: "npm:^3.0.0"
+    safe-identifier: "npm:^0.4.1"
+    storybook: "npm:*"
+  languageName: unknown
+  linkType: soft
+
+"set-blocking@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "set-blocking@npm:2.0.0"
+  checksum: 10/8980ebf7ae9eb945bb036b6e283c547ee783a1ad557a82babf758a065e2fb6ea337fd82cac30dd565c1e606e423f30024a19fff7afbf4977d784720c4026a8ef
+  languageName: node
+  linkType: hard
+
+"set-function-length@npm:^1.2.1":
+  version: 1.2.2
+  resolution: "set-function-length@npm:1.2.2"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10/505d62b8e088468917ca4e3f8f39d0e29f9a563b97dbebf92f4bd2c3172ccfb3c5b8e4566d5fcd00784a00433900e7cb8fbc404e2dbd8c3818ba05bb9d4a8a6d
+  languageName: node
+  linkType: hard
+
+"setprototypeof@npm:1.2.0":
+  version: 1.2.0
+  resolution: "setprototypeof@npm:1.2.0"
+  checksum: 10/fde1630422502fbbc19e6844346778f99d449986b2f9cdcceb8326730d2f3d9964dbcb03c02aaadaefffecd0f2c063315ebea8b3ad895914bf1afc1747fc172e
+  languageName: node
+  linkType: hard
+
+"shebang-command@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "shebang-command@npm:2.0.0"
+  dependencies:
+    shebang-regex: "npm:^3.0.0"
+  checksum: 10/6b52fe87271c12968f6a054e60f6bde5f0f3d2db483a1e5c3e12d657c488a15474121a1d55cd958f6df026a54374ec38a4a963988c213b7570e1d51575cea7fa
+  languageName: node
+  linkType: hard
+
+"shebang-regex@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "shebang-regex@npm:3.0.0"
+  checksum: 10/1a2bcae50de99034fcd92ad4212d8e01eedf52c7ec7830eedcf886622804fe36884278f2be8be0ea5fde3fd1c23911643a4e0f726c8685b61871c8908af01222
+  languageName: node
+  linkType: hard
+
+"side-channel@npm:^1.0.4, side-channel@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "side-channel@npm:1.0.6"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
+    object-inspect: "npm:^1.13.1"
+  checksum: 10/eb10944f38cebad8ad643dd02657592fa41273ce15b8bfa928d3291aff2d30c20ff777cfe908f76ccc4551ace2d1245822fdc576657cce40e9066c638ca8fa4d
+  languageName: node
+  linkType: hard
+
+"signal-exit@npm:^4.0.1":
+  version: 4.1.0
+  resolution: "signal-exit@npm:4.1.0"
+  checksum: 10/c9fa63bbbd7431066174a48ba2dd9986dfd930c3a8b59de9c29d7b6854ec1c12a80d15310869ea5166d413b99f041bfa3dd80a7947bcd44ea8e6eb3ffeabfa1f
+  languageName: node
+  linkType: hard
+
+"simple-update-notifier@npm:^1.0.7":
+  version: 1.1.0
+  resolution: "simple-update-notifier@npm:1.1.0"
+  dependencies:
+    semver: "npm:~7.0.0"
+  checksum: 10/0f9be259b33fe34b9ac949552c62b3d89ed020ec8e2f64d17cbd1c6c09bf38b4352198cb1871fe191a1566ef4722ef90232f2629ea836b63425d7586a8cfa3f2
+  languageName: node
+  linkType: hard
+
+"smart-buffer@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "smart-buffer@npm:4.2.0"
+  checksum: 10/927484aa0b1640fd9473cee3e0a0bcad6fce93fd7bbc18bac9ad0c33686f5d2e2c422fba24b5899c184524af01e11dd2bd051c2bf2b07e47aff8ca72cbfc60d2
+  languageName: node
+  linkType: hard
+
+"socks-proxy-agent@npm:^8.0.3":
+  version: 8.0.4
+  resolution: "socks-proxy-agent@npm:8.0.4"
+  dependencies:
+    agent-base: "npm:^7.1.1"
+    debug: "npm:^4.3.4"
+    socks: "npm:^2.8.3"
+  checksum: 10/c8e7c2b398338b49a0a0f4d2bae5c0602aeeca6b478b99415927b6c5db349ca258448f2c87c6958ebf83eea17d42cbc5d1af0bfecb276cac10b9658b0f07f7d7
+  languageName: node
+  linkType: hard
+
+"socks@npm:^2.8.3":
+  version: 2.8.3
+  resolution: "socks@npm:2.8.3"
+  dependencies:
+    ip-address: "npm:^9.0.5"
+    smart-buffer: "npm:^4.2.0"
+  checksum: 10/ffcb622c22481dfcd7589aae71fbfd71ca34334064d181df64bf8b7feaeee19706aba4cffd1de35cc7bbaeeaa0af96be2d7f40fcbc7bc0ab69533a7ae9ffc4fb
+  languageName: node
+  linkType: hard
+
+"source-map-js@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "source-map-js@npm:1.2.0"
+  checksum: 10/74f331cfd2d121c50790c8dd6d3c9de6be21926de80583b23b37029b0f37aefc3e019fa91f9a10a5e120c08135297e1ecf312d561459c45908cb1e0e365f49e5
+  languageName: node
+  linkType: hard
+
+"source-map-support@npm:~0.5.20":
+  version: 0.5.21
+  resolution: "source-map-support@npm:0.5.21"
+  dependencies:
+    buffer-from: "npm:^1.0.0"
+    source-map: "npm:^0.6.0"
+  checksum: 10/8317e12d84019b31e34b86d483dd41d6f832f389f7417faf8fc5c75a66a12d9686e47f589a0554a868b8482f037e23df9d040d29387eb16fa14cb85f091ba207
+  languageName: node
+  linkType: hard
+
+"source-map@npm:^0.6.0, source-map@npm:~0.6.0, source-map@npm:~0.6.1":
+  version: 0.6.1
+  resolution: "source-map@npm:0.6.1"
+  checksum: 10/59ef7462f1c29d502b3057e822cdbdae0b0e565302c4dd1a95e11e793d8d9d62006cdc10e0fd99163ca33ff2071360cf50ee13f90440806e7ed57d81cba2f7ff
+  languageName: node
+  linkType: hard
+
+"spawn-command@npm:^0.0.2-1":
+  version: 0.0.2
+  resolution: "spawn-command@npm:0.0.2"
+  checksum: 10/f13e8c3c63abd4a0b52fb567eba5f7940d480c5ed3ec61781d38a1850f179b1196c39e6efa2bbd301f82c1bf1cd7807abc8fbd8fc8e44bcaa3975a124c0d1657
+  languageName: node
+  linkType: hard
+
+"spdx-correct@npm:^3.0.0":
+  version: 3.2.0
+  resolution: "spdx-correct@npm:3.2.0"
+  dependencies:
+    spdx-expression-parse: "npm:^3.0.0"
+    spdx-license-ids: "npm:^3.0.0"
+  checksum: 10/cc2e4dbef822f6d12142116557d63f5facf3300e92a6bd24e907e4865e17b7e1abd0ee6b67f305cae6790fc2194175a24dc394bfcc01eea84e2bdad728e9ae9a
+  languageName: node
+  linkType: hard
+
+"spdx-exceptions@npm:^2.1.0":
+  version: 2.5.0
+  resolution: "spdx-exceptions@npm:2.5.0"
+  checksum: 10/bb127d6e2532de65b912f7c99fc66097cdea7d64c10d3ec9b5e96524dbbd7d20e01cba818a6ddb2ae75e62bb0c63d5e277a7e555a85cbc8ab40044984fa4ae15
+  languageName: node
+  linkType: hard
+
+"spdx-expression-parse@npm:^3.0.0":
+  version: 3.0.1
+  resolution: "spdx-expression-parse@npm:3.0.1"
+  dependencies:
+    spdx-exceptions: "npm:^2.1.0"
+    spdx-license-ids: "npm:^3.0.0"
+  checksum: 10/a1c6e104a2cbada7a593eaa9f430bd5e148ef5290d4c0409899855ce8b1c39652bcc88a725259491a82601159d6dc790bedefc9016c7472f7de8de7361f8ccde
+  languageName: node
+  linkType: hard
+
+"spdx-license-ids@npm:^3.0.0":
+  version: 3.0.18
+  resolution: "spdx-license-ids@npm:3.0.18"
+  checksum: 10/45fdbb50c4bbe364720ef0acd19f4fc1914d73ba1e2b1ce9db21ee12d7f9e8bf14336289f6ad3d5acac3dc5b91aafe61e9c652d5806b31cbb8518a14979a16ff
+  languageName: node
+  linkType: hard
+
+"sprintf-js@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "sprintf-js@npm:1.1.3"
+  checksum: 10/e7587128c423f7e43cc625fe2f87e6affdf5ca51c1cc468e910d8aaca46bb44a7fbcfa552f787b1d3987f7043aeb4527d1b99559e6621e01b42b3f45e5a24cbb
+  languageName: node
+  linkType: hard
+
+"ssri@npm:^10.0.0":
+  version: 10.0.6
+  resolution: "ssri@npm:10.0.6"
+  dependencies:
+    minipass: "npm:^7.0.3"
+  checksum: 10/f92c1b3cc9bfd0a925417412d07d999935917bc87049f43ebec41074661d64cf720315661844106a77da9f8204b6d55ae29f9514e673083cae39464343af2a8b
+  languageName: node
+  linkType: hard
+
+"statuses@npm:2.0.1":
+  version: 2.0.1
+  resolution: "statuses@npm:2.0.1"
+  checksum: 10/18c7623fdb8f646fb213ca4051be4df7efb3484d4ab662937ca6fbef7ced9b9e12842709872eb3020cc3504b93bde88935c9f6417489627a7786f24f8031cbcb
+  languageName: node
+  linkType: hard
+
+"storybook@file:../../code/lib/cli::locator=server-kitchen-sink%40workspace%3A.":
+  version: 8.3.0-alpha.4
+  resolution: "storybook@file:../../code/lib/cli#../../code/lib/cli::hash=63071b&locator=server-kitchen-sink%40workspace%3A."
+  dependencies:
+    "@storybook/core": "workspace:*"
+  bin:
+    getstorybook: ./bin/index.cjs
+    sb: ./bin/index.cjs
+    storybook: ./bin/index.cjs
+  checksum: 10/bacb299a5ac28e1c80632d93ec5d37f4be0338df109e0eb46cd13c1e311930bc70509abd647063d197e64a82c4a7ad6869e520fa1df992bc26612c854b0b4d82
+  languageName: node
+  linkType: hard
+
+"string-width-cjs@npm:string-width@^4.2.0, string-width@npm:^4.1.0":
+  version: 4.2.3
+  resolution: "string-width@npm:4.2.3"
+  dependencies:
+    emoji-regex: "npm:^8.0.0"
+    is-fullwidth-code-point: "npm:^3.0.0"
+    strip-ansi: "npm:^6.0.1"
+  checksum: 10/e52c10dc3fbfcd6c3a15f159f54a90024241d0f149cf8aed2982a2d801d2e64df0bf1dc351cf8e95c3319323f9f220c16e740b06faecd53e2462df1d2b5443fb
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^3.0.0, string-width@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "string-width@npm:3.1.0"
+  dependencies:
+    emoji-regex: "npm:^7.0.1"
+    is-fullwidth-code-point: "npm:^2.0.0"
+    strip-ansi: "npm:^5.1.0"
+  checksum: 10/57f7ca73d201682816d573dc68bd4bb8e1dff8dc9fcf10470fdfc3474135c97175fec12ea6a159e67339b41e86963112355b64529489af6e7e70f94a7caf08b2
+  languageName: node
+  linkType: hard
+
+"string-width@npm:^5.0.1, string-width@npm:^5.1.2":
+  version: 5.1.2
+  resolution: "string-width@npm:5.1.2"
+  dependencies:
+    eastasianwidth: "npm:^0.2.0"
+    emoji-regex: "npm:^9.2.2"
+    strip-ansi: "npm:^7.0.1"
+  checksum: 10/7369deaa29f21dda9a438686154b62c2c5f661f8dda60449088f9f980196f7908fc39fdd1803e3e01541970287cf5deae336798337e9319a7055af89dafa7193
+  languageName: node
+  linkType: hard
+
+"strip-ansi-cjs@npm:strip-ansi@^6.0.1, strip-ansi@npm:^6.0.0, strip-ansi@npm:^6.0.1":
+  version: 6.0.1
+  resolution: "strip-ansi@npm:6.0.1"
+  dependencies:
+    ansi-regex: "npm:^5.0.1"
+  checksum: 10/ae3b5436d34fadeb6096367626ce987057713c566e1e7768818797e00ac5d62023d0f198c4e681eae9e20701721980b26a64a8f5b91238869592a9c6800719a2
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^5.0.0, strip-ansi@npm:^5.1.0, strip-ansi@npm:^5.2.0":
+  version: 5.2.0
+  resolution: "strip-ansi@npm:5.2.0"
+  dependencies:
+    ansi-regex: "npm:^4.1.0"
+  checksum: 10/bdb5f76ade97062bd88e7723aa019adbfacdcba42223b19ccb528ffb9fb0b89a5be442c663c4a3fb25268eaa3f6ea19c7c3fbae830bd1562d55adccae1fcec46
+  languageName: node
+  linkType: hard
+
+"strip-ansi@npm:^7.0.1":
+  version: 7.1.0
+  resolution: "strip-ansi@npm:7.1.0"
+  dependencies:
+    ansi-regex: "npm:^6.0.1"
+  checksum: 10/475f53e9c44375d6e72807284024ac5d668ee1d06010740dec0b9744f2ddf47de8d7151f80e5f6190fc8f384e802fdf9504b76a7e9020c9faee7103623338be2
+  languageName: node
+  linkType: hard
+
+"style-loader@npm:^3.3.1":
+  version: 3.3.4
+  resolution: "style-loader@npm:3.3.4"
+  peerDependencies:
+    webpack: ^5.0.0
+  checksum: 10/2dd2a77d4fc689e1f73836ed7653830cb4e628af0b2979dcf6f31524c72bf44fca4bac8aebe62df95a5f9be19bea18f952a2cfcaaeff32c524c4402226d9c58f
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^5.3.0, supports-color@npm:^5.5.0":
+  version: 5.5.0
+  resolution: "supports-color@npm:5.5.0"
+  dependencies:
+    has-flag: "npm:^3.0.0"
+  checksum: 10/5f505c6fa3c6e05873b43af096ddeb22159831597649881aeb8572d6fe3b81e798cc10840d0c9735e0026b250368851b7f77b65e84f4e4daa820a4f69947f55b
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^6.1.0":
+  version: 6.1.0
+  resolution: "supports-color@npm:6.1.0"
+  dependencies:
+    has-flag: "npm:^3.0.0"
+  checksum: 10/78a5c43b9e478966ed41ed923a942dfd6209bf3bcc826a01435cfec98d5a17ca5d866effd2b6be438c16cd73b99f4a4397fcbb282e6f653e39046e1335334189
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^7.1.0":
+  version: 7.2.0
+  resolution: "supports-color@npm:7.2.0"
+  dependencies:
+    has-flag: "npm:^4.0.0"
+  checksum: 10/c8bb7afd564e3b26b50ca6ee47572c217526a1389fe018d00345856d4a9b08ffbd61fadaf283a87368d94c3dcdb8f5ffe2650a5a65863e21ad2730ca0f05210a
+  languageName: node
+  linkType: hard
+
+"supports-color@npm:^8.0.0":
+  version: 8.1.1
+  resolution: "supports-color@npm:8.1.1"
+  dependencies:
+    has-flag: "npm:^4.0.0"
+  checksum: 10/157b534df88e39c5518c5e78c35580c1eca848d7dbaf31bbe06cdfc048e22c7ff1a9d046ae17b25691128f631a51d9ec373c1b740c12ae4f0de6e292037e4282
+  languageName: node
+  linkType: hard
+
+"supports-preserve-symlinks-flag@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "supports-preserve-symlinks-flag@npm:1.0.0"
+  checksum: 10/a9dc19ae2220c952bd2231d08ddeecb1b0328b61e72071ff4000c8384e145cc07c1c0bdb3b5a1cb06e186a7b2790f1dee793418b332f6ddf320de25d9125be7e
+  languageName: node
+  linkType: hard
+
+"tapable@npm:^2.0.0, tapable@npm:^2.1.1, tapable@npm:^2.2.0, tapable@npm:^2.2.1":
+  version: 2.2.1
+  resolution: "tapable@npm:2.2.1"
+  checksum: 10/1769336dd21481ae6347611ca5fca47add0962fd8e80466515032125eca0084a4f0ede11e65341b9c0018ef4e1cf1ad820adbb0fba7cc99865c6005734000b0a
+  languageName: node
+  linkType: hard
+
+"tar@npm:^6.1.11, tar@npm:^6.2.1":
+  version: 6.2.1
+  resolution: "tar@npm:6.2.1"
+  dependencies:
+    chownr: "npm:^2.0.0"
+    fs-minipass: "npm:^2.0.0"
+    minipass: "npm:^5.0.0"
+    minizlib: "npm:^2.1.1"
+    mkdirp: "npm:^1.0.3"
+    yallist: "npm:^4.0.0"
+  checksum: 10/bfbfbb2861888077fc1130b84029cdc2721efb93d1d1fb80f22a7ac3a98ec6f8972f29e564103bbebf5e97be67ebc356d37fa48dbc4960600a1eb7230fbd1ea0
+  languageName: node
+  linkType: hard
+
+"terser-webpack-plugin@npm:^5.3.1, terser-webpack-plugin@npm:^5.3.10":
+  version: 5.3.10
+  resolution: "terser-webpack-plugin@npm:5.3.10"
+  dependencies:
+    "@jridgewell/trace-mapping": "npm:^0.3.20"
+    jest-worker: "npm:^27.4.5"
+    schema-utils: "npm:^3.1.1"
+    serialize-javascript: "npm:^6.0.1"
+    terser: "npm:^5.26.0"
+  peerDependencies:
+    webpack: ^5.1.0
+  peerDependenciesMeta:
+    "@swc/core":
+      optional: true
+    esbuild:
+      optional: true
+    uglify-js:
+      optional: true
+  checksum: 10/fb1c2436ae1b4e983be043fa0a3d355c047b16b68f102437d08c736d7960c001e7420e2f722b9d99ce0dc70ca26a68cc63c0b82bc45f5b48671142b352a9d938
+  languageName: node
+  linkType: hard
+
+"terser@npm:^5.10.0, terser@npm:^5.26.0":
+  version: 5.31.5
+  resolution: "terser@npm:5.31.5"
+  dependencies:
+    "@jridgewell/source-map": "npm:^0.3.3"
+    acorn: "npm:^8.8.2"
+    commander: "npm:^2.20.0"
+    source-map-support: "npm:~0.5.20"
+  bin:
+    terser: bin/terser
+  checksum: 10/afc72093af3a84d0f93110444f8f5318dad412032ac71dc132351a71b9faef475ac45000bd8c8e23ffc571e0d3937a2047a48fd17e36c4714be520868a934bb4
+  languageName: node
+  linkType: hard
+
+"tiny-invariant@npm:^1.3.3":
+  version: 1.3.3
+  resolution: "tiny-invariant@npm:1.3.3"
+  checksum: 10/5e185c8cc2266967984ce3b352a4e57cb89dad5a8abb0dea21468a6ecaa67cd5bb47a3b7a85d08041008644af4f667fb8b6575ba38ba5fb00b3b5068306e59fe
+  languageName: node
+  linkType: hard
+
+"to-fast-properties@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "to-fast-properties@npm:2.0.0"
+  checksum: 10/be2de62fe58ead94e3e592680052683b1ec986c72d589e7b21e5697f8744cdbf48c266fa72f6c15932894c10187b5f54573a3bcf7da0bfd964d5caf23d436168
+  languageName: node
+  linkType: hard
+
+"to-regex-range@npm:^5.0.1":
+  version: 5.0.1
+  resolution: "to-regex-range@npm:5.0.1"
+  dependencies:
+    is-number: "npm:^7.0.0"
+  checksum: 10/10dda13571e1f5ad37546827e9b6d4252d2e0bc176c24a101252153ef435d83696e2557fe128c4678e4e78f5f01e83711c703eef9814eb12dab028580d45980a
+  languageName: node
+  linkType: hard
+
+"toidentifier@npm:1.0.1":
+  version: 1.0.1
+  resolution: "toidentifier@npm:1.0.1"
+  checksum: 10/952c29e2a85d7123239b5cfdd889a0dde47ab0497f0913d70588f19c53f7e0b5327c95f4651e413c74b785147f9637b17410ac8c846d5d4a20a5a33eb6dc3a45
+  languageName: node
+  linkType: hard
+
+"token-stream@npm:1.0.0":
+  version: 1.0.0
+  resolution: "token-stream@npm:1.0.0"
+  checksum: 10/e8adb56f31b813b6157130e7fc2fe14eb60e7cbf7b746e70e8293c7e55664d8e7ad5d93d7ae3aa4cad7fcb2b0aaf59dad6f2fd4ee0269204e55af5b05bc369e2
+  languageName: node
+  linkType: hard
+
+"touch@npm:^3.1.0":
+  version: 3.1.1
+  resolution: "touch@npm:3.1.1"
+  bin:
+    nodetouch: bin/nodetouch.js
+  checksum: 10/853e763a1f4903302c5654ed353f84ad85baf757dac62c2d37ab67e0477cfd271e8c64771fcfad42310aff7c9d284ddb435ee5ca13ff36d0f3693fedd8e971d1
+  languageName: node
+  linkType: hard
+
+"tree-kill@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "tree-kill@npm:1.2.2"
+  bin:
+    tree-kill: cli.js
+  checksum: 10/49117f5f410d19c84b0464d29afb9642c863bc5ba40fcb9a245d474c6d5cc64d1b177a6e6713129eb346b40aebb9d4631d967517f9fbe8251c35b21b13cd96c7
+  languageName: node
+  linkType: hard
+
+"ts-dedent@npm:^2.0.0":
+  version: 2.2.0
+  resolution: "ts-dedent@npm:2.2.0"
+  checksum: 10/93ed8f7878b6d5ed3c08d99b740010eede6bccfe64bce61c5a4da06a2c17d6ddbb80a8c49c2d15251de7594a4f93ffa21dd10e7be75ef66a4dc9951b4a94e2af
+  languageName: node
+  linkType: hard
+
+"tslib@npm:^1.9.0":
+  version: 1.14.1
+  resolution: "tslib@npm:1.14.1"
+  checksum: 10/7dbf34e6f55c6492637adb81b555af5e3b4f9cc6b998fb440dac82d3b42bdc91560a35a5fb75e20e24a076c651438234da6743d139e4feabf0783f3cdfe1dddb
+  languageName: node
+  linkType: hard
+
+"tslib@npm:^2.0.1, tslib@npm:^2.0.3":
+  version: 2.6.3
+  resolution: "tslib@npm:2.6.3"
+  checksum: 10/52109bb681f8133a2e58142f11a50e05476de4f075ca906d13b596ae5f7f12d30c482feb0bff167ae01cfc84c5803e575a307d47938999246f5a49d174fc558c
+  languageName: node
+  linkType: hard
+
+"type-fest@npm:^2.19.0":
+  version: 2.19.0
+  resolution: "type-fest@npm:2.19.0"
+  checksum: 10/7bf9e8fdf34f92c8bb364c0af14ca875fac7e0183f2985498b77be129dc1b3b1ad0a6b3281580f19e48c6105c037fb966ad9934520c69c6434d17fd0af4eed78
+  languageName: node
+  linkType: hard
+
+"type-is@npm:~1.6.18":
+  version: 1.6.18
+  resolution: "type-is@npm:1.6.18"
+  dependencies:
+    media-typer: "npm:0.3.0"
+    mime-types: "npm:~2.1.24"
+  checksum: 10/0bd9eeae5efd27d98fd63519f999908c009e148039d8e7179a074f105362d4fcc214c38b24f6cda79c87e563cbd12083a4691381ed28559220d4a10c2047bed4
+  languageName: node
+  linkType: hard
+
+"undefsafe@npm:^2.0.5":
+  version: 2.0.5
+  resolution: "undefsafe@npm:2.0.5"
+  checksum: 10/f42ab3b5770fedd4ada175fc1b2eb775b78f609156f7c389106aafd231bfc210813ee49f54483d7191d7b76e483bc7f537b5d92d19ded27156baf57592eb02cc
+  languageName: node
+  linkType: hard
+
+"undici-types@npm:~6.13.0":
+  version: 6.13.0
+  resolution: "undici-types@npm:6.13.0"
+  checksum: 10/da52e37cbc6da3a75da86fa08dd795ca8924430deb91005eb884b840e46e19013ccd4c1c289f70018e8cf0c338add24a500e7c3acfcd49b1ffb27ff9f91e38b9
+  languageName: node
+  linkType: hard
+
+"unique-filename@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "unique-filename@npm:3.0.0"
+  dependencies:
+    unique-slug: "npm:^4.0.0"
+  checksum: 10/8e2f59b356cb2e54aab14ff98a51ac6c45781d15ceaab6d4f1c2228b780193dc70fae4463ce9e1df4479cb9d3304d7c2043a3fb905bdeca71cc7e8ce27e063df
+  languageName: node
+  linkType: hard
+
+"unique-slug@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "unique-slug@npm:4.0.0"
+  dependencies:
+    imurmurhash: "npm:^0.1.4"
+  checksum: 10/40912a8963fc02fb8b600cf50197df4a275c602c60de4cac4f75879d3c48558cfac48de08a25cc10df8112161f7180b3bbb4d662aadb711568602f9eddee54f0
+  languageName: node
+  linkType: hard
+
+"universalify@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "universalify@npm:2.0.1"
+  checksum: 10/ecd8469fe0db28e7de9e5289d32bd1b6ba8f7183db34f3bfc4ca53c49891c2d6aa05f3fb3936a81285a905cc509fb641a0c3fc131ec786167eff41236ae32e60
+  languageName: node
+  linkType: hard
+
+"unpipe@npm:1.0.0, unpipe@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "unpipe@npm:1.0.0"
+  checksum: 10/4fa18d8d8d977c55cb09715385c203197105e10a6d220087ec819f50cb68870f02942244f1017565484237f1f8c5d3cd413631b1ae104d3096f24fdfde1b4aa2
+  languageName: node
+  linkType: hard
+
+"update-browserslist-db@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "update-browserslist-db@npm:1.1.0"
+  dependencies:
+    escalade: "npm:^3.1.2"
+    picocolors: "npm:^1.0.1"
+  peerDependencies:
+    browserslist: ">= 4.21.0"
+  bin:
+    update-browserslist-db: cli.js
+  checksum: 10/d70b9efeaf4601aadb1a4f6456a7a5d9118e0063d995866b8e0c5e0cf559482671dab6ce7b079f9536b06758a344fbd83f974b965211e1c6e8d1958540b0c24c
+  languageName: node
+  linkType: hard
+
+"uri-js@npm:^4.2.2":
+  version: 4.4.1
+  resolution: "uri-js@npm:4.4.1"
+  dependencies:
+    punycode: "npm:^2.1.0"
+  checksum: 10/b271ca7e3d46b7160222e3afa3e531505161c9a4e097febae9664e4b59912f4cbe94861361a4175edac3a03fee99d91e44b6a58c17a634bc5a664b19fc76fbcb
+  languageName: node
+  linkType: hard
+
+"url@npm:^0.11.0":
+  version: 0.11.4
+  resolution: "url@npm:0.11.4"
+  dependencies:
+    punycode: "npm:^1.4.1"
+    qs: "npm:^6.12.3"
+  checksum: 10/e787d070f0756518b982a4653ef6cdf4d9030d8691eee2d483344faf2b530b71d302287fa63b292299455fea5075c502a5ad5f920cb790e95605847f957a65e4
+  languageName: node
+  linkType: hard
+
+"util-deprecate@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "util-deprecate@npm:1.0.2"
+  checksum: 10/474acf1146cb2701fe3b074892217553dfcf9a031280919ba1b8d651a068c9b15d863b7303cb15bd00a862b498e6cf4ad7b4a08fb134edd5a6f7641681cb54a2
+  languageName: node
+  linkType: hard
+
+"util@npm:^0.12.4":
+  version: 0.12.5
+  resolution: "util@npm:0.12.5"
+  dependencies:
+    inherits: "npm:^2.0.3"
+    is-arguments: "npm:^1.0.4"
+    is-generator-function: "npm:^1.0.7"
+    is-typed-array: "npm:^1.1.3"
+    which-typed-array: "npm:^1.1.2"
+  checksum: 10/61a10de7753353dd4d744c917f74cdd7d21b8b46379c1e48e1c4fd8e83f8190e6bd9978fc4e5102ab6a10ebda6019d1b36572fa4a325e175ec8b789a121f6147
+  languageName: node
+  linkType: hard
+
+"utila@npm:~0.4":
+  version: 0.4.0
+  resolution: "utila@npm:0.4.0"
+  checksum: 10/b068d8cb140588da0d0c80ee3c14c6b75d3f68760d8a1c6c3908d0270e9e4056454ff16189586481b7382926c44674f6929d08e06eaf9ec8f62736cd900169c5
+  languageName: node
+  linkType: hard
+
+"utils-merge@npm:1.0.1":
+  version: 1.0.1
+  resolution: "utils-merge@npm:1.0.1"
+  checksum: 10/5d6949693d58cb2e636a84f3ee1c6e7b2f9c16cb1d42d0ecb386d8c025c69e327205aa1c69e2868cc06a01e5e20681fbba55a4e0ed0cce913d60334024eae798
+  languageName: node
+  linkType: hard
+
+"uuid@npm:^9.0.0":
+  version: 9.0.1
+  resolution: "uuid@npm:9.0.1"
+  bin:
+    uuid: dist/bin/uuid
+  checksum: 10/9d0b6adb72b736e36f2b1b53da0d559125ba3e39d913b6072f6f033e0c87835b414f0836b45bcfaf2bdf698f92297fea1c3cc19b0b258bc182c9c43cc0fab9f2
+  languageName: node
+  linkType: hard
+
+"validate-npm-package-license@npm:^3.0.1":
+  version: 3.0.4
+  resolution: "validate-npm-package-license@npm:3.0.4"
+  dependencies:
+    spdx-correct: "npm:^3.0.0"
+    spdx-expression-parse: "npm:^3.0.0"
+  checksum: 10/86242519b2538bb8aeb12330edebb61b4eb37fd35ef65220ab0b03a26c0592c1c8a7300d32da3cde5abd08d18d95e8dabfad684b5116336f6de9e6f207eec224
+  languageName: node
+  linkType: hard
+
+"vary@npm:^1, vary@npm:~1.1.2":
+  version: 1.1.2
+  resolution: "vary@npm:1.1.2"
+  checksum: 10/31389debef15a480849b8331b220782230b9815a8e0dbb7b9a8369559aed2e9a7800cd904d4371ea74f4c3527db456dc8e7ac5befce5f0d289014dbdf47b2242
+  languageName: node
+  linkType: hard
+
+"void-elements@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "void-elements@npm:3.1.0"
+  checksum: 10/0390f818107fa8fce55bb0a5c3f661056001c1d5a2a48c28d582d4d847347c2ab5b7f8272314cac58acf62345126b6b09bea623a185935f6b1c3bbce0dfd7f7f
+  languageName: node
+  linkType: hard
+
+"watchpack@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "watchpack@npm:2.4.1"
+  dependencies:
+    glob-to-regexp: "npm:^0.4.1"
+    graceful-fs: "npm:^4.1.2"
+  checksum: 10/0736ebd20b75d3931f9b6175c819a66dee29297c1b389b2e178bc53396a6f867ecc2fd5d87a713ae92dcb73e487daec4905beee20ca00a9e27f1184a7c2bca5e
+  languageName: node
+  linkType: hard
+
+"webpack-dev-middleware@npm:^6.1.2":
+  version: 6.1.3
+  resolution: "webpack-dev-middleware@npm:6.1.3"
+  dependencies:
+    colorette: "npm:^2.0.10"
+    memfs: "npm:^3.4.12"
+    mime-types: "npm:^2.1.31"
+    range-parser: "npm:^1.2.1"
+    schema-utils: "npm:^4.0.0"
+  peerDependencies:
+    webpack: ^5.0.0
+  peerDependenciesMeta:
+    webpack:
+      optional: true
+  checksum: 10/ee699430c33c4dfa2a016becc85e32a9b04aa0b6edbce0bb173c4dfd29c80c77d192d14fd2f2ec500dbdede4e0f1c5557993aa20a04a44190750a1e8e13f6d67
+  languageName: node
+  linkType: hard
+
+"webpack-hot-middleware@npm:^2.25.1":
+  version: 2.26.1
+  resolution: "webpack-hot-middleware@npm:2.26.1"
+  dependencies:
+    ansi-html-community: "npm:0.0.8"
+    html-entities: "npm:^2.1.0"
+    strip-ansi: "npm:^6.0.0"
+  checksum: 10/69fa1a25284eeba386c99b0b159d61b0cf800d21379ae7b03203c52e5d58d9082d96ca9f98ebbd8436165cd105de496a0356a8191064b277abff4d3c56825843
+  languageName: node
+  linkType: hard
+
+"webpack-sources@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "webpack-sources@npm:3.2.3"
+  checksum: 10/a661f41795d678b7526ae8a88cd1b3d8ce71a7d19b6503da8149b2e667fc7a12f9b899041c1665d39e38245ed3a59ab68de648ea31040c3829aa695a5a45211d
+  languageName: node
+  linkType: hard
+
+"webpack-virtual-modules@npm:^0.6.0":
+  version: 0.6.2
+  resolution: "webpack-virtual-modules@npm:0.6.2"
+  checksum: 10/d9a0d035f7ec0c7f1055aaf88bfe48b7f96458043916a1b2926d9012fd61de3810a6b768e31a8cd4b3c84a9b6d55824361a9dd20aaf9f5ccfb6f017af216a178
+  languageName: node
+  linkType: hard
+
+"webpack@npm:5":
+  version: 5.93.0
+  resolution: "webpack@npm:5.93.0"
+  dependencies:
+    "@types/eslint-scope": "npm:^3.7.3"
+    "@types/estree": "npm:^1.0.5"
+    "@webassemblyjs/ast": "npm:^1.12.1"
+    "@webassemblyjs/wasm-edit": "npm:^1.12.1"
+    "@webassemblyjs/wasm-parser": "npm:^1.12.1"
+    acorn: "npm:^8.7.1"
+    acorn-import-attributes: "npm:^1.9.5"
+    browserslist: "npm:^4.21.10"
+    chrome-trace-event: "npm:^1.0.2"
+    enhanced-resolve: "npm:^5.17.0"
+    es-module-lexer: "npm:^1.2.1"
+    eslint-scope: "npm:5.1.1"
+    events: "npm:^3.2.0"
+    glob-to-regexp: "npm:^0.4.1"
+    graceful-fs: "npm:^4.2.11"
+    json-parse-even-better-errors: "npm:^2.3.1"
+    loader-runner: "npm:^4.2.0"
+    mime-types: "npm:^2.1.27"
+    neo-async: "npm:^2.6.2"
+    schema-utils: "npm:^3.2.0"
+    tapable: "npm:^2.1.1"
+    terser-webpack-plugin: "npm:^5.3.10"
+    watchpack: "npm:^2.4.1"
+    webpack-sources: "npm:^3.2.3"
+  peerDependenciesMeta:
+    webpack-cli:
+      optional: true
+  bin:
+    webpack: bin/webpack.js
+  checksum: 10/a48bef7a511d826db7f9ebee2c84317214923ac40cb2aabe6a649546c54a76a55fc3b91ff03c05fed22a13a176891c47bbff7fcc644c53bcbe5091555863641b
+  languageName: node
+  linkType: hard
+
+"which-module@npm:^2.0.0":
+  version: 2.0.1
+  resolution: "which-module@npm:2.0.1"
+  checksum: 10/1967b7ce17a2485544a4fdd9063599f0f773959cca24176dbe8f405e55472d748b7c549cd7920ff6abb8f1ab7db0b0f1b36de1a21c57a8ff741f4f1e792c52be
+  languageName: node
+  linkType: hard
+
+"which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.2":
+  version: 1.1.15
+  resolution: "which-typed-array@npm:1.1.15"
+  dependencies:
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.7"
+    for-each: "npm:^0.3.3"
+    gopd: "npm:^1.0.1"
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10/c3b6a99beadc971baa53c3ee5b749f2b9bdfa3b3b9a70650dd8511a48b61d877288b498d424712e9991d16019633086bd8b5923369460d93463c5825fa36c448
+  languageName: node
+  linkType: hard
+
+"which@npm:^2.0.1":
+  version: 2.0.2
+  resolution: "which@npm:2.0.2"
+  dependencies:
+    isexe: "npm:^2.0.0"
+  bin:
+    node-which: ./bin/node-which
+  checksum: 10/4782f8a1d6b8fc12c65e968fea49f59752bf6302dc43036c3bf87da718a80710f61a062516e9764c70008b487929a73546125570acea95c5b5dcc8ac3052c70f
+  languageName: node
+  linkType: hard
+
+"which@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "which@npm:4.0.0"
+  dependencies:
+    isexe: "npm:^3.1.1"
+  bin:
+    node-which: bin/which.js
+  checksum: 10/f17e84c042592c21e23c8195108cff18c64050b9efb8459589116999ea9da6dd1509e6a1bac3aeebefd137be00fabbb61b5c2bc0aa0f8526f32b58ee2f545651
+  languageName: node
+  linkType: hard
+
+"with@npm:^7.0.0":
+  version: 7.0.2
+  resolution: "with@npm:7.0.2"
+  dependencies:
+    "@babel/parser": "npm:^7.9.6"
+    "@babel/types": "npm:^7.9.6"
+    assert-never: "npm:^1.2.1"
+    babel-walk: "npm:3.0.0-canary-5"
+  checksum: 10/06ad978f9ac11268186060af7e19ff33bcfe1631ecbce4c676cb43168e3d6e62a5c6e697bd6dda8570c93b117a9b12980061ff66c3428a4e5cdcf0637e8ed81f
+  languageName: node
+  linkType: hard
+
+"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0":
+  version: 7.0.0
+  resolution: "wrap-ansi@npm:7.0.0"
+  dependencies:
+    ansi-styles: "npm:^4.0.0"
+    string-width: "npm:^4.1.0"
+    strip-ansi: "npm:^6.0.0"
+  checksum: 10/cebdaeca3a6880da410f75209e68cd05428580de5ad24535f22696d7d9cab134d1f8498599f344c3cf0fb37c1715807a183778d8c648d6cc0cb5ff2bb4236540
+  languageName: node
+  linkType: hard
+
+"wrap-ansi@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "wrap-ansi@npm:5.1.0"
+  dependencies:
+    ansi-styles: "npm:^3.2.0"
+    string-width: "npm:^3.0.0"
+    strip-ansi: "npm:^5.0.0"
+  checksum: 10/f02bbbd13f40169f3d69b8c95126c1d2a340e6f149d04125527c3d501d74a304a434f4329a83bfdc3b9fdb82403e9ae0cdd7b83a99f0da0d5a7e544f6b709914
+  languageName: node
+  linkType: hard
+
+"wrap-ansi@npm:^8.1.0":
+  version: 8.1.0
+  resolution: "wrap-ansi@npm:8.1.0"
+  dependencies:
+    ansi-styles: "npm:^6.1.0"
+    string-width: "npm:^5.0.1"
+    strip-ansi: "npm:^7.0.1"
+  checksum: 10/7b1e4b35e9bb2312d2ee9ee7dc95b8cb5f8b4b5a89f7dde5543fe66c1e3715663094defa50d75454ac900bd210f702d575f15f3f17fa9ec0291806d2578d1ddf
+  languageName: node
+  linkType: hard
+
+"ws@npm:^8.2.3":
+  version: 8.18.0
+  resolution: "ws@npm:8.18.0"
+  peerDependencies:
+    bufferutil: ^4.0.1
+    utf-8-validate: ">=5.0.2"
+  peerDependenciesMeta:
+    bufferutil:
+      optional: true
+    utf-8-validate:
+      optional: true
+  checksum: 10/70dfe53f23ff4368d46e4c0b1d4ca734db2c4149c6f68bc62cb16fc21f753c47b35fcc6e582f3bdfba0eaeb1c488cddab3c2255755a5c3eecb251431e42b3ff6
+  languageName: node
+  linkType: hard
+
+"y18n@npm:^4.0.0":
+  version: 4.0.3
+  resolution: "y18n@npm:4.0.3"
+  checksum: 10/392870b2a100bbc643bc035fe3a89cef5591b719c7bdc8721bcdb3d27ab39fa4870acdca67b0ee096e146d769f311d68eda6b8195a6d970f227795061923013f
+  languageName: node
+  linkType: hard
+
+"yallist@npm:^4.0.0":
+  version: 4.0.0
+  resolution: "yallist@npm:4.0.0"
+  checksum: 10/4cb02b42b8a93b5cf50caf5d8e9beb409400a8a4d85e83bb0685c1457e9ac0b7a00819e9f5991ac25ffabb56a78e2f017c1acc010b3a1babfe6de690ba531abd
+  languageName: node
+  linkType: hard
+
+"yaml-loader@npm:^0.8.0":
+  version: 0.8.1
+  resolution: "yaml-loader@npm:0.8.1"
+  dependencies:
+    javascript-stringify: "npm:^2.0.1"
+    loader-utils: "npm:^2.0.0"
+    yaml: "npm:^2.0.0"
+  checksum: 10/2969eb7d6083a95a8d95369906bbc73d124125be5f61556506d230a57b7acc872abe836bf631f89aa97d9e8198bee8d100fa68d5a6524be84cd8eb5062cf76d3
+  languageName: node
+  linkType: hard
+
+"yaml@npm:^1.10.0":
+  version: 1.10.2
+  resolution: "yaml@npm:1.10.2"
+  checksum: 10/e088b37b4d4885b70b50c9fa1b7e54bd2e27f5c87205f9deaffd1fb293ab263d9c964feadb9817a7b129a5bf30a06582cb08750f810568ecc14f3cdbabb79cb3
+  languageName: node
+  linkType: hard
+
+"yaml@npm:^2.0.0, yaml@npm:^2.3.1":
+  version: 2.5.0
+  resolution: "yaml@npm:2.5.0"
+  bin:
+    yaml: bin.mjs
+  checksum: 10/72e903fdbe3742058885205db4a6c9ff38e5f497f4e05e631264f7756083c05e7d10dfb5e4ce9d7a95de95338f9b20d19dd0b91c60c65f7d7608b6b3929820ad
+  languageName: node
+  linkType: hard
+
+"yargs-parser@npm:^13.1.2":
+  version: 13.1.2
+  resolution: "yargs-parser@npm:13.1.2"
+  dependencies:
+    camelcase: "npm:^5.0.0"
+    decamelize: "npm:^1.2.0"
+  checksum: 10/89a84fbb32827832a1d34f596f5efe98027c398af731728304a920c2f9ba03071c694418723df16882ebb646ddb72a8fb1c9567552afcbc2f268e86c4faea5a8
+  languageName: node
+  linkType: hard
+
+"yargs@npm:^13.3.0":
+  version: 13.3.2
+  resolution: "yargs@npm:13.3.2"
+  dependencies:
+    cliui: "npm:^5.0.0"
+    find-up: "npm:^3.0.0"
+    get-caller-file: "npm:^2.0.1"
+    require-directory: "npm:^2.1.1"
+    require-main-filename: "npm:^2.0.0"
+    set-blocking: "npm:^2.0.0"
+    string-width: "npm:^3.0.0"
+    which-module: "npm:^2.0.0"
+    y18n: "npm:^4.0.0"
+    yargs-parser: "npm:^13.1.2"
+  checksum: 10/608ba2e62ac2c7c4572b9c6f7a2d3ef76e2deaad8c8082788ed29ae3ef33e9f68e087f07eb804ed5641de2bc4eab977405d3833b1d11ae8dbbaf5847584d96be
+  languageName: node
+  linkType: hard