update all dependencies

Author: riccardoperra

packages/storybook/.storybook/main.ts

@@ -14,12 +14,13 @@ function getAbsolutePath(value: string): any {
 const config: StorybookConfig = {
 	stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
 	addons: [
-		getAbsolutePath("@storybook/addon-links"),
-		getAbsolutePath("@storybook/addon-essentials"),
-		getAbsolutePath("@storybook/addon-interactions"),
-		getAbsolutePath("storybook-dark-mode"),
-		getAbsolutePath("@storybook/addon-a11y"),
-	],
+        getAbsolutePath("@storybook/addon-links"),
+        getAbsolutePath("@storybook/addon-essentials"),
+        getAbsolutePath("@storybook/addon-interactions"),
+        getAbsolutePath("storybook-dark-mode"),
+        getAbsolutePath("@storybook/addon-a11y"),
+        getAbsolutePath("@storybook/addon-mdx-gfm")
+    ],
 	framework: {
 		name: getAbsolutePath("storybook-solidjs-vite"),
 		options: {},

packages/storybook/.storybook/preview.tsx

@@ -1,7 +1,7 @@
 import { Preview } from "storybook-solidjs";
 import { themes, ThemeVars } from "@storybook/theming";
 import { DARK_MODE_EVENT_NAME, useDarkMode } from "storybook-dark-mode";
-import { addons } from "@storybook/addons";
+import { addons } from "@storybook/preview-api";
 import { createEffect, createRoot, createSignal, FlowProps } from "solid-js";
 import "./reset.css";
 import "./global.css";

packages/storybook/package.json

@@ -10,35 +10,34 @@
     "storybook:run": "storybook"
   },
   "devDependencies": {
-    "@storybook/addon-a11y": "^7.5.3",
-    "@storybook/addon-docs": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-interactions": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
+    "@storybook/addon-a11y": "^8.0.9",
+    "@storybook/addon-docs": "^8.0.9",
+    "@storybook/addon-essentials": "^8.0.9",
+    "@storybook/addon-interactions": "^8.0.9",
+    "@storybook/addon-links": "^8.0.9",
+    "@storybook/addon-mdx-gfm": "^8.0.9",
     "@storybook/addon-styling": "^1.3.7",
-    "@storybook/addons": "^7.5.3",
-    "@storybook/api": "^7.5.3",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/components": "^7.5.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@storybook/types": "^7.5.3",
-    "@vanilla-extract/vite-plugin": "^3.9.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.5.3",
+    "@storybook/blocks": "^8.0.9",
+    "@storybook/components": "^8.0.9",
+    "@storybook/manager-api": "^8.0.9",
+    "@storybook/preview-api": "^8.0.9",
+    "@storybook/theming": "^8.0.9",
+    "@storybook/types": "^8.0.9",
+    "@vanilla-extract/vite-plugin": "^4.0.7",
+    "storybook": "^8.0.9",
     "storybook-dark-mode": "^3.0.1",
     "storybook-solidjs": "^1.0.0-beta.2",
     "storybook-solidjs-vite": "^1.0.0-beta.2",
-    "typescript": "5.0.4",
-    "vite": "^4.4.5",
-    "vite-plugin-solid": "^2.7.2",
-    "vite-tsconfig-paths": "^4.2.1"
+		"typescript": "^5.4.5",
+    "vite": "^5.2.10",
+    "vite-plugin-solid": "^2.10.2",
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "dependencies": {
-    "@kobalte/core": "^0.11.2",
+    "@kobalte/core": "^0.12.6",
     "@kobalte/utils": "^0.9.0",
-    "@vanilla-extract/css": "^1.14.0",
-    "solid-js": "^1.8.5"
+    "@storybook/test": "^8.0.9",
+    "@vanilla-extract/css": "^1.14.2",
+    "solid-js": "^1.8.17"
   }
 }

packages/storybook/src/stories/DropdownMenu.stories.tsx

@@ -11,8 +11,8 @@ import {
 	DropdownSubMenu,
 	DropdownSubMenuContent,
 	DropdownSubMenuTrigger,
+	As
 } from "@codeui/kit";
-import { As } from "@kobalte/core";
 import { JSX } from "solid-js";
 
 const meta = {

packages/storybook/vite.config.ts

@@ -8,9 +8,7 @@ export default defineConfig({
 		tsconfigPaths(),
 		solidPlugin(),
 		vanillaExtractPlugin({
-			esbuildOptions: {
-				external: ["solid-js/web", "solid-js"],
-			},
+			unstable_mode: 'transform'
 		}),
 	],
 	ssr: {