@getcoherent/core 0.1.0 → 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Sergei Kovtun
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -953,9 +953,9 @@ declare const PageAnalysisSchema: z.ZodOptional<z.ZodObject<{
 }>>;
 type PageAnalysis = z.infer<typeof PageAnalysisSchema>;
 declare const PageDefinitionSchema: z.ZodObject<{
-    id: z.ZodString;
+    id: z.ZodPipeline<z.ZodEffects<z.ZodString, string, string>, z.ZodString>;
     name: z.ZodString;
-    route: z.ZodString;
+    route: z.ZodPipeline<z.ZodEffects<z.ZodString, string, string>, z.ZodString>;
     layout: z.ZodEnum<["centered", "sidebar-left", "sidebar-right", "full-width", "grid"]>;
     sections: z.ZodDefault<z.ZodArray<z.ZodObject<{
         id: z.ZodString;
@@ -1916,9 +1916,9 @@ declare const DesignSystemConfigSchema: z.ZodObject<{
         generatedCode?: string | undefined;
     }>, "many">>>;
     pages: z.ZodArray<z.ZodObject<{
-        id: z.ZodString;
+        id: z.ZodPipeline<z.ZodEffects<z.ZodString, string, string>, z.ZodString>;
         name: z.ZodString;
-        route: z.ZodString;
+        route: z.ZodPipeline<z.ZodEffects<z.ZodString, string, string>, z.ZodString>;
         layout: z.ZodEnum<["centered", "sidebar-left", "sidebar-right", "full-width", "grid"]>;
         sections: z.ZodDefault<z.ZodArray<z.ZodObject<{
             id: z.ZodString;
@@ -2938,6 +2938,11 @@ declare class DesignSystemManager {
      */
     reload(): Promise<void>;
 }
+/**
+ * Extract the config object from a TypeScript source file using balanced-brace matching.
+ * More robust than a greedy regex — correctly handles nested objects and trailing content.
+ */
+declare function extractConfigObject(source: string): string;
 
 /**
  * Component Manager
@@ -4264,6 +4269,12 @@ declare const CLI_VERSION = "0.1.0";
 
 declare function buildCssVariables(config: DesignSystemConfig): string;
 
+/**
+ * Atomic file write: writes to a temp file first, then renames.
+ * Prevents data corruption if the process crashes mid-write.
+ */
+declare function atomicWriteFile(filePath: string, content: string): Promise<void>;
+
 /**
  * Story 2.11 Part C: Consistency audit for shared components.
  * - Verify usedIn vs actual imports
@@ -4294,4 +4305,4 @@ interface AuditResult {
  */
 declare function runAudit(projectRoot: string): Promise<AuditResult>;
 
-export { type AuditEntryResult, type AuditResult, type BlogContent, CLI_VERSION, type ChangelogContent, type ColorToken, ColorTokenSchema, type ComponentCriteria, type ComponentDefinition, ComponentDefinitionSchema, type ComponentDependency, ComponentGenerator, ComponentManager, type ComponentSize, ComponentSizeSchema, type ComponentSpec, type ComponentVariant, ComponentVariantSchema, type ContactContent, type CreateSharedComponentInput, type DashboardContent, type DesignSystemConfig, DesignSystemConfigSchema, DesignSystemGenerator, DesignSystemManager, type DesignTokens, DesignTokensSchema, type DiscoveryResult, EXAMPLE_MULTIPAGE_CONFIG, EXAMPLE_SPA_CONFIG, FIGMA_BASE_IDS, FRAMEWORK_VERSIONS, type FaqContent, type Features, FeaturesSchema, type FigmaBaseId, FigmaClient, type FigmaClientOptions, type FigmaColorStyle, type FigmaComponentData, type FigmaComponentMap, type FigmaComponentMeta, type FigmaDocumentNode, type FigmaEffectStyle, type FigmaFileResponse, type FigmaIntermediateData, type FigmaLayout, type FigmaNode, type FigmaNormalizationResult, type FigmaNormalizedEntry, type FigmaPageData, type FigmaProperty, type FigmaRgba, type FigmaStyleMeta, type FigmaTextStyle, type FigmaTokenExtractionResult, type FigmaVariant, type GalleryContent, type GenerateSharedComponentInput, type GenerateSharedComponentResult, type GeneratedPage, type LandingContent, type LayoutBlockDefinition, LayoutBlockDefinitionSchema, type ListingContent, MANIFEST_FILENAME, type ModificationRequest, type ModificationResult, type Navigation, type NavigationItem, NavigationItemSchema, NavigationSchema, type OnboardingContent, type PageAnalysis, PageAnalysisSchema, type PageContent, type PageDefinition, PageDefinitionSchema, PageGenerator, type PageLayout, PageLayoutSchema, PageManager, type PageSection, PageSectionSchema, type PricingContent, type ProfileContent, ProjectScaffolder, type RadiusToken, RadiusTokenSchema, type SettingsContent, type SharedComponentEntry, SharedComponentEntrySchema, type SharedComponentType, SharedComponentTypeSchema, type SharedComponentsManifest, SharedComponentsManifestSchema, type SpacingToken, SpacingTokenSchema, TailwindConfigGenerator, type TemplateOptions, type TypographyToken, TypographyTokenSchema, allocateNextCid, buildCssVariables, componentExists, createEntry, extractTokensFromFigma, figmaComponentNameToBaseId, figmaRgbaToHex, findSharedComponent, findSharedComponentByIdOrName, formatCid, generatePageFromFrame, generatePagesFromFigma, generateSharedComponent, generateSharedComponentTsx, getComponent, getManifestPath, getPage, getPageFilePath, getSupportedPageTypes, getTemplateForPageType, integrateSharedLayoutIntoRootLayout, loadManifest, mergeExtractedColorsWithDefaults, normalizeFigmaComponents, pageRouteExists, parseCid, parseFigmaFileResponse, removeEntry, resolveUniqueName, runAudit, saveManifest, setSharedMapping, toSharedFileName, updateEntry, updateUsedIn, validateConfig, validatePartialConfig };
+export { type AuditEntryResult, type AuditResult, type BlogContent, CLI_VERSION, type ChangelogContent, type ColorToken, ColorTokenSchema, type ComponentCriteria, type ComponentDefinition, ComponentDefinitionSchema, type ComponentDependency, ComponentGenerator, ComponentManager, type ComponentSize, ComponentSizeSchema, type ComponentSpec, type ComponentVariant, ComponentVariantSchema, type ContactContent, type CreateSharedComponentInput, type DashboardContent, type DesignSystemConfig, DesignSystemConfigSchema, DesignSystemGenerator, DesignSystemManager, type DesignTokens, DesignTokensSchema, type DiscoveryResult, EXAMPLE_MULTIPAGE_CONFIG, EXAMPLE_SPA_CONFIG, FIGMA_BASE_IDS, FRAMEWORK_VERSIONS, type FaqContent, type Features, FeaturesSchema, type FigmaBaseId, FigmaClient, type FigmaClientOptions, type FigmaColorStyle, type FigmaComponentData, type FigmaComponentMap, type FigmaComponentMeta, type FigmaDocumentNode, type FigmaEffectStyle, type FigmaFileResponse, type FigmaIntermediateData, type FigmaLayout, type FigmaNode, type FigmaNormalizationResult, type FigmaNormalizedEntry, type FigmaPageData, type FigmaProperty, type FigmaRgba, type FigmaStyleMeta, type FigmaTextStyle, type FigmaTokenExtractionResult, type FigmaVariant, type GalleryContent, type GenerateSharedComponentInput, type GenerateSharedComponentResult, type GeneratedPage, type LandingContent, type LayoutBlockDefinition, LayoutBlockDefinitionSchema, type ListingContent, MANIFEST_FILENAME, type ModificationRequest, type ModificationResult, type Navigation, type NavigationItem, NavigationItemSchema, NavigationSchema, type OnboardingContent, type PageAnalysis, PageAnalysisSchema, type PageContent, type PageDefinition, PageDefinitionSchema, PageGenerator, type PageLayout, PageLayoutSchema, PageManager, type PageSection, PageSectionSchema, type PricingContent, type ProfileContent, ProjectScaffolder, type RadiusToken, RadiusTokenSchema, type SettingsContent, type SharedComponentEntry, SharedComponentEntrySchema, type SharedComponentType, SharedComponentTypeSchema, type SharedComponentsManifest, SharedComponentsManifestSchema, type SpacingToken, SpacingTokenSchema, TailwindConfigGenerator, type TemplateOptions, type TypographyToken, TypographyTokenSchema, allocateNextCid, atomicWriteFile, buildCssVariables, componentExists, createEntry, extractConfigObject, extractTokensFromFigma, figmaComponentNameToBaseId, figmaRgbaToHex, findSharedComponent, findSharedComponentByIdOrName, formatCid, generatePageFromFrame, generatePagesFromFigma, generateSharedComponent, generateSharedComponentTsx, getComponent, getManifestPath, getPage, getPageFilePath, getSupportedPageTypes, getTemplateForPageType, integrateSharedLayoutIntoRootLayout, loadManifest, mergeExtractedColorsWithDefaults, normalizeFigmaComponents, pageRouteExists, parseCid, parseFigmaFileResponse, removeEntry, resolveUniqueName, runAudit, saveManifest, setSharedMapping, toSharedFileName, updateEntry, updateUsedIn, validateConfig, validatePartialConfig };

package/dist/index.js

@@ -97,15 +97,7 @@ var ComponentDefinitionSchema = z.object({
   id: z.string().regex(/^[a-z][a-z0-9-]*$/, "Must be kebab-case"),
   name: z.string(),
   // PascalCase (e.g., "Button", "InputField")
-  category: z.enum([
-    "form",
-    "layout",
-    "navigation",
-    "feedback",
-    "data-display",
-    "overlay",
-    "typography"
-  ]),
+  category: z.enum(["form", "layout", "navigation", "feedback", "data-display", "overlay", "typography"]),
   // Source
   source: z.enum(["shadcn", "custom"]),
   shadcnComponent: z.string().optional(),
@@ -167,10 +159,12 @@ var PageLayoutSchema = z.enum([
   // CSS Grid layout
 ]);
 var PageAnalysisSchema = z.object({
-  sections: z.array(z.object({
-    name: z.string(),
-    order: z.number()
-  })).optional(),
+  sections: z.array(
+    z.object({
+      name: z.string(),
+      order: z.number()
+    })
+  ).optional(),
   componentUsage: z.record(z.string(), z.number()).optional(),
   iconCount: z.number().optional(),
   layoutPattern: z.string().optional(),
@@ -179,9 +173,11 @@ var PageAnalysisSchema = z.object({
 }).optional();
 var PageDefinitionSchema = z.object({
   // Identity
-  id: z.string().regex(/^[a-z][a-z0-9-]*$/, "Must be kebab-case"),
+  id: z.string().transform(
+    (s) => s.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "")
+  ).pipe(z.string().regex(/^[a-z][a-z0-9-]*$/, "Must be kebab-case")),
   name: z.string(),
-  route: z.string().regex(/^\/[a-z0-9-/]*$/, "Must start with /"),
+  route: z.string().transform((r) => r.startsWith("/") ? r : `/${r}`).pipe(z.string().regex(/^\/[a-z0-9\-/[\]]*$/, "Must be a valid route (e.g. /page, /products/[id])")),
   // Layout
   layout: PageLayoutSchema,
   sections: z.array(PageSectionSchema).default([]),
@@ -473,10 +469,24 @@ function parseCid(id) {
 }
 
 // src/managers/DesignSystemManager.ts
-import { readFile, writeFile } from "fs/promises";
+import { readFile } from "fs/promises";
+
+// src/utils/atomicWrite.ts
+import { writeFile, rename, mkdir } from "fs/promises";
 import { dirname } from "path";
 import { existsSync } from "fs";
-import { mkdir } from "fs/promises";
+import { randomBytes } from "crypto";
+async function atomicWriteFile(filePath, content) {
+  const dir = dirname(filePath);
+  if (!existsSync(dir)) {
+    await mkdir(dir, { recursive: true });
+  }
+  const tmpPath = `${filePath}.${randomBytes(4).toString("hex")}.tmp`;
+  await writeFile(tmpPath, content, "utf-8");
+  await rename(tmpPath, filePath);
+}
+
+// src/managers/DesignSystemManager.ts
 var DesignSystemManager = class {
   config = null;
   configPath;
@@ -490,11 +500,7 @@ var DesignSystemManager = class {
   async load() {
     try {
       const fileContent = await readFile(this.configPath, "utf-8");
-      const configMatch = fileContent.match(/export const config[^=]*=\s*({[\s\S]*})/m);
-      if (!configMatch) {
-        throw new Error("Invalid config file format. Expected: export const config = { ... }");
-      }
-      const configJson = configMatch[1];
+      const configJson = extractConfigObject(fileContent);
       const config = JSON.parse(configJson);
       this.config = validateConfig(config);
       this.loadComponentRegistry();
@@ -522,11 +528,7 @@ var DesignSystemManager = class {
 
 export const config = ${JSON.stringify(this.config, null, 2)} as const
 `;
-      const dir = dirname(this.configPath);
-      if (!existsSync(dir)) {
-        await mkdir(dir, { recursive: true });
-      }
-      await writeFile(this.configPath, fileContent, "utf-8");
+      await atomicWriteFile(this.configPath, fileContent);
     } catch (error) {
       if (error instanceof Error) {
         throw new Error(`Failed to save config to ${this.configPath}: ${error.message}`);
@@ -790,6 +792,44 @@ export const config = ${JSON.stringify(this.config, null, 2)} as const
     await this.load();
   }
 };
+function extractConfigObject(source) {
+  const marker = source.match(/export\s+const\s+config[^=]*=\s*/);
+  if (!marker || marker.index === void 0) {
+    throw new Error("Invalid config file format. Expected: export const config = { ... }");
+  }
+  const startSearch = marker.index + marker[0].length;
+  const openBrace = source.indexOf("{", startSearch);
+  if (openBrace === -1) {
+    throw new Error("Invalid config file format: no opening brace found after config =");
+  }
+  let depth = 0;
+  let inString = false;
+  let escape = false;
+  for (let i = openBrace; i < source.length; i++) {
+    const ch = source[i];
+    if (escape) {
+      escape = false;
+      continue;
+    }
+    if (ch === "\\" && inString) {
+      escape = true;
+      continue;
+    }
+    if (ch === '"' && !escape) {
+      inString = !inString;
+      continue;
+    }
+    if (inString) continue;
+    if (ch === "{") depth++;
+    else if (ch === "}") {
+      depth--;
+      if (depth === 0) {
+        return source.slice(openBrace, i + 1);
+      }
+    }
+  }
+  throw new Error("Invalid config file format: unbalanced braces");
+}
 
 // src/managers/ComponentManager.ts
 var ComponentManager = class {
@@ -904,10 +944,7 @@ var ComponentManager = class {
     ];
     return {
       success: true,
-      modified: [
-        `component:${id}`,
-        ...affectedPages.map((page) => `page:${page}`)
-      ],
+      modified: [`component:${id}`, ...affectedPages.map((page) => `page:${page}`)],
       config: this.config,
       message: `Updated component ${updated.name} (${id})`,
       warnings: allWarnings.length > 0 ? allWarnings : void 0
@@ -932,10 +969,7 @@ var ComponentManager = class {
         modified: [],
         config: this.config,
         message: `Cannot delete component used in ${component.usedInPages.length} page(s)`,
-        warnings: [
-          "Remove component from all pages before deleting",
-          `Used in: ${component.usedInPages.join(", ")}`
-        ]
+        warnings: ["Remove component from all pages before deleting", `Used in: ${component.usedInPages.join(", ")}`]
       };
     }
     this.config.components = this.config.components.filter((c) => c.id !== id);
@@ -959,9 +993,7 @@ var ComponentManager = class {
     }
     if (criteria.name) {
       const nameLower = criteria.name.toLowerCase();
-      results = results.filter(
-        (c) => c.name.toLowerCase().includes(nameLower)
-      );
+      results = results.filter((c) => c.name.toLowerCase().includes(nameLower));
     }
     if (criteria.category) {
       results = results.filter((c) => c.category === criteria.category);
@@ -970,24 +1002,16 @@ var ComponentManager = class {
       results = results.filter((c) => c.source === criteria.source);
     }
     if (criteria.shadcnComponent) {
-      results = results.filter(
-        (c) => c.shadcnComponent === criteria.shadcnComponent
-      );
+      results = results.filter((c) => c.shadcnComponent === criteria.shadcnComponent);
     }
     if (criteria.usedInPage) {
-      results = results.filter(
-        (c) => c.usedInPages.includes(criteria.usedInPage)
-      );
+      results = results.filter((c) => c.usedInPages.includes(criteria.usedInPage));
     }
     if (criteria.hasVariant) {
-      results = results.filter(
-        (c) => c.variants.some((v) => v.name === criteria.hasVariant)
-      );
+      results = results.filter((c) => c.variants.some((v) => v.name === criteria.hasVariant));
     }
     if (criteria.hasSize) {
-      results = results.filter(
-        (c) => c.sizes.some((s) => s.name === criteria.hasSize)
-      );
+      results = results.filter((c) => c.sizes.some((s) => s.name === criteria.hasSize));
     }
     return results;
   }
@@ -1040,9 +1064,7 @@ var ComponentManager = class {
     if (index !== -1) {
       component.usedInPages.splice(index, 1);
       component.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
-      const configIndex = this.config.components.findIndex(
-        (c) => c.id === componentId
-      );
+      const configIndex = this.config.components.findIndex((c) => c.id === componentId);
       if (configIndex !== -1) {
         this.config.components[configIndex] = component;
         this.componentRegistry.set(componentId, component);
@@ -1126,9 +1148,7 @@ var ComponentManager = class {
     }
     if (requested.requiredVariants) {
       const existingVariantNames = existing.variants.map((v) => v.name);
-      const hasAllVariants = requested.requiredVariants.every(
-        (v) => existingVariantNames.includes(v)
-      );
+      const hasAllVariants = requested.requiredVariants.every((v) => existingVariantNames.includes(v));
       if (!hasAllVariants) {
         return false;
       }
@@ -1138,18 +1158,13 @@ var ComponentManager = class {
       const isValidSize = (s) => {
         return ["xs", "sm", "md", "lg", "xl"].includes(s);
       };
-      const hasAllSizes = requested.requiredSizes.every(
-        (s) => isValidSize(s) && existingSizeNames.includes(s)
-      );
+      const hasAllSizes = requested.requiredSizes.every((s) => isValidSize(s) && existingSizeNames.includes(s));
       if (!hasAllSizes) {
         return false;
       }
     }
     if (requested.baseClassName) {
-      if (!this.isSimilarClassName(
-        existing.baseClassName,
-        requested.baseClassName
-      )) {
+      if (!this.isSimilarClassName(existing.baseClassName, requested.baseClassName)) {
         return false;
       }
     }
@@ -1167,17 +1182,13 @@ var ComponentManager = class {
     }
     if (requested.name) {
       const requestedName = requested.name.toLowerCase();
-      const nameMatch = candidates.find(
-        (c) => c.name.toLowerCase() === requestedName
-      );
+      const nameMatch = candidates.find((c) => c.name.toLowerCase() === requestedName);
       if (nameMatch) {
         return nameMatch;
       }
     }
     if (requested.category) {
-      const categoryMatch = candidates.find(
-        (c) => c.category === requested.category
-      );
+      const categoryMatch = candidates.find((c) => c.category === requested.category);
       if (categoryMatch) {
         return categoryMatch;
       }
@@ -1435,9 +1446,7 @@ var PageManager = class {
     this.config.pages = this.config.pages.filter((p) => p.id !== id);
     this.config.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
     if (this.config.navigation?.enabled) {
-      this.config.navigation.items = this.config.navigation.items.filter(
-        (item) => item.route !== page.route
-      );
+      this.config.navigation.items = this.config.navigation.items.filter((item) => item.route !== page.route);
     }
     this.config = validateConfig(this.config);
     return {
@@ -1602,9 +1611,7 @@ var PageManager = class {
         });
       }
     });
-    navigation.items = navigation.items.filter(
-      (item) => this.config.pages.some((page) => page.route === item.route)
-    );
+    navigation.items = navigation.items.filter((item) => this.config.pages.some((page) => page.route === item.route));
     navigation.items.sort((a, b) => a.order - b.order);
     navigation.items.forEach((item, index) => {
       item.order = index + 1;
@@ -1627,7 +1634,7 @@ var PageManager = class {
    */
   generateNextJsPage(def) {
     const imports = this.generateImports(def);
-    const metadata = this.generateMetadata(def);
+    const _metadata = this.generateMetadata(def);
     const sections = this.generateSections(def);
     const containerClass = this.getContainerClass(def.layout);
     return `import { Metadata } from 'next'
@@ -1745,17 +1752,13 @@ ${navigation ? `      ${navigation}
    * Generate imports for page components
    */
   generateImports(def) {
-    const componentIds = new Set(
-      def.sections.map((section) => section.componentId)
-    );
+    const componentIds = new Set(def.sections.map((section) => section.componentId));
     const imports = [];
     componentIds.forEach((componentId) => {
       const component = getComponent(this.config, componentId);
       if (component) {
         const componentName = component.name;
-        imports.push(
-          `import { ${componentName} } from '@/components/${componentName}'`
-        );
+        imports.push(`import { ${componentName} } from '@/components/${componentName}'`);
       }
     });
     return imports.join("\n");
@@ -1797,9 +1800,7 @@ ${navigation ? `      ${navigation}
     if (!this.config.navigation?.enabled) {
       return "";
     }
-    const items = this.config.navigation.items.map(
-      (item) => `          <Link href="${item.route}">${item.label}</Link>`
-    ).join("\n");
+    const items = this.config.navigation.items.map((item) => `          <Link href="${item.route}">${item.label}</Link>`).join("\n");
     return `<nav className="navigation">
 ${items}
         </nav>`;
@@ -1809,18 +1810,18 @@ ${items}
    */
   getContainerClass(layout) {
     const layoutClasses = {
-      "centered": "max-w-4xl mx-auto px-4",
+      centered: "max-w-4xl mx-auto px-4",
       "sidebar-left": "flex",
       "sidebar-right": "flex flex-row-reverse",
       "full-width": "w-full",
-      "grid": "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
+      grid: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4"
     };
     return layoutClasses[layout] || "";
   }
   /**
    * Get body class based on layout type
    */
-  getBodyClass(layout) {
+  getBodyClass(_layout) {
     return "min-h-screen bg-background text-foreground";
   }
   /**
@@ -3167,7 +3168,7 @@ ${componentName}.displayName = '${componentName}'`;
   /**
    * Apply design tokens to className string
    */
-  applyTokens(className, tokens) {
+  applyTokens(className, _tokens) {
     return className;
   }
   /**
@@ -4808,7 +4809,9 @@ export default function TokensPage() {
     lines.push("import { useEffect, useState } from 'react'");
     lines.push("");
     lines.push("export default function ColorsPage() {");
-    lines.push("  const [tokens, setTokens] = useState<{ colors?: { light?: Record<string, string>; dark?: Record<string, string> } } | null>(null)");
+    lines.push(
+      "  const [tokens, setTokens] = useState<{ colors?: { light?: Record<string, string>; dark?: Record<string, string> } } | null>(null)"
+    );
     lines.push("  const [loading, setLoading] = useState(true)");
     lines.push("");
     lines.push("  useEffect(() => {");
@@ -4854,7 +4857,9 @@ export default function TokensPage() {
     lines.push("                    />");
     lines.push('                    <div className="min-w-0 flex-1">');
     lines.push('                      <div className="font-medium capitalize">{key}</div>');
-    lines.push('                      <div className="text-xs text-muted-foreground font-mono">{value} \xB7 var({toCssVar(key)})</div>');
+    lines.push(
+      '                      <div className="text-xs text-muted-foreground font-mono">{value} \xB7 var({toCssVar(key)})</div>'
+    );
     lines.push("                    </div>");
     lines.push("                  </div>");
     lines.push("                )");
@@ -4941,7 +4946,9 @@ export default function TokensPage() {
     lines.push('            <div key={name} className="space-y-2">');
     lines.push('              <div className="text-sm font-medium capitalize">{name}</div>');
     lines.push('              <div className="text-xs text-muted-foreground font-mono">{value as string}</div>');
-    lines.push('              <div className="text-lg" style={{ fontFamily: value as string }}>The quick brown fox jumps over the lazy dog</div>');
+    lines.push(
+      '              <div className="text-lg" style={{ fontFamily: value as string }}>The quick brown fox jumps over the lazy dog</div>'
+    );
     lines.push("            </div>");
     lines.push("          ))}");
     lines.push("        </div>");
@@ -4953,9 +4960,13 @@ export default function TokensPage() {
     lines.push('            <div key={name} className="space-y-1">');
     lines.push('              <div className="flex items-baseline gap-2">');
     lines.push('                <span className="text-sm font-medium">{name}</span>');
-    lines.push('                <span className="text-xs text-muted-foreground font-mono">{value as string} ({remToPx(value as string)})</span>');
+    lines.push(
+      '                <span className="text-xs text-muted-foreground font-mono">{value as string} ({remToPx(value as string)})</span>'
+    );
     lines.push("              </div>");
-    lines.push("              <div style={{ fontSize: value as string }}>The quick brown fox jumps over the lazy dog</div>");
+    lines.push(
+      "              <div style={{ fontSize: value as string }}>The quick brown fox jumps over the lazy dog</div>"
+    );
     lines.push("            </div>");
     lines.push("          ))}");
     lines.push("        </div>");
@@ -4980,7 +4991,9 @@ export default function TokensPage() {
     lines.push("          {Object.entries(lineHeight).map(([name, value]) => (");
     lines.push('            <div key={name} className="space-y-1">');
     lines.push('              <div className="text-sm font-medium">{name} ({String(value)})</div>');
-    lines.push('              <div className="text-sm bg-muted/50 p-3 rounded max-w-md" style={{ lineHeight: value as number }}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>');
+    lines.push(
+      '              <div className="text-sm bg-muted/50 p-3 rounded max-w-md" style={{ lineHeight: value as number }}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>'
+    );
     lines.push("            </div>");
     lines.push("          ))}");
     lines.push("        </div>");
@@ -5068,79 +5081,77 @@ export default function TokensPage() {
     return lines.join("\n");
   }
   generateSitemapPage() {
-    const pages = this.config.pages || [];
-    const pageItems = pages.map((p) => {
-      const route = p.route || "/" + p.id;
-      const name = p.name || p.id;
-      const analysis = p.pageAnalysis;
-      const sections = analysis?.sections ? JSON.stringify(analysis.sections.map((s) => s.name)) : "[]";
-      const compUsage = analysis?.componentUsage ? JSON.stringify(analysis.componentUsage) : "{}";
-      const iconCount = analysis?.iconCount ?? 0;
-      const layout = analysis?.layoutPattern ? JSON.stringify(analysis.layoutPattern) : "null";
-      const hasForm = analysis?.hasForm ?? false;
-      return `{ name: ${JSON.stringify(name)}, route: ${JSON.stringify(route)}, sections: ${sections}, componentUsage: ${compUsage}, iconCount: ${iconCount}, layoutPattern: ${layout}, hasForm: ${hasForm} }`;
-    });
-    const lines = [];
-    lines.push("'use client'");
-    lines.push("");
-    lines.push("import Link from 'next/link'");
-    lines.push("");
-    lines.push("interface PageInfo {");
-    lines.push("  name: string");
-    lines.push("  route: string");
-    lines.push("  sections: string[]");
-    lines.push("  componentUsage: Record<string, number>");
-    lines.push("  iconCount: number");
-    lines.push("  layoutPattern: string | null");
-    lines.push("  hasForm: boolean");
-    lines.push("}");
-    lines.push("");
-    lines.push("const PAGES: PageInfo[] = [");
-    lines.push("  " + pageItems.join(",\n  "));
-    lines.push("]");
-    lines.push("");
-    lines.push("export default function SitemapPage() {");
-    lines.push("  return (");
-    lines.push('    <div className="space-y-8">');
-    lines.push("      <div>");
-    lines.push('        <h1 className="text-3xl font-bold tracking-tight">Sitemap</h1>');
-    lines.push('        <p className="text-muted-foreground mt-1">All pages, sections, and component usage</p>');
-    lines.push("      </div>");
-    lines.push('      <div className="space-y-4">');
-    lines.push("        {PAGES.map((page) => (");
-    lines.push('          <div key={page.route} className="rounded-xl border p-4 space-y-3">');
-    lines.push('            <div className="flex items-center gap-3">');
-    lines.push('              <Link href={page.route} className="font-semibold text-sm hover:text-primary transition-colors">');
-    lines.push("                {page.name}");
-    lines.push("              </Link>");
-    lines.push('              <span className="text-xs text-muted-foreground font-mono">{page.route}</span>');
-    lines.push('              {page.layoutPattern && <span className="text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground">{page.layoutPattern}</span>}');
-    lines.push('              {page.hasForm && <span className="text-[10px] px-1.5 py-0.5 rounded bg-primary/10 text-primary">form</span>}');
-    lines.push("            </div>");
-    lines.push("            {page.sections.length > 0 && (");
-    lines.push('              <div className="flex flex-wrap gap-1.5">');
-    lines.push("                {page.sections.map((s) => (");
-    lines.push('                  <span key={s} className="text-[11px] px-2 py-0.5 rounded-full border text-muted-foreground">{s}</span>');
-    lines.push("                ))}");
-    lines.push("              </div>");
-    lines.push("            )}");
-    lines.push("            {Object.keys(page.componentUsage).length > 0 && (");
-    lines.push('              <div className="flex flex-wrap gap-1.5">');
-    lines.push("                {Object.entries(page.componentUsage).filter(([,c]) => c > 0).map(([name, count]) => (");
-    lines.push('                  <span key={name} className="text-[11px] px-2 py-0.5 rounded-full bg-muted text-muted-foreground">');
-    lines.push('                    {name}<span className="text-[10px] text-muted-foreground/60 ml-0.5">\xD7{count as number}</span>');
-    lines.push("                  </span>");
-    lines.push("                ))}");
-    lines.push('                {page.iconCount > 0 && <span className="text-[11px] px-2 py-0.5 rounded-full bg-muted text-muted-foreground">Icons \xD7{page.iconCount}</span>}');
-    lines.push("              </div>");
-    lines.push("            )}");
-    lines.push("          </div>");
-    lines.push("        ))}");
-    lines.push("      </div>");
-    lines.push("    </div>");
-    lines.push("  )");
-    lines.push("}");
-    return lines.join("\n");
+    return `import { readFileSync } from 'fs'
+import { join } from 'path'
+import Link from 'next/link'
+
+function loadPages() {
+  try {
+    const raw = readFileSync(join(process.cwd(), 'design-system.config.ts'), 'utf-8')
+    const jsonMatch = raw.match(/export\\s+const\\s+config\\s*=\\s*/)
+    const jsonStart = jsonMatch ? raw.indexOf('{', raw.indexOf(jsonMatch[0])) : -1
+    if (jsonStart === -1) return []
+    let jsonStr = raw.slice(jsonStart)
+    jsonStr = jsonStr.replace(/\\}\\s*as\\s+const\\s*;?\\s*$/, '}')
+    const json = JSON.parse(jsonStr)
+    return (json.pages || []).map((p: any) => ({
+      name: p.name || p.id,
+      route: p.route || '/' + p.id,
+      sections: p.pageAnalysis?.sections?.map((s: any) => s.name) || [],
+      componentUsage: p.pageAnalysis?.componentUsage || {},
+      iconCount: p.pageAnalysis?.iconCount ?? 0,
+      layoutPattern: p.pageAnalysis?.layoutPattern || null,
+      hasForm: p.pageAnalysis?.hasForm ?? false,
+    }))
+  } catch {
+    return []
+  }
+}
+
+export default function SitemapPage() {
+  const pages = loadPages()
+
+  return (
+    <div className="space-y-8">
+      <div>
+        <h1 className="text-3xl font-bold tracking-tight">Sitemap</h1>
+        <p className="text-muted-foreground mt-1">All pages, sections, and component usage</p>
+      </div>
+      <div className="space-y-4">
+        {pages.map((page: any) => (
+          <div key={page.route} className="rounded-xl border p-4 space-y-3">
+            <div className="flex items-center gap-3">
+              <Link href={page.route} className="font-semibold text-sm hover:text-primary transition-colors">
+                {page.name}
+              </Link>
+              <span className="text-xs text-muted-foreground font-mono">{page.route}</span>
+              {page.layoutPattern && <span className="text-[10px] px-1.5 py-0.5 rounded bg-muted text-muted-foreground">{page.layoutPattern}</span>}
+              {page.hasForm && <span className="text-[10px] px-1.5 py-0.5 rounded bg-primary/10 text-primary">form</span>}
+            </div>
+            {page.sections.length > 0 && (
+              <div className="flex flex-wrap gap-1.5">
+                {page.sections.map((s: string) => (
+                  <span key={s} className="text-[11px] px-2 py-0.5 rounded-full border text-muted-foreground">{s}</span>
+                ))}
+              </div>
+            )}
+            {Object.keys(page.componentUsage).length > 0 && (
+              <div className="flex flex-wrap gap-1.5">
+                {Object.entries(page.componentUsage).filter(([,c]) => (c as number) > 0).map(([name, count]) => (
+                  <span key={name} className="text-[11px] px-2 py-0.5 rounded-full bg-muted text-muted-foreground">
+                    {name}<span className="text-[10px] text-muted-foreground/60 ml-0.5">{String.fromCharCode(215)}{count as number}</span>
+                  </span>
+                ))}
+                {page.iconCount > 0 && <span className="text-[11px] px-2 py-0.5 rounded-full bg-muted text-muted-foreground">Icons {String.fromCharCode(215)}{page.iconCount}</span>}
+              </div>
+            )}
+          </div>
+        ))}
+      </div>
+    </div>
+  )
+}
+`;
   }
 };
 
@@ -5195,7 +5206,6 @@ ${sections}
 }
 `;
     }
-    const metadata = this.generateMetadata(def);
     return `import { Metadata } from 'next'
 ${imports}
 
@@ -5310,9 +5320,7 @@ ${sections}
       if (component) {
         const componentName = component.name;
         const fileName = this.toKebabCase(componentName);
-        imports.push(
-          `import { ${componentName} } from '@/components/ui/${fileName}'`
-        );
+        imports.push(`import { ${componentName} } from '@/components/ui/${fileName}'`);
       }
     });
     return imports.length > 0 ? imports.join("\n") : "";
@@ -5527,11 +5535,11 @@ ${sections}
    */
   getContainerClass(layout) {
     const layoutClasses = {
-      "centered": "max-w-4xl mx-auto px-4 py-8",
+      centered: "max-w-4xl mx-auto px-4 py-8",
       "sidebar-left": "flex min-h-screen",
       "sidebar-right": "flex flex-row-reverse min-h-screen",
       "full-width": "w-full",
-      "grid": "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-6"
+      grid: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-6"
     };
     return layoutClasses[layout] || "container mx-auto px-4 py-8";
   }
@@ -5548,7 +5556,7 @@ ${sections}
   /**
    * Generate Next.js App Router root layout
    */
-  generateNextJSLayout(layout) {
+  generateNextJSLayout(_layout) {
     const cssVars = buildCssVariables(this.config);
     const navEnabled = this.config.navigation?.enabled;
     const navRendered = navEnabled ? "<AppNav />" : "";
@@ -5611,9 +5619,20 @@ ${navEnabled ? `        ${navRendered}
     if (!this.config.navigation?.enabled) {
       return "";
     }
-    const authRoutes = /* @__PURE__ */ new Set(["/login", "/signin", "/sign-in", "/signup", "/sign-up", "/register", "/forgot-password", "/reset-password"]);
+    const authRoutes = /* @__PURE__ */ new Set([
+      "/login",
+      "/signin",
+      "/sign-in",
+      "/signup",
+      "/sign-up",
+      "/register",
+      "/forgot-password",
+      "/reset-password"
+    ]);
     const authCheck = [...authRoutes].map((r) => `pathname === '${r}'`).join(" || ");
-    const visibleItems = this.config.navigation.items.filter((item) => !authRoutes.has(item.route));
+    const visibleItems = this.config.navigation.items.filter(
+      (item) => !authRoutes.has(item.route) && !item.route.includes("[")
+    );
     const hasMultipleItems = visibleItems.length > 1;
     const items = visibleItems.map(
       (item) => `<Link href="${item.route}" className={\`text-sm font-medium px-3 py-2 rounded-md transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring \${pathname === "${item.route}" ? 'bg-muted text-foreground' : 'text-muted-foreground hover:text-foreground hover:bg-muted/50'}\`}>${item.label}</Link>`
@@ -5686,23 +5705,25 @@ export function AppNav() {
   return (
     <Fragment>
       {!hasSharedHeader && (
-      <nav className="sticky top-0 z-50 flex h-14 shrink-0 items-center justify-between border-b px-4 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-        <div className="flex items-center gap-6">
-          <Link href="/" className="flex items-center gap-2.5 text-sm font-semibold text-foreground hover:text-foreground/90 transition-colors shrink-0">
-            <CoherentLogo size={20} className="text-primary" />
-            <span>Coherent Design Method</span>
-          </Link>
-          ${navItemsBlock}
-        </div>
-        <div className="flex items-center gap-1">
-          <ThemeToggle />
-          <Link
-            href="/design-system"
-            className="flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors"
-          >
-            <CoherentLogo size={16} />
-            Design System
-          </Link>
+      <nav className="sticky top-0 z-50 shrink-0 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+        <div className="mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8">
+          <div className="flex items-center gap-6">
+            <Link href="/" className="flex items-center gap-2.5 text-sm font-semibold text-foreground hover:text-foreground/90 transition-colors shrink-0">
+              <CoherentLogo size={20} className="text-primary" />
+              <span>Coherent Design Method</span>
+            </Link>
+            ${navItemsBlock}
+          </div>
+          <div className="flex items-center gap-1">
+            <ThemeToggle />
+            <Link
+              href="/design-system"
+              className="flex items-center gap-2 px-3 py-2 rounded-md text-sm font-medium text-muted-foreground hover:text-foreground hover:bg-muted/50 transition-colors"
+            >
+              <CoherentLogo size={16} />
+              Design System
+            </Link>
+          </div>
         </div>
       </nav>
       )}
@@ -5722,7 +5743,7 @@ export function AppNav() {
   /**
    * Generate React SPA root layout
    */
-  generateReactSPALayout(layout) {
+  generateReactSPALayout(_layout) {
     const navigation = this.config.navigation?.enabled ? this.generateNavigation("react-router") : "";
     return `import { Outlet } from 'react-router-dom'
 import './globals.css'
@@ -6098,8 +6119,7 @@ function getDefaultTemplate(componentName, type, name) {
   const safeName = componentName.replace(/[^a-zA-Z0-9]/g, "") || "Block";
   const lower = name.toLowerCase();
   if (lower.includes("footer")) return FOOTER_PLACEHOLDER(safeName);
-  if (type === "layout" || lower.includes("header") || lower.includes("nav"))
-    return LAYOUT_PLACEHOLDER(safeName);
+  if (type === "layout" || lower.includes("header") || lower.includes("nav")) return LAYOUT_PLACEHOLDER(safeName);
   return SECTION_PLACEHOLDER(safeName);
 }
 async function generateSharedComponent(projectRoot, input) {
@@ -6161,9 +6181,7 @@ async function integrateSharedLayoutIntoRootLayout(projectRoot) {
     else headers.push(pascal);
   }
   if (headers.length === 0 && footers.length === 0) return false;
-  const importLines = layoutComponents.map(
-    (e) => `import { ${toPascalCase(e.name)} } from '${getImportPath(e.name)}'`
-  );
+  const importLines = layoutComponents.map((e) => `import { ${toPascalCase(e.name)} } from '${getImportPath(e.name)}'`);
   let result = content;
   const globalsImport = "import './globals.css'";
   const globalsIdx = result.indexOf(globalsImport);
@@ -6268,12 +6286,7 @@ var ProjectScaffolder = class _ProjectScaffolder {
    * Create directory structure
    */
   async createDirectories() {
-    const dirs = [
-      "app",
-      "components",
-      "lib",
-      "public"
-    ];
+    const dirs = ["app", "components", "lib", "public"];
     for (const dir of dirs) {
       const fullPath = join4(this.projectRoot, dir);
       if (!existsSync3(fullPath)) {
@@ -6550,7 +6563,9 @@ export function cn(...inputs: ClassValue[]) {
     }
   }
   async generateDefaultPages() {
-    await this.writeFile("app/not-found.tsx", `import Link from 'next/link'
+    await this.writeFile(
+      "app/not-found.tsx",
+      `import Link from 'next/link'
 
 export default function NotFound() {
   return (
@@ -6566,8 +6581,11 @@ export default function NotFound() {
     </main>
   )
 }
-`);
-    await this.writeFile("app/loading.tsx", `export default function Loading() {
+`
+    );
+    await this.writeFile(
+      "app/loading.tsx",
+      `export default function Loading() {
   return (
     <div className="flex min-h-[60vh] items-center justify-center">
       <div className="space-y-4 w-full max-w-md px-4">
@@ -6582,8 +6600,11 @@ export default function NotFound() {
     </div>
   )
 }
-`);
-    await this.writeFile("app/error.tsx", `'use client'
+`
+    );
+    await this.writeFile(
+      "app/error.tsx",
+      `'use client'
 
 export default function ErrorPage({
   error,
@@ -6607,35 +6628,22 @@ export default function ErrorPage({
     </main>
   )
 }
-`);
+`
+    );
   }
   async generateFavicon() {
-    const primaryColor = this.config.tokens?.colors?.light?.primary || "#3B82F6";
+    const logoPath = "M10 4C10.5523 4 11 4.44772 11 5V13H19C19.5523 13 20 13.4477 20 14V20.4287C19.9999 22.401 18.401 23.9999 16.4287 24H3.57129C1.59895 23.9999 7.5245e-05 22.401 0 20.4287V7.57129C7.53742e-05 5.59895 1.59895 4.00008 3.57129 4H10ZM2 20.4287C2.00008 21.2965 2.70352 21.9999 3.57129 22H9V15H2V20.4287ZM11 22H16.4287C17.2965 21.9999 17.9999 21.2965 18 20.4287V15H11V22ZM3.57129 6C2.70352 6.00008 2.00008 6.70352 2 7.57129V13H9V6H3.57129ZM20.5 0C22.433 0 24 1.567 24 3.5V9.90039C23.9998 10.5076 23.5076 10.9998 22.9004 11H14.0996C13.4924 10.9998 13.0002 10.5076 13 9.90039V1.09961C13.0002 0.492409 13.4924 0.000211011 14.0996 0H20.5ZM15 9H22V3.5C22 2.67157 21.3284 2 20.5 2H15V9Z";
+    const logoSvg = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="${logoPath}" fill="#FFA500"/>
+</svg>`;
+    await this.writeFile("public/coherent-logo.svg", logoSvg);
     const faviconSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" rx="8" fill="${primaryColor}"/>
+  <rect width="32" height="32" rx="8" fill="#3B82F6"/>
   <g transform="translate(4, 4)">
-    <g clip-path="url(#clip0)">
-      <path d="M10 4C10.5523 4 11 4.44772 11 5V13H19C19.5523 13 20 13.4477 20 14V20.4287C19.9999 22.401 18.401 23.9999 16.4287 24H3.57129C1.59895 23.9999 7.5245e-05 22.401 0 20.4287V7.57129C7.53742e-05 5.59895 1.59895 4.00008 3.57129 4H10ZM2 20.4287C2.00008 21.2965 2.70352 21.9999 3.57129 22H9V15H2V20.4287ZM11 22H16.4287C17.2965 21.9999 17.9999 21.2965 18 20.4287V15H11V22ZM3.57129 6C2.70352 6.00008 2.00008 6.70352 2 7.57129V13H9V6H3.57129ZM20.5 0C22.433 0 24 1.567 24 3.5V9.90039C23.9998 10.5076 23.5076 10.9998 22.9004 11H14.0996C13.4924 10.9998 13.0002 10.5076 13 9.90039V1.09961C13.0002 0.492409 13.4924 0.000211011 14.0996 0H20.5ZM15 9H22V3.5C22 2.67157 21.3284 2 20.5 2H15V9Z" fill="white"/>
-    </g>
-    <defs>
-      <clipPath id="clip0">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
+    <path d="${logoPath}" fill="white"/>
   </g>
 </svg>`;
     await this.writeFile("public/favicon.svg", faviconSvg);
-    const logoSvg = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <g clip-path="url(#clip0_23738_31)">
-    <path d="M10 4C10.5523 4 11 4.44772 11 5V13H19C19.5523 13 20 13.4477 20 14V20.4287C19.9999 22.401 18.401 23.9999 16.4287 24H3.57129C1.59895 23.9999 7.5245e-05 22.401 0 20.4287V7.57129C7.53742e-05 5.59895 1.59895 4.00008 3.57129 4H10ZM2 20.4287C2.00008 21.2965 2.70352 21.9999 3.57129 22H9V15H2V20.4287ZM11 22H16.4287C17.2965 21.9999 17.9999 21.2965 18 20.4287V15H11V22ZM3.57129 6C2.70352 6.00008 2.00008 6.70352 2 7.57129V13H9V6H3.57129ZM20.5 0C22.433 0 24 1.567 24 3.5V9.90039C23.9998 10.5076 23.5076 10.9998 22.9004 11H14.0996C13.4924 10.9998 13.0002 10.5076 13 9.90039V1.09961C13.0002 0.492409 13.4924 0.000211011 14.0996 0H20.5ZM15 9H22V3.5C22 2.67157 21.3284 2 20.5 2H15V9Z" fill="#FFA500"/>
-  </g>
-  <defs>
-    <clipPath id="clip0_23738_31">
-      <rect width="24" height="24" fill="white"/>
-    </clipPath>
-  </defs>
-</svg>`;
-    await this.writeFile("public/coherent-logo.svg", logoSvg);
   }
   /**
    * Generate .gitignore
@@ -7730,7 +7738,9 @@ ${activitySection}
 function onboardingTemplate(content, options) {
   const { title, description, steps, totalSteps } = content;
   const { pageName } = options;
-  const stepBars = steps.map((_, i) => "        <div key={i} className={`flex-1 h-2 rounded-full ${i <= step ? 'bg-primary' : 'bg-muted'}`} />").join("\n");
+  const stepBars = steps.map(
+    (_, _i) => "        <div key={_i} className={`flex-1 h-2 rounded-full ${_i <= step ? 'bg-primary' : 'bg-muted'}`} />"
+  ).join("\n");
   const stepContent = steps.map(
     (s, i) => `        {step === ${i} && (
           <div className="${D.card} p-6">
@@ -7931,7 +7941,7 @@ var FigmaClient = class {
   async fetchWithRetry(url, retries = 2) {
     const res = await fetch(url, {
       method: "GET",
-      headers: { "X-Figma-Token": this.token, "Accept": "application/json" }
+      headers: { "X-Figma-Token": this.token, Accept: "application/json" }
     });
     if (res.status === 429 && retries > 0) {
       const retryAfter = parseInt(res.headers.get("Retry-After") ?? "", 10);
@@ -8142,8 +8152,7 @@ function extractTokensFromFigma(data) {
     for (const ts of textStyles) {
       const n = normalizeName(ts.name);
       if (ts.fontSize != null) {
-        if (/^(h1|heading\s*1|display|title\s*large)$/.test(n))
-          fontSize["2xl"] = `${ts.fontSize}px`;
+        if (/^(h1|heading\s*1|display|title\s*large)$/.test(n)) fontSize["2xl"] = `${ts.fontSize}px`;
         else if (/^(h2|heading\s*2)$/.test(n)) fontSize["xl"] = `${ts.fontSize}px`;
         else if (/^(body|paragraph|text)$/.test(n)) fontSize.base = `${ts.fontSize}px`;
         else if (/^(small|caption)$/.test(n)) fontSize.sm = `${ts.fontSize}px`;
@@ -8599,9 +8608,11 @@ export {
   TailwindConfigGenerator,
   TypographyTokenSchema,
   allocateNextCid,
+  atomicWriteFile,
   buildCssVariables,
   componentExists,
   createEntry,
+  extractConfigObject,
   extractTokensFromFigma,
   figmaComponentNameToBaseId,
   figmaRgbaToHex,

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Core design system engine for Coherent",
   "type": "module",
   "main": "./dist/index.js",
@@ -32,12 +32,6 @@
   ],
   "author": "Coherent Design Method",
   "license": "MIT",
-  "scripts": {
-    "dev": "tsup --watch",
-    "build": "tsup",
-    "typecheck": "tsc --noEmit",
-    "test": "vitest"
-  },
   "dependencies": {
     "handlebars": "^4.7.8",
     "zod": "^3.22.4"
@@ -47,6 +41,11 @@
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
     "vitest": "^1.2.1"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest"
   }
-}
-
+}