synthesisui 0.16.334 → 0.16.336

package/dist/doctor/transcribe.js

@@ -2220,12 +2220,47 @@ function ownReturn(source, declAt) {
     }
     return -1;
 }
+/**
+ * A RAIZ POLIMÓRFICA RESOLVIDA PARA O ELEMENTO QUE ELA REALMENTE É (T21, dono, 26/08).
+ *
+ * O QUE O CLIENTE VIA: o blueprint do botão dele anunciando a raiz como `Tag` - o nome de uma
+ * variável local que só existe dentro do arquivo dele, apresentado como se fosse um elemento. O
+ * código é `const Tag = (as ?? "button") as ElementType`, e a raiz é um `<button>`.
+ *
+ * A LEI 13 pede a ORIGEM, e um identificador local não tem nenhuma: não há especificador de import
+ * atrás de `Tag`. Onde o próprio arquivo declara o DEFAULT, ele é a origem - e lê-lo é derivar, não
+ * supor.
+ *
+ * SÓ O QUE É DERIVÁVEL, e a fronteira é o literal. Medido nos dois repositórios vivos em 30/08:
+ *
+ *     4 declarações polimórficas no `codelevel`, 0 no `frontend-hub`
+ *     Button.tsx  `const Tag = (as ?? "button") as ElementType`   -> button
+ *     Card.tsx    `const Tag = (as ?? "div") as ElementType`      -> div
+ *     Typography  `const Tag: ElementType = as ?? MAPA[variante]` -> fica `Tag`
+ *     SkillNode   `const Icon = icon ?? MAPA[estado]`             -> fica `Icon`
+ *
+ * As duas últimas definem a regra: o default vem de um mapa indexado em runtime, então não existe
+ * UM elemento para resolver. Escolher um seria inventar a raiz do componente dele - e a raiz decide
+ * a marcação que a gente devolve. Sem literal, o nome fica como está.
+ *
+ * (A primeira contagem deste dia disse TRÊS: a régua exigia o literal na mesma linha e não via o
+ * `SkillNode`. Remedida com a régua larga, que é a que responde "quantos a forma alcança".)
+ */
+const POLYMORPHIC_DEFAULT = /(?:const|let)\s+NAME\s*(?::[^=]*)?=\s*\(?\s*[A-Za-z_$][\w$]*\s*(?:\?\?|\|\|)\s*["']([a-z][a-z0-9-]*)["']/;
 export function rootTag(source, name) {
     const ret = returnAt(source, name);
     if (ret === -1)
         return null;
     const m = /<([A-Za-z][A-Za-z0-9.]*)/.exec(source.slice(ret));
-    return m ? m[1] : null;
+    if (!m)
+        return null;
+    const tag = m[1];
+    // Só um identificador local pode ser uma raiz polimórfica: uma tag HTML já é o elemento, e um
+    // nome com ponto (`Tabs.Root`) é membro de um objeto importado, não uma variável com default.
+    if (!/^[A-Z][A-Za-z0-9]*$/.test(tag))
+        return tag;
+    const declared = new RegExp(POLYMORPHIC_DEFAULT.source.replace("NAME", tag)).exec(source);
+    return declared ? declared[1] : tag;
 }
 export function rootClasses(source, name) {
     const ret = returnAt(source, name);

package/dist/frontier-kind.js

@@ -198,10 +198,35 @@ const NON_RENDERING = new Set([
      */
     "root",
 ]);
-/** `BaseDialog.Portal` → true. `BaseSelect.Positioner` with `z-50 pt-1` → false. */
+/**
+ * `BaseDialog.Portal` → true. `BaseSelect.Positioner` with `z-50 pt-1` → false.
+ *
+ * AND THE ROLE IS READ AT THE END OF THE NAME, not only as the whole of it. React's own
+ * vocabulary composes: a context provider is spelled `ThemeProvider`, `ConfigProvider`,
+ * `LocalizationProvider` - never the bare word - and every one of them renders no element
+ * at all. Reading only the exact word meant the list named the role and missed every
+ * component that carries it.
+ *
+ * Measured on the two populations before widening (29/08), and the class gate is what keeps
+ * it honest - it is still the fact that separates a role from a real box:
+ *
+ *     frontend-hub   14 nodes end in `Provider`, and NONE of them carries a class
+ *                     3 end in `Root` (`DialogRoot`, `RadioCardRoot`), none with classes
+ *     codelevel-ui    none of either
+ *
+ * A styled `Positioner` still survives as a real box, which is exactly what happens in
+ * their Select - the gate above reads the class list first and answers `false`.
+ */
 export function rendersNothing(tag, classes) {
     if (classes?.trim())
         return false;
-    const member = tag.includes(".") ? tag.split(".").pop() : tag;
-    return NON_RENDERING.has((member ?? "").toLowerCase());
+    const member = (tag.includes(".") ? tag.split(".").pop() : tag)?.toLowerCase();
+    if (!member)
+        return false;
+    if (NON_RENDERING.has(member))
+        return true;
+    for (const role of NON_RENDERING)
+        if (member.endsWith(role))
+            return true;
+    return false;
 }

package/dist/install-marks.js

@@ -361,13 +361,21 @@ export const CHECKER_SINCE = "0.16.308";
  * componentes que devolvem um Fragment recuperam as classes que hoje caem no vazio, e 386 de 386
  * looks legados leem exatamente como liam.
  *
+ * 0.16.334 -> 0.16.336 em 30/08 (T21-CLI): `rootTag` passou a resolver a raiz polimórfica para o
+ * elemento que ela é - `const Tag = (as ?? "button")` grava `button`, e não mais o nome da variável
+ * local. Um censo já gravado carrega `rootTag: "Tag"` e não há como derivar o elemento a partir
+ * dele: o default mora no CÓDIGO, que só a remedição lê. Por isso a marca sobe.
+ *
+ * Medido nos dois repositórios vivos: 4 declarações da forma no `codelevel` (2 resolvem para um
+ * elemento, 2 têm default vindo de um mapa em runtime e ficam com o nome), 0 no `frontend-hub`.
+ *
  * 0.16.328 -> 0.16.329 em 28/08: `rootClasses` passou a ler só o `className` do PRÓPRIO elemento.
  * Antes ele ancorava no primeiro `className=` do texto da tag de abertura, então a classe de um JSX
  * escrito dentro de uma prop virava classe da raiz - e o `className` da raiz, quando vinha depois,
  * nunca era alcançado. Medido: 1134 componentes, 77 mudaram, e a receita que o cliente recebe muda
  * com eles. Uma medição anterior não produz o conserto, então a marca sobe.
  */
-export const READER_SINCE = "0.16.334";
+export const READER_SINCE = "0.16.336";
 /**
  * O QUE ESTÁ INSTALADO AQUI FICOU PARA TRÁS - e as DUAS condições que fazem isso ser verdade.
  *

package/package.json

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