vibe-design-system 2.5.39 → 2.5.40

package/package.json

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

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

@@ -493,9 +493,9 @@ const COMPONENT_EXTRA_ARGS = {
   ],
 };
 
-/** Render'da args'a uygulanacak fallback (useState(estimate.toString()) gibi kullanımlar için; Controls undefined yapsa bile). */
+/** 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.estimate ?? 0, value: args.value ?? 0, task: args.task ?? { id: \"1\", title: \"Example\", estimate: 0 }",
+  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". */
@@ -1089,10 +1089,11 @@ 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, ${propsArg})),`;
+    : `  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) {