vibe-design-system 2.5.38 → 2.5.39

package/package.json

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

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

@@ -493,6 +493,11 @@ const COMPONENT_EXTRA_ARGS = {
   ],
 };
 
+/** Render'da args'a uygulanacak fallback (useState(estimate.toString()) gibi kullanımlar için; Controls undefined yapsa bile). */
+const RENDER_ARGS_FALLBACKS = {
+  TaskEstimateInput: ", estimate: args.estimate ?? 0, value: args.value ?? 0, task: args.task ?? { id: \"1\", title: \"Example\", estimate: 0 }",
+};
+
 /** Recursive list of .tsx/.jsx file paths under dir (relative to dir). Index.tsx / index.tsx first for deterministic "first usage". */
 function getAllTsxJsxUnderDir(dir) {
   if (!fs.existsSync(dir)) return [];
@@ -1083,9 +1088,11 @@ function buildStoryFileContent(comp) {
   }
 
   // Wrap in Suspense so lazy load errors render fallback instead of crashing
+  const argsFallback = (componentName && RENDER_ARGS_FALLBACKS[componentName]) || "";
+  const propsArg = argsFallback ? `{ ...args${argsFallback} }` : "args";
   const renderLine = useReactNodeChildrenRender
     ? `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, { ...args, children: args.children || React.createElement('span', null, 'Example') })),`
-    : `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, args)),`;
+    : `  render: (args) => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, ${propsArg})),`;
   const childrenArgLine = (label) => (!omitChildren && !useReactNodeChildrenRender ? `    children: ${JSON.stringify(label)},` : null);
 
   if (!variants.length) {