is it the states?

chromatic/.storybook/main.ts

@@ -5,11 +5,11 @@ const config: StorybookConfig = {
     './stories/**/*.stories.ts',
   ],
   addons: [
-    '@storybook/addon-a11y', 
-    '@storybook/addon-actions', 
+    '@storybook/addon-a11y',
+    '@storybook/addon-actions',
     '@storybook/addon-storysource',
     '@storybook/addon-themes',
-    'storybook-addon-pseudo-states',    
+    'storybook-addon-pseudo-states',
     {
       name: '@storybook/addon-essentials',
       options: {
@@ -26,7 +26,8 @@ const config: StorybookConfig = {
     autodocs: false
   },
   staticDirs: [
-    { from: '../../packages/themes', to: '/themes' }
+    { from: '../../packages/themes', to: '/themes' },
+    { from: '../../.storybook/images', to: '/images' }
   ],
   viteFinal: async config => {
     const { mergeConfig } = await import('vite');

chromatic/.storybook/preview.ts

@@ -39,23 +39,7 @@ const preview: Preview = {
           padding: 16px;
         }
       </style>
-      ${singleState.includes(data.id)
-          ? story()
-          : html`<h1>State: Default <small>(including "disabled")</small></h1>
-            ${story()}
-            <h1>State: Hover</h1>
-            <div class="sb-fake-hover">
-              ${story()}
-            </div>
-            <h1>State: Active</h1>
-            <div class="sb-fake-active">
-              ${story()}
-            </div>
-            <h1>State: Focus</h1>
-            <div class="sb-fake-focus-visible">
-              ${story()}
-            </div>`
-        }`
+      ${story()}`
     },
     (story) => {
       withThemeFromJSXProvider({