designlang 11.0.0 → 11.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "designlang",
-  "version": "11.0.0",
+  "version": "11.0.1",
   "description": "Extract the complete design language from any website and ship it — clone to a working Next.js starter, guard tokens with a CI drift bot, or browse everything in a local studio. Outputs W3C DTCG tokens, motion tokens, typed anatomy stubs, Tailwind config, and ready-to-paste v0 / Lovable / Cursor / Claude-Artifacts prompts.",
   "type": "module",
   "bin": {

package/src/formatters/prompt-pack.js

@@ -15,16 +15,16 @@ function typeFamilies(design) {
 
 function scaleSnippet(scale = []) {
   if (!scale.length) return '(not detected)';
-  return scale.slice(0, 8).map(s => (s.value || s) + (s.label ? ` (${s.label})` : '')).join(', ');
+  return scale.slice(0, 8).map(s => String(s.value ?? s) + (s.label ? ` (${s.label})` : '')).join(', ');
 }
 
 function radiiSnippet(borders) {
-  const r = (borders?.radii || []).slice(0, 6).map(x => (x.value || x).toString());
+  const r = (borders?.radii || []).slice(0, 6).map(x => String(x.value ?? x));
   return r.length ? r.join(', ') : '(none)';
 }
 
 function shadowSnippet(shadows) {
-  const s = (shadows?.values || []).slice(0, 3).map(x => (x.value || x).toString());
+  const s = (shadows?.values || []).slice(0, 3).map(x => String(x.raw ?? x.value ?? x));
   return s.length ? s.join(' | ') : '(none)';
 }
 
@@ -138,8 +138,8 @@ export function formatCursorPrompt(design) {
     'export const tokens = {',
     `  colors: [${b.colors.map(c => `'${c}'`).join(', ')}],`,
     `  fonts: [${b.fonts.map(f => `'${f}'`).join(', ')}],`,
-    `  radii: [${(design.borders?.radii || []).slice(0, 6).map(r => `'${(r.value || r)}'`).join(', ')}],`,
-    `  shadows: [${(design.shadows?.values || []).slice(0, 3).map(s => `'${(s.value || s).replace(/'/g, "\\'")}'`).join(', ')}],`,
+    `  radii: [${(design.borders?.radii || []).slice(0, 6).map(r => `'${String(r.value ?? r)}'`).join(', ')}],`,
+    `  shadows: [${(design.shadows?.values || []).slice(0, 3).map(s => `'${String(s.raw ?? s.value ?? s).replace(/'/g, "\\'")}'`).join(', ')}],`,
     '};',
     '```',
     '',

package/src/formatters/tailwind.js

@@ -1,7 +1,7 @@
 import { rgbToHex, rgbToHsl } from '../utils.js';
 
 function generateColorScale(hex, parsed) {
-  const { h, s } = rgbToHsl(parsed);
+  const { h, s } = parsed.hsl ?? rgbToHsl(parsed.rgb);
   const scale = {};
   const levels = [
     { name: '50', l: 97 }, { name: '100', l: 94 }, { name: '200', l: 86 },

package/src/multipage.js

@@ -127,11 +127,11 @@ function typeSet(typography) {
 }
 
 function spaceSet(spacing) {
-  return new Set(((spacing?.scale) || []).map(s => (s.value || s).toString()));
+  return new Set(((spacing?.scale) || []).map(s => String(s.value ?? s)));
 }
 
 function radiusSet(borders) {
-  return new Set(((borders?.radii) || []).map(r => (r.value || r).toString()));
+  return new Set(((borders?.radii) || []).map(r => String(r.value ?? r)));
 }
 
 export function computeCrossPageConsistency(pages) {