oh-my-design-cli 0.1.3 → 1.0.1

package/dist/chunk-MHFYGZSO.js

@@ -1,337 +0,0 @@
-#!/usr/bin/env node
-
-// src/utils/color.ts
-function hexToRgb(hex) {
-  const h = hex.replace("#", "");
-  return [
-    parseInt(h.slice(0, 2), 16),
-    parseInt(h.slice(2, 4), 16),
-    parseInt(h.slice(4, 6), 16)
-  ];
-}
-function rgbToHex(r, g, b) {
-  return "#" + [r, g, b].map((v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, "0")).join("");
-}
-function hexToHsl(hex) {
-  const [r, g, b] = hexToRgb(hex).map((v) => v / 255);
-  const max = Math.max(r, g, b);
-  const min = Math.min(r, g, b);
-  const l = (max + min) / 2;
-  let h = 0;
-  let s = 0;
-  if (max !== min) {
-    const d = max - min;
-    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
-    switch (max) {
-      case r:
-        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
-        break;
-      case g:
-        h = ((b - r) / d + 2) / 6;
-        break;
-      case b:
-        h = ((r - g) / d + 4) / 6;
-        break;
-    }
-  }
-  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];
-}
-function hslToHex(h, s, l) {
-  const sn = s / 100;
-  const ln = l / 100;
-  const a = sn * Math.min(ln, 1 - ln);
-  const f = (n) => {
-    const k = (n + h / 30) % 12;
-    const color = ln - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    return Math.round(255 * color);
-  };
-  return rgbToHex(f(0), f(8), f(4));
-}
-function hslString(hex) {
-  const [h, s, l] = hexToHsl(hex);
-  return `${h} ${s}% ${l}%`;
-}
-function generateColorScale(hex) {
-  const [h, s] = hexToHsl(hex);
-  const lightnesses = {
-    50: 97,
-    100: 94,
-    200: 86,
-    300: 77,
-    400: 66,
-    500: 55,
-    600: 47,
-    700: 39,
-    800: 32,
-    900: 24,
-    950: 14
-  };
-  const scale = {};
-  for (const [key, l] of Object.entries(lightnesses)) {
-    scale[key] = hslToHex(h, s, l);
-  }
-  return scale;
-}
-function isLight(hex) {
-  const [, , l] = hexToHsl(hex);
-  return l > 55;
-}
-function contrastForeground(bgHex) {
-  return isLight(bgHex) ? "#09090b" : "#fafafa";
-}
-function lighten(hex, amount) {
-  const [h, s, l] = hexToHsl(hex);
-  return hslToHex(h, s, Math.min(100, l + amount));
-}
-function darken(hex, amount) {
-  const [h, s, l] = hexToHsl(hex);
-  return hslToHex(h, s, Math.max(0, l - amount));
-}
-function generateChartColors(primaryHex) {
-  const [h, s, l] = hexToHsl(primaryHex);
-  return [
-    primaryHex,
-    hslToHex((h + 40) % 360, s, l),
-    hslToHex((h + 80) % 360, s, l),
-    hslToHex((h + 160) % 360, s, l),
-    hslToHex((h + 220) % 360, s, l)
-  ];
-}
-
-// src/core/customizer.ts
-function applyOverrides(ref, overrides, mode, components) {
-  let md = ref.designMd;
-  const effectivePrimary = overrides.primaryColor || ref.colors.primary;
-  const effectiveFont = overrides.fontFamily || ref.typography.primary;
-  const effectiveWeight = overrides.headingWeight || ref.typography.headingWeight;
-  const effectiveRadius = overrides.borderRadius || ref.radius.replace(/[-–].*/, "").trim();
-  const effectiveBg = ref.colors.background;
-  const effectiveFg = ref.colors.foreground;
-  md = md.replace(/[\u{1F300}-\u{1F9FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{FE00}-\u{FE0F}\u{1FA00}-\u{1FAFF}\u{200D}\u{20E3}\u{E0020}-\u{E007F}]/gu, "");
-  if (mode === "customized") {
-    md = md.replace(/^# .+$/m, `# Custom Design System (based on ${ref.name})`);
-    if (overrides.primaryColor && overrides.primaryColor !== ref.colors.primary) {
-      const re = new RegExp(ref.colors.primary.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi");
-      md = re[Symbol.replace](md, overrides.primaryColor);
-    }
-    if (overrides.fontFamily && overrides.fontFamily !== ref.typography.primary) {
-      md = md.replaceAll(ref.typography.primary, overrides.fontFamily);
-    }
-  }
-  if (components && components.length > 0) {
-    md += `
-
----
-
-## Included Components
-
-The following components are part of this design system:
-
-`;
-    md += components.map((c) => `- ${c.charAt(0).toUpperCase() + c.slice(1).replace(/-/g, " ")}`).join("\n");
-    md += "\n";
-  }
-  md += buildIconographySection();
-  const shadcnCss = generateShadcnCss(effectivePrimary, effectiveBg, effectiveFg, effectiveRadius, ref, overrides);
-  md += buildDocumentPolicies();
-  const previewData = buildPreviewData(ref, overrides, effectivePrimary, effectiveBg, effectiveFg, effectiveFont, effectiveWeight, effectiveRadius);
-  return { designMd: md, shadcnCss, previewData };
-}
-function generateShadcnCss(primary, background, foreground, radius, ref, overrides) {
-  const scale = generateColorScale(primary);
-  const accent = ref.colors.accent || hslToHex((hexToHsl(primary)[0] + 30) % 360, 60, 55);
-  const border = ref.colors.border || lighten(foreground, 75);
-  const muted = lighten(background === "#ffffff" ? "#f5f5f5" : background, 5);
-  const destructive = "#ef4444";
-  const chart = generateChartColors(primary);
-  const radiusRem = radius === "9999px" ? "9999px" : `${parseInt(radius) / 16}rem`;
-  const vars = {
-    "--background": hslString(background),
-    "--foreground": hslString(foreground),
-    "--card": hslString(background === "#ffffff" ? "#ffffff" : lighten(background, 3)),
-    "--card-foreground": hslString(foreground),
-    "--popover": hslString(background === "#ffffff" ? "#ffffff" : lighten(background, 5)),
-    "--popover-foreground": hslString(foreground),
-    "--primary": hslString(primary),
-    "--primary-foreground": hslString(contrastForeground(primary)),
-    "--secondary": hslString(scale[100]),
-    "--secondary-foreground": hslString(foreground),
-    "--muted": hslString(muted),
-    "--muted-foreground": hslString(lighten(foreground, 40)),
-    "--accent": hslString(accent),
-    "--accent-foreground": hslString(contrastForeground(accent)),
-    "--destructive": hslString(destructive),
-    "--destructive-foreground": hslString(contrastForeground(destructive)),
-    "--border": hslString(border),
-    "--input": hslString(border),
-    "--ring": hslString(primary),
-    "--radius": radiusRem,
-    "--chart-1": hslString(chart[0]),
-    "--chart-2": hslString(chart[1]),
-    "--chart-3": hslString(chart[2]),
-    "--chart-4": hslString(chart[3]),
-    "--chart-5": hslString(chart[4])
-  };
-  const lines = ["@layer base {", "  :root {"];
-  for (const [k, v] of Object.entries(vars)) {
-    lines.push(`    ${k}: ${v};`);
-  }
-  lines.push("  }");
-  if (overrides.darkMode) {
-    const darkBg = hslToHex(hexToHsl(primary)[0], 15, 7);
-    const darkFg = "#fafafa";
-    const darkBorder = hslToHex(hexToHsl(primary)[0], 10, 18);
-    const darkMuted = hslToHex(hexToHsl(primary)[0], 10, 15);
-    lines.push("", "  .dark {");
-    const darkVars = {
-      "--background": hslString(darkBg),
-      "--foreground": hslString(darkFg),
-      "--card": hslString(lighten(darkBg, 3)),
-      "--card-foreground": hslString(darkFg),
-      "--popover": hslString(lighten(darkBg, 5)),
-      "--popover-foreground": hslString(darkFg),
-      "--primary": hslString(primary),
-      "--primary-foreground": hslString(contrastForeground(primary)),
-      "--secondary": hslString(hslToHex(hexToHsl(primary)[0], 15, 20)),
-      "--secondary-foreground": hslString(darkFg),
-      "--muted": hslString(darkMuted),
-      "--muted-foreground": hslString(darken(darkFg, 35)),
-      "--accent": hslString(accent),
-      "--accent-foreground": hslString(contrastForeground(accent)),
-      "--destructive": hslString(destructive),
-      "--destructive-foreground": hslString(contrastForeground(destructive)),
-      "--border": hslString(darkBorder),
-      "--input": hslString(lighten(darkBorder, 5)),
-      "--ring": hslString(primary),
-      "--chart-1": hslString(chart[0]),
-      "--chart-2": hslString(chart[1]),
-      "--chart-3": hslString(chart[2]),
-      "--chart-4": hslString(chart[3]),
-      "--chart-5": hslString(chart[4])
-    };
-    for (const [k, v] of Object.entries(darkVars)) {
-      lines.push(`    ${k}: ${v};`);
-    }
-    lines.push("  }");
-  }
-  lines.push("}");
-  return lines.join("\n");
-}
-function buildPreviewData(ref, overrides, primary, background, foreground, font, headingWeight, radius) {
-  const scale = generateColorScale(primary);
-  const accent = ref.colors.accent || hslToHex((hexToHsl(primary)[0] + 30) % 360, 60, 55);
-  const border = ref.colors.border || lighten(foreground, 75);
-  const chart = generateChartColors(primary);
-  return {
-    name: overrides.primaryColor || overrides.fontFamily ? `Custom (based on ${ref.name})` : ref.name,
-    basedOn: ref.name,
-    primary,
-    background,
-    foreground,
-    font,
-    headingWeight,
-    radius,
-    shadcnCss: "",
-    // filled later
-    designMd: "",
-    // filled later
-    colors: {
-      primary,
-      accent,
-      muted: lighten(background === "#ffffff" ? "#f5f5f5" : background, 5),
-      destructive: "#ef4444",
-      border,
-      scale,
-      chart
-    },
-    darkMode: overrides.darkMode
-  };
-}
-function buildIconographySection() {
-  return `
-
----
-
-## Iconography & SVG Guidelines
-
-### Icon Library
-
-Use a single, consistent icon library throughout the project. Recommended options:
-
-- **Lucide React** (\`lucide-react\`): Default for shadcn/ui projects. 1,400+ icons, tree-shakeable, consistent 24x24 grid.
-- **Radix Icons** (\`@radix-ui/react-icons\`): 300+ icons, 15x15 grid, minimal and geometric.
-- **Heroicons** (\`@heroicons/react\`): 300+ icons by Tailwind team, outline and solid variants.
-
-Pick ONE library and use it everywhere. Do not mix icon libraries within the same project.
-
-### SVG Usage Rules
-
-- All icons must be inline SVG components (not \`<img>\` tags) for color and size control.
-- Icon size follows the type scale: 16px (inline), 20px (buttons), 24px (standalone).
-- Icon color inherits from \`currentColor\` -- never hard-code fill/stroke colors.
-- For custom/brand icons, export as SVG components with \`currentColor\` fills.
-- Stroke width: 1.5px-2px for outline icons. Keep consistent across the project.
-
-### Icon Sizing Scale
-
-| Context | Size | Usage |
-|---------|------|-------|
-| Inline text | 16px (1rem) | Badges, labels, breadcrumbs |
-| Button icon | 18px (1.125rem) | Icon buttons, CTA icons |
-| Standalone | 24px (1.5rem) | Navigation, card icons |
-| Feature | 32-48px | Hero sections, empty states |
-
-### SVG Optimization
-
-- Run all custom SVGs through SVGO before committing.
-- Remove unnecessary attributes: \`xmlns\`, \`xml:space\`, editor metadata.
-- Use \`viewBox\` instead of fixed \`width\`/\`height\` for scalability.
-`;
-}
-function buildDocumentPolicies() {
-  return `
-
----
-
-## Document Policies
-
-### No Emojis
-
-This design system must not use emojis in any UI element, component, label, status indicator, or documentation.
-Use SVG icons from the chosen icon library instead. Emojis render inconsistently across platforms and break visual coherence.
-
-- Status indicators: use colored dots or icon components, not emoji.
-- Section markers: use text prefixes ("DO:" / "DON'T:") or icons, not checkmark/cross emojis.
-- Navigation: use icon components, not emoji.
-
-### Format Compliance
-
-This document follows the Google Stitch DESIGN.md 9-section format:
-1. Visual Theme & Atmosphere
-2. Color Palette & Roles
-3. Typography Rules
-4. Component Stylings
-5. Layout Principles
-6. Depth & Elevation
-7. Do's and Don'ts
-8. Responsive Behavior
-9. Agent Prompt Guide
-
-Extended with:
-- Iconography & SVG Guidelines
-- Document Policies
-
-Total target length: 250-400 lines. Keep sections concise and actionable.
-`;
-}
-
-export {
-  hexToHsl,
-  hslToHex,
-  generateColorScale,
-  contrastForeground,
-  lighten,
-  darken,
-  applyOverrides
-};
-//# sourceMappingURL=chunk-MHFYGZSO.js.map

package/dist/chunk-MHFYGZSO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/color.ts","../src/core/customizer.ts"],"sourcesContent":["import type { ColorScale, SemanticColor } from '../core/types.js';\n\n// ── Hex ↔ HSL conversions ────────────────────────────────────────\n\nexport function hexToRgb(hex: string): [number, number, number] {\n  const h = hex.replace('#', '');\n  return [\n    parseInt(h.slice(0, 2), 16),\n    parseInt(h.slice(2, 4), 16),\n    parseInt(h.slice(4, 6), 16),\n  ];\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n  return (\n    '#' +\n    [r, g, b]\n      .map((v) => Math.round(Math.max(0, Math.min(255, v))).toString(16).padStart(2, '0'))\n      .join('')\n  );\n}\n\nexport function hexToHsl(hex: string): [number, number, number] {\n  const [r, g, b] = hexToRgb(hex).map((v) => v / 255);\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  const l = (max + min) / 2;\n  let h = 0;\n  let s = 0;\n\n  if (max !== min) {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n    switch (max) {\n      case r: h = ((g - b) / d + (g < b ? 6 : 0)) / 6; break;\n      case g: h = ((b - r) / d + 2) / 6; break;\n      case b: h = ((r - g) / d + 4) / 6; break;\n    }\n  }\n\n  return [Math.round(h * 360), Math.round(s * 100), Math.round(l * 100)];\n}\n\nexport function hslToHex(h: number, s: number, l: number): string {\n  const sn = s / 100;\n  const ln = l / 100;\n  const a = sn * Math.min(ln, 1 - ln);\n  const f = (n: number) => {\n    const k = (n + h / 30) % 12;\n    const color = ln - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n    return Math.round(255 * color);\n  };\n  return rgbToHex(f(0), f(8), f(4));\n}\n\n/** Format HSL for shadcn CSS variables: \"210 40% 98%\" */\nexport function hslString(hex: string): string {\n  const [h, s, l] = hexToHsl(hex);\n  return `${h} ${s}% ${l}%`;\n}\n\n// ── Palette generation ───────────────────────────────────────────\n\n/** Generate a full 11-stop color scale from a single hex */\nexport function generateColorScale(hex: string): ColorScale {\n  const [h, s] = hexToHsl(hex);\n\n  const lightnesses: Record<keyof ColorScale, number> = {\n    50: 97, 100: 94, 200: 86, 300: 77,\n    400: 66, 500: 55, 600: 47, 700: 39,\n    800: 32, 900: 24, 950: 14,\n  };\n\n  const scale = {} as ColorScale;\n  for (const [key, l] of Object.entries(lightnesses)) {\n    (scale as unknown as Record<string, string>)[key] = hslToHex(h, s, l);\n  }\n  return scale;\n}\n\n/** Determine if a color is \"light\" (needs dark foreground) */\nexport function isLight(hex: string): boolean {\n  const [, , l] = hexToHsl(hex);\n  return l > 55;\n}\n\n/** Pick a contrasting foreground for a given background */\nexport function contrastForeground(bgHex: string): string {\n  return isLight(bgHex) ? '#09090b' : '#fafafa';\n}\n\n/** Create a semantic color pair (base + auto-contrast foreground) */\nexport function semanticColor(base: string): SemanticColor {\n  return { base, foreground: contrastForeground(base) };\n}\n\n/** Lighten a hex color by a percentage (0-100) */\nexport function lighten(hex: string, amount: number): string {\n  const [h, s, l] = hexToHsl(hex);\n  return hslToHex(h, s, Math.min(100, l + amount));\n}\n\n/** Darken a hex color by a percentage (0-100) */\nexport function darken(hex: string, amount: number): string {\n  const [h, s, l] = hexToHsl(hex);\n  return hslToHex(h, s, Math.max(0, l - amount));\n}\n\n/** Desaturate a color */\nexport function desaturate(hex: string, amount: number): string {\n  const [h, s, l] = hexToHsl(hex);\n  return hslToHex(h, Math.max(0, s - amount), l);\n}\n\n/** Generate chart colors from primary by rotating hue */\nexport function generateChartColors(primaryHex: string): [string, string, string, string, string] {\n  const [h, s, l] = hexToHsl(primaryHex);\n  return [\n    primaryHex,\n    hslToHex((h + 40) % 360, s, l),\n    hslToHex((h + 80) % 360, s, l),\n    hslToHex((h + 160) % 360, s, l),\n    hslToHex((h + 220) % 360, s, l),\n  ];\n}\n","import type { ReferenceEntry } from './reference-parser.js';\nimport type { CustomOverrides } from '../cli/prompts.js';\nimport {\n  generateColorScale,\n  contrastForeground,\n  hslString,\n  hexToHsl,\n  hslToHex,\n  lighten,\n  darken,\n  generateChartColors,\n} from '../utils/color.js';\n\n/**\n * Apply user overrides to a reference DESIGN.md.\n *\n * Strategy:\n *  - \"as-is\": return the original DESIGN.md content with minimal additions\n *  - \"customized\": perform text-level replacements for color/font/radius/weight\n *    and append a customization summary + shadcn CSS variables block\n *\n * This is intentionally NOT an AI call. It's deterministic string transformation.\n */\nexport function applyOverrides(\n  ref: ReferenceEntry,\n  overrides: CustomOverrides,\n  mode: 'as-is' | 'customized',\n  components?: string[],\n): { designMd: string; shadcnCss: string; previewData: PreviewData } {\n  let md = ref.designMd;\n\n  const effectivePrimary = overrides.primaryColor || ref.colors.primary;\n  const effectiveFont = overrides.fontFamily || ref.typography.primary;\n  const effectiveWeight = overrides.headingWeight || ref.typography.headingWeight;\n  const effectiveRadius = overrides.borderRadius || ref.radius.replace(/[-–].*/, '').trim();\n  const effectiveBg = ref.colors.background;\n  const effectiveFg = ref.colors.foreground;\n\n  // Strip emojis. The unicode range covers ✅ (U+2705) and ❌ (U+274C) too,\n  // so any DO:/DON'T: prefix conversion would never match — references use\n  // explicit \"**DO**\" / \"**DON'T**\" markdown instead.\n  md = md.replace(/[\\u{1F300}-\\u{1F9FF}\\u{2600}-\\u{26FF}\\u{2700}-\\u{27BF}\\u{FE00}-\\u{FE0F}\\u{1FA00}-\\u{1FAFF}\\u{200D}\\u{20E3}\\u{E0020}-\\u{E007F}]/gu, '');\n\n  if (mode === 'customized') {\n    // Direct replacement — one source of truth for AI agents\n    md = md.replace(/^# .+$/m, `# Custom Design System (based on ${ref.name})`);\n\n    if (overrides.primaryColor && overrides.primaryColor !== ref.colors.primary) {\n      const re = new RegExp(ref.colors.primary.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'), 'gi');\n      md = re[Symbol.replace](md, overrides.primaryColor);\n    }\n    if (overrides.fontFamily && overrides.fontFamily !== ref.typography.primary) {\n      md = md.replaceAll(ref.typography.primary, overrides.fontFamily);\n    }\n  }\n\n  // Append component list\n  if (components && components.length > 0) {\n    md += `\\n\\n---\\n\\n## Included Components\\n\\nThe following components are part of this design system:\\n\\n`;\n    md += components.map(c => `- ${c.charAt(0).toUpperCase() + c.slice(1).replace(/-/g, ' ')}`).join('\\n');\n    md += '\\n';\n  }\n\n  // Append iconography section\n  md += buildIconographySection();\n\n  // Generate shadcn CSS for preview data only (no longer appended to DESIGN.md)\n  const shadcnCss = generateShadcnCss(effectivePrimary, effectiveBg, effectiveFg, effectiveRadius, ref, overrides);\n\n  // Append document policies\n  md += buildDocumentPolicies();\n\n  // Build preview data\n  const previewData = buildPreviewData(ref, overrides, effectivePrimary, effectiveBg, effectiveFg, effectiveFont, effectiveWeight, effectiveRadius);\n\n  return { designMd: md, shadcnCss, previewData };\n}\n\n// ── Text replacements ────────────────────────────────────────────\n\nfunction replaceColor(md: string, oldHex: string, newHex: string): string {\n  // Replace the exact hex (case-insensitive)\n  const regex = new RegExp(escapeRegex(oldHex), 'gi');\n  return md.replace(regex, newHex);\n}\n\nfunction replaceFont(md: string, oldFont: string, newFont: string): string {\n  const regex = new RegExp(escapeRegex(oldFont), 'g');\n  return md.replace(regex, newFont);\n}\n\nfunction replaceWeight(md: string, oldWeight: string, newWeight: string): string {\n  // Only replace weight in Display/Heading rows and key characteristics\n  // Be careful not to replace all numbers\n  const regex = new RegExp(`(Display.*?\\\\|\\\\s*)${oldWeight}(\\\\s*\\\\|)`, 'g');\n  let result = md.replace(regex, `$1${newWeight}$2`);\n  // Also replace \"weight X\" patterns\n  result = result.replace(\n    new RegExp(`weight ${oldWeight}`, 'g'),\n    `weight ${newWeight}`,\n  );\n  return result;\n}\n\nfunction replaceRadius(md: string, oldRadius: string, newRadius: string): string {\n  // Replace \"Xpx\" radius patterns\n  const oldBase = oldRadius.replace(/[-–].*/, '').trim();\n  if (oldBase === newRadius) return md;\n  const regex = new RegExp(`${escapeRegex(oldBase)}`, 'g');\n  return md.replace(regex, newRadius);\n}\n\nfunction escapeRegex(str: string): string {\n  return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\n}\n\n// ── Customization summary section ────────────────────────────────\n\nfunction buildCustomizationSummary(ref: ReferenceEntry, overrides: CustomOverrides): string {\n  const changes: string[] = [];\n  if (overrides.primaryColor) {\n    changes.push(`- **Primary color**: ${ref.colors.primary} → ${overrides.primaryColor}`);\n  }\n  if (overrides.fontFamily) {\n    changes.push(`- **Font**: ${ref.typography.primary} → ${overrides.fontFamily}`);\n  }\n  if (overrides.headingWeight) {\n    changes.push(`- **Heading weight**: ${ref.typography.headingWeight} → ${overrides.headingWeight}`);\n  }\n  if (overrides.borderRadius) {\n    changes.push(`- **Border radius**: ${ref.radius} → ${overrides.borderRadius}`);\n  }\n  if (overrides.additionalNotes) {\n    changes.push(`- **Additional notes**: ${overrides.additionalNotes}`);\n  }\n\n  if (changes.length === 0) return '';\n\n  return `\n\n---\n\n## Customization Applied\n\n> Based on **${ref.name}** design system with the following modifications:\n\n${changes.join('\\n')}\n`;\n}\n\n// ── shadcn CSS generation ────────────────────────────────────────\n\nfunction generateShadcnCss(\n  primary: string,\n  background: string,\n  foreground: string,\n  radius: string,\n  ref: ReferenceEntry,\n  overrides: CustomOverrides,\n): string {\n  const scale = generateColorScale(primary);\n  const accent = ref.colors.accent || hslToHex((hexToHsl(primary)[0] + 30) % 360, 60, 55);\n  const border = ref.colors.border || lighten(foreground, 75);\n  const muted = lighten(background === '#ffffff' ? '#f5f5f5' : background, 5);\n  const destructive = '#ef4444';\n  const chart = generateChartColors(primary);\n\n  const radiusRem = radius === '9999px' ? '9999px' : `${parseInt(radius) / 16}rem`;\n\n  const vars: Record<string, string> = {\n    '--background': hslString(background),\n    '--foreground': hslString(foreground),\n    '--card': hslString(background === '#ffffff' ? '#ffffff' : lighten(background, 3)),\n    '--card-foreground': hslString(foreground),\n    '--popover': hslString(background === '#ffffff' ? '#ffffff' : lighten(background, 5)),\n    '--popover-foreground': hslString(foreground),\n    '--primary': hslString(primary),\n    '--primary-foreground': hslString(contrastForeground(primary)),\n    '--secondary': hslString(scale[100]),\n    '--secondary-foreground': hslString(foreground),\n    '--muted': hslString(muted),\n    '--muted-foreground': hslString(lighten(foreground, 40)),\n    '--accent': hslString(accent),\n    '--accent-foreground': hslString(contrastForeground(accent)),\n    '--destructive': hslString(destructive),\n    '--destructive-foreground': hslString(contrastForeground(destructive)),\n    '--border': hslString(border),\n    '--input': hslString(border),\n    '--ring': hslString(primary),\n    '--radius': radiusRem,\n    '--chart-1': hslString(chart[0]),\n    '--chart-2': hslString(chart[1]),\n    '--chart-3': hslString(chart[2]),\n    '--chart-4': hslString(chart[3]),\n    '--chart-5': hslString(chart[4]),\n  };\n\n  const lines = ['@layer base {', '  :root {'];\n  for (const [k, v] of Object.entries(vars)) {\n    lines.push(`    ${k}: ${v};`);\n  }\n  lines.push('  }');\n\n  // Dark mode\n  if (overrides.darkMode) {\n    const darkBg = hslToHex(hexToHsl(primary)[0], 15, 7);\n    const darkFg = '#fafafa';\n    const darkBorder = hslToHex(hexToHsl(primary)[0], 10, 18);\n    const darkMuted = hslToHex(hexToHsl(primary)[0], 10, 15);\n\n    lines.push('', '  .dark {');\n    const darkVars: Record<string, string> = {\n      '--background': hslString(darkBg),\n      '--foreground': hslString(darkFg),\n      '--card': hslString(lighten(darkBg, 3)),\n      '--card-foreground': hslString(darkFg),\n      '--popover': hslString(lighten(darkBg, 5)),\n      '--popover-foreground': hslString(darkFg),\n      '--primary': hslString(primary),\n      '--primary-foreground': hslString(contrastForeground(primary)),\n      '--secondary': hslString(hslToHex(hexToHsl(primary)[0], 15, 20)),\n      '--secondary-foreground': hslString(darkFg),\n      '--muted': hslString(darkMuted),\n      '--muted-foreground': hslString(darken(darkFg, 35)),\n      '--accent': hslString(accent),\n      '--accent-foreground': hslString(contrastForeground(accent)),\n      '--destructive': hslString(destructive),\n      '--destructive-foreground': hslString(contrastForeground(destructive)),\n      '--border': hslString(darkBorder),\n      '--input': hslString(lighten(darkBorder, 5)),\n      '--ring': hslString(primary),\n      '--chart-1': hslString(chart[0]),\n      '--chart-2': hslString(chart[1]),\n      '--chart-3': hslString(chart[2]),\n      '--chart-4': hslString(chart[3]),\n      '--chart-5': hslString(chart[4]),\n    };\n    for (const [k, v] of Object.entries(darkVars)) {\n      lines.push(`    ${k}: ${v};`);\n    }\n    lines.push('  }');\n  }\n\n  lines.push('}');\n  return lines.join('\\n');\n}\n\nfunction buildShadcnSection(css: string): string {\n  return `\n\n---\n\n## 10. shadcn/ui Theme\n\nCopy this CSS block into your \\`globals.css\\` to apply this design system to shadcn/ui components.\n\n\\`\\`\\`css\n${css}\n\\`\\`\\`\n`;\n}\n\n// ── Preview Data ─────────────────────────────────────────────────\n\nexport interface PreviewData {\n  name: string;\n  basedOn: string;\n  primary: string;\n  background: string;\n  foreground: string;\n  font: string;\n  headingWeight: string;\n  radius: string;\n  shadcnCss: string;\n  designMd: string;\n  colors: {\n    primary: string;\n    accent: string;\n    muted: string;\n    destructive: string;\n    border: string;\n    scale: Record<string, string>;\n    chart: string[];\n  };\n  darkMode: boolean;\n}\n\nfunction buildPreviewData(\n  ref: ReferenceEntry,\n  overrides: CustomOverrides,\n  primary: string,\n  background: string,\n  foreground: string,\n  font: string,\n  headingWeight: string,\n  radius: string,\n): PreviewData {\n  const scale = generateColorScale(primary);\n  const accent = ref.colors.accent || hslToHex((hexToHsl(primary)[0] + 30) % 360, 60, 55);\n  const border = ref.colors.border || lighten(foreground, 75);\n  const chart = generateChartColors(primary);\n\n  return {\n    name: overrides.primaryColor || overrides.fontFamily ? `Custom (based on ${ref.name})` : ref.name,\n    basedOn: ref.name,\n    primary,\n    background,\n    foreground,\n    font,\n    headingWeight,\n    radius,\n    shadcnCss: '',  // filled later\n    designMd: '',   // filled later\n    colors: {\n      primary,\n      accent,\n      muted: lighten(background === '#ffffff' ? '#f5f5f5' : background, 5),\n      destructive: '#ef4444',\n      border,\n      scale: scale as unknown as Record<string, string>,\n      chart,\n    },\n    darkMode: overrides.darkMode,\n  };\n}\n\n// ── Iconography section ──────────────────────────────────────────\n\nfunction buildIconographySection(): string {\n  return `\n\n---\n\n## Iconography & SVG Guidelines\n\n### Icon Library\n\nUse a single, consistent icon library throughout the project. Recommended options:\n\n- **Lucide React** (\\`lucide-react\\`): Default for shadcn/ui projects. 1,400+ icons, tree-shakeable, consistent 24x24 grid.\n- **Radix Icons** (\\`@radix-ui/react-icons\\`): 300+ icons, 15x15 grid, minimal and geometric.\n- **Heroicons** (\\`@heroicons/react\\`): 300+ icons by Tailwind team, outline and solid variants.\n\nPick ONE library and use it everywhere. Do not mix icon libraries within the same project.\n\n### SVG Usage Rules\n\n- All icons must be inline SVG components (not \\`<img>\\` tags) for color and size control.\n- Icon size follows the type scale: 16px (inline), 20px (buttons), 24px (standalone).\n- Icon color inherits from \\`currentColor\\` -- never hard-code fill/stroke colors.\n- For custom/brand icons, export as SVG components with \\`currentColor\\` fills.\n- Stroke width: 1.5px-2px for outline icons. Keep consistent across the project.\n\n### Icon Sizing Scale\n\n| Context | Size | Usage |\n|---------|------|-------|\n| Inline text | 16px (1rem) | Badges, labels, breadcrumbs |\n| Button icon | 18px (1.125rem) | Icon buttons, CTA icons |\n| Standalone | 24px (1.5rem) | Navigation, card icons |\n| Feature | 32-48px | Hero sections, empty states |\n\n### SVG Optimization\n\n- Run all custom SVGs through SVGO before committing.\n- Remove unnecessary attributes: \\`xmlns\\`, \\`xml:space\\`, editor metadata.\n- Use \\`viewBox\\` instead of fixed \\`width\\`/\\`height\\` for scalability.\n`;\n}\n\n// ── Document policies ────────────────────────────────────────────\n\nfunction buildDocumentPolicies(): string {\n  return `\n\n---\n\n## Document Policies\n\n### No Emojis\n\nThis design system must not use emojis in any UI element, component, label, status indicator, or documentation.\nUse SVG icons from the chosen icon library instead. Emojis render inconsistently across platforms and break visual coherence.\n\n- Status indicators: use colored dots or icon components, not emoji.\n- Section markers: use text prefixes (\"DO:\" / \"DON'T:\") or icons, not checkmark/cross emojis.\n- Navigation: use icon components, not emoji.\n\n### Format Compliance\n\nThis document follows the Google Stitch DESIGN.md 9-section format:\n1. Visual Theme & Atmosphere\n2. Color Palette & Roles\n3. Typography Rules\n4. Component Stylings\n5. Layout Principles\n6. Depth & Elevation\n7. Do's and Don'ts\n8. Responsive Behavior\n9. Agent Prompt Guide\n\nExtended with:\n- Iconography & SVG Guidelines\n- Document Policies\n\nTotal target length: 250-400 lines. Keep sections concise and actionable.\n`;\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-N2JG6N4Q.js

@@ -1,264 +0,0 @@
-#!/usr/bin/env node
-
-// src/core/reference-parser.ts
-import { readFileSync, readdirSync, existsSync } from "fs";
-import { join, dirname } from "path";
-import { fileURLToPath } from "url";
-var __dirname = dirname(fileURLToPath(import.meta.url));
-var CATEGORIES = {
-  stripe: "Fintech",
-  coinbase: "Fintech",
-  revolut: "Fintech",
-  wise: "Fintech",
-  kraken: "Fintech",
-  vercel: "Developer Tools",
-  cursor: "Developer Tools",
-  warp: "Developer Tools",
-  expo: "Developer Tools",
-  lovable: "Developer Tools",
-  raycast: "Developer Tools",
-  superhuman: "Developer Tools",
-  supabase: "Backend & DevOps",
-  mongodb: "Backend & DevOps",
-  sentry: "Backend & DevOps",
-  posthog: "Backend & DevOps",
-  hashicorp: "Backend & DevOps",
-  clickhouse: "Backend & DevOps",
-  composio: "Backend & DevOps",
-  sanity: "Backend & DevOps",
-  notion: "Productivity",
-  "linear.app": "Productivity",
-  "cal": "Productivity",
-  zapier: "Productivity",
-  intercom: "Productivity",
-  resend: "Productivity",
-  mintlify: "Productivity",
-  figma: "Design Tools",
-  framer: "Design Tools",
-  miro: "Design Tools",
-  webflow: "Design Tools",
-  airtable: "Design Tools",
-  clay: "Design Tools",
-  claude: "AI & LLM",
-  cohere: "AI & LLM",
-  mistral: "AI & LLM",
-  "mistral.ai": "AI & LLM",
-  ollama: "AI & LLM",
-  "opencode.ai": "AI & LLM",
-  replicate: "AI & LLM",
-  "together.ai": "AI & LLM",
-  "x.ai": "AI & LLM",
-  elevenlabs: "AI & LLM",
-  minimax: "AI & LLM",
-  runwayml: "AI & LLM",
-  voltagent: "AI & LLM",
-  apple: "Consumer Tech",
-  spotify: "Consumer Tech",
-  uber: "Consumer Tech",
-  airbnb: "Consumer Tech",
-  pinterest: "Consumer Tech",
-  nvidia: "Consumer Tech",
-  ibm: "Consumer Tech",
-  spacex: "Consumer Tech",
-  shopify: "E-commerce",
-  semrush: "Marketing",
-  tesla: "Automotive",
-  bmw: "Automotive",
-  ferrari: "Automotive",
-  lamborghini: "Automotive",
-  renault: "Automotive",
-  bugatti: "Automotive",
-  karrot: "Korean Tech",
-  toss: "Korean Tech",
-  baemin: "Korean Tech",
-  kakao: "Korean Tech"
-};
-var CATEGORY_ORDER = [
-  "Korean Tech",
-  "AI & LLM",
-  "Design Tools",
-  "Developer Tools",
-  "Productivity",
-  "Consumer Tech",
-  "Fintech",
-  "Backend & DevOps",
-  "E-commerce",
-  "Automotive",
-  "Marketing"
-];
-function extractHexColors(text) {
-  const matches = text.match(/#[0-9a-fA-F]{6}\b/g) || [];
-  return [...new Set(matches)];
-}
-function extractPrimaryColor(md) {
-  const section2Match = md.match(/## 2\. Color Palette.*?\n([\s\S]*?)(?=## 3\.)/);
-  if (section2Match) {
-    const section2 = section2Match[1];
-    const primaryMatch = section2.match(/\*\*([^*]+)\*\*\s*\(`(#[0-9a-fA-F]{6})`\).*?(?:primary|brand|CTA|main)/i);
-    if (primaryMatch) {
-      return { hex: primaryMatch[2], name: primaryMatch[1] };
-    }
-    const firstHex = section2.match(/`(#[0-9a-fA-F]{6})`/);
-    if (firstHex) {
-      return { hex: firstHex[1], name: "Primary" };
-    }
-  }
-  const allHex = extractHexColors(md);
-  return { hex: allHex[0] || "#6366f1", name: "Primary" };
-}
-function extractBackground(md) {
-  const patterns = [
-    /(?:page|canvas|marketing)\s+background.*?`(#[0-9a-fA-F]{6})`/i,
-    /(?:Pure White|White).*?`(#[0-9a-fA-F]{6})`.*?(?:page background|background)/i,
-    /Background:.*?Pure White.*?\(`(#[0-9a-fA-F]{6})`\)/i,
-    /(?:Page|Site)\s+background.*?`(#[0-9a-fA-F]{6})`/i,
-    // Match "hex: The primary page background" pattern (hex before description)
-    /`(#[0-9a-fA-F]{6})`[^.]*?(?:primary\s+)?page\s+background/i
-  ];
-  for (const pattern of patterns) {
-    const match = md.match(pattern);
-    if (match) return match[1];
-  }
-  const section2 = md.match(/## 2\. Color.*?\n([\s\S]*?)(?=## 3\.)/);
-  if (section2) {
-    const surfaceBg = section2[1].match(/(?:Pure White|Pure Black|page background|Background\b).*?`(#[0-9a-fA-F]{6})`/i);
-    if (surfaceBg) return surfaceBg[1];
-  }
-  const quickRef = md.match(/Quick Color Reference[\s\S]*?(?:Page\s+)?Background.*?[(`](#[0-9a-fA-F]{6})[)`]/i);
-  if (quickRef) return quickRef[1];
-  if (md.match(/dark.mode.(?:native|first)/i)) {
-    const darkBg = md.match(/(?:marketing|deepest|canvas).*?`(#[0-9a-fA-F]{6})`/i);
-    if (darkBg) return darkBg[1];
-  }
-  return "#ffffff";
-}
-function extractForeground(md) {
-  const fgMatch = md.match(/(?:heading|primary text).*?`(#[0-9a-fA-F]{6})`/i);
-  return fgMatch ? fgMatch[1] : "#09090b";
-}
-function extractAccent(md) {
-  const accentMatch = md.match(/(?:accent|secondary).*?`(#[0-9a-fA-F]{6})`/i);
-  return accentMatch ? accentMatch[1] : void 0;
-}
-function extractBorder(md) {
-  const borderMatch = md.match(/(?:border.*?default|border.*?standard).*?`(#[0-9a-fA-F]{6})`/i);
-  return borderMatch ? borderMatch[1] : void 0;
-}
-function extractTypography(md) {
-  const section3 = md.match(/## 3\. Typography.*?\n([\s\S]*?)(?=## 4\.)/);
-  let primary = "Inter";
-  let mono;
-  let headingWeight = "600";
-  if (section3) {
-    const text = section3[1];
-    const primaryMatch = text.match(/\*\*Primary\*\*:\s*`([^`]+)`/i);
-    if (primaryMatch) primary = primaryMatch[1].split(",")[0].trim();
-    const monoMatch = text.match(/\*\*Monospace\*\*:\s*`([^`]+)`/i);
-    if (monoMatch) mono = monoMatch[1].split(",")[0].trim();
-    const weightMatch = text.match(/Display.*?\|\s*(\d{3})\s*\|/);
-    if (weightMatch) headingWeight = weightMatch[1];
-  }
-  return { primary, mono, headingWeight };
-}
-function extractRadius(md) {
-  const radiusMatch = md.match(/(?:border-radius|radius).*?(\d+px(?:\s*[-–]\s*\d+px)?)/i);
-  return radiusMatch ? radiusMatch[1] : "6px";
-}
-function extractMood(md) {
-  const section1 = md.match(/## 1\. Visual Theme.*?\n([\s\S]*?)(?=## 2\.)/);
-  if (!section1) return "";
-  const text = section1[1].trim();
-  const firstParagraph = text.split("\n\n")[0];
-  return firstParagraph.slice(0, 300);
-}
-function toDisplayName(id) {
-  const special = {
-    "linear.app": "Linear",
-    "cal": "Cal.com",
-    "mistral.ai": "Mistral AI",
-    "opencode.ai": "OpenCode AI",
-    "together.ai": "Together AI",
-    "x.ai": "xAI",
-    ibm: "IBM",
-    bmw: "BMW",
-    nvidia: "NVIDIA",
-    posthog: "PostHog",
-    supabase: "Supabase",
-    voltagent: "VoltAgent",
-    elevenlabs: "ElevenLabs",
-    runwayml: "RunwayML",
-    spacex: "SpaceX",
-    coinbase: "Coinbase",
-    airbnb: "Airbnb",
-    clickhouse: "ClickHouse",
-    karrot: "Karrot",
-    toss: "Toss",
-    baemin: "Baemin",
-    kakao: "Kakao"
-  };
-  return special[id] || id.charAt(0).toUpperCase() + id.slice(1);
-}
-function getReferencesDir() {
-  const candidates = [
-    join(process.cwd(), "references"),
-    join(__dirname, "..", "..", "references"),
-    join(__dirname, "..", "references")
-  ];
-  for (const dir of candidates) {
-    if (existsSync(dir)) return dir;
-  }
-  throw new Error("references/ directory not found. Searched: " + candidates.join(", "));
-}
-function loadReference(id) {
-  const dir = getReferencesDir();
-  const mdPath = join(dir, id, "DESIGN.md");
-  if (!existsSync(mdPath)) {
-    throw new Error(`Reference not found: ${id}`);
-  }
-  const designMd = readFileSync(mdPath, "utf-8");
-  const primary = extractPrimaryColor(designMd);
-  return {
-    id,
-    name: toDisplayName(id),
-    category: CATEGORIES[id] || "Other",
-    designMd,
-    colors: {
-      primary: primary.hex,
-      primaryName: primary.name,
-      background: extractBackground(designMd),
-      foreground: extractForeground(designMd),
-      accent: extractAccent(designMd),
-      border: extractBorder(designMd)
-    },
-    typography: extractTypography(designMd),
-    radius: extractRadius(designMd),
-    mood: extractMood(designMd)
-  };
-}
-function listReferences() {
-  const dir = getReferencesDir();
-  const entries = readdirSync(dir, { withFileTypes: true }).filter((d) => d.isDirectory() && existsSync(join(dir, d.name, "DESIGN.md"))).map((d) => {
-    const mdPath = join(dir, d.name, "DESIGN.md");
-    const md = readFileSync(mdPath, "utf-8");
-    const primary = extractPrimaryColor(md);
-    return {
-      id: d.name,
-      name: toDisplayName(d.name),
-      category: CATEGORIES[d.name] || "Other",
-      primaryColor: primary.hex
-    };
-  });
-  return entries.sort((a, b) => {
-    const ai = CATEGORY_ORDER.indexOf(a.category);
-    const bi = CATEGORY_ORDER.indexOf(b.category);
-    const oa = ai === -1 ? 999 : ai;
-    const ob = bi === -1 ? 999 : bi;
-    return oa - ob || a.name.localeCompare(b.name);
-  });
-}
-
-export {
-  loadReference,
-  listReferences
-};
-//# sourceMappingURL=chunk-N2JG6N4Q.js.map