synthesisui 0.16.439 → 0.16.441

package/dist/doctor/fragments.js

@@ -1,3 +1,4 @@
+import { arranjoSemValor } from "./value-ledger.js";
 /**
  * TODO FRAGMENTO QUE CARREGA ESTILO, com arquivo e linha.
  *
@@ -646,6 +647,8 @@ forms = []) {
                 const tokens = literal.split(/\s+/).filter(Boolean);
                 const readElsewhere = tokens.length > 0 &&
                     tokens.every((tk) => STRUCTURE.has(tk) ||
+                        /** Arranjo sem valor de design - a MESMA resposta que a conta do anel dá. */
+                        arranjoSemValor(tk) ||
                         wornGlobal.has(tk) ||
                         definedGlobal.has(tk) ||
                         islandRead.get(f.file)?.has(tk));

package/dist/doctor/value-ledger.js

@@ -95,6 +95,37 @@ const STRUCTURAL_TOKENS = new Set([
     "peer",
     "isolate",
 ]);
+/**
+ * O ARRANJO QUE NÃO CARREGA VALOR DE DESIGN - e por isso sai do denominador (dono, 19/09).
+ *
+ * O QUE O CLIENTE GANHA: a cobertura dele para de ser descontada por `mx-auto` e `col-span-6`.
+ * Medido nos dois repositórios limpos, `mx-auto` é o utilitário que mais aparece no que sobrava
+ * como não lido - 12 ocorrências num deles, o maior item isolado da lista inteira. Centrar um
+ * bloco e dizer quantas colunas ele ocupa não são decisões de design: são arranjo, a mesma coisa
+ * que `flex-col` e `w-full`, que já saem por `STRUCTURAL_TOKENS`.
+ *
+ * O TESTE É O VALOR, e não o nome da família. Estas famílias já resolvem para propriedades que
+ * `STRUCTURAL_PROPERTIES` conhece - `gridColumn`, `gridTemplateColumns`, `order` - e o que decide
+ * é o outro lado: o valor é uma CONTAGEM (`6`, `12`) ou a palavra `auto`, nenhum dos dois sendo
+ * quantidade que alguém escolheu de uma escala. `gap-6` continua fora daqui de propósito, porque
+ * ali o número É uma escolha de escala: ele muda o ritmo da tela.
+ *
+ * A LISTA CONTINUA CONSERVADORA, pelo mesmo motivo escrito em `STRUCTURAL_TOKENS`: o que não
+ * estiver aqui cai em `unread`, que é o lado certo de errar. E ela vive NESTE arquivo, junto das
+ * outras duas, porque três fontes para "isto é arranjo?" discordariam no primeiro conserto.
+ */
+const ARRANJO_SEM_VALOR = [
+    /** Grade e ordem: o valor é uma contagem de trilhas, `auto`, `full` ou `none`. */
+    /^(col|row)-(span|start|end)-(\d+|auto|full)$/,
+    /^grid-(cols|rows)-(\d+|none|subgrid)$/,
+    /^order-(\d+|first|last|none)$/,
+    /** Margem `auto` é centralização - a única margem cujo valor não sai de escala nenhuma. */
+    /^-?m[xytblrse]?-auto$/,
+];
+/** `mx-auto` e `col-span-6` nomeiam arranjo; `gap-6` nomeia uma escolha de escala. */
+export function arranjoSemValor(utility) {
+    return ARRANJO_SEM_VALOR.some((re) => re.test(utility));
+}
 /**
  * O destino de UM token de classe. Exportado para o julgamento por valor e a triagem lerem a
  * MESMA resposta - duas cópias desta decisão é como o item 11 nasceu.
@@ -119,7 +150,7 @@ export function destinationOf(cls, declared, answered,
  */
 defined) {
     const { utility } = parseClass(cls);
-    if (STRUCTURAL_TOKENS.has(utility))
+    if (STRUCTURAL_TOKENS.has(utility) || arranjoSemValor(utility))
         return "structure";
     const read = readUtility(utility, declared);
     if (read) {

package/dist/install-marks.js

@@ -815,7 +815,7 @@ export const CHECKER_SINCE = "0.16.424";
  * deveriam estar lá. Quem tem censo gravado precisa de um `sync` para a fila de trabalho dele ser a
  * real; ver o livro-razão de `corpus.spec.ts`.
  */
-export const READER_SINCE = "0.16.439";
+export const READER_SINCE = "0.16.440";
 /**
  * O QUE ESTÁ INSTALADO AQUI FICOU PARA TRÁS - e as DUAS condições que fazem isso ser verdade.
  *

package/dist/report-html.js

@@ -93,7 +93,7 @@ ${layout()}
       <div class="bar-fim">
         <p class="meta">${escapar(quando)} &middot; CLI ${escapar(cabecalho.cli)} &middot; nothing left this machine</p>${input.comando
         ? `
-        <a class="comando topo" href="${INSTALL_URL}" target="_blank" rel="noreferrer">${escapar(input.comando)}<i aria-hidden="true">\u2192</i></a>`
+        <a class="botao" href="${INSTALL_URL}" target="_blank" rel="noreferrer">Open the install page</a>`
         : ""}
       </div>
     </div>
@@ -166,8 +166,8 @@ ${itens}
  * A ÚLTIMA COISA QUE ELA LÊ: a conta, e não mais um inventário.
  *
  * Um relatório que termina na décima sexta lista deixa a pessoa com o diagnóstico e sem o passo.
- * Este capítulo diz o que muda COM OS NÚMEROS DELA e entrega o comando ao lado - a mesma linha que
- * já está no topo, porque quem chegou até aqui não deveria ter que subir para achá-la.
+ * Este capítulo diz o que muda COM OS NÚMEROS DELA e entrega o comando ao lado, escrito por
+ * extenso - quem chegou até aqui decidiu, e não deveria voltar ao terminal para lembrar a linha.
  */
 function desenharMuda(linhas, comando) {
     if (linhas.length === 0)
@@ -516,7 +516,7 @@ body {
   justify-content: space-between;
 }
 
-/* O COMANDO NO TOPO, sem rolar: quem decidiu adotar no meio da leitura nao volta para procura-lo. */
+/* O COMANDO ESCRITO POR EXTENSO, no corpo: a linha para copiar, selecionavel de uma vez. */
 .comando {
   font-family: ${mono};
   font-size: 12px;
@@ -805,9 +805,12 @@ footer { margin-top: 40px; color: var(--ds-color-semantic-muted); font-size: 13p
   .lado { position: static; max-height: none; padding-bottom: 20px; }
 }
 
-/* O BOTAO: um alvo unico para quem leu a conta e decidiu, no topo direito do capitulo. Ele abre a
-   pagina publica de instalacao - e isso nao quebra o auto-contido, porque um endereco so e buscado
-   se a pessoa clicar. Os tres comandos seguem escritos aqui embaixo, para quem esta sem rede. */
+/* O BOTAO: um alvo unico para quem leu a conta e decidiu. Ele aparece em DOIS lugares - na barra
+   do topo, que nao rola, e no topo direito do capitulo de instalacao - e e o MESMO botao nos dois
+   (pedido dele, 19/09): na barra ele era um chip com cara de comando, e um comando com cara de
+   texto nao anuncia que leva a lugar nenhum. Abrir a pagina publica nao quebra o auto-contido,
+   porque um endereco so e buscado se a pessoa clicar. Os tres comandos seguem escritos na pagina,
+   por extenso, para quem esta sem rede. */
 .passos-topo {
   display: flex;
   align-items: center;
@@ -829,18 +832,6 @@ footer { margin-top: 40px; color: var(--ds-color-semantic-muted); font-size: 13p
 }
 .botao:hover { opacity: 0.9; }
 
-/* O COMANDO DO TOPO E' UM BOTAO: ele abre a pagina de instalacao, entao nao se comporta como
-   texto para selecionar - e a seta diz que leva a algum lugar antes de alguem descobrir clicando. */
-a.comando.topo {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  text-decoration: none;
-  user-select: none;
-}
-a.comando.topo i { font-style: normal; color: var(--ds-color-semantic-accent); }
-a.comando.topo:hover { border-color: var(--ds-color-semantic-accent); }
-
 /* AS DUAS PILHAS DO NAO LIDO, LADO A LADO: a comparacao e' o conteudo, entao elas nao se empilham
    enquanto houver largura - ler "isto me afeta" e "isto nao" em sequencia perde a comparacao. */
 .pilhas { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 4px; }

package/package.json

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