vibe-design-system 2.5.17 → 2.5.18

package/bin/init.js

@@ -49,6 +49,7 @@ export default config;
 const STORYBOOK_PREVIEW_TS = `import type { Preview } from "@storybook/react";
 import React from "react";
 import { MemoryRouter } from "react-router-dom";
+// Uygulamanızla aynı stiller için: index.css + kullandığınız diğer global CSS dosyalarını ekleyin (örn. "../src/App.css").
 import "../src/index.css";
 
 const withRouter = (Story: any) => {
@@ -94,6 +95,8 @@ Geliştirme kuralları:
 - Variant'lar için cva() kullan
 - Tailwind CSS kullan
 - Named export veya default export — ikisi de çalışır
+
+Storybook stilleri sayfalardan farklıysa: .storybook/preview.ts içinde uygulamanızın kullandığı tüm global CSS dosyalarını import edin (index.css dışında App.css, globals.css vb.).
 `;
 
 const WATCH_MJS = `#!/usr/bin/env node

package/package.json

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

package/vds-core-template/story-generator.mjs

@@ -445,6 +445,19 @@ function parsePropsFromSource(source) {
 /** Default icon for LucideIcon prop when name is generic (icon, leftIcon, etc.). */
 const LUCIDE_ICON_DEFAULT = "Star";
 
+/** Yaygın required string prop isimleri için anlamlı varsayılan metin (component'in boş/Example yerine görünür render etmesi için). */
+const DEFAULT_STRINGS_BY_PROP_NAME = {
+  eyebrow: "Label",
+  title: "Section title",
+  description: "Short description for the section.",
+  value: "100",
+  name: "Example",
+  heading: "Heading",
+  subtitle: "Subtitle text",
+  text: "Sample text",
+  label: "Label",
+};
+
 /** Build default args lines and lucide-react imports for required props (LucideIcon → icon component, X[] → example item). */
 function buildDefaultArgsForRequiredProps(props) {
   const argLines = [];
@@ -462,9 +475,10 @@ function buildDefaultArgsForRequiredProps(props) {
       if (/string\s*\[\]/.test(type)) {
         argLines.push(`    ${name}: ["Example"],`);
       } else {
-        // Object arrays ({ label, value } vb.) birçok component'te doğrudan child olarak render edilince hata verir; güvenli varsayılan boş dizi.
         argLines.push(`    ${name}: [],`);
       }
+    } else if (/string/.test(type) && DEFAULT_STRINGS_BY_PROP_NAME[name] !== undefined) {
+      argLines.push(`    ${name}: ${JSON.stringify(DEFAULT_STRINGS_BY_PROP_NAME[name])},`);
     }
   }
   return { argLines, lucideImports: [...lucideImports] };