@canonical/terrazzo-plugin-css 0.0.2 → 0.2.0

package/dist/esm/plugin/src/build/buildStates.js

@@ -0,0 +1,66 @@
+/**
+ * Build helper for states.css — NativeState derivation layer.
+ */
+import { makeDerivedArtifactToken } from "../artifact/index.js";
+import { createDecl, createRule, printRules } from "../css-ast/index.js";
+import { wrapInLayer } from "../layers/index.js";
+import { convertTokenIdToCssVar, prefixVar } from "../naming.js";
+import { HEADER } from "./buildPrimitive.js";
+import { INTERACTIVE_ROLES } from "./deltas.js";
+/**
+ * Build the fallback chain for a CSS custom property, accounting for
+ * modifier and surface channel overrides.
+ *
+ * @returns A `var()` expression with the correct fallback order.
+ */
+export function buildFallbackChain(cssVar, hasModifier, hasSurface) {
+    const modVar = prefixVar(cssVar, "modifier");
+    const surfVar = prefixVar(cssVar, "surface");
+    if (hasModifier && hasSurface) {
+        return `var(${modVar}, var(${surfVar}, var(${cssVar})))`;
+    }
+    if (hasModifier) {
+        return `var(${modVar}, var(${cssVar}))`;
+    }
+    if (hasSurface) {
+        return `var(${surfVar}, var(${cssVar}))`;
+    }
+    return `var(${cssVar})`;
+}
+/** @note Mutates `artifact`, calls `outputFile`. */
+export function buildStates(_tokens, _resolver, layers, artifact, outputFile) {
+    const derivedDecls = [];
+    for (const { role, states, hasSurface, hasModifier } of INTERACTIVE_ROLES) {
+        const cssRole = convertTokenIdToCssVar(role); // e.g. --color-foreground-primary
+        const rolePath = cssRole.slice(2); // color-foreground-primary
+        // Build fallback chain: modifier → surface → base
+        const restFallback = buildFallbackChain(cssRole, hasModifier, hasSurface);
+        const bgFallback = buildFallbackChain("--color-background", false, true);
+        for (const state of states) {
+            const derivedVar = `--${state}--${rolePath}`;
+            let formula;
+            if (state === "disabled") {
+                // color-mix(in oklch, <rest> 34%, <background>)
+                formula = `color-mix(in oklch, ${restFallback} 34%, ${bgFallback})`;
+            }
+            else {
+                // oklch(from <rest> calc(l + var(--delta-{state}-{role})) c h)
+                const deltaVar = `--delta-${state}-${rolePath}`;
+                formula = `oklch(from ${restFallback} calc(l + var(${deltaVar})) c h)`;
+            }
+            derivedDecls.push(createDecl(derivedVar, formula));
+            artifact[derivedVar] = makeDerivedArtifactToken({
+                cssVar: derivedVar,
+                type: "color",
+                tier: "derived",
+                cssOutputFile: "states.css",
+                derivedFrom: cssRole,
+                derivation: state,
+            });
+        }
+    }
+    const starRule = createRule(["*"], derivedDecls);
+    const wrapped = wrapInLayer(layers.states, [starRule]);
+    outputFile("states.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildStates.js.map

package/dist/esm/plugin/src/build/buildStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildStates.js","sourceRoot":"","sources":["../../../../../src/build/buildStates.ts"],"names":[],"mappings":"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"}

package/dist/esm/plugin/src/build/buildTheme.js

@@ -0,0 +1,95 @@
+/**
+ * Build helper for modifiers.theme.css — light-dark colour tokens and deltas.
+ */
+import { makeArtifactToken } from "../artifact/index.js";
+import { createDecl, createRule, printRules } from "../css-ast/index.js";
+import { wrapInLayer } from "../layers/index.js";
+import { buildLightDarkDeclarations } from "../light-dark/index.js";
+import { convertTokenIdToCssVar } from "../naming.js";
+import { FORMAT, HEADER } from "./buildPrimitive.js";
+import { isSemanticColor } from "./classification.js";
+import { computeDeltas } from "./deltas.js";
+import { recoverPrimitiveRef } from "./recoverPrimitiveRef.js";
+/** @note Mutates `artifact`, calls `outputFile`. */
+export function buildTheme(tokens, getTransforms, resolver, layers, artifact, outputFile) {
+    // Collect base (light) and dark transforms for colour tokens
+    const baseTransforms = getTransforms({ format: FORMAT });
+    const darkTransforms = getTransforms({
+        format: FORMAT,
+        input: { theme: "dark" },
+    });
+    // Index dark transforms by token ID
+    const darkById = new Map();
+    for (const t of darkTransforms) {
+        if (t.type !== "SINGLE_VALUE")
+            continue;
+        darkById.set(t.id, t.value);
+    }
+    // Build a reverse index: resolved literal value → primitive var name.
+    // When a semantic token resolves to the same literal as a primitive,
+    // we emit var(--primitive) instead of the raw oklch value.
+    const primitiveByValue = new Map();
+    for (const [cssVar, entry] of Object.entries(artifact)) {
+        if (entry.tier === "primitive" &&
+            entry.type === "color" &&
+            entry.valueLight) {
+            if (!primitiveByValue.has(entry.valueLight)) {
+                primitiveByValue.set(entry.valueLight, cssVar);
+            }
+        }
+    }
+    // Build light-dark pairs for semantic colour tokens
+    const pairs = [];
+    const seenIds = new Set();
+    for (const t of baseTransforms) {
+        if (!isSemanticColor(t.id))
+            continue;
+        if (t.type !== "SINGLE_VALUE")
+            continue;
+        if (seenIds.has(t.id))
+            continue;
+        seenIds.add(t.id);
+        const cssVar = t.localID ?? convertTokenIdToCssVar(t.id);
+        const rawLight = t.value;
+        const rawDark = darkById.get(t.id) ?? rawLight;
+        // Recover var() references to primitives
+        const lightVal = recoverPrimitiveRef(rawLight, cssVar, primitiveByValue);
+        const darkVal = recoverPrimitiveRef(rawDark, cssVar, primitiveByValue);
+        pairs.push({ property: cssVar, light: lightVal, dark: darkVal });
+        artifact[cssVar] = makeArtifactToken({
+            cssVar,
+            id: t.id,
+            type: "color",
+            tier: "semantic",
+            cssOutputFile: "modifiers.theme.css",
+            description: t.token.$description,
+            valueLight: lightVal,
+            valueDark: darkVal,
+        });
+    }
+    // Build CSS
+    const themeDecls = buildLightDarkDeclarations(pairs);
+    // Compute NativeState deltas (task 2.9)
+    const { lightDeltaDecls, darkDeltaDecls } = computeDeltas(tokens, resolver, artifact);
+    // Assemble :root block
+    const rootNodes = [
+        createDecl("color-scheme", "light dark"),
+        ...themeDecls,
+        ...lightDeltaDecls,
+    ];
+    const rootRule = createRule([":root"], rootNodes);
+    // Override selectors
+    const lightOverride = createRule([".light"], [createDecl("color-scheme", "light")]);
+    const darkOverride = createRule([".dark"], [createDecl("color-scheme", "dark"), ...darkDeltaDecls]);
+    const mediaQuery = createRule(["@media (prefers-color-scheme: dark)"], [
+        createRule([":root"], [createDecl("color-scheme", "dark"), ...darkDeltaDecls]),
+    ]);
+    const wrapped = wrapInLayer(layers.modifiers, [
+        rootRule,
+        lightOverride,
+        darkOverride,
+        mediaQuery,
+    ]);
+    outputFile("modifiers.theme.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildTheme.js.map

package/dist/esm/plugin/src/build/buildTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildTheme.js","sourceRoot":"","sources":["../../../../../src/build/buildTheme.ts"],"names":[],"mappings":"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"}

package/dist/esm/plugin/src/build/buildTypography.js

@@ -0,0 +1,78 @@
+/**
+ * Build helper for modifiers.typography.css — base + per-product typography.
+ */
+import { makeArtifactToken } from "../artifact/index.js";
+import { createDecl, createRule, printRules } from "../css-ast/index.js";
+import { wrapInLayer } from "../layers/index.js";
+import { convertTokenIdToCssVar } from "../naming.js";
+import { FORMAT, HEADER } from "./buildPrimitive.js";
+import { isSemanticTypography } from "./classification.js";
+/** @note Mutates `artifact`, calls `outputFile`. */
+export function buildTypography(getTransforms, layers, artifact, outputFile) {
+    const allNodes = [];
+    // Base (global) typography → :root
+    const baseTransforms = getTransforms({ format: FORMAT });
+    const rootDecls = [];
+    const seenIds = new Set();
+    for (const t of baseTransforms) {
+        if (!isSemanticTypography(t.id))
+            continue;
+        if (seenIds.has(t.id))
+            continue;
+        seenIds.add(t.id);
+        emitTypographyDecls(t, rootDecls, artifact, "modifiers.typography.css");
+    }
+    allNodes.push(createRule([":root"], rootDecls));
+    // Per-product contexts → class selectors
+    for (const ctx of ["apps", "docs", "sites"]) {
+        const contextTransforms = getTransforms({
+            format: FORMAT,
+            input: { typography: ctx },
+        });
+        const contextDecls = [];
+        for (const t of contextTransforms) {
+            if (!isSemanticTypography(t.id))
+                continue;
+            emitTypographyDecls(t, contextDecls, artifact, "modifiers.typography.css");
+        }
+        if (contextDecls.length > 0) {
+            allNodes.push(createRule([`.${ctx}`], contextDecls));
+        }
+    }
+    const wrapped = wrapInLayer(layers.modifiers, allNodes);
+    outputFile("modifiers.typography.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+export function emitTypographyDecls(t, decls, artifact, outputFile) {
+    const cssVar = t.localID ?? convertTokenIdToCssVar(t.id);
+    if (t.type === "SINGLE_VALUE") {
+        decls.push(createDecl(cssVar, t.value));
+        artifact[cssVar] = makeArtifactToken({
+            cssVar,
+            id: t.id,
+            type: t.token.$type ?? "unknown",
+            tier: "semantic",
+            cssOutputFile: outputFile,
+            description: t.token.$description,
+            valueLight: t.value,
+            valueDark: t.value,
+        });
+    }
+    else {
+        // Multi-value: typography composite → individual sub-properties
+        for (const [suffix, val] of Object.entries(t.value)) {
+            const subVar = `${cssVar}-${suffix}`;
+            decls.push(createDecl(subVar, val));
+            artifact[subVar] = makeArtifactToken({
+                cssVar: subVar,
+                id: `${t.id}.${suffix}`,
+                type: t.token.$type ?? "unknown",
+                tier: "semantic",
+                cssOutputFile: outputFile,
+                description: t.token.$description,
+                valueLight: val,
+                valueDark: val,
+            });
+        }
+    }
+}
+//# sourceMappingURL=buildTypography.js.map

package/dist/esm/plugin/src/build/buildTypography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildTypography.js","sourceRoot":"","sources":["../../../../../src/build/buildTypography.ts"],"names":[],"mappings":"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"}

package/dist/esm/plugin/src/build/builders/buildDescriptionLookup.js

@@ -0,0 +1,11 @@
+import { convertTokenIdToCssVar, prefixVar } from "../../naming.js";
+/** Build a map from channel CSS variable to description. */
+export default function buildDescriptionLookup(descriptions, prefix) {
+    const lookup = {};
+    for (const [tokenId, description] of Object.entries(descriptions)) {
+        const channelVar = prefixVar(convertTokenIdToCssVar(tokenId), prefix);
+        lookup[channelVar] = description;
+    }
+    return lookup;
+}
+//# sourceMappingURL=buildDescriptionLookup.js.map

package/dist/esm/plugin/src/build/builders/buildDescriptionLookup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildDescriptionLookup.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildDescriptionLookup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEpE,4DAA4D;AAC5D,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAC5C,YAAoC,EACpC,MAAc;IAEd,MAAM,MAAM,GAA2B,EAAE,CAAC;IAC1C,KAAK,MAAM,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC;QAClE,MAAM,UAAU,GAAG,SAAS,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,GAAG,WAAW,CAAC;IACnC,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}

package/dist/esm/plugin/src/build/builders/buildFallbackChain.js

@@ -0,0 +1,22 @@
+import { prefixVar } from "../../naming.js";
+/**
+ * Build the fallback chain for a CSS custom property, accounting for
+ * modifier and surface channel overrides.
+ *
+ * @returns A `var()` expression with the correct fallback order.
+ */
+export default function buildFallbackChain(cssVar, hasModifier, hasSurface) {
+    const modVar = prefixVar(cssVar, "modifier");
+    const surfVar = prefixVar(cssVar, "surface");
+    if (hasModifier && hasSurface) {
+        return `var(${modVar}, var(${surfVar}, var(${cssVar})))`;
+    }
+    if (hasModifier) {
+        return `var(${modVar}, var(${cssVar}))`;
+    }
+    if (hasSurface) {
+        return `var(${surfVar}, var(${cssVar}))`;
+    }
+    return `var(${cssVar})`;
+}
+//# sourceMappingURL=buildFallbackChain.js.map

package/dist/esm/plugin/src/build/builders/buildFallbackChain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildFallbackChain.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildFallbackChain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CACxC,MAAc,EACd,WAAoB,EACpB,UAAmB;IAEnB,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IAC7C,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAE7C,IAAI,WAAW,IAAI,UAAU,EAAE,CAAC;QAC9B,OAAO,OAAO,MAAM,SAAS,OAAO,SAAS,MAAM,KAAK,CAAC;IAC3D,CAAC;IACD,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,OAAO,MAAM,SAAS,MAAM,IAAI,CAAC;IAC1C,CAAC;IACD,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,OAAO,OAAO,SAAS,MAAM,IAAI,CAAC;IAC3C,CAAC;IACD,OAAO,OAAO,MAAM,GAAG,CAAC;AAC1B,CAAC"}

package/dist/esm/plugin/src/build/builders/buildModifierFamily.js

@@ -0,0 +1,41 @@
+import { makeDerivedArtifactToken } from "../../artifact/index.js";
+import { printRules } from "../../css-ast/index.js";
+import { wrapInLayer } from "../../layers/index.js";
+import { buildModifierContextCSS, computeModifierContext, } from "../../modifiers/index.js";
+import { HEADER } from "../constants/header.js";
+import { loadModifierData } from "../modifierIo.js";
+import buildDescriptionLookup from "./buildDescriptionLookup.js";
+/** Build a modifier family stylesheet. */
+export default function buildModifierFamily(family, resolver, layers, artifact, outputFile, tokensDir) {
+    const baseTokens = resolver.apply({});
+    const modifiers = resolver.source?.modifiers;
+    const familyMod = modifiers?.[family];
+    if (!familyMod?.contexts) {
+        return;
+    }
+    const allNodes = [];
+    for (const context of Object.keys(familyMod.contexts)) {
+        if (context === "none") {
+            continue;
+        }
+        const { aliases: aliasMap, descriptions } = loadModifierData(tokensDir, family, context);
+        const overlayTokens = resolver.apply({ [family]: context });
+        const descByChannelVar = buildDescriptionLookup(descriptions, "modifier");
+        const modifierContext = computeModifierContext(family, context, baseTokens, overlayTokens, "modifier", aliasMap);
+        allNodes.push(...buildModifierContextCSS(modifierContext));
+        for (const declaration of modifierContext.declarations) {
+            artifact[declaration.property] = makeDerivedArtifactToken({
+                cssVar: declaration.property,
+                type: "color",
+                tier: "semantic",
+                cssOutputFile: `modifiers.${family}.css`,
+                derivedFrom: declaration.value.replace(/^var\(/, "").replace(/\)$/, ""),
+                derivation: "channel-modifier",
+                description: descByChannelVar[declaration.property],
+            });
+        }
+    }
+    const wrapped = wrapInLayer(layers.modifiers, allNodes);
+    outputFile(`modifiers.${family}.css`, `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildModifierFamily.js.map

package/dist/esm/plugin/src/build/builders/buildModifierFamily.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildModifierFamily.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildModifierFamily.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EACL,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,0CAA0C;AAC1C,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,MAAc,EACd,QAAsB,EACtB,MAA2B,EAC3B,QAAkB,EAClB,UAAwB,EACxB,SAAiB;IAEjB,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC7C,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;IACtC,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,CAAC;QACzB,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAc,EAAE,CAAC;IAE/B,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACvB,SAAS;QACX,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAC1D,SAAS,EACT,MAAM,EACN,OAAO,CACR,CAAC;QACF,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC;QAC5D,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAE1E,MAAM,eAAe,GAAG,sBAAsB,CAC5C,MAAM,EACN,OAAO,EACP,UAA0C,EAC1C,aAA6C,EAC7C,UAAU,EACV,QAAQ,CACT,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,GAAG,uBAAuB,CAAC,eAAe,CAAC,CAAC,CAAC;QAE3D,KAAK,MAAM,WAAW,IAAI,eAAe,CAAC,YAAY,EAAE,CAAC;YACvD,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,wBAAwB,CAAC;gBACxD,MAAM,EAAE,WAAW,CAAC,QAAQ;gBAC5B,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,UAAU;gBAChB,aAAa,EAAE,aAAa,MAAM,MAAM;gBACxC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;gBACvE,UAAU,EAAE,kBAAkB;gBAC9B,WAAW,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC;aACpD,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACxD,UAAU,CAAC,aAAa,MAAM,MAAM,EAAE,GAAG,MAAM,KAAK,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC/E,CAAC"}

package/dist/esm/plugin/src/build/builders/buildModifiers.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=buildModifiers.js.map

package/dist/esm/plugin/src/build/builders/buildModifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildModifiers.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildModifiers.ts"],"names":[],"mappings":""}

package/dist/esm/plugin/src/build/builders/buildPrimitive.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=buildPrimitive.js.map

package/dist/esm/plugin/src/build/builders/buildPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildPrimitive.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildPrimitive.ts"],"names":[],"mappings":""}

package/dist/esm/plugin/src/build/builders/buildSetsPrimitive.js

@@ -0,0 +1,58 @@
+import { makeArtifactToken } from "../../artifact/index.js";
+import { createDeclaration, createRule, printRules, } from "../../css-ast/index.js";
+import { wrapInLayer } from "../../layers/index.js";
+import { convertTokenIdToCssVar } from "../../naming.js";
+import { isPrimitive } from "../classification.js";
+import { FORMAT } from "../constants/format.js";
+import { HEADER } from "../constants/header.js";
+/** @note Mutates `artifact`, calls `outputFile`. */
+export default function buildSetsPrimitive(getTransforms, layers, artifact, outputFile) {
+    const transforms = getTransforms({ format: FORMAT });
+    const nodes = [];
+    for (const t of transforms) {
+        if (!isPrimitive(t.id))
+            continue;
+        if (t.id.startsWith("number."))
+            continue;
+        // Skip dark / per-product permutations — only use the base
+        if (t.input &&
+            Object.keys(t.input).some((k) => k === "theme" && t.input[k] !== "light"))
+            continue;
+        if (t.input && "typography" in t.input && t.input.typography !== "global")
+            continue;
+        const cssVar = t.localID ?? convertTokenIdToCssVar(t.id);
+        if (t.type === "SINGLE_VALUE") {
+            nodes.push(createDeclaration(cssVar, t.value));
+            artifact[cssVar] = makeArtifactToken({
+                cssVar,
+                id: t.id,
+                type: t.token.$type ?? "unknown",
+                tier: "primitive",
+                cssOutputFile: "sets.primitive.css",
+                description: t.token.$description,
+                valueLight: t.value,
+                valueDark: t.value,
+            });
+        }
+        else {
+            // Multi-value — emit each sub-property
+            for (const [suffix, val] of Object.entries(t.value)) {
+                const subVar = `${cssVar}-${suffix}`;
+                nodes.push(createDeclaration(subVar, val));
+                artifact[subVar] = makeArtifactToken({
+                    cssVar: subVar,
+                    id: `${t.id}.${suffix}`,
+                    type: t.token.$type ?? "unknown",
+                    tier: "primitive",
+                    cssOutputFile: "sets.primitive.css",
+                    description: t.token.$description,
+                    valueLight: val,
+                    valueDark: val,
+                });
+            }
+        }
+    }
+    const wrapped = wrapInLayer(layers.tokens, [createRule([":root"], nodes)]);
+    outputFile("sets.primitive.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildSetsPrimitive.js.map

package/dist/esm/plugin/src/build/builders/buildSetsPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSetsPrimitive.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildSetsPrimitive.ts"],"names":[],"mappings":"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"}

package/dist/esm/plugin/src/build/builders/buildSetsSemantic.js

@@ -0,0 +1,9 @@
+import { HEADER } from "../constants/header.js";
+/** @note Calls `outputFile`. */
+export default function buildSetsSemantic(_layers, outputFile) {
+    // In V2, most semantic tokens come via modifier contexts (theme, typography).
+    // This file may be empty. Emit a comment-only placeholder.
+    const comment = "/* sets.semantic.css — no mode-invariant semantic tokens in V2. */";
+    outputFile("sets.semantic.css", `${HEADER}\n${comment}\n`);
+}
+//# sourceMappingURL=buildSetsSemantic.js.map

package/dist/esm/plugin/src/build/builders/buildSetsSemantic.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSetsSemantic.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildSetsSemantic.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,gCAAgC;AAChC,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,OAA4B,EAC5B,UAAwB;IAExB,8EAA8E;IAC9E,2DAA2D;IAC3D,MAAM,OAAO,GACX,oEAAoE,CAAC;IACvE,UAAU,CAAC,mBAAmB,EAAE,GAAG,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC;AAC7D,CAAC"}

package/dist/esm/plugin/src/build/builders/buildStates.js

@@ -0,0 +1,47 @@
+/**
+ * Build helper for states.css — NativeState derivation layer.
+ */
+import { makeDerivedArtifactToken } from "../../artifact/index.js";
+import { createDeclaration, createRule, printRules, } from "../../css-ast/index.js";
+import { wrapInLayer } from "../../layers/index.js";
+import { convertTokenIdToCssVar } from "../../naming.js";
+import { HEADER } from "../constants/header.js";
+import { interactiveRoles } from "../constants/interactiveRoles.js";
+import buildFallbackChain from "./buildFallbackChain.js";
+/** @note Mutates `artifact`, calls `outputFile`. */
+export default function buildStates(_tokens, _resolver, layers, artifact, outputFile) {
+    const derivedDecls = [];
+    for (const { role, states, hasSurface, hasModifier } of interactiveRoles) {
+        const cssRole = convertTokenIdToCssVar(role); // e.g. --color-foreground-primary
+        const rolePath = cssRole.slice(2); // color-foreground-primary
+        // Build fallback chain: modifier → surface → base
+        const restFallback = buildFallbackChain(cssRole, hasModifier, hasSurface);
+        const bgFallback = buildFallbackChain("--color-background", false, true);
+        for (const state of states) {
+            const derivedVar = `--${state}--${rolePath}`;
+            let formula;
+            if (state === "disabled") {
+                // color-mix(in oklch, <rest> 34%, <background>)
+                formula = `color-mix(in oklch, ${restFallback} 34%, ${bgFallback})`;
+            }
+            else {
+                // oklch(from <rest> calc(l + var(--delta-{state}-{role})) c h)
+                const deltaVar = `--delta-${state}-${rolePath}`;
+                formula = `oklch(from ${restFallback} calc(l + var(${deltaVar})) c h)`;
+            }
+            derivedDecls.push(createDeclaration(derivedVar, formula));
+            artifact[derivedVar] = makeDerivedArtifactToken({
+                cssVar: derivedVar,
+                type: "color",
+                tier: "derived",
+                cssOutputFile: "states.css",
+                derivedFrom: cssRole,
+                derivation: state,
+            });
+        }
+    }
+    const starRule = createRule(["*"], derivedDecls);
+    const wrapped = wrapInLayer(layers.states, [starRule]);
+    outputFile("states.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildStates.js.map

package/dist/esm/plugin/src/build/builders/buildStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildStates.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildStates.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EACL,iBAAiB,EACjB,UAAU,EACV,UAAU,GACX,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AAEzD,oDAAoD;AACpD,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,OAAkC,EAClC,SAAuB,EACvB,MAA2B,EAC3B,QAAkB,EAClB,UAAwB;IAExB,MAAM,YAAY,GAAc,EAAE,CAAC;IAEnC,KAAK,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,gBAAgB,EAAE,CAAC;QACzE,MAAM,OAAO,GAAG,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAkC;QAChF,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,2BAA2B;QAE9D,kDAAkD;QAClD,MAAM,YAAY,GAAG,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC1E,MAAM,UAAU,GAAG,kBAAkB,CAAC,oBAAoB,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAEzE,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE,CAAC;YAC3B,MAAM,UAAU,GAAG,KAAK,KAAK,KAAK,QAAQ,EAAE,CAAC;YAE7C,IAAI,OAAe,CAAC;YACpB,IAAI,KAAK,KAAK,UAAU,EAAE,CAAC;gBACzB,gDAAgD;gBAChD,OAAO,GAAG,uBAAuB,YAAY,SAAS,UAAU,GAAG,CAAC;YACtE,CAAC;iBAAM,CAAC;gBACN,+DAA+D;gBAC/D,MAAM,QAAQ,GAAG,WAAW,KAAK,IAAI,QAAQ,EAAE,CAAC;gBAChD,OAAO,GAAG,cAAc,YAAY,iBAAiB,QAAQ,SAAS,CAAC;YACzE,CAAC;YAED,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;YAE1D,QAAQ,CAAC,UAAU,CAAC,GAAG,wBAAwB,CAAC;gBAC9C,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,SAAS;gBACf,aAAa,EAAE,YAAY;gBAC3B,WAAW,EAAE,OAAO;gBACpB,UAAU,EAAE,KAAwC;aACrD,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,YAAY,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IACvD,UAAU,CAAC,YAAY,EAAE,GAAG,MAAM,KAAK,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAClE,CAAC"}

package/dist/esm/plugin/src/build/builders/buildSurfaces.js

@@ -0,0 +1,42 @@
+import { makeDerivedArtifactToken } from "../../artifact/index.js";
+import { printRules } from "../../css-ast/index.js";
+import { wrapInLayer } from "../../layers/index.js";
+import { buildModifierContextCSS, computeModifierContext, } from "../../modifiers/index.js";
+import { HEADER } from "../constants/header.js";
+import { SURFACE_SELECTOR_MAP } from "../constants/surfaceSelectorMap.js";
+import { loadModifierData } from "../modifierIo.js";
+import buildDescriptionLookup from "./buildDescriptionLookup.js";
+/** Build the surfaces stylesheet. */
+export default function buildSurfaces(resolver, layers, artifact, outputFile, tokensDir) {
+    const baseTokens = resolver.apply({});
+    const modifiers = resolver.source?.modifiers;
+    const surfaceMod = modifiers?.surface;
+    if (!surfaceMod?.contexts) {
+        return;
+    }
+    const allNodes = [];
+    for (const context of Object.keys(surfaceMod.contexts)) {
+        if (context === "none") {
+            continue;
+        }
+        const { aliases: aliasMap, descriptions } = loadModifierData(tokensDir, "surface", context);
+        const overlayTokens = resolver.apply({ surface: context });
+        const descByChannelVar = buildDescriptionLookup(descriptions, "surface");
+        const surfaceContext = computeModifierContext("surface", context, baseTokens, overlayTokens, "surface", aliasMap, SURFACE_SELECTOR_MAP[context]);
+        allNodes.push(...buildModifierContextCSS(surfaceContext));
+        for (const declaration of surfaceContext.declarations) {
+            artifact[declaration.property] = makeDerivedArtifactToken({
+                cssVar: declaration.property,
+                type: "color",
+                tier: "semantic",
+                cssOutputFile: "modifiers.surfaces.css",
+                derivedFrom: declaration.value.replace(/^var\(/, "").replace(/\)$/, ""),
+                derivation: "channel-surface",
+                description: descByChannelVar[declaration.property],
+            });
+        }
+    }
+    const wrapped = wrapInLayer(layers.surfaces, allNodes);
+    outputFile("modifiers.surfaces.css", `${HEADER}\n${printRules(wrapped)}\n`);
+}
+//# sourceMappingURL=buildSurfaces.js.map

package/dist/esm/plugin/src/build/builders/buildSurfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSurfaces.js","sourceRoot":"","sources":["../../../../../../src/build/builders/buildSurfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EACL,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE,qCAAqC;AACrC,MAAM,CAAC,OAAO,UAAU,aAAa,CACnC,QAAsB,EACtB,MAA2B,EAC3B,QAAkB,EAClB,UAAwB,EACxB,SAAiB;IAEjB,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC;IAC7C,MAAM,UAAU,GAAG,SAAS,EAAE,OAAO,CAAC;IACtC,IAAI,CAAC,UAAU,EAAE,QAAQ,EAAE,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAc,EAAE,CAAC;IAE/B,KAAK,MAAM,OAAO,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QACvD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;YACvB,SAAS;QACX,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,gBAAgB,CAC1D,SAAS,EACT,SAAS,EACT,OAAO,CACR,CAAC;QACF,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;QAC3D,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;QAEzE,MAAM,cAAc,GAAG,sBAAsB,CAC3C,SAAS,EACT,OAAO,EACP,UAA0C,EAC1C,aAA6C,EAC7C,SAAS,EACT,QAAQ,EACR,oBAAoB,CAAC,OAAO,CAAC,CAC9B,CAAC;QAEF,QAAQ,CAAC,IAAI,CAAC,GAAG,uBAAuB,CAAC,cAAc,CAAC,CAAC,CAAC;QAE1D,KAAK,MAAM,WAAW,IAAI,cAAc,CAAC,YAAY,EAAE,CAAC;YACtD,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,wBAAwB,CAAC;gBACxD,MAAM,EAAE,WAAW,CAAC,QAAQ;gBAC5B,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,UAAU;gBAChB,aAAa,EAAE,wBAAwB;gBACvC,WAAW,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;gBACvE,UAAU,EAAE,iBAAiB;gBAC7B,WAAW,EAAE,gBAAgB,CAAC,WAAW,CAAC,QAAQ,CAAC;aACpD,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IACvD,UAAU,CAAC,wBAAwB,EAAE,GAAG,MAAM,KAAK,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC9E,CAAC"}