synthesisui 0.16.307 → 0.16.308

package/dist/commands/import.js

@@ -19,7 +19,9 @@ import { keyframeOffsets, moduleImports, partialCandidates, readGlobalClasses, r
 import { dataContract } from "../doctor/data-contract.js";
 import { inherit, readDeclaredForms, } from "../doctor/declared-forms.js";
 import { reconcile, scanDefinitions, } from "../doctor/definitions-scan.js";
+import { accountExportsInto, emptyExportAccount, exportInvariantHolds, } from "../doctor/export-census.js";
 import { fragmentsOfSource, fragmentsOfStylesheet, judgeFragments, } from "../doctor/fragments.js";
+import { useFrameworkMajor } from "../doctor/framework-palette.js";
 import { describeConvention, describeRemainder, detectConventions, } from "../doctor/idiom.js";
 import { pageLaws } from "../doctor/page-laws.js";
 import { callSiteNode, placeLayers, } from "../doctor/place-layers.js";
@@ -51,6 +53,7 @@ import { repoStateOf } from "../repo-state.js";
 import { runtimeDeclaredVars, runtimeDeclaredVarsIn } from "../runtime-vars.js";
 import { detectStack, resolveDeps, stackVersions } from "../stack.js";
 import { wiredSlugs, wiringWarning } from "../wired-slugs.js";
+import { harvestWorkspaceCss } from "../workspace-css.js";
 import { placeInWorkspace } from "../workspace-place.js";
 import { add } from "./add.js";
 import { walk, walkAll } from "./doctor.js";
@@ -457,6 +460,16 @@ export async function takeCensus(root, opts) {
     const fragments = [];
     /** Arquivos de estilo que pertencem a componente admitido - o veredito do `css` sai daqui. */
     const admittedStyles = new Set();
+    /** O denominador de exports antes do portão - ver `export-census.ts` (item 13). */
+    const exportAccount = emptyExportAccount();
+    /**
+     * A VERSÃO DO FRAMEWORK, ANTES DA VARREDURA - a paleta publicada muda de língua na maior
+     * (v4 é oklch, v3 é hex), e o resolvedor é chamado fundo demais para receber mais um
+     * parâmetro. Hoisted de depois da varredura, onde só os signals a usavam.
+     */
+    const versions = await resolveDeps(root).catch(() => ({}));
+    useFrameworkMajor(Number.parseInt(/\d+/.exec(versions.tailwindcss ?? "")?.[0] ?? "", 10) ||
+        null);
     /** What the gate turned away, with the reason. Never dropped in silence. */
     const skips = [];
     // Kept for the reference check below, which needs every file at once: a name
@@ -469,6 +482,16 @@ export async function takeCensus(root, opts) {
         if (!declaredValues.has(m[1]))
             declaredValues.set(m[1], m[2].trim());
     }
+    /**
+     * O VOCABULÁRIO DO PACOTE AO LADO (item 19) - ver `workspace-css.ts`. Genérico por decisão do
+     * dono (25/08): qualquer pacote de WORKSPACE que o escopo importa, nunca `node_modules` e nunca
+     * um nome cravado. O escopo dele sempre vence (a trava é o `scopeDeclares`); no repositório
+     * real, 223 valores (37% do não-lido) vestiam variáveis declaradas um pacote ao lado.
+     */
+    const workspace = await harvestWorkspaceCss(root, (name) => declaredValues.has(name)).catch(() => ({ packages: [], declared: new Map() }));
+    for (const [name, value] of workspace.declared) {
+        declaredValues.set(name, value);
+    }
     /**
      * AS REGRAS DE CLASSE DAS FOLHAS GLOBAIS - ver `readGlobalClasses`. Uma regra que um
      * componente admitido veste é a receita dele; `claimed` guarda quais foram vestidas,
@@ -635,7 +658,14 @@ export async function takeCensus(root, opts) {
                 screensOf.set(m[1], at);
             }
             const found = [];
-            for (const d of scanDefinitions(rel, src)) {
+            const defs = scanDefinitions(rel, src);
+            /**
+             * O DENOMINADOR ANTES DO PORTÃO - ver `export-census.ts` (item 13). Todo nome que o scan
+             * produziu TEM destino (admitido ou recusado); o contador mede o que sobra fora do funil.
+             */
+            const openedNames = new Set(defs.map((d) => d.name));
+            accountExportsInto(exportAccount, rel, src, (n) => openedNames.has(n));
+            for (const d of defs) {
                 const verdict = gateComponent({
                     name: d.name,
                     file: rel,
@@ -1953,7 +1983,6 @@ export async function takeCensus(root, opts) {
      * versão (medido 16/08). `resolveDeps` sobe até a raiz do workspace e anda para os irmãos que os
      * `workspaces` declaram, que é onde recharts/chakra/mui realmente moram.
      */
-    const versions = await resolveDeps(root).catch(() => ({}));
     finishSignals(signals, importTally, versions);
     // Every name their CSS defines, from the same harvest the token table came
     // from - so a reference is judged against what actually exists, not against
@@ -1962,6 +1991,9 @@ export async function takeCensus(root, opts) {
     for (const m of css.matchAll(/(--[a-zA-Z0-9_-]+)\s*:/g)) {
         declaredNames.add(m[1]);
     }
+    /** O pacote ao lado também declara (item 19) - sem isto a ref dele viraria "quebrada". */
+    for (const name of workspace.declared.keys())
+        declaredNames.add(name);
     /**
      * E O QUE ELE DECLARA FORA DO CSS - ver `runtimeDeclaredVars`.
      *
@@ -2294,6 +2326,31 @@ export async function takeCensus(root, opts) {
                 },
             }
             : {}),
+        /**
+         * O DENOMINADOR ANTES DO PORTÃO - ver `export-census.ts` (item 13). Com ele, "o portão pega
+         * 100%" vira aritmética conferível: candidatos têm destino no gate, formas deliberadas têm
+         * contagem, e o resíduo tem LINHA. Mesmo padrão do `values`: a soma que não fecha não é
+         * emitida - censo sem o campo é mais honesto que campo errado.
+         */
+        ...(exportAccount.seen > 0 && exportInvariantHolds(exportAccount)
+            ? {
+                exports: {
+                    seen: exportAccount.seen,
+                    byForm: exportAccount.byForm,
+                    ...(exportAccount.unopened.length > 0
+                        ? { unopened: exportAccount.unopened.slice(0, 512) }
+                        : {}),
+                },
+            }
+            : {}),
+        /**
+         * DE ONDE VEIO O VOCABULÁRIO EMPRESTADO (item 19) - o pacote workspace e quantas variáveis
+         * ele doou. Viaja para a tela poder dizer "estes nomes moram em `@acme/ui`" em vez de o
+         * cliente procurar no escopo uma declaração que não está lá.
+         */
+        ...(workspace.packages.length > 0
+            ? { workspaceCss: { packages: workspace.packages } }
+            : {}),
         ...(architectures.length > 0
             ? {
                 architectures: architectures.slice(0, 6).map((a) => ({

package/dist/doctor/components-scan.js

@@ -434,6 +434,43 @@ export function tallyToInventory(tally, max = 80) {
         .sort((a, b) => b.files - a.files || b.count - a.count)
         .slice(0, max);
 }
+/**
+ * OS PACOTES DO WORKSPACE, com nome E pasta - a metade que `internalSpecifiers` jogava fora.
+ *
+ * A mesma caminhada (até 4 níveis acima, grupos `packages`/`libs`/`apps`), extraída para UMA
+ * fonte: o item 19 precisa da PASTA de cada pacote para colher o CSS dele, e uma segunda cópia
+ * da regra de descoberta é como duas descobertas começam a discordar.
+ */
+export async function workspacePackages(root) {
+    const out = new Map();
+    for (let up = 0, dir = root; up < 4; up++) {
+        for (const group of ["packages", "libs", "apps"]) {
+            for (const e of await readdir(join(dir, group), {
+                withFileTypes: true,
+            }).catch(() => [])) {
+                if (!e.isDirectory())
+                    continue;
+                const raw = await readFile(join(dir, group, e.name, "package.json"), "utf8").catch(() => null);
+                if (!raw)
+                    continue;
+                try {
+                    const name = JSON.parse(raw).name;
+                    if (typeof name === "string" && name && !out.has(name)) {
+                        out.set(name, join(dir, group, e.name));
+                    }
+                }
+                catch {
+                    // manifesto ilegível custa aquele pacote, nunca a descoberta
+                }
+            }
+        }
+        const parent = join(dir, "..");
+        if (parent === dir)
+            break;
+        dir = parent;
+    }
+    return [...out.entries()].map(([name, dir]) => ({ name, dir }));
+}
 /**
  * Specifier prefixes this workspace owns: the aliases its tsconfig declares and
  * the names of its sibling packages. Everything else that is not relative comes
@@ -459,29 +496,13 @@ export async function internalSpecifiers(root) {
                 // unreadable config costs the aliases, not the run
             }
         }
-        for (const group of ["packages", "libs", "apps"]) {
-            for (const e of await readdir(join(dir, group), {
-                withFileTypes: true,
-            }).catch(() => [])) {
-                if (!e.isDirectory())
-                    continue;
-                const raw = await readFile(join(dir, group, e.name, "package.json"), "utf8").catch(() => null);
-                if (!raw)
-                    continue;
-                try {
-                    const name = JSON.parse(raw).name;
-                    if (typeof name === "string" && name)
-                        out.add(name);
-                }
-                catch {
-                    // same
-                }
-            }
-        }
         const parent = join(dir, "..");
         if (parent === dir)
             break;
         dir = parent;
     }
+    /** Os nomes dos irmãos vêm da MESMA descoberta que o item 19 usa - uma fonte, nunca duas. */
+    for (const pkg of await workspacePackages(root))
+        out.add(pkg.name);
     return [...out];
 }

package/dist/doctor/export-census.js

@@ -0,0 +1,111 @@
+/** `export function X` / `export const x =` / `export default class X` - o nome inline. */
+const NAMED = /export\s+(?:default\s+)?(?:abstract\s+)?(?:async\s+)?(?:function\s*\*?|class|const|let|var|enum)\s+([A-Za-z_$][\w$]*)/g;
+/** `export type X` / `export interface X` - vocabulário, não peça. */
+const TYPE_EXPORT = /export\s+(?:type|interface)\s+[A-Za-z_$]/g;
+/** `export { A, B } from "x"` e `export * from "x"` - repasse. */
+const RE_EXPORT = /export\s*(?:\*|\{[^}]*\})\s*from\s*["']/g;
+/** `export { A, B }` SEM from - nomes declarados neste arquivo, exportados em lista. */
+const LIST_EXPORT = /export\s*\{([^}]*)\}(?!\s*from)/g;
+/** `export default (…)=>` / `export default function (` / objeto/literal - sem nome legível. */
+const ANONYMOUS_DEFAULT = /export\s+default\s+(?:(?:React\.)?(?:memo|forwardRef)\s*\(\s*)*(?:async\s+)?(?:\(|function\s*\(|\{|\[|`|['"\d])/g;
+/** `export default Name;` - com nome; o funil decide se é definição ou repasse. */
+const NAMED_DEFAULT = /export\s+default\s+(?:(?:React\.)?(?:memo|forwardRef)\s*\(\s*)*([A-Za-z_$][\w$]*)\s*[;)\n]/g;
+/** O nome é construído NESTE arquivo? - a mesma pergunta do scanner de definições. */
+function declaresName(source, name) {
+    const escaped = name.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    return new RegExp(`(?:^|\\n)\\s*(?:export\\s+)?(?:default\\s+)?(?:async\\s+)?(?:function|class|const|let|var)\\s+${escaped}\\b`).test(source);
+}
+const count = (account, form) => {
+    account.seen += 1;
+    account.byForm[form] = (account.byForm[form] ?? 0) + 1;
+};
+/**
+ * Conta os exports de UM arquivo de componente, contra o que o funil abriu dele.
+ *
+ * `opened` responde se um nome virou candidato (admitido OU recusado - os dois são destino).
+ * Muta `account` em vez de devolver, porque a soma do censo é a soma dos arquivos e um merge de
+ * records a cada arquivo é custo quadrático num monorepo de 966.
+ */
+export function accountExportsInto(account, file, source, opened) {
+    if (!/\.(tsx|jsx|vue|svelte)$/i.test(file))
+        return;
+    const push = (line) => {
+        /** Teto por censo, aplicado por quem monta - aqui só não duplica dentro do arquivo. */
+        if (!account.unopened.some((u) => u.file === line.file && u.name === line.name)) {
+            account.unopened.push(line);
+        }
+    };
+    NAMED.lastIndex = 0;
+    for (const m of source.matchAll(NAMED)) {
+        const name = m[1];
+        if (!/^[A-Z]/.test(name)) {
+            count(account, "helper");
+            continue;
+        }
+        if (opened(name)) {
+            count(account, "candidate");
+            continue;
+        }
+        count(account, "unopened");
+        push({ file, name, form: "unopened" });
+    }
+    TYPE_EXPORT.lastIndex = 0;
+    for (const _ of source.matchAll(TYPE_EXPORT))
+        count(account, "type");
+    RE_EXPORT.lastIndex = 0;
+    for (const _ of source.matchAll(RE_EXPORT))
+        count(account, "re-export");
+    LIST_EXPORT.lastIndex = 0;
+    for (const m of source.matchAll(LIST_EXPORT)) {
+        for (const raw of m[1].split(",")) {
+            /** `Card as default` conta pelo nome local; o scanner de definições já lê essa grafia. */
+            const name = raw
+                .trim()
+                .split(/\s+as\s+/)[0]
+                ?.trim();
+            if (!name || !/^[A-Za-z_$]/.test(name))
+                continue;
+            if (!/^[A-Z]/.test(name)) {
+                count(account, "helper");
+                continue;
+            }
+            if (!declaresName(source, name)) {
+                count(account, "re-export");
+                continue;
+            }
+            if (opened(name)) {
+                count(account, "candidate");
+                continue;
+            }
+            count(account, "export-list");
+            push({ file, name, form: "export-list" });
+        }
+    }
+    ANONYMOUS_DEFAULT.lastIndex = 0;
+    for (const _ of source.matchAll(ANONYMOUS_DEFAULT)) {
+        count(account, "anonymous-default");
+        push({ file, form: "anonymous-default" });
+    }
+    NAMED_DEFAULT.lastIndex = 0;
+    for (const m of source.matchAll(NAMED_DEFAULT)) {
+        const name = m[1];
+        if (!declaresName(source, name)) {
+            count(account, "re-export");
+            continue;
+        }
+        /** Declarado aqui: ou o funil o abriu (candidato), ou é resíduo com linha. */
+        if (opened(name)) {
+            count(account, "candidate");
+            continue;
+        }
+        count(account, "unopened");
+        push({ file, name, form: "unopened" });
+    }
+}
+export function emptyExportAccount() {
+    return { seen: 0, byForm: {}, unopened: [] };
+}
+/** A invariante do denominador: toda contagem por forma soma o total visto. */
+export function exportInvariantHolds(account) {
+    return (Object.values(account.byForm).reduce((a, b) => a + b, 0) === account.seen);
+}

package/dist/doctor/form-identity.js

@@ -0,0 +1,75 @@
+/**
+ * A IDENTIDADE DA FORMA (item 12, 25/08) - a unidade de uma pergunta de self-healing.
+ *
+ * `FragmentShape` tem 7 valores e é grosso demais: o balde `css` lê 42% no frontend-hub e 0% no
+ * codelevel - o MESMO nome com leitores opostos. E texto distinto é fino demais: 10 825 usos do
+ * frontend-hub viram 140 textos, mas cada texto ainda é uma pergunta. A granularidade que decide
+ * é a FORMA - o texto com os valores abstraídos:
+ *
+ *     body { -webkit-font-smoothing: antialiased }   ->  -webkit-font-smoothing: <keyword>
+ *     background: linear-gradient(90deg, #a, #b)     ->  background: <gradient>
+ *     hover:-translate-y-px · -translate-y-px        ->  -translate-y-px        (uma forma)
+ *     text-rose-700 · text-amber-300                 ->  text-<word>-<n>        (uma forma)
+ *
+ * Medido no diagnóstico: 18 473 declarações das 706 folhas do app inteiro comprimem para 194
+ * formas - DEZENAS, não milhares. Uma resposta dele (D2) responde a FORMA, não o texto: quem
+ * ensina a ler `text-<word>-<n>` ensinou as centenas de uma vez.
+ */
+/** O tipo de UM valor de CSS, abstraído - a escada é determinística e a ordem importa. */
+function kindOfValue(raw) {
+    const value = raw.trim();
+    if (/gradient\s*\(/i.test(value))
+        return "<gradient>";
+    if (/^var\(\s*--[\w-]+\s*\)$/i.test(value))
+        return "<var>";
+    if (/^#[0-9a-f]{3,8}$/i.test(value))
+        return "<color>";
+    if (/^(?:rgba?|hsla?|oklch|oklab|lab|lch|color|color-mix)\s*\(/i.test(value))
+        return "<color>";
+    if (/url\s*\(/i.test(value))
+        return "<url>";
+    if (/^calc\s*\(/i.test(value))
+        return "<calc>";
+    if (/^-?[\d.]+(?:px|rem|em|%|s|ms|vh|vw|vmin|vmax|fr|ch|ex|pt)$/i.test(value))
+        return "<length>";
+    if (/^-?[\d.]+$/.test(value))
+        return "<number>";
+    if (/^[a-z][a-z-]*$/i.test(value))
+        return "<keyword>";
+    /** Sombra, transição, pilha de fonte - vários valores numa declaração só. */
+    return "<composite>";
+}
+/**
+ * UM token utilitário, com os valores abstraídos: dígitos viram `<n>`, frações `<n>/<n>`,
+ * hex `<hex>`, valor arbitrário `[…]` - e os MODIFICADORES saem, porque `hover:-translate-y-px`
+ * e `-translate-y-px` são a mesma lacuna de leitura.
+ */
+function classForm(token) {
+    const utility = token.split(":").pop() ?? token;
+    return utility
+        .replace(/\[[^\]]*\]/g, "[…]")
+        .replace(/#[0-9a-f]{3,8}/gi, "<hex>")
+        .replace(/(\d+)\/(\d+)/g, "<n>/<n>")
+        .replace(/\/(\d+)/g, "/<n>")
+        .replace(/\d+(?:\.\d+)?/g, "<n>")
+        .replace(/(?<=-)[a-z]+(?=-<n>(?:\/<n>)?$)/, "<word>");
+}
+/** `sel { prop: value; … }` ou `prop: value` - a primeira declaração nomeia a forma. */
+const DECLARATION = /(-{0,2}[a-zA-Z][\w-]*)\s*:\s*([^;{}]+)/;
+/**
+ * A forma de UM fragmento não lido. Determinística, derivada só do texto - a mesma regra do
+ * backfill do D3: nada aqui é chute, e um texto que não abre vira a forma `<opaque>`, dita.
+ */
+export function formOf(shape, text) {
+    const clean = text.replace(/\s+/g, " ").trim();
+    if (shape === "class" || shape === "template") {
+        const forms = [
+            ...new Set(clean.split(/\s+/).filter(Boolean).map(classForm)),
+        ];
+        return forms.slice(0, 4).join(" ") || "<opaque>";
+    }
+    const declaration = DECLARATION.exec(clean);
+    if (!declaration)
+        return "<opaque>";
+    return `${declaration[1]}: ${kindOfValue(declaration[2])}`;
+}

package/dist/doctor/framework-palette.js

@@ -0,0 +1,569 @@
+/**
+ * A TABELA DA PALETA DO FRAMEWORK (item 18, 25/08) - por VERSÃO MAIOR, porque as duas publicam
+ * valores diferentes: a v4 fala oklch e a v3 fala hex. Um único mapa daria a cor errada para
+ * metade dos clientes.
+ *
+ * OS VALORES SÃO EXTRAÍDOS, NUNCA DIGITADOS: a v4 saiu do `theme.css` do tailwindcss@4.2.1 e a
+ * v3 do `colors.js` do tailwindcss@3.4.17, os pacotes publicados - um dígito errado aqui é uma
+ * cor errada calada na tela de alguém. Se precisar regenerar, extraia de novo do pacote.
+ *
+ * POR QUE LER A PALETA NÃO É INVENTAR (a mesma tese da tabela zinc/blue que existia antes):
+ * `text-rose-700` no código dele é uma decisão dele sobre um valor PUBLICADO - ler a tabela é
+ * aritmética. O que o D1 exige é o carimbo: todo valor resolvido aqui sai com
+ * `from: "framework"`, então a métrica sabe que não é vocabulário DELE, o self-healing pode
+ * perguntar se ele quer nomear, e NADA disto vira token sozinho.
+ *
+ * Medido no diagnóstico: 127 valores (21%%) morriam sem esta tabela - 33%% do codelevel, 6%% do
+ * frontend-hub.
+ */
+const V4 = {
+    "red-50": "oklch(97.1% 0.013 17.38)",
+    "red-100": "oklch(93.6% 0.032 17.717)",
+    "red-200": "oklch(88.5% 0.062 18.334)",
+    "red-300": "oklch(80.8% 0.114 19.571)",
+    "red-400": "oklch(70.4% 0.191 22.216)",
+    "red-500": "oklch(63.7% 0.237 25.331)",
+    "red-600": "oklch(57.7% 0.245 27.325)",
+    "red-700": "oklch(50.5% 0.213 27.518)",
+    "red-800": "oklch(44.4% 0.177 26.899)",
+    "red-900": "oklch(39.6% 0.141 25.723)",
+    "red-950": "oklch(25.8% 0.092 26.042)",
+    "orange-50": "oklch(98% 0.016 73.684)",
+    "orange-100": "oklch(95.4% 0.038 75.164)",
+    "orange-200": "oklch(90.1% 0.076 70.697)",
+    "orange-300": "oklch(83.7% 0.128 66.29)",
+    "orange-400": "oklch(75% 0.183 55.934)",
+    "orange-500": "oklch(70.5% 0.213 47.604)",
+    "orange-600": "oklch(64.6% 0.222 41.116)",
+    "orange-700": "oklch(55.3% 0.195 38.402)",
+    "orange-800": "oklch(47% 0.157 37.304)",
+    "orange-900": "oklch(40.8% 0.123 38.172)",
+    "orange-950": "oklch(26.6% 0.079 36.259)",
+    "amber-50": "oklch(98.7% 0.022 95.277)",
+    "amber-100": "oklch(96.2% 0.059 95.617)",
+    "amber-200": "oklch(92.4% 0.12 95.746)",
+    "amber-300": "oklch(87.9% 0.169 91.605)",
+    "amber-400": "oklch(82.8% 0.189 84.429)",
+    "amber-500": "oklch(76.9% 0.188 70.08)",
+    "amber-600": "oklch(66.6% 0.179 58.318)",
+    "amber-700": "oklch(55.5% 0.163 48.998)",
+    "amber-800": "oklch(47.3% 0.137 46.201)",
+    "amber-900": "oklch(41.4% 0.112 45.904)",
+    "amber-950": "oklch(27.9% 0.077 45.635)",
+    "yellow-50": "oklch(98.7% 0.026 102.212)",
+    "yellow-100": "oklch(97.3% 0.071 103.193)",
+    "yellow-200": "oklch(94.5% 0.129 101.54)",
+    "yellow-300": "oklch(90.5% 0.182 98.111)",
+    "yellow-400": "oklch(85.2% 0.199 91.936)",
+    "yellow-500": "oklch(79.5% 0.184 86.047)",
+    "yellow-600": "oklch(68.1% 0.162 75.834)",
+    "yellow-700": "oklch(55.4% 0.135 66.442)",
+    "yellow-800": "oklch(47.6% 0.114 61.907)",
+    "yellow-900": "oklch(42.1% 0.095 57.708)",
+    "yellow-950": "oklch(28.6% 0.066 53.813)",
+    "lime-50": "oklch(98.6% 0.031 120.757)",
+    "lime-100": "oklch(96.7% 0.067 122.328)",
+    "lime-200": "oklch(93.8% 0.127 124.321)",
+    "lime-300": "oklch(89.7% 0.196 126.665)",
+    "lime-400": "oklch(84.1% 0.238 128.85)",
+    "lime-500": "oklch(76.8% 0.233 130.85)",
+    "lime-600": "oklch(64.8% 0.2 131.684)",
+    "lime-700": "oklch(53.2% 0.157 131.589)",
+    "lime-800": "oklch(45.3% 0.124 130.933)",
+    "lime-900": "oklch(40.5% 0.101 131.063)",
+    "lime-950": "oklch(27.4% 0.072 132.109)",
+    "green-50": "oklch(98.2% 0.018 155.826)",
+    "green-100": "oklch(96.2% 0.044 156.743)",
+    "green-200": "oklch(92.5% 0.084 155.995)",
+    "green-300": "oklch(87.1% 0.15 154.449)",
+    "green-400": "oklch(79.2% 0.209 151.711)",
+    "green-500": "oklch(72.3% 0.219 149.579)",
+    "green-600": "oklch(62.7% 0.194 149.214)",
+    "green-700": "oklch(52.7% 0.154 150.069)",
+    "green-800": "oklch(44.8% 0.119 151.328)",
+    "green-900": "oklch(39.3% 0.095 152.535)",
+    "green-950": "oklch(26.6% 0.065 152.934)",
+    "emerald-50": "oklch(97.9% 0.021 166.113)",
+    "emerald-100": "oklch(95% 0.052 163.051)",
+    "emerald-200": "oklch(90.5% 0.093 164.15)",
+    "emerald-300": "oklch(84.5% 0.143 164.978)",
+    "emerald-400": "oklch(76.5% 0.177 163.223)",
+    "emerald-500": "oklch(69.6% 0.17 162.48)",
+    "emerald-600": "oklch(59.6% 0.145 163.225)",
+    "emerald-700": "oklch(50.8% 0.118 165.612)",
+    "emerald-800": "oklch(43.2% 0.095 166.913)",
+    "emerald-900": "oklch(37.8% 0.077 168.94)",
+    "emerald-950": "oklch(26.2% 0.051 172.552)",
+    "teal-50": "oklch(98.4% 0.014 180.72)",
+    "teal-100": "oklch(95.3% 0.051 180.801)",
+    "teal-200": "oklch(91% 0.096 180.426)",
+    "teal-300": "oklch(85.5% 0.138 181.071)",
+    "teal-400": "oklch(77.7% 0.152 181.912)",
+    "teal-500": "oklch(70.4% 0.14 182.503)",
+    "teal-600": "oklch(60% 0.118 184.704)",
+    "teal-700": "oklch(51.1% 0.096 186.391)",
+    "teal-800": "oklch(43.7% 0.078 188.216)",
+    "teal-900": "oklch(38.6% 0.063 188.416)",
+    "teal-950": "oklch(27.7% 0.046 192.524)",
+    "cyan-50": "oklch(98.4% 0.019 200.873)",
+    "cyan-100": "oklch(95.6% 0.045 203.388)",
+    "cyan-200": "oklch(91.7% 0.08 205.041)",
+    "cyan-300": "oklch(86.5% 0.127 207.078)",
+    "cyan-400": "oklch(78.9% 0.154 211.53)",
+    "cyan-500": "oklch(71.5% 0.143 215.221)",
+    "cyan-600": "oklch(60.9% 0.126 221.723)",
+    "cyan-700": "oklch(52% 0.105 223.128)",
+    "cyan-800": "oklch(45% 0.085 224.283)",
+    "cyan-900": "oklch(39.8% 0.07 227.392)",
+    "cyan-950": "oklch(30.2% 0.056 229.695)",
+    "sky-50": "oklch(97.7% 0.013 236.62)",
+    "sky-100": "oklch(95.1% 0.026 236.824)",
+    "sky-200": "oklch(90.1% 0.058 230.902)",
+    "sky-300": "oklch(82.8% 0.111 230.318)",
+    "sky-400": "oklch(74.6% 0.16 232.661)",
+    "sky-500": "oklch(68.5% 0.169 237.323)",
+    "sky-600": "oklch(58.8% 0.158 241.966)",
+    "sky-700": "oklch(50% 0.134 242.749)",
+    "sky-800": "oklch(44.3% 0.11 240.79)",
+    "sky-900": "oklch(39.1% 0.09 240.876)",
+    "sky-950": "oklch(29.3% 0.066 243.157)",
+    "blue-50": "oklch(97% 0.014 254.604)",
+    "blue-100": "oklch(93.2% 0.032 255.585)",
+    "blue-200": "oklch(88.2% 0.059 254.128)",
+    "blue-300": "oklch(80.9% 0.105 251.813)",
+    "blue-400": "oklch(70.7% 0.165 254.624)",
+    "blue-500": "oklch(62.3% 0.214 259.815)",
+    "blue-600": "oklch(54.6% 0.245 262.881)",
+    "blue-700": "oklch(48.8% 0.243 264.376)",
+    "blue-800": "oklch(42.4% 0.199 265.638)",
+    "blue-900": "oklch(37.9% 0.146 265.522)",
+    "blue-950": "oklch(28.2% 0.091 267.935)",
+    "indigo-50": "oklch(96.2% 0.018 272.314)",
+    "indigo-100": "oklch(93% 0.034 272.788)",
+    "indigo-200": "oklch(87% 0.065 274.039)",
+    "indigo-300": "oklch(78.5% 0.115 274.713)",
+    "indigo-400": "oklch(67.3% 0.182 276.935)",
+    "indigo-500": "oklch(58.5% 0.233 277.117)",
+    "indigo-600": "oklch(51.1% 0.262 276.966)",
+    "indigo-700": "oklch(45.7% 0.24 277.023)",
+    "indigo-800": "oklch(39.8% 0.195 277.366)",
+    "indigo-900": "oklch(35.9% 0.144 278.697)",
+    "indigo-950": "oklch(25.7% 0.09 281.288)",
+    "violet-50": "oklch(96.9% 0.016 293.756)",
+    "violet-100": "oklch(94.3% 0.029 294.588)",
+    "violet-200": "oklch(89.4% 0.057 293.283)",
+    "violet-300": "oklch(81.1% 0.111 293.571)",
+    "violet-400": "oklch(70.2% 0.183 293.541)",
+    "violet-500": "oklch(60.6% 0.25 292.717)",
+    "violet-600": "oklch(54.1% 0.281 293.009)",
+    "violet-700": "oklch(49.1% 0.27 292.581)",
+    "violet-800": "oklch(43.2% 0.232 292.759)",
+    "violet-900": "oklch(38% 0.189 293.745)",
+    "violet-950": "oklch(28.3% 0.141 291.089)",
+    "purple-50": "oklch(97.7% 0.014 308.299)",
+    "purple-100": "oklch(94.6% 0.033 307.174)",
+    "purple-200": "oklch(90.2% 0.063 306.703)",
+    "purple-300": "oklch(82.7% 0.119 306.383)",
+    "purple-400": "oklch(71.4% 0.203 305.504)",
+    "purple-500": "oklch(62.7% 0.265 303.9)",
+    "purple-600": "oklch(55.8% 0.288 302.321)",
+    "purple-700": "oklch(49.6% 0.265 301.924)",
+    "purple-800": "oklch(43.8% 0.218 303.724)",
+    "purple-900": "oklch(38.1% 0.176 304.987)",
+    "purple-950": "oklch(29.1% 0.149 302.717)",
+    "fuchsia-50": "oklch(97.7% 0.017 320.058)",
+    "fuchsia-100": "oklch(95.2% 0.037 318.852)",
+    "fuchsia-200": "oklch(90.3% 0.076 319.62)",
+    "fuchsia-300": "oklch(83.3% 0.145 321.434)",
+    "fuchsia-400": "oklch(74% 0.238 322.16)",
+    "fuchsia-500": "oklch(66.7% 0.295 322.15)",
+    "fuchsia-600": "oklch(59.1% 0.293 322.896)",
+    "fuchsia-700": "oklch(51.8% 0.253 323.949)",
+    "fuchsia-800": "oklch(45.2% 0.211 324.591)",
+    "fuchsia-900": "oklch(40.1% 0.17 325.612)",
+    "fuchsia-950": "oklch(29.3% 0.136 325.661)",
+    "pink-50": "oklch(97.1% 0.014 343.198)",
+    "pink-100": "oklch(94.8% 0.028 342.258)",
+    "pink-200": "oklch(89.9% 0.061 343.231)",
+    "pink-300": "oklch(82.3% 0.12 346.018)",
+    "pink-400": "oklch(71.8% 0.202 349.761)",
+    "pink-500": "oklch(65.6% 0.241 354.308)",
+    "pink-600": "oklch(59.2% 0.249 0.584)",
+    "pink-700": "oklch(52.5% 0.223 3.958)",
+    "pink-800": "oklch(45.9% 0.187 3.815)",
+    "pink-900": "oklch(40.8% 0.153 2.432)",
+    "pink-950": "oklch(28.4% 0.109 3.907)",
+    "rose-50": "oklch(96.9% 0.015 12.422)",
+    "rose-100": "oklch(94.1% 0.03 12.58)",
+    "rose-200": "oklch(89.2% 0.058 10.001)",
+    "rose-300": "oklch(81% 0.117 11.638)",
+    "rose-400": "oklch(71.2% 0.194 13.428)",
+    "rose-500": "oklch(64.5% 0.246 16.439)",
+    "rose-600": "oklch(58.6% 0.253 17.585)",
+    "rose-700": "oklch(51.4% 0.222 16.935)",
+    "rose-800": "oklch(45.5% 0.188 13.697)",
+    "rose-900": "oklch(41% 0.159 10.272)",
+    "rose-950": "oklch(27.1% 0.105 12.094)",
+    "slate-50": "oklch(98.4% 0.003 247.858)",
+    "slate-100": "oklch(96.8% 0.007 247.896)",
+    "slate-200": "oklch(92.9% 0.013 255.508)",
+    "slate-300": "oklch(86.9% 0.022 252.894)",
+    "slate-400": "oklch(70.4% 0.04 256.788)",
+    "slate-500": "oklch(55.4% 0.046 257.417)",
+    "slate-600": "oklch(44.6% 0.043 257.281)",
+    "slate-700": "oklch(37.2% 0.044 257.287)",
+    "slate-800": "oklch(27.9% 0.041 260.031)",
+    "slate-900": "oklch(20.8% 0.042 265.755)",
+    "slate-950": "oklch(12.9% 0.042 264.695)",
+    "gray-50": "oklch(98.5% 0.002 247.839)",
+    "gray-100": "oklch(96.7% 0.003 264.542)",
+    "gray-200": "oklch(92.8% 0.006 264.531)",
+    "gray-300": "oklch(87.2% 0.01 258.338)",
+    "gray-400": "oklch(70.7% 0.022 261.325)",
+    "gray-500": "oklch(55.1% 0.027 264.364)",
+    "gray-600": "oklch(44.6% 0.03 256.802)",
+    "gray-700": "oklch(37.3% 0.034 259.733)",
+    "gray-800": "oklch(27.8% 0.033 256.848)",
+    "gray-900": "oklch(21% 0.034 264.665)",
+    "gray-950": "oklch(13% 0.028 261.692)",
+    "zinc-50": "oklch(98.5% 0 0)",
+    "zinc-100": "oklch(96.7% 0.001 286.375)",
+    "zinc-200": "oklch(92% 0.004 286.32)",
+    "zinc-300": "oklch(87.1% 0.006 286.286)",
+    "zinc-400": "oklch(70.5% 0.015 286.067)",
+    "zinc-500": "oklch(55.2% 0.016 285.938)",
+    "zinc-600": "oklch(44.2% 0.017 285.786)",
+    "zinc-700": "oklch(37% 0.013 285.805)",
+    "zinc-800": "oklch(27.4% 0.006 286.033)",
+    "zinc-900": "oklch(21% 0.006 285.885)",
+    "zinc-950": "oklch(14.1% 0.005 285.823)",
+    "neutral-50": "oklch(98.5% 0 0)",
+    "neutral-100": "oklch(97% 0 0)",
+    "neutral-200": "oklch(92.2% 0 0)",
+    "neutral-300": "oklch(87% 0 0)",
+    "neutral-400": "oklch(70.8% 0 0)",
+    "neutral-500": "oklch(55.6% 0 0)",
+    "neutral-600": "oklch(43.9% 0 0)",
+    "neutral-700": "oklch(37.1% 0 0)",
+    "neutral-800": "oklch(26.9% 0 0)",
+    "neutral-900": "oklch(20.5% 0 0)",
+    "neutral-950": "oklch(14.5% 0 0)",
+    "stone-50": "oklch(98.5% 0.001 106.423)",
+    "stone-100": "oklch(97% 0.001 106.424)",
+    "stone-200": "oklch(92.3% 0.003 48.717)",
+    "stone-300": "oklch(86.9% 0.005 56.366)",
+    "stone-400": "oklch(70.9% 0.01 56.259)",
+    "stone-500": "oklch(55.3% 0.013 58.071)",
+    "stone-600": "oklch(44.4% 0.011 73.639)",
+    "stone-700": "oklch(37.4% 0.01 67.558)",
+    "stone-800": "oklch(26.8% 0.007 34.298)",
+    "stone-900": "oklch(21.6% 0.006 56.043)",
+    "stone-950": "oklch(14.7% 0.004 49.25)",
+    "mauve-50": "oklch(98.5% 0 0)",
+    "mauve-100": "oklch(96% 0.003 325.6)",
+    "mauve-200": "oklch(92.2% 0.005 325.62)",
+    "mauve-300": "oklch(86.5% 0.012 325.68)",
+    "mauve-400": "oklch(71.1% 0.019 323.02)",
+    "mauve-500": "oklch(54.2% 0.034 322.5)",
+    "mauve-600": "oklch(43.5% 0.029 321.78)",
+    "mauve-700": "oklch(36.4% 0.029 323.89)",
+    "mauve-800": "oklch(26.3% 0.024 320.12)",
+    "mauve-900": "oklch(21.2% 0.019 322.12)",
+    "mauve-950": "oklch(14.5% 0.008 326)",
+    "olive-50": "oklch(98.8% 0.003 106.5)",
+    "olive-100": "oklch(96.6% 0.005 106.5)",
+    "olive-200": "oklch(93% 0.007 106.5)",
+    "olive-300": "oklch(88% 0.011 106.6)",
+    "olive-400": "oklch(73.7% 0.021 106.9)",
+    "olive-500": "oklch(58% 0.031 107.3)",
+    "olive-600": "oklch(46.6% 0.025 107.3)",
+    "olive-700": "oklch(39.4% 0.023 107.4)",
+    "olive-800": "oklch(28.6% 0.016 107.4)",
+    "olive-900": "oklch(22.8% 0.013 107.4)",
+    "olive-950": "oklch(15.3% 0.006 107.1)",
+    "mist-50": "oklch(98.7% 0.002 197.1)",
+    "mist-100": "oklch(96.3% 0.002 197.1)",
+    "mist-200": "oklch(92.5% 0.005 214.3)",
+    "mist-300": "oklch(87.2% 0.007 219.6)",
+    "mist-400": "oklch(72.3% 0.014 214.4)",
+    "mist-500": "oklch(56% 0.021 213.5)",
+    "mist-600": "oklch(45% 0.017 213.2)",
+    "mist-700": "oklch(37.8% 0.015 216)",
+    "mist-800": "oklch(27.5% 0.011 216.9)",
+    "mist-900": "oklch(21.8% 0.008 223.9)",
+    "mist-950": "oklch(14.8% 0.004 228.8)",
+    "taupe-50": "oklch(98.6% 0.002 67.8)",
+    "taupe-100": "oklch(96% 0.002 17.2)",
+    "taupe-200": "oklch(92.2% 0.005 34.3)",
+    "taupe-300": "oklch(86.8% 0.007 39.5)",
+    "taupe-400": "oklch(71.4% 0.014 41.2)",
+    "taupe-500": "oklch(54.7% 0.021 43.1)",
+    "taupe-600": "oklch(43.8% 0.017 39.3)",
+    "taupe-700": "oklch(36.7% 0.016 35.7)",
+    "taupe-800": "oklch(26.8% 0.011 36.5)",
+    "taupe-900": "oklch(21.4% 0.009 43.1)",
+    "taupe-950": "oklch(14.7% 0.004 49.3)",
+};
+const V3 = {
+    "slate-50": "#f8fafc",
+    "slate-100": "#f1f5f9",
+    "slate-200": "#e2e8f0",
+    "slate-300": "#cbd5e1",
+    "slate-400": "#94a3b8",
+    "slate-500": "#64748b",
+    "slate-600": "#475569",
+    "slate-700": "#334155",
+    "slate-800": "#1e293b",
+    "slate-900": "#0f172a",
+    "slate-950": "#020617",
+    "gray-50": "#f9fafb",
+    "gray-100": "#f3f4f6",
+    "gray-200": "#e5e7eb",
+    "gray-300": "#d1d5db",
+    "gray-400": "#9ca3af",
+    "gray-500": "#6b7280",
+    "gray-600": "#4b5563",
+    "gray-700": "#374151",
+    "gray-800": "#1f2937",
+    "gray-900": "#111827",
+    "gray-950": "#030712",
+    "zinc-50": "#fafafa",
+    "zinc-100": "#f4f4f5",
+    "zinc-200": "#e4e4e7",
+    "zinc-300": "#d4d4d8",
+    "zinc-400": "#a1a1aa",
+    "zinc-500": "#71717a",
+    "zinc-600": "#52525b",
+    "zinc-700": "#3f3f46",
+    "zinc-800": "#27272a",
+    "zinc-900": "#18181b",
+    "zinc-950": "#09090b",
+    "neutral-50": "#fafafa",
+    "neutral-100": "#f5f5f5",
+    "neutral-200": "#e5e5e5",
+    "neutral-300": "#d4d4d4",
+    "neutral-400": "#a3a3a3",
+    "neutral-500": "#737373",
+    "neutral-600": "#525252",
+    "neutral-700": "#404040",
+    "neutral-800": "#262626",
+    "neutral-900": "#171717",
+    "neutral-950": "#0a0a0a",
+    "stone-50": "#fafaf9",
+    "stone-100": "#f5f5f4",
+    "stone-200": "#e7e5e4",
+    "stone-300": "#d6d3d1",
+    "stone-400": "#a8a29e",
+    "stone-500": "#78716c",
+    "stone-600": "#57534e",
+    "stone-700": "#44403c",
+    "stone-800": "#292524",
+    "stone-900": "#1c1917",
+    "stone-950": "#0c0a09",
+    "red-50": "#fef2f2",
+    "red-100": "#fee2e2",
+    "red-200": "#fecaca",
+    "red-300": "#fca5a5",
+    "red-400": "#f87171",
+    "red-500": "#ef4444",
+    "red-600": "#dc2626",
+    "red-700": "#b91c1c",
+    "red-800": "#991b1b",
+    "red-900": "#7f1d1d",
+    "red-950": "#450a0a",
+    "orange-50": "#fff7ed",
+    "orange-100": "#ffedd5",
+    "orange-200": "#fed7aa",
+    "orange-300": "#fdba74",
+    "orange-400": "#fb923c",
+    "orange-500": "#f97316",
+    "orange-600": "#ea580c",
+    "orange-700": "#c2410c",
+    "orange-800": "#9a3412",
+    "orange-900": "#7c2d12",
+    "orange-950": "#431407",
+    "amber-50": "#fffbeb",
+    "amber-100": "#fef3c7",
+    "amber-200": "#fde68a",
+    "amber-300": "#fcd34d",
+    "amber-400": "#fbbf24",
+    "amber-500": "#f59e0b",
+    "amber-600": "#d97706",
+    "amber-700": "#b45309",
+    "amber-800": "#92400e",
+    "amber-900": "#78350f",
+    "amber-950": "#451a03",
+    "yellow-50": "#fefce8",
+    "yellow-100": "#fef9c3",
+    "yellow-200": "#fef08a",
+    "yellow-300": "#fde047",
+    "yellow-400": "#facc15",
+    "yellow-500": "#eab308",
+    "yellow-600": "#ca8a04",
+    "yellow-700": "#a16207",
+    "yellow-800": "#854d0e",
+    "yellow-900": "#713f12",
+    "yellow-950": "#422006",
+    "lime-50": "#f7fee7",
+    "lime-100": "#ecfccb",
+    "lime-200": "#d9f99d",
+    "lime-300": "#bef264",
+    "lime-400": "#a3e635",
+    "lime-500": "#84cc16",
+    "lime-600": "#65a30d",
+    "lime-700": "#4d7c0f",
+    "lime-800": "#3f6212",
+    "lime-900": "#365314",
+    "lime-950": "#1a2e05",
+    "green-50": "#f0fdf4",
+    "green-100": "#dcfce7",
+    "green-200": "#bbf7d0",
+    "green-300": "#86efac",
+    "green-400": "#4ade80",
+    "green-500": "#22c55e",
+    "green-600": "#16a34a",
+    "green-700": "#15803d",
+    "green-800": "#166534",
+    "green-900": "#14532d",
+    "green-950": "#052e16",
+    "emerald-50": "#ecfdf5",
+    "emerald-100": "#d1fae5",
+    "emerald-200": "#a7f3d0",
+    "emerald-300": "#6ee7b7",
+    "emerald-400": "#34d399",
+    "emerald-500": "#10b981",
+    "emerald-600": "#059669",
+    "emerald-700": "#047857",
+    "emerald-800": "#065f46",
+    "emerald-900": "#064e3b",
+    "emerald-950": "#022c22",
+    "teal-50": "#f0fdfa",
+    "teal-100": "#ccfbf1",
+    "teal-200": "#99f6e4",
+    "teal-300": "#5eead4",
+    "teal-400": "#2dd4bf",
+    "teal-500": "#14b8a6",
+    "teal-600": "#0d9488",
+    "teal-700": "#0f766e",
+    "teal-800": "#115e59",
+    "teal-900": "#134e4a",
+    "teal-950": "#042f2e",
+    "cyan-50": "#ecfeff",
+    "cyan-100": "#cffafe",
+    "cyan-200": "#a5f3fc",
+    "cyan-300": "#67e8f9",
+    "cyan-400": "#22d3ee",
+    "cyan-500": "#06b6d4",
+    "cyan-600": "#0891b2",
+    "cyan-700": "#0e7490",
+    "cyan-800": "#155e75",
+    "cyan-900": "#164e63",
+    "cyan-950": "#083344",
+    "sky-50": "#f0f9ff",
+    "sky-100": "#e0f2fe",
+    "sky-200": "#bae6fd",
+    "sky-300": "#7dd3fc",
+    "sky-400": "#38bdf8",
+    "sky-500": "#0ea5e9",
+    "sky-600": "#0284c7",
+    "sky-700": "#0369a1",
+    "sky-800": "#075985",
+    "sky-900": "#0c4a6e",
+    "sky-950": "#082f49",
+    "blue-50": "#eff6ff",
+    "blue-100": "#dbeafe",
+    "blue-200": "#bfdbfe",
+    "blue-300": "#93c5fd",
+    "blue-400": "#60a5fa",
+    "blue-500": "#3b82f6",
+    "blue-600": "#2563eb",
+    "blue-700": "#1d4ed8",
+    "blue-800": "#1e40af",
+    "blue-900": "#1e3a8a",
+    "blue-950": "#172554",
+    "indigo-50": "#eef2ff",
+    "indigo-100": "#e0e7ff",
+    "indigo-200": "#c7d2fe",
+    "indigo-300": "#a5b4fc",
+    "indigo-400": "#818cf8",
+    "indigo-500": "#6366f1",
+    "indigo-600": "#4f46e5",
+    "indigo-700": "#4338ca",
+    "indigo-800": "#3730a3",
+    "indigo-900": "#312e81",
+    "indigo-950": "#1e1b4b",
+    "violet-50": "#f5f3ff",
+    "violet-100": "#ede9fe",
+    "violet-200": "#ddd6fe",
+    "violet-300": "#c4b5fd",
+    "violet-400": "#a78bfa",
+    "violet-500": "#8b5cf6",
+    "violet-600": "#7c3aed",
+    "violet-700": "#6d28d9",
+    "violet-800": "#5b21b6",
+    "violet-900": "#4c1d95",
+    "violet-950": "#2e1065",
+    "purple-50": "#faf5ff",
+    "purple-100": "#f3e8ff",
+    "purple-200": "#e9d5ff",
+    "purple-300": "#d8b4fe",
+    "purple-400": "#c084fc",
+    "purple-500": "#a855f7",
+    "purple-600": "#9333ea",
+    "purple-700": "#7e22ce",
+    "purple-800": "#6b21a8",
+    "purple-900": "#581c87",
+    "purple-950": "#3b0764",
+    "fuchsia-50": "#fdf4ff",
+    "fuchsia-100": "#fae8ff",
+    "fuchsia-200": "#f5d0fe",
+    "fuchsia-300": "#f0abfc",
+    "fuchsia-400": "#e879f9",
+    "fuchsia-500": "#d946ef",
+    "fuchsia-600": "#c026d3",
+    "fuchsia-700": "#a21caf",
+    "fuchsia-800": "#86198f",
+    "fuchsia-900": "#701a75",
+    "fuchsia-950": "#4a044e",
+    "pink-50": "#fdf2f8",
+    "pink-100": "#fce7f3",
+    "pink-200": "#fbcfe8",
+    "pink-300": "#f9a8d4",
+    "pink-400": "#f472b6",
+    "pink-500": "#ec4899",
+    "pink-600": "#db2777",
+    "pink-700": "#be185d",
+    "pink-800": "#9d174d",
+    "pink-900": "#831843",
+    "pink-950": "#500724",
+    "rose-50": "#fff1f2",
+    "rose-100": "#ffe4e6",
+    "rose-200": "#fecdd3",
+    "rose-300": "#fda4af",
+    "rose-400": "#fb7185",
+    "rose-500": "#f43f5e",
+    "rose-600": "#e11d48",
+    "rose-700": "#be123c",
+    "rose-800": "#9f1239",
+    "rose-900": "#881337",
+    "rose-950": "#4c0519",
+};
+/**
+ * A VERSÃO MAIOR DO PROJETO MEDIDO - módulo-estado, como `useLiveCatalogue`: o censo sabe a
+ * versão (`project.versions`) e o resolvedor é chamado fundo demais para receber mais um
+ * parâmetro em vinte call sites. Default v4, que é o que o npm entrega hoje; quem mede um projeto
+ * v3 chama o setter antes da varredura.
+ */
+let major = 4;
+export function useFrameworkMajor(next) {
+    major = next != null && next >= 1 && next < 4 ? 3 : 4;
+}
+/** A cor publicada do framework para um nome de paleta - ou null, que é "não é da paleta". */
+export function frameworkColour(name) {
+    return (major === 3 ? V3 : V4)[name] ?? null;
+}
+/** Uma declaração resolvida pela tabela carrega o carimbo do D1 - ver `Declaration.from`. */
+export function frameworkDeclaration(property, name) {
+    const value = frameworkColour(name);
+    return value ? { property, value, from: "framework" } : null;
+}

package/dist/doctor/style-ledger.js

@@ -27,6 +27,7 @@
  * calculada em runtime seria exatamente a mentira que esta esteira existe para não contar.
  */
 import { READER } from "../reader-version.js";
+import { formOf } from "./form-identity.js";
 const SHAPES = [
     "class",
     "template",
@@ -144,6 +145,11 @@ const BECAUSE = {
  * texto de um fragmento LIDO é descartado aqui de propósito - a interpretação dele já vive no
  * look, e reter as duas cópias é o que dobraria o censo.
  */
+/**
+ * TETO DE FORMAS POR GRUPO. Medido: as 706 folhas do app inteiro comprimem 18 473 declarações em
+ * 194 formas - 64 por grupo cobre as populações reais com folga e segura o patológico.
+ */
+const FORM_CAP = 64;
 export function buildLedger(cli, seen, 
 /**
  * OS NOMES QUE ELE DECLARA - para a contagem de `withTheirTokens`.
@@ -174,9 +180,16 @@ declared) {
             unreadable: [],
             seenFiles: new Set(),
             withTheirTokens: 0,
+            formTally: new Map(),
         };
         group.uses += 1;
         group.seenFiles.add(f.file);
+        /**
+         * A FORMA DO FRAGMENTO - a unidade da pergunta (item 12). Contada para TODO uso, não só o
+         * texto distinto: é o `uses` de cada forma que decide qual pergunta vale a pena fazer.
+         */
+        const form = formOf(f.shape, f.text);
+        group.formTally.set(form, (group.formTally.get(form) ?? 0) + 1);
         /**
          * O VALOR É UM TOKEN DELE? A referência tem que apontar para algo DECLARADO - um
          * `var(--nao-existe)` é descartado pelo browser, e ali não há token a reivindicar. Mesma regra do
@@ -233,11 +246,24 @@ declared) {
         counted,
         interpreted,
         unread: [...groups.values()]
-            .map(({ seenFiles, withTheirTokens, ...group }) => ({
+            .map(({ seenFiles, withTheirTokens, formTally, ...group }) => ({
             ...group,
             files: seenFiles.size,
             /** Ausente quando é zero: um campo zerado em todo grupo é ruído em cada relatório. */
             ...(withTheirTokens && withTheirTokens > 0 ? { withTheirTokens } : {}),
+            /**
+             * AS FORMAS DESTE GRUPO, com os usos de cada uma - ver `form-identity.ts` (item 12).
+             * Ordenadas por uso: a primeira é a pergunta que mais vale a pena fazer. O teto corta o
+             * patológico, e `uses` do grupo continua contando tudo - o corte fica visível.
+             */
+            ...(formTally.size > 0
+                ? {
+                    forms: [...formTally.entries()]
+                        .sort((a, b) => b[1] - a[1])
+                        .slice(0, FORM_CAP)
+                        .map(([form, uses]) => ({ form, uses })),
+                }
+                : {}),
         }))
             .sort((a, b) => b.uses - a.uses),
     };

package/dist/doctor/transcribe.js

@@ -43,6 +43,7 @@
  *     data-[checked]:bg-ocean-50 → states.checked
  */
 import { tokenRefFor } from "../token-ref.js";
+import { frameworkDeclaration } from "./framework-palette.js";
 /**
  * Utility prefix → the property name THE DOCUMENT USES, which is camelCase.
  *
@@ -291,33 +292,12 @@ const TAILWIND_COLOR = {
      */
     current: "currentColor",
     inherit: "inherit",
-    // zinc and blue, because a real Select is styled entirely in them and every
-    // reference read as nothing (test14, 01/08). Tailwind's own values, verbatim.
-    "zinc-50": "#fafafa",
-    "zinc-100": "#f4f4f5",
-    "zinc-200": "#e4e4e7",
-    "zinc-300": "#d4d4d8",
-    "zinc-400": "#a1a1aa",
-    "zinc-500": "#71717a",
-    "zinc-600": "#52525b",
-    "zinc-700": "#3f3f46",
-    "zinc-800": "#27272a",
-    "zinc-900": "#18181b",
-    "zinc-950": "#09090b",
-    "blue-400": "#60a5fa",
-    "blue-500": "#3b82f6",
-    "blue-600": "#2563eb",
-    "neutral-50": "#fafafa",
-    "neutral-100": "#f5f5f5",
-    "neutral-200": "#e5e5e5",
-    "neutral-300": "#d4d4d4",
-    "neutral-400": "#a3a3a3",
-    "neutral-500": "#737373",
-    "neutral-600": "#525252",
-    "neutral-700": "#404040",
-    "neutral-800": "#262626",
-    "neutral-900": "#171717",
-    "neutral-950": "#0a0a0a",
+    /**
+     * A PALETA saiu daqui em 25/08: zinc, blue e neutral (as entradas do test14) moravam nesta
+     * tabela com os hex da v3, cravados - e um projeto v4 recebia o hex antigo. A paleta inteira
+     * mora em `framework-palette.ts`, por versão maior e com o carimbo `from` que o D1 exige;
+     * aqui ficam só os KEYWORDS de CSS, que não são paleta e não têm versão.
+     */
 };
 /**
  * TYPOGRAPHY, and the reason it is here at all.
@@ -649,8 +629,12 @@ export function parseClass(cls) {
  * `declared` maps a token NAME to its value, so a resolved colour can be
  * reported in their vocabulary rather than as a hex we looked up.
  */
-/** A hex, or a ref into their colour scale - the two shapes an alpha can wrap. */
-const COLOUR_VALUE = /^(#[0-9a-f]{3,8}|\{color\.[^}]+\})$/i;
+/**
+ * A hex, a ref into their colour scale, OR a colour function - the shapes an alpha can wrap.
+ * As funções entraram com a paleta versionada (item 18): a v4 publica oklch, e sem elas
+ * `bg-emerald-500/10` resolvia a cor e PERDIA o alfa em silêncio - o scrim virava parede.
+ */
+const COLOUR_VALUE = /^(#[0-9a-f]{3,8}|\{color\.[^}]+\}|(?:oklch|oklab|rgba?|hsla?|lab|lch)\([^)]*\))$/i;
 /**
  * `#ffffff` + `50` → `color-mix(in srgb, #ffffff 50%, transparent)`.
  *
@@ -922,6 +906,17 @@ function readUtilityCore(utility, declared) {
         if (declared.has(own)) {
             return { property: colorProp, value: refFor(rest), token: own };
         }
+        /**
+         * A PALETA PUBLICADA DO FRAMEWORK, por versão maior e COM carimbo (item 18 + D1).
+         *
+         * Depois do token dele (o vocabulário dele sempre vence) e antes da tabela de keywords:
+         * `text-rose-700` é decisão dele sobre um valor que o Tailwind publica, e morria em silêncio
+         * - 127 valores no diagnóstico de 25/08. O `from: "framework"` é o que separa isto de
+         * inventar: a métrica sabe que não é vocabulário DELE e o self-healing pode perguntar.
+         */
+        const published = frameworkDeclaration(colorProp, rest);
+        if (published)
+            return published;
         const builtin = TAILWIND_COLOR[rest];
         if (builtin)
             return { property: colorProp, value: builtin };

package/dist/doctor/variant-read.js

@@ -31,7 +31,7 @@
  * position in `layers`. They agree only if the reader inserts in the order it read.
  */
 import { wearGlobal, withGlobal } from "../global-wear.js";
-import { parseClass, transcribe } from "./transcribe.js";
+import { parseClass, readUtility, transcribe, } from "./transcribe.js";
 /**
  * A Tailwind modifier, mapped to the condition it IS.
  *
@@ -1272,11 +1272,23 @@ globals) {
             ...t.base,
             ...t.dark,
         };
+        /**
+         * O HÍBRIDO DO D1, no nível da camada: `classes` é a grafia DELE, verbatim (a metade de
+         * fidelidade - o codegen devolve o que ele escreveu); `from: "framework"` quando TODA
+         * declaração resolvida veio da paleta publicada - numa camada mista o vocabulário dele
+         * domina e o carimbo fica ausente, que é o caminho de sempre. Ver `framework-palette.ts`.
+         */
+        const reads = bare
+            .map((utility) => readUtility(utility, declared))
+            .filter((d) => d != null);
+        const fromFramework = reads.length > 0 && reads.every((d) => d.from === "framework");
         return {
             ...(layer.when ? { when: layer.when } : {}),
             ...(layer.at ? { at: layer.at } : {}),
             ...(layer.onClasses ? { onClasses: layer.onClasses } : {}),
             style,
+            classes: layer.classes,
+            ...(fromFramework ? { from: "framework" } : {}),
         };
     })
         .filter((layer) => Object.keys(layer.style).length > 0);

package/dist/install-marks.js

@@ -196,7 +196,13 @@ export const MATERIALISER_SINCE = "0.16.306";
  * `var(--text-caption)` - um token de tipo numa posição de raio. Medido no repositório real: 290
  * sugestões com a categoria trocada, 66 delas graváveis por um `--fix --write`.
  */
-export const CHECKER_SINCE = "0.16.250";
+/**
+ * 0.16.250 -> 0.16.308 em 25/08: o julgamento que o hook roda passa pela paleta versionada do
+ * framework (item 18). Um hook pinado antes lê o mesmo arquivo com `text-rose-700` e conta
+ * "não lido" sobre um valor que o de hoje resolve - e o número é o que a pessoa lê para decidir
+ * se adotou. O `!` de important (0.16.306) já tinha mudado a mesma contagem.
+ */
+export const CHECKER_SINCE = "0.16.308";
 /**
  * A ÚLTIMA VERSÃO EM QUE OS LEITORES PASSARAM A PRODUZIR UM CENSO DIFERENTE.
  *
@@ -298,7 +304,21 @@ export const CHECKER_SINCE = "0.16.250";
  * Campo novo: um censo medido antes não o tem, e a tela de cobertura (D4: três colunas, estrutura
  * visível fora da métrica) só pode ser honesta sobre quem remedir. É o que esta marca avisa.
  */
-export const READER_SINCE = "0.16.307";
+/**
+ * 0.16.307 -> 0.16.308 em 25/08 (mvp-1128), o lote 1 fechado + o começo do lote 2:
+ *
+ *   item 13  o censo carrega `exports` - o denominador antes do portão, com o resíduo em linhas
+ *   item 12  cada grupo não lido carrega `forms` - a unidade da pergunta de self-healing
+ *   item 17  a camada vira o híbrido do D1: `classes` verbatim + `from` de procedência
+ *   item 18  a paleta publicada do framework resolve por versão maior (v4 oklch, v3 hex), com
+ *            carimbo - 127 valores (21%) deixam de morrer em silêncio
+ *   item 19  o vocabulário do pacote workspace IMPORTADO pelo escopo entra na colheita (genérico,
+ *            nunca node_modules; o escopo vence) - medido no repo real: @frontend-hub/ui doa 94
+ *            variáveis, e os 223 valores (37%) que as vestiam passam a resolver como token DELE
+ *
+ * Um censo medido antes não tem nada disso; quem remede ganha os cinco.
+ */
+export const READER_SINCE = "0.16.308";
 /**
  * O QUE ESTÁ INSTALADO AQUI FICOU PARA TRÁS - e as DUAS condições que fazem isso ser verdade.
  *

package/dist/workspace-css.js

@@ -0,0 +1,84 @@
+import { readFile } from "node:fs/promises";
+import { sep } from "node:path";
+import { walkAll } from "./commands/doctor.js";
+import { workspacePackages } from "./doctor/components-scan.js";
+/**
+ * O VOCABULÁRIO QUE MORA NO PACOTE AO LADO (item 19, 25/08).
+ *
+ * A regra do Tailwind v4: só `--color-*` cria utilitário de cor. Num monorepo, essas variáveis
+ * costumam morar no PACOTE de design system - e quando o escopo medido é o app, a colheita de CSS
+ * só via a pasta apontada: o app do repositório real veste `border-lightgray-200` 213 vezes, e o
+ * `--color-lightgray-200` que cria esse utilitário mora em `packages/ui/src/styles.css`, um pacote
+ * ao lado. Resultado medido: 223 valores (37% do não-lido) morriam com o nome declarado a vinte
+ * linhas de distância do alcance do leitor.
+ *
+ * A regra é GENÉRICA por decisão do dono (25/08): qualquer pacote de WORKSPACE que o escopo
+ * importa - nunca um nome cravado, e nunca `node_modules`: o CSS de terceiro de verdade continua
+ * fora e declarado (população zero medida até hoje; quando aparecer, mede-se lá).
+ *
+ * O ESCOPO DELE SEMPRE VENCE: uma variável declarada na pasta medida nunca é sobrescrita por uma
+ * do pacote irmão - quem está mais perto do componente é a decisão mais específica.
+ */
+/**
+ * `from "@acme/ui"` · `import("@acme/ui/x")` · `require("@acme/ui")` · `import "@acme/ui/css"` -
+ * o último é o side-effect import, e é EXATAMENTE como uma folha de tokens entra num app.
+ */
+const SPECIFIER = /(?:from\s*|import\s*\(?\s*|require\s*\(\s*)["']([^"'./][^"']*)["']/g;
+const CUSTOM_PROPERTY = /(--[a-zA-Z0-9_-]+)\s*:\s*([^;}]+)/g;
+const SKIP_DIR = /(^|[/\\])(node_modules|dist|build|\.next|\.git|coverage)([/\\]|$)/;
+/**
+ * Colhe as custom properties dos pacotes workspace que o ESCOPO importa.
+ *
+ * O pré-passe de especificadores relê os fontes do escopo (o laço de componentes só roda DEPOIS,
+ * e é ele que consome o `declared` que esta colheita completa) - custo medido em IO de leitura
+ * pura, centenas de ms num monorepo de mil arquivos, pago uma vez por medição.
+ */
+export async function harvestWorkspaceCss(scopedRoot, 
+/** Nomes já declarados pelo escopo - a trava de "o escopo dele sempre vence". */
+scopeDeclares) {
+    const imported = new Set();
+    for await (const file of walkAll([scopedRoot])) {
+        if (!/\.(tsx|jsx|ts|mjs|cjs|vue|svelte)$/i.test(file))
+            continue;
+        if (SKIP_DIR.test(file))
+            continue;
+        const source = await readFile(file, "utf8").catch(() => "");
+        SPECIFIER.lastIndex = 0;
+        for (const m of source.matchAll(SPECIFIER))
+            imported.add(m[1]);
+    }
+    if (imported.size === 0)
+        return { packages: [], declared: new Map() };
+    const declared = new Map();
+    const packages = [];
+    for (const pkg of await workspacePackages(scopedRoot)) {
+        /**
+         * IMPORTADO PELO ESCOPO - `@acme/ui` cobre `@acme/ui/tokens`. E nunca a própria pasta
+         * medida: o CSS dela já foi colhido pelo laço de sempre, e re-colher criaria a disputa
+         * que a trava abaixo existe para impedir.
+         */
+        const used = [...imported].some((s) => s === pkg.name || s.startsWith(`${pkg.name}/`));
+        if (!used)
+            continue;
+        if (scopedRoot === pkg.dir ||
+            scopedRoot.startsWith(pkg.dir + sep) ||
+            pkg.dir.startsWith(scopedRoot + sep))
+            continue;
+        let vars = 0;
+        for await (const file of walkAll([pkg.dir])) {
+            if (!/\.(css|scss|sass|less)$/i.test(file) || SKIP_DIR.test(file))
+                continue;
+            const body = await readFile(file, "utf8").catch(() => "");
+            CUSTOM_PROPERTY.lastIndex = 0;
+            for (const m of body.matchAll(CUSTOM_PROPERTY)) {
+                if (scopeDeclares(m[1]) || declared.has(m[1]))
+                    continue;
+                declared.set(m[1], m[2].trim());
+                vars += 1;
+            }
+        }
+        if (vars > 0)
+            packages.push({ name: pkg.name, vars });
+    }
+    return { packages, declared };
+}

package/package.json

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