synthesisui 0.16.463 → 0.16.464

package/dist/changed-files.js

@@ -1,5 +1,5 @@
 import { execFile } from "node:child_process";
-import { readdir, stat } from "node:fs/promises";
+import { readdir, readFile, stat } from "node:fs/promises";
 import { join } from "node:path";
 import { promisify } from "node:util";
 const run = promisify(execFile);
@@ -43,8 +43,31 @@ async function isGitRepo(root) {
     }));
     return stdout.trim() === "true";
 }
+/**
+ * O `.gitignore` DA RAIZ, NA FORMA SIMPLES - rodada 4 do refinamento, 27/09. No leigo-4 (sem git) o fim
+ * do turno checou o `next-env.d.ts`, que o Next gera e que o `.gitignore` do `create-next-app` já exclui:
+ * sem git, ninguém lia aquele arquivo. Cobre nome, `/` na frente (só na raiz), `/` no fim (só pasta) e
+ * `*`; a negação (`!`) é ignorada - no pior caso um arquivo que ele quer checado fica de fora, como era
+ * antes do conserto de 27/09 para a pasta inteira.
+ */
+async function ignoredBy(root) {
+    const text = await readFile(join(root, ".gitignore"), "utf8").catch(() => "");
+    const rules = text
+        .split("\n")
+        .map((l) => l.trim())
+        .filter((l) => l && !l.startsWith("#") && !l.startsWith("!"))
+        .map((l) => {
+        const onlyDir = l.endsWith("/");
+        const body = l.replace(/^\//, "").replace(/\/$/, "");
+        const anchored = l.startsWith("/") || body.includes("/");
+        const glob = body.replace(/[.+^${}()|[\]\\]/g, "\\$&").replace(/\*/g, "[^/]*").replace(/\?/g, "[^/]");
+        return { onlyDir, re: new RegExp(anchored ? `^${glob}$` : `(^|/)${glob}$`) };
+    });
+    return (rel, dir) => rules.some((r) => (!r.onlyDir || dir) && r.re.test(rel));
+}
 async function walked(root) {
     const out = [];
+    const ignored = await ignoredBy(root);
     const go = async (rel) => {
         if (out.length >= WALK_MAX)
             return;
@@ -52,6 +75,8 @@ async function walked(root) {
             if (entry.name.startsWith(".") || WALK_SKIP.has(entry.name))
                 continue;
             const next = rel ? `${rel}/${entry.name}` : entry.name;
+            if (ignored(next, entry.isDirectory()))
+                continue;
             if (entry.isDirectory())
                 await go(next);
             else if (entry.isFile())

package/dist/component-codegen.js

@@ -611,8 +611,11 @@ export class ThemeVocab extends Set {
      * O nome que casa vale se o valor também casa - ou se um dos dois lados não tem valor conhecido, que
      * é o comportamento de antes. Sem nome que case, o VALOR acha o nome, mas só quando exatamente uma
      * variável dele o segura: duas seria adivinhar qual das duas ele quis dizer.
+     *
+     * `prefer` desempata, e só ele: quando o empate inclui a palavra da própria propriedade (`border`
+     * numa declaração de borda), é esse o nome. Sem ela no empate, continua sem adivinhar (rodada 4).
      */
-    nameFor(ref, ns, byName) {
+    nameFor(ref, ns, byName, prefer = null) {
         const path = /^\{([^}]+)\}$/.exec(ref.trim())?.[1];
         const want = path ? this.dsValues.get(`--ds-${path.replace(/\./g, "-")}`) : undefined;
         if (byName && this.has(`--${ns}-${byName}`)) {
@@ -625,7 +628,9 @@ export class ThemeVocab extends Set {
         const hits = [...this.theirValues]
             .filter(([n, v]) => n.startsWith(`--${ns}-`) && sameValue(v, want))
             .map(([n]) => n.slice(ns.length + 3));
-        return hits.length === 1 ? hits[0] : null;
+        if (hits.length === 1)
+            return hits[0];
+        return prefer && hits.includes(prefer) ? prefer : null;
     }
 }
 const sameValue = (a, b) => a.trim().toLowerCase().replace(/\s+/g, " ") === b.trim().toLowerCase().replace(/\s+/g, " ");
@@ -644,12 +649,34 @@ const paletteKey = (v) => {
         return null;
     return `${m[1]}-${m[2]}`;
 };
-const theirColorKey = (value, themeVars) => {
+const theirColorKey = (value, themeVars, prefer = null) => {
     const key = colorKey(value) ?? (themeVars instanceof ThemeVocab ? paletteKey(value) : null);
     if (themeVars instanceof ThemeVocab)
-        return themeVars.nameFor(value, "color", key);
+        return themeVars.nameFor(value, "color", key, prefer);
     return key && minted(themeVars, `--color-${key}`) ? key : null;
 };
+/** A palavra da propriedade que desempata dois nomes dele com o mesmo valor - ver `nameFor`. */
+const preferFor = (prop) => (prop.startsWith("border") ? "border" : null);
+/**
+ * AS CORES DE DENTRO DE UM VALOR COMPOSTO, NO NOME DELE - rodada 4 do refinamento, 27/09.
+ *
+ * O gradiente do botão do Gossamer (`linear-gradient(135deg, {color.semantic.accent}, …)`) não tem
+ * utilitário e ia inteiro para o arbitrário, onde a cor só achava o nome dele depois de um build: num
+ * Next novo saía `#eaa83c` com `--color-accent` declarado. Cada referência de cor é resolvida aqui pela
+ * mesma regra do utilitário (`theirColorKey`, que não precisa de build) e vira `var(--color-<nome>)`; a
+ * que não tem nome segue para a porta de tradução, que escreve o valor.
+ *
+ * `null` é "ninguém mediu", e aí nada é trocado: escrever `var(--color-x)` sem saber se ele declara
+ * seria uma cor que some.
+ */
+const namedInside = (prop, value, themeVars) => {
+    if (themeVars === null)
+        return value;
+    return value.replace(/\{color\.[a-zA-Z0-9.-]+\}/g, (ref) => {
+        const key = theirColorKey(ref, themeVars, preferFor(prop));
+        return key ? `var(--color-${key})` : ref;
+    });
+};
 /** One declaration → Tailwind classes (pretty when mappable, arbitrary-property
  *  otherwise - never dropped). */
 function declToTailwind(prop, value, themeVars) {
@@ -672,7 +699,7 @@ function declToTailwind(prop, value, themeVars) {
             break;
         }
         case "borderColor": {
-            const key = theirColorKey(value, themeVars);
+            const key = theirColorKey(value, themeVars, "border");
             if (key)
                 return [`border-${key}`];
             break;
@@ -681,7 +708,7 @@ function declToTailwind(prop, value, themeVars) {
             // "1px solid {color.semantic.x}" → border + border-<x>
             const m = value.match(/^1px\s+solid\s+(\{[^}]+\})$/);
             if (m) {
-                const key = theirColorKey(m[1], themeVars);
+                const key = theirColorKey(m[1], themeVars, "border");
                 if (key)
                     return ["border", `border-${key}`];
             }
@@ -767,7 +794,7 @@ function declToTailwind(prop, value, themeVars) {
             break;
         }
     }
-    return [arbitrary(prop, value)];
+    return [arbitrary(prop, namedInside(prop, value, themeVars))];
 }
 /**
  * TAILWIND'S OWN WORD FOR A STATE, WHEN IT HAS ONE - and a mechanical rule when it

package/dist/install-marks.js

@@ -269,7 +269,13 @@
  * nome os degraus da paleta que o projeto declara (`{color.coral.700}` -> `bg-coral-700`) - o badge do
  * Zephyr saía com quatro cores cruas (rodada 3 do refinamento).
  */
-export const MATERIALISER_SINCE = "0.16.463";
+/**
+ * 0.16.463 -> 0.16.464 em 27/09, e o passo 1 dá **SIM**: o gerador que o `upgrade` usa passa a achar o nome
+ * dele dentro de um valor composto - o gradiente do botão do Gossamer saía `#eaa83c, #dd4161` com
+ * `--color-accent` e `--color-primary` declarados - e a desempatar pela palavra da propriedade numa borda
+ * (rodada 4 do refinamento).
+ */
+export const MATERIALISER_SINCE = "0.16.464";
 /**
  * A ÚLTIMA VERSÃO EM QUE O QUE O HOOK RODA MUDOU.
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.16.463",
+  "version": "0.16.464",
   "description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
   "type": "module",
   "bin": {