vibe-design-system 2.8.53 → 2.8.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vibe-design-system",
-  "version": "2.8.53",
+  "version": "2.8.54",
   "description": "Auto-generate design systems for vibe coding projects",
   "homepage": "https://vibedesign.tech",
   "repository": {

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

@@ -2577,11 +2577,11 @@ function writeFoundationsStories(foundations) {
       "            </p>",
       "            <p style={{ margin: \"0 0 12px\", fontSize: 12, color: \"#475569\" }}>gap-* values across all components.</p>",
       "            <div style={{ display: \"flex\", flexWrap: \"wrap\", gap: 8 }}>",
-      "              {(gapEntries as [string, number][]).map(([val, count]) => (",
+      "              {(gapEntries as [string, { count: number; topFiles: string[] }][]).map(([val, data]) => (",
       "                <span key={val} style={{ display: \"flex\", alignItems: \"center\", gap: 6,",
       "                  background: \"#0a0f1a\", border: \"1px solid #1e293b\", borderRadius: 6, padding: \"5px 10px\", fontSize: 12 }}>",
       "                  <code style={{ color: \"#67e8f9\" }}>gap-{val}</code>",
-      "                  <span style={{ color: \"#475569\", fontSize: 11 }}>×{count}</span>",
+      "                  <span style={{ color: \"#475569\", fontSize: 11 }}>×{data.count}</span>",
       "                </span>",
       "              ))}",
       "            </div>",
@@ -3383,9 +3383,12 @@ function writeCursorRules(components, foundations) {
   const gridSystem = foundations?.gridSystem;
   if (gridSystem) {
     lines.push(`## 📐 Spacing & Layout (detected in this project)`);
-    if (Object.keys(gaps).length > 0) {
-      const gapLine = Object.entries(gaps).sort((a,b)=>b[1]-a[1]).slice(0,8)
-        .map(([v, c]) => `\`gap-${v}\` ×${c}`).join("  ·  ");
+    const _gaps = gridSystem.gaps || {};
+    if (Object.keys(_gaps).length > 0) {
+      const gapLine = Object.entries(_gaps)
+        .sort((a,b) => (typeof b[1] === "object" ? b[1].count : b[1]) - (typeof a[1] === "object" ? a[1].count : a[1]))
+        .slice(0,8)
+        .map(([v, d]) => `\`gap-${v}\` ×${typeof d === "object" ? d.count : d}`).join("  ·  ");
       lines.push(`**Common gaps:** ${gapLine}`);
     }
     if (Object.keys(gridSystem.gridCols || {}).length > 0) {