diff --git a/docs/_snippets/addon-a11y-config-in-preview.md b/docs/_snippets/addon-a11y-config-in-preview.md
index e1345133d122..4dfbf5e8bd55 100644
--- a/docs/_snippets/addon-a11y-config-in-preview.md
+++ b/docs/_snippets/addon-a11y-config-in-preview.md
@@ -33,7 +33,7 @@ export default {
 
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 const preview: Preview = {
   parameters: {
diff --git a/docs/_snippets/addon-a11y-config-rulesets-in-preview.md b/docs/_snippets/addon-a11y-config-rulesets-in-preview.md
index b5382a1e7899..e06ccd559029 100644
--- a/docs/_snippets/addon-a11y-config-rulesets-in-preview.md
+++ b/docs/_snippets/addon-a11y-config-rulesets-in-preview.md
@@ -1,6 +1,6 @@
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 const preview: Preview = {
   parameters: {
diff --git a/docs/_snippets/addon-a11y-parameter-error-in-preview.md b/docs/_snippets/addon-a11y-parameter-error-in-preview.md
index 0e40c06db734..4cdced1913a4 100644
--- a/docs/_snippets/addon-a11y-parameter-error-in-preview.md
+++ b/docs/_snippets/addon-a11y-parameter-error-in-preview.md
@@ -1,6 +1,6 @@
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 const preview: Preview = {
   // ...
diff --git a/docs/_snippets/addon-viewport-add-viewport-in-preview.md b/docs/_snippets/addon-viewport-add-viewport-in-preview.md
index 01f74ca4f557..8b4e1c1a13db 100644
--- a/docs/_snippets/addon-viewport-add-viewport-in-preview.md
+++ b/docs/_snippets/addon-viewport-add-viewport-in-preview.md
@@ -32,7 +32,7 @@ export default {
 
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 import { MINIMAL_VIEWPORTS } from 'storybook/viewport';
 
diff --git a/docs/_snippets/addon-viewport-options-in-preview.md b/docs/_snippets/addon-viewport-options-in-preview.md
index f833a3f6ccc2..6a39ca522f2c 100644
--- a/docs/_snippets/addon-viewport-options-in-preview.md
+++ b/docs/_snippets/addon-viewport-options-in-preview.md
@@ -15,7 +15,7 @@ export default {
 
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 import { INITIAL_VIEWPORTS } from 'storybook/viewport';
 
diff --git a/docs/_snippets/before-all-in-preview.md b/docs/_snippets/before-all-in-preview.md
index e32c3eff7969..7773888531c5 100644
--- a/docs/_snippets/before-all-in-preview.md
+++ b/docs/_snippets/before-all-in-preview.md
@@ -10,7 +10,7 @@ export default {
 
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 import { init } from '../project-bootstrap';
 
diff --git a/docs/_snippets/before-each-in-preview.md b/docs/_snippets/before-each-in-preview.md
index 456b493b55a7..7e783a78bcbf 100644
--- a/docs/_snippets/before-each-in-preview.md
+++ b/docs/_snippets/before-each-in-preview.md
@@ -10,7 +10,8 @@ export default {
 
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using, e.g. react-vite, nextjs, vue3-vite, etc.
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
+
 import MockDate from 'mockdate';
 
 const preview: Preview = {
diff --git a/docs/_snippets/code-panel-enable-in-preview.md b/docs/_snippets/code-panel-enable-in-preview.md
index 308d9c1d9989..6fb33740a62f 100644
--- a/docs/_snippets/code-panel-enable-in-preview.md
+++ b/docs/_snippets/code-panel-enable-in-preview.md
@@ -10,7 +10,7 @@ export default {
 
 ```ts filename=".storybook/preview.ts" renderer="common" language="ts"
 // Replace your-framework with the framework you are using (e.g., react-vite, vue3-vite, angular, etc.)
-import { Preview } from '@storybook/your-framework';
+import type { Preview } from '@storybook/your-framework';
 
 const preview: Preview = {
   parameters: {