Fixed workflow build

Author: MiroMargineanu

.storybook/main.ts

@@ -2,8 +2,7 @@ const config = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-docs'],
   framework: {
-    name: '@storybook/web-components-vite',
-    options: {},
+    name: '@stencil/storybook-plugin',
   },
   managerHead: (head: string) => `
     ${head}
@@ -13,14 +12,6 @@ const config = {
     ${head}
     <base href="./" />
   `,
-  typescript: {
-    check: false,
-    reactDocgen: 'react-docgen-typescript',
-    reactDocgenTypescriptOptions: {
-      shouldExtractLiteralValuesFromEnum: true,
-      propFilter: (prop: any) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
-    },
-  },
 };
 
 export default config;

.storybook/preview.tsx

@@ -1,5 +1,6 @@
-import type { Preview } from '@storybook/web-components';
-import { html } from 'lit';
+/** @jsx h */
+import { h } from '@stencil/core';
+import type { Preview } from '@stencil/storybook-plugin';
 
 import { defineCustomElements } from '../dist/web-components';
 
@@ -10,13 +11,11 @@ import './tailwind.css';
 defineCustomElements();
 
 export const decorators: Preview['decorators'] = [
-  (story, context) => {
-    return html`
-      <div data-mvx-theme="mvx:${context.globals.backgrounds.value}-theme">
-        ${story()}
-      </div>
-    `;
-  },
+  (Story, context) => (
+    <div data-mvx-theme={`mvx:${context.globals.backgrounds.value}-theme`}>
+      <Story />
+    </div>
+  ),
 ];
 
 export const initialGlobals: Preview['initialGlobals'] = {

package.json

@@ -101,10 +101,9 @@
     "@rollup/plugin-image": "^3.0.3",
     "@stencil/sass": "^3.0.12",
     "@stencil/store": "2.0.16",
-    "@storybook/addon-docs": "8.4.7",
-    "@storybook/addon-links": "8.4.7",
-    "@storybook/web-components-vite": "8.4.7",
-    "lit": "^3.0.0",
+    "@stencil/storybook-plugin": "^0.4.2",
+    "@storybook/addon-docs": "9.1.7",
+    "@storybook/addon-links": "9.1.7",
     "@tailwindcss/cli": "4.0.17",
     "@tailwindcss/postcss": "4.1.3",
     "@types/jest": "^29.5.14",
@@ -115,7 +114,7 @@
     "@typescript-eslint/parser": "^8.23.0",
     "eslint": "^9.19.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "0.10.2",
+    "eslint-plugin-storybook": "9.1.7",
     "globals": "^15.14.0",
     "jest": "^29.7.0",
     "jest-cli": "^29.7.0",
@@ -125,7 +124,7 @@
     "rollup-plugin-node-polyfills": "^0.2.1",
     "sass-embedded": "^1.85.1",
     "stencil-tailwind-plugin": "2.0.5",
-    "storybook": "^8.4.7",
+    "storybook": "^9.1.7",
     "tailwindcss": "4.0.15",
     "tsc-alias": "^1.8.16",
     "typescript": "^5.7.3",