vibe-design-system 2.5.7 → 2.5.9

package/bin/init.js

@@ -22,6 +22,11 @@ const INSTALLER_ROOT = path.join(__dirname, "..");
 const TEMPLATE_DIR = path.join(INSTALLER_ROOT, "vds-core-template");
 
 const STORYBOOK_MAIN_TS = `import type { StorybookConfig } from "@storybook/react-vite";
+import { mergeConfig } from "vite";
+import path from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
@@ -31,11 +36,13 @@ const config: StorybookConfig = {
     options: {},
   },
   async viteFinal(config) {
-    const { default: tailwindcss } = await import("tailwindcss");
-    const { default: autoprefixer } = await import("autoprefixer");
-    config.css = config.css ?? {};
-    config.css.postcss = { plugins: [tailwindcss, autoprefixer] };
-    return config;
+    return mergeConfig(config, {
+      resolve: {
+        alias: {
+          "@": path.resolve(__dirname, "../src"),
+        },
+      },
+    });
   },
 };
 
@@ -50,6 +57,21 @@ import "../src/index.css";
 const preview: Preview = {
   parameters: {
     layout: "fullscreen",
+    options: {
+      storySort: {
+        order: [
+          "Foundations",
+          ["Introduction", "Page to Components", "Colors", "Typography", "Brand", "Icons", "Component Suggestions", "Changelog"],
+          "Layout",
+          ["Navigation", "Footer", "ScrollToTop"],
+          "Components",
+          "Actions",
+          "Data Display",
+          "Examples",
+          ["Pages"],
+        ],
+      },
+    },
   },
   decorators: [
     (Story) => React.createElement(MemoryRouter, null, React.createElement(Story, null)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.5.7",
+  "version": "2.5.9",
   "description": "Auto-generate design systems for vibe coding projects",
   "type": "module",
   "bin": {