synthesisui 0.16.493 → 0.16.494

package/dist/install-marks.js

@@ -328,7 +328,7 @@
  * 0.16.492 -> 0.16.493 em 06/10, e o passo 1 dá **SIM** ("a galeria aprende", E02): o `init` declara as durações do
  * sistema no @theme (`--duration-fast`), e o blueprint as escreve pelo nome. Um componente escrito antes traz `100ms`.
  */
-export const MATERIALISER_SINCE = "0.16.493";
+export const MATERIALISER_SINCE = "0.16.494";
 /**
  * A ÚLTIMA VERSÃO EM QUE O QUE O HOOK RODA MUDOU.
  *

package/dist/their-tongue.js

@@ -1,3 +1,4 @@
+import { FAMILY_SEAM_PREFIX } from "./fonts.js";
 /** `var(--ds-x)` e `var(--ds-x, fallback)` - o que a folha compilada escreve. */
 const OUR_VAR = /var\(\s*(--ds-[a-zA-Z0-9_-]+)\s*(?:,([^()]*))?\)/g;
 /**
@@ -24,6 +25,30 @@ export function sumSpoken(reports) {
         left: [...left].sort(),
     };
 }
+/**
+ * A FAMÍLIA PASSA PELA FONTE QUE O `add` CARREGOU - ele, 14/10, no teste com um agente do zero: o template saía com
+ * `font-family: "Instrument Serif"`, e o `next/font` do `fonts.ts` registra a fonte com um nome interno dele. Os dois não
+ * se encontravam: o agente apagou o `fonts.ts` e trocou o layout por um `<link>` do Google.
+ *
+ * A variável é DELE - o `fonts.ts` que o `add` escreveu declara `variable: "--font-ds-<papel>"`, e o layout a põe no
+ * `<body>`. Com ela ligada, a seção usa a fonte que o `next/font` baixou; sem ela, cai no nome, como antes. Dois papéis
+ * com a mesma família viram UMA const no `fonts.ts` (a do primeiro), então a cadeia passa por todos os papéis que dividem
+ * a família: a variável que existir vence.
+ */
+const FAMILY = FAMILY_SEAM_PREFIX;
+const firstOf = (stack) => (stack.split(",")[0] ?? "").trim().replace(/^["']|["']$/g, "").toLowerCase();
+function viaNextFont(name, value, tongue) {
+    if (!name.startsWith(FAMILY))
+        return null;
+    const family = firstOf(value);
+    if (!family)
+        return null;
+    const roles = [name.slice(FAMILY.length)];
+    for (const [other, v] of tongue.values)
+        if (other !== name && other.startsWith(FAMILY) && firstOf(v) === family)
+            roles.push(other.slice(FAMILY.length));
+    return roles.reduceRight((inner, role) => `var(--font-ds-${role}, ${inner})`, value);
+}
 export function inTheirTongue(css, tongue, destination = "stylesheet") {
     let named = 0;
     let inlined = 0;
@@ -46,7 +71,8 @@ export function inTheirTongue(css, tongue, destination = "stylesheet") {
             inlined += 1;
             if (tongue.frozen.has(name))
                 froze += 1;
-            return write(value);
+            const font = destination === "stylesheet" ? viaNextFont(name, value, tongue) : null;
+            return write(font ?? value);
         }
         /**
          * O FALLBACK ESCRITO NA PRÓPRIA REFERÊNCIA É A ÚLTIMA RESPOSTA, e ela é do autor do texto.

package/package.json

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