vibe-design-system 2.5.38 → 2.5.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.5.38",
+  "version": "2.5.40",
   "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; args/Controls undefined yapsa bile). */
+const RENDER_ARGS_FALLBACKS = {
+  TaskEstimateInput: ", estimate: (args && args.estimate) ?? 0, value: (args && args.value) ?? 0, task: (args && 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,12 @@ function buildStoryFileContent(comp) {
   }
 
   // Wrap in Suspense so lazy load errors render fallback instead of crashing
+  const argsFallback = (componentName && RENDER_ARGS_FALLBACKS[componentName]) || "";
+  const argsParam = argsFallback ? "(args = {})" : "(args)";
+  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: ${argsParam} => React.createElement(React.Suspense, { fallback: null }, React.createElement(ComponentRef, ${propsArg})),`;
   const childrenArgLine = (label) => (!omitChildren && !useReactNodeChildrenRender ? `    children: ${JSON.stringify(label)},` : null);
 
   if (!variants.length) {