diff --git a/.storybook/utils.tsx b/.storybook/utils.tsx
index 78f51333..845c89d1 100644
--- a/.storybook/utils.tsx
+++ b/.storybook/utils.tsx
@@ -115,21 +115,22 @@ const NEXT_JS_CODESANDBOX: CodeSandboxTemplate = (
     scripts: {
       dev: "next dev",
       build: "next build",
+      analyze: "ANALYZE=true next build",
       start: "next start",
       lint: "next lint",
     },
     dependencies: {
-      "@adaptui/react-tailwind": "0.0.1-alpha.33",
-      next: "12.0.7",
-      react: "17.0.2",
-      "react-dom": "17.0.2",
+      "@adaptui/react-tailwind": "1.0.0-alpha.0",
+      next: "12.1.6",
+      react: "18.1.0",
+      "react-dom": "18.1.0",
     },
     devDependencies: {
-      autoprefixer: "10.4.0",
-      eslint: "8.5.0",
-      "eslint-config-next": "12.0.7",
-      postcss: "8.4.5",
-      tailwindcss: "3.0.8",
+      autoprefixer: "10.4.7",
+      eslint: "8.17.0",
+      "eslint-config-next": "12.1.6",
+      postcss: "8.4.14",
+      tailwindcss: "3.0.24",
     },
     files: {
       "pages/_app.js":
@@ -170,20 +171,20 @@ const NEXT_TS_CODESANDBOX: CodeSandboxTemplate = (
       lint: "next lint",
     },
     dependencies: {
-      "@adaptui/react-tailwind": "0.0.1-alpha.33",
-      next: "12.0.7",
-      react: "17.0.2",
-      "react-dom": "17.0.2",
+      "@adaptui/react-tailwind": "1.0.0-alpha.0",
+      next: "12.1.6",
+      react: "18.1.0",
+      "react-dom": "18.1.0",
     },
     devDependencies: {
-      "@types/node": "17.0.5",
-      "@types/react": "17.0.38",
-      "@types/react-dom": "17.0.11",
-      autoprefixer: "10.4.0",
-      eslint: "8.5.0",
-      "eslint-config-next": "12.0.7",
-      postcss: "8.4.5",
-      tailwindcss: "3.0.8",
+      "@types/node": "17.0.40",
+      "@types/react": "18.0.12",
+      "@types/react-dom": "18.0.5",
+      autoprefixer: "10.4.7",
+      eslint: "8.17.0",
+      "eslint-config-next": "12.1.6",
+      postcss: "8.4.14",
+      tailwindcss: "3.0.24",
       typescript: "4.5.4",
     },
     files: {