rafters 0.0.75 → 0.0.77

package/dist/index.js

@@ -968,12 +968,61 @@ var RADIUS_UTILITIES = [
   "rounded-bl"
 ];
 var STATE_VARIANTS = ["hover", "focus-visible", "focus", "active", "dark"];
+var CONTAINER_LAYOUT_UTILITIES = [
+  "grid-cols",
+  "gap",
+  "p",
+  "px",
+  "py",
+  "pt",
+  "pr",
+  "pb",
+  "pl",
+  "h",
+  "w",
+  "max-w",
+  "flex-row",
+  "flex-col",
+  "flex-col-reverse",
+  "flex-wrap",
+  "items-center",
+  "justify-end",
+  "justify-center",
+  "justify-between",
+  "text-left",
+  "text-center",
+  "text-right",
+  "space-x",
+  "space-y",
+  "mt",
+  "rounded",
+  "rounded-sm",
+  "rounded-md",
+  "rounded-lg"
+];
+function extractThemeBlocks(css) {
+  const blocks = [];
+  const re = /@theme\s*(?:inline\s*)?\{/g;
+  let match;
+  while ((match = re.exec(css)) !== null) {
+    let depth = 1;
+    const start = match.index + match[0].length;
+    for (let i = start; i < css.length; i++) {
+      if (css[i] === "{") depth++;
+      if (css[i] === "}") {
+        depth--;
+        if (depth === 0) {
+          blocks.push(css.slice(start, i));
+          break;
+        }
+      }
+    }
+  }
+  return blocks;
+}
 function deriveCandidates(themeCSS) {
   const themeVarNames = [];
-  const themeBlockRe = /@theme\s*(?:inline\s*)?\{([^}]*)\}/gs;
-  let blockMatch;
-  while ((blockMatch = themeBlockRe.exec(themeCSS)) !== null) {
-    const block = blockMatch[1] ?? "";
+  for (const block of extractThemeBlocks(themeCSS)) {
     const varRe = /--([a-z][a-z0-9-]*)\s*:/g;
     let varMatch;
     while ((varMatch = varRe.exec(block)) !== null) {
@@ -1009,10 +1058,19 @@ function deriveCandidates(themeCSS) {
       candidates.add(`${variant}:${c4}`);
     }
   }
+  const containerSizes = themeVarNames.filter((n2) => n2.startsWith("container-")).map((n2) => n2.slice(10));
+  const layoutCandidates = base.filter(
+    (c4) => CONTAINER_LAYOUT_UTILITIES.some((u) => c4 === u || c4.startsWith(`${u}-`))
+  );
+  for (const size of containerSizes) {
+    for (const c4 of layoutCandidates) {
+      candidates.add(`@${size}:${c4}`);
+    }
+  }
   return [...candidates];
 }
 async function registryToDocumentation(registry2, options = {}) {
-  const { minify = true } = options;
+  const { minify = true, contentSources = [] } = options;
   const themeBody = registryToTailwind(registry2, { includeImport: false });
   const candidates = deriveCandidates(themeBody);
   const { mkdtempSync, writeFileSync: writeFileSync2, rmSync } = await import("fs");
@@ -1031,9 +1089,12 @@ async function registryToDocumentation(registry2, options = {}) {
   const tempDir = mkdtempSync(join15(pkgDir, ".tmp-doc-compile-"));
   const candidateFile = join15(tempDir, "candidates.txt");
   writeFileSync2(candidateFile, candidates.join("\n"));
-  const sourceDirective = `@source "${candidateFile}";`;
+  const sourceDirectives = [
+    `@source "${candidateFile}";`,
+    ...contentSources.map((src) => `@source "${src}";`)
+  ].join("\n");
   const input = `@import "tailwindcss" source(none);
-${sourceDirective}
+${sourceDirectives}
 ${themeBody}`;
   const tempInput = join15(tempDir, "input.css");
   const tempOutput = join15(tempDir, "output.css");
@@ -1045,7 +1106,8 @@ ${themeBody}`;
     if (minify) args.push("--minify");
     execFileSync("node", args, { stdio: "pipe", timeout: 6e4, cwd: pkgDir });
     const { readFileSync: readFileSync3 } = await import("fs");
-    return readFileSync3(tempOutput, "utf-8");
+    const raw = readFileSync3(tempOutput, "utf-8");
+    return postProcessDocSheet(raw);
   } catch (error47) {
     const message = error47 instanceof Error ? error47.message : String(error47);
     throw new Error(`Failed to compile documentation CSS: ${message}`);
@@ -1053,6 +1115,35 @@ ${themeBody}`;
     rmSync(tempDir, { recursive: true, force: true });
   }
 }
+function postProcessDocSheet(css) {
+  const parts = [];
+  const themeLayerRe = /@layer theme\{(.*?)\}(?=@layer|$)/s;
+  const themeMatch = themeLayerRe.exec(css);
+  if (themeMatch) {
+    let themeContent = themeMatch[1] ?? "";
+    themeContent = themeContent.replace(/:root,:host/g, ":host");
+    parts.push(`:host{container-type:inline-size}${themeContent}`);
+  }
+  const layerRe = /@layer (base|components|utilities)\{/g;
+  let match;
+  while ((match = layerRe.exec(css)) !== null) {
+    const start = match.index;
+    let depth = 0;
+    let end = start;
+    for (let i = start; i < css.length; i++) {
+      if (css[i] === "{") depth++;
+      if (css[i] === "}") {
+        depth--;
+        if (depth === 0) {
+          end = i + 1;
+          break;
+        }
+      }
+    }
+    parts.push(css.slice(start, end));
+  }
+  return parts.join("");
+}
 
 // ../design-tokens/src/exporters/typescript.ts
 function tokenValueToTS(token) {
@@ -27043,7 +27134,7 @@ function extractShadcnRoot(css) {
 var THEME_BLOCK = /@theme(?:\s+inline)?\s*\{([^}]*)\}/g;
 var COMMENT = /\/\*[\s\S]*?\*\//g;
 var DECLARATION = /--([A-Za-z_-][\w-]*)\s*:\s*([^;]+);/g;
-function extractThemeBlocks(css) {
+function extractThemeBlocks2(css) {
   const out = [];
   for (const match of css.matchAll(THEME_BLOCK)) {
     const body = (match[1] ?? "").replace(COMMENT, "");
@@ -27060,7 +27151,7 @@ function extractThemeBlocks(css) {
 // ../design-tokens/src/importers/bases.ts
 var LENGTH = /^(-?\d+(?:\.\d+)?)\s*(rem|px|em)$/;
 function detectBase(css, names, parse7) {
-  const decls = [...extractShadcnRoot(css), ...extractThemeBlocks(css)];
+  const decls = [...extractShadcnRoot(css), ...extractThemeBlocks2(css)];
   let last2 = null;
   for (const decl of decls) {
     if (names.includes(decl.name)) last2 = decl.value.trim();
@@ -27285,7 +27376,7 @@ function detectFonts(css) {
     accept(family, quoteIfNeeded(family));
   }
   const rootDecls = extractShadcnRoot(css);
-  const themeDecls = extractThemeBlocks(css);
+  const themeDecls = extractThemeBlocks2(css);
   for (const decl of [...rootDecls, ...themeDecls]) {
     if (!decl.name.startsWith("font-")) continue;
     const first = firstFamilyFromStack(decl.value);
@@ -29953,7 +30044,7 @@ async function init(options) {
         }
       }
       {
-        const themeDecls = extractThemeBlocks(sourceCss);
+        const themeDecls = extractThemeBlocks2(sourceCss);
         if (themeDecls.length > 0) {
           const POSITION_SUFFIX = new RegExp(`^(.+)-(${SCALE_POSITIONS.join("|")})$`);
           const familySeeds = /* @__PURE__ */ new Map();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rafters",
-  "version": "0.0.75",
+  "version": "0.0.77",
   "description": "Design Intelligence CLI. Scaffold tokens, import existing shadcn/Tailwind v4 sources, add components, and serve an MCP server so AI agents read decisions instead of guessing.",
   "homepage": "https://rafters.studio",
   "license": "MIT",