@texturehq/edges 1.7.3 → 1.7.4

package/dist/styles.css

@@ -4651,6 +4651,11 @@
       display: none;
     }
   }
+  .md\:h-10 {
+    @media (width >= 48rem) {
+      height: var(--spacing-10);
+    }
+  }
   .md\:h-96 {
     @media (width >= 48rem) {
       height: var(--spacing-96);
@@ -4671,6 +4676,11 @@
       max-height: 85vh;
     }
   }
+  .md\:w-10 {
+    @media (width >= 48rem) {
+      width: var(--spacing-10);
+    }
+  }
   .md\:w-64 {
     @media (width >= 48rem) {
       width: var(--spacing-64);

package/dist/utilities.manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.7.3",
-  "generatedAt": "2025-10-16T14:43:20.652Z",
+  "version": "1.7.4",
+  "generatedAt": "2025-10-17T19:52:53.477Z",
   "categories": {
     "hooks": {
       "description": "React hooks for common functionality like breakpoints, debouncing, local storage, and media queries",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@texturehq/edges",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "author": "Nicholas Brown <nick@texturehq.com>",
   "description": "A shared component library for Texture",
   "type": "module",

package/scripts/generate-edges-docs.js

@@ -22,6 +22,9 @@ const DIST_DIR = path.join(ROOT, "dist");
 const MONO_ROOT = path.join(ROOT, "../..");
 const DOCS_AI_EDGES = path.join(MONO_ROOT, "docs/ai/edges");
 
+const PACKAGE_JSON_PATH = path.join(ROOT, "package.json");
+const PACKAGE_VERSION = JSON.parse(fs.readFileSync(PACKAGE_JSON_PATH, "utf8")).version;
+
 // ============================================================================
 // UTILITIES
 // ============================================================================
@@ -278,7 +281,7 @@ function generateComponentsManifest() {
   }
 
   const manifest = {
-    version: process.env.npm_package_version || "unknown",
+    version: PACKAGE_VERSION,
     generatedAt: new Date().toISOString(),
     components: components,
     categories: categories,
@@ -390,7 +393,7 @@ function generateUtilitiesManifest() {
   console.log("\n🔧 Generating utilities manifest...");
 
   const manifest = {
-    version: process.env.npm_package_version || "unknown",
+    version: PACKAGE_VERSION,
     generatedAt: new Date().toISOString(),
     categories: {},
   };
@@ -463,21 +466,52 @@ function generateUtilitiesManifest() {
 function parseThemeColors() {
   console.log("\n🎨 Parsing theme colors...");
 
-  const themePath = path.join(DIST_DIR, "theme.css");
-  if (!fs.existsSync(themePath)) {
-    console.log("  ⚠️  theme.css not found, skipping color extraction");
+  const distThemePath = path.join(DIST_DIR, "theme.css");
+  const sources = [];
+
+  if (fs.existsSync(distThemePath)) {
+    sources.push(distThemePath);
+  } else {
+    const generatedDir = path.join(SRC_DIR, "generated");
+    const fallbackFiles = [
+      path.join(generatedDir, "tailwind-tokens-light.css"),
+      path.join(generatedDir, "tailwind-tokens-dark.css"),
+      path.join(generatedDir, "viz-runtime.css"),
+    ];
+
+    for (const file of fallbackFiles) {
+      if (fs.existsSync(file)) {
+        sources.push(file);
+      }
+    }
+
+    if (sources.length > 0) {
+      console.log("  ℹ️  Using generated token CSS as fallback (dist/theme.css missing)");
+    }
+  }
+
+  if (sources.length === 0) {
+    console.log("  ⚠️  No theme CSS sources found, skipping color extraction");
     return {};
   }
 
-  const themeContent = read(themePath);
   const colorVars = {};
-  const colorRegex = /--color-([a-z-]+):\s*([^;]+);/g;
-  let match;
+  const seen = new Set();
+  const colorRegex = /--color-([a-zA-Z0-9-]+):\s*([^;]+);/g;
+
+  for (const source of sources) {
+    const themeContent = read(source);
+    let match;
 
-  while ((match = colorRegex.exec(themeContent))) {
-    const varName = match[1];
-    const value = match[2].trim();
-    colorVars[varName] = value;
+    while ((match = colorRegex.exec(themeContent))) {
+      const varName = match[1];
+      const value = match[2].trim();
+
+      if (!seen.has(varName)) {
+        seen.add(varName);
+        colorVars[varName] = value;
+      }
+    }
   }
 
   console.log(`  Found ${Object.keys(colorVars).length} color variables`);
@@ -495,7 +529,7 @@ function generateComponentsReference(componentsManifest) {
 
   let content = `# Edges Components Reference
 
-> **Auto-generated** - Do not edit manually. Run \`yarn generate:edges-docs\` to regenerate.
+> **Auto-generated** - Do not edit manually. Run \`node scripts/generate-edges-docs.js\` to regenerate.
 
 This document provides a complete reference of all ${components.length} components in the @texturehq/edges design system, organized by functional category.
 
@@ -571,7 +605,7 @@ function generateHooksReference(utilitiesManifest) {
 
   let content = `# Edges Hooks Reference
 
-> **Auto-generated** - Do not edit manually. Run \`yarn generate:edges-docs\` to regenerate.
+> **Auto-generated** - Do not edit manually. Run \`node scripts/generate-edges-docs.js\` to regenerate.
 
 This document provides a complete reference of all ${hooks.length} React hooks in the @texturehq/edges design system.
 
@@ -611,7 +645,7 @@ function generateUtilitiesReference(utilitiesManifest) {
 
   let content = `# Edges Utilities Reference
 
-> **Auto-generated** - Do not edit manually. Run \`yarn generate:edges-docs\` to regenerate.
+> **Auto-generated** - Do not edit manually. Run \`node scripts/generate-edges-docs.js\` to regenerate.
 
 This document provides a complete reference of all utility functions in the @texturehq/edges design system.
 
@@ -657,7 +691,7 @@ function generateThemeSystemDoc(colorVars) {
 
   let content = `# Edges Theme System
 
-> **Auto-generated** - Do not edit manually. Run \`yarn generate:edges-docs\` to regenerate.
+> **Auto-generated** - Do not edit manually. Run \`node scripts/generate-edges-docs.js\` to regenerate.
 
 ## Overview
 
@@ -781,7 +815,7 @@ function generateEdgesReadme(componentsManifest, utilitiesManifest) {
 
   let content = `# Edges Design System - AI Context
 
-> **Auto-generated** - Do not edit manually. Run \`yarn generate:edges-docs\` to regenerate.
+> **Auto-generated** - Do not edit manually. Run \`node scripts/generate-edges-docs.js\` to regenerate.
 
 👋 **AI Agents: Start here!**