vibe-design-system 2.6.2 → 2.7.0

package/package.json

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

package/vds-core-template/scan.mjs

@@ -943,19 +943,58 @@ function parseCssVarBlock(block) {
   return out;
 }
 
-/** Return only theme.extend.colors from tailwind config (user-defined colors), not the default Tailwind palette. */
+/** Return only theme.extend.colors from tailwind config (user-defined colors), not the default Tailwind palette. Also supports tailwind.config.ts (hex colors only). */
 function getTailwindExtendColors() {
   try {
-    const twPath = path.join(PROJECT_ROOT, "tailwind.config.js");
+    const twPathJs = path.join(PROJECT_ROOT, "tailwind.config.js");
     const twPathMjs = path.join(PROJECT_ROOT, "tailwind.config.mjs");
+    const twPathTs = path.join(PROJECT_ROOT, "tailwind.config.ts");
     let config = null;
-    if (fs.existsSync(twPath)) {
-      config = projectRequire(twPath);
-    } else if (fs.existsSync(twPathMjs)) {
-      config = projectRequire(twPathMjs);
+
+    // Prefer executable JS/MJS config when available
+    if (fs.existsSync(twPathJs) || fs.existsSync(twPathMjs)) {
+      const pathToUse = fs.existsSync(twPathJs) ? twPathJs : twPathMjs;
+      config = projectRequire(pathToUse);
+      if (config && typeof config === "object" && config.default) config = config.default;
+      return config?.theme?.extend?.colors ?? null;
+    }
+
+    // Fallback: parse tailwind.config.ts for hex colors under theme.extend.colors
+    if (fs.existsSync(twPathTs)) {
+      const raw = fs.readFileSync(twPathTs, "utf-8");
+      const m = raw.match(/colors\s*:\s*\{([\s\S]*?)\}\s*[,}]/);
+      if (!m) return null;
+      const body = m[1];
+      const out = {};
+
+      // Nested objects: primary: { DEFAULT: "#...", foreground: "#..." }
+      const nestedRe = /([\w-]+)\s*:\s*\{([^}]+)\}/g;
+      let match;
+      while ((match = nestedRe.exec(body)) !== null) {
+        const parent = match[1];
+        const inner = match[2];
+        const innerMap = {};
+        const hexRe = /["']?([\w-]+)["']?\s*:\s*["'](#[0-9a-fA-F]{3,8})["']/g;
+        let m2;
+        while ((m2 = hexRe.exec(inner)) !== null) {
+          innerMap[m2[1]] = m2[2];
+        }
+        if (Object.keys(innerMap).length > 0) out[parent] = innerMap;
+      }
+
+      // Top-level simple entries: brand: "#AEF33F"
+      const simpleHexRe = /["']?([\w-]+)["']?\s*:\s*["'](#[0-9a-fA-F]{3,8})["']/g;
+      let m3;
+      while ((m3 = simpleHexRe.exec(body)) !== null) {
+        const key = m3[1];
+        const hex = m3[2];
+        if (!out[key]) out[key] = hex;
+      }
+
+      return Object.keys(out).length ? out : null;
     }
-    if (config && typeof config === "object" && config.default) config = config.default;
-    return config?.theme?.extend?.colors ?? null;
+
+    return null;
   } catch (_) {
     return null;
   }

package/vds-core-template/setup-storybook-providers.mjs

@@ -138,9 +138,29 @@ function collectProvidersAndWarnings(projectRoot) {
   const providersToAdd = [];
   const hooksWithoutProvider = new Set();
   for (const hook of allHooksUsed) {
-    const providerName = HOOK_TO_PROVIDER[hook];
-    const importPath = findProviderExportPath(projectRoot, providerName, hook);
-    if (importPath) {
+    let providerName = HOOK_TO_PROVIDER[hook] || null;
+    let importPath = null;
+
+    const candidateNames = [];
+    if (providerName) {
+      candidateNames.push(providerName);
+    } else if (/^use[A-Z]/.test(hook)) {
+      const base = hook.slice(3);
+      candidateNames.push(base + "Provider");
+      candidateNames.push(base + "ContextProvider");
+      candidateNames.push(base + "Context");
+    }
+
+    for (const name of candidateNames) {
+      const foundPath = findProviderExportPath(projectRoot, name, hook);
+      if (foundPath) {
+        providerName = name;
+        importPath = foundPath;
+        break;
+      }
+    }
+
+    if (providerName && importPath) {
       if (!providersToAdd.some((p) => p.name === providerName)) {
         providersToAdd.push({ name: providerName, importPath });
       }