synthesisui 0.16.403 → 0.16.404

package/dist/sheet-needed.js

@@ -9,18 +9,89 @@ function themeNames(themeCss) {
             out.add(m[2]);
     return [...out];
 }
+/**
+ * O VALOR DE UM ATRIBUTO DE CLASSE, QUANDO ELE É UMA EXPRESSÃO - e a regra é o ATRIBUTO, não a
+ * função.
+ *
+ * O DEFEITO, medido em 08/09 nas duas árvores do `frontend-hub`: o leitor via `className="…"` e o
+ * template direto, e não via `className={cn("…")}`.
+ *
+ * ```
+ *                            packages/ui/src   apps/web-dashboard
+ * className=" literal              346              2639
+ * className={cn( ou {clsx(          66               239     <- invisíveis
+ * ```
+ *
+ * São **305 sítios** onde o projeto dele escreve classe e a pergunta *"algo aqui precisa da nossa
+ * folha?"* era respondida sobre um texto que não continha a resposta. E o erro caía para o lado
+ * ERRADO: o cabeçalho deste módulo declara que *"o lado seguro do erro é PRECISA"*, porque um falso
+ * positivo mantém o setup sendo pedido e um falso NEGATIVO entrega um componente sem a animação que
+ * ele veste. `cn()` é o idioma de quem parte do shadcn, então a metade que faltava era a maior parte
+ * de quem chega.
+ *
+ * POR QUE A REGRA NÃO É O NOME DA FUNÇÃO. Casar `cn|clsx|twMerge` seria a lista dos casos de hoje: o
+ * próximo cliente chama a dele de `classes`, `cx` ou nada - passa um ternário direto. O que é
+ * estrutural é o ATRIBUTO: dentro do valor de um `class`/`className`, toda string literal é
+ * candidata a classe, seja ela argumento de função, ramo de ternário ou pedaço de template.
+ *
+ * O QUE ISTO NÃO ALCANÇA, e está declarado com o número: a tabela de variantes que mora numa const
+ * separada - `cva(...)` e `tv(...)`, medidos em 08/09 como **4 + 41 e 0 + 85** nas duas árvores. Ali
+ * as classes chegam ao atributo por VARIÁVEL, e cobri-las exige seguir a variável até a declaração:
+ * é outra frente, e o erro dela continua caindo para o lado de cobrar.
+ */
+function attributeExpressions(source) {
+    const out = [];
+    const ATTR = /class(?:Name)?=\{/g;
+    for (const m of source.matchAll(ATTR)) {
+        let depth = 0;
+        let i = (m.index ?? 0) + m[0].length - 1;
+        const start = i;
+        /** Aspas contam para NÃO deixar uma chave dentro de string fechar a expressão cedo. */
+        let quote = null;
+        for (; i < source.length; i += 1) {
+            const c = source[i];
+            if (quote) {
+                if (c === "\\")
+                    i += 1;
+                else if (c === quote)
+                    quote = null;
+                continue;
+            }
+            if (c === '"' || c === "'" || c === "`")
+                quote = c;
+            else if (c === "{")
+                depth += 1;
+            else if (c === "}") {
+                depth -= 1;
+                if (depth === 0)
+                    break;
+            }
+        }
+        if (depth === 0)
+            out.push(source.slice(start + 1, i));
+    }
+    return out;
+}
 /** As classes escritas no código - `hover:animate-shimmer` conta como `animate-shimmer`. */
 function classesIn(source) {
     const out = new Set();
-    for (const m of source.matchAll(/class(?:Name)?=(?:"([^"]*)"|'([^']*)'|\{`([^`]*)`\}|\{"([^"]*)"\})/g)) {
-        const body = m[1] ?? m[2] ?? m[3] ?? m[4] ?? "";
+    const collect = (body) => {
         for (const raw of body.split(/\s+/)) {
             if (!raw)
                 continue;
             const bare = raw.split(":").pop() ?? raw;
             out.add(bare.replace(/^[!-]/, ""));
         }
-    }
+    };
+    for (const m of source.matchAll(/class(?:Name)?=(?:"([^"]*)"|'([^']*)'|\{`([^`]*)`\}|\{"([^"]*)"\})/g))
+        collect(m[1] ?? m[2] ?? m[3] ?? m[4] ?? "");
+    /**
+     * E TODA STRING DENTRO DA EXPRESSÃO - ver `attributeExpressions`. As três formas de escrever uma
+     * string em JS/TS, porque quem escolhe a aspa é o formatador dele, não a gente.
+     */
+    for (const expr of attributeExpressions(source))
+        for (const lit of expr.matchAll(/"([^"]*)"|'([^']*)'|`([^`]*)`/g))
+            collect(lit[1] ?? lit[2] ?? lit[3] ?? "");
     return out;
 }
 /**

package/package.json

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