@sxl-studio/token-transformer 1.0.0

package/dist/core/writer.js

@@ -0,0 +1,124 @@
+import fs from "node:fs";
+import path from "node:path";
+import { loadTokens, groupTokensByFile } from "./loader.js";
+import { transformCSS } from "../transformers/css.js";
+import { transformSwiftUI } from "../transformers/swiftui.js";
+import { transformKotlin } from "../transformers/kotlin.js";
+export async function runTransform(config) {
+    const { tokens, collections, errors: loadErrors } = await loadTokens(config);
+    const results = [];
+    for (const [platform, platformConfig] of Object.entries(config.platforms)) {
+        if (!platformConfig)
+            continue;
+        const result = {
+            platform,
+            files: [],
+            tokenCount: 0,
+            errors: [...loadErrors],
+        };
+        try {
+            if (platformConfig.fileMapping && platformConfig.fileMapping.length > 0) {
+                result.files = buildMappedFiles(tokens, collections, platformConfig, platform);
+            }
+            else {
+                result.files = buildAutoFiles(tokens, collections, platformConfig, platform);
+            }
+            result.tokenCount = result.files.reduce((sum, f) => sum + f.tokenCount, 0);
+        }
+        catch (err) {
+            result.errors.push(`Transform error (${platform}): ${err}`);
+        }
+        results.push(result);
+    }
+    return results;
+}
+function buildMappedFiles(allTokens, _collections, config, platform) {
+    const files = [];
+    for (const mapping of config.fileMapping) {
+        const filtered = filterTokens(allTokens, mapping);
+        if (filtered.length === 0)
+            continue;
+        const content = transformTokens(filtered, config, platform, allTokens);
+        files.push({
+            path: path.join(config.outputDir, mapping.output),
+            content,
+            tokenCount: filtered.length,
+        });
+    }
+    return files;
+}
+function buildAutoFiles(allTokens, collections, config, platform) {
+    const files = [];
+    const groups = groupTokensByFile(allTokens, collections);
+    const ext = platformExtension(platform);
+    for (const [groupKey, tokens] of groups) {
+        const sanitized = groupKey
+            .replace(/\.json$/, "")
+            .replace(/[/\\]/g, path.sep);
+        const filePath = path.join(config.outputDir, `${sanitized}${ext}`);
+        const content = transformTokens(tokens, config, platform, allTokens);
+        files.push({
+            path: filePath,
+            content,
+            tokenCount: tokens.length,
+        });
+    }
+    return files;
+}
+function filterTokens(tokens, mapping) {
+    let filtered = tokens;
+    if (mapping.sources.length > 0) {
+        filtered = filtered.filter(t => mapping.sources.some(s => {
+            if (s.includes("*")) {
+                const regex = new RegExp("^" + s.replace(/\*/g, ".*") + "$");
+                return regex.test(t.sourceFile || "");
+            }
+            return (t.sourceFile || "") === s;
+        }));
+    }
+    if (mapping.filter) {
+        if (mapping.filter.types && mapping.filter.types.length > 0) {
+            filtered = filtered.filter(t => mapping.filter.types.includes(t.type));
+        }
+        if (mapping.filter.paths && mapping.filter.paths.length > 0) {
+            filtered = filtered.filter(t => mapping.filter.paths.some(p => t.path.startsWith(p)));
+        }
+        if (mapping.filter.excludePaths && mapping.filter.excludePaths.length > 0) {
+            filtered = filtered.filter(t => !mapping.filter.excludePaths.some(p => t.path.startsWith(p)));
+        }
+    }
+    return filtered;
+}
+function transformTokens(tokens, config, platform, allTokens) {
+    switch (platform) {
+        case "css": return transformCSS(tokens, config);
+        case "swiftui": return transformSwiftUI(tokens, config, allTokens);
+        case "kotlin": return transformKotlin(tokens, config, allTokens);
+    }
+}
+function platformExtension(platform) {
+    switch (platform) {
+        case "css": return ".css";
+        case "swiftui": return ".swift";
+        case "kotlin": return ".kt";
+    }
+}
+export function writeOutputFiles(results) {
+    let written = 0;
+    const errors = [];
+    for (const result of results) {
+        for (const file of result.files) {
+            try {
+                const dir = path.dirname(file.path);
+                fs.mkdirSync(dir, { recursive: true });
+                fs.writeFileSync(file.path, file.content, "utf-8");
+                written++;
+            }
+            catch (err) {
+                errors.push(`Failed to write ${file.path}: ${err}`);
+            }
+        }
+    }
+    return { written, errors };
+}
+//# sourceMappingURL=writer.js.map

package/dist/core/writer.js.map

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

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export { runTransform, writeOutputFiles } from "./core/writer.js";
+export { loadTokens } from "./core/loader.js";
+export { parseTokenFile, buildValueMap, resolveAllAliases } from "./core/parser.js";
+export { transformCSS } from "./transformers/css.js";
+export { transformSwiftUI } from "./transformers/swiftui.js";
+export { transformKotlin } from "./transformers/kotlin.js";
+export type { TransformConfig, PlatformConfig, Platform, FlatToken, TransformResult, OutputFile, SourceConfig, FileMapping, TokenFilter, CodeSyntaxConfig, GlobalSettings, } from "./core/types.js";

package/dist/index.js

@@ -0,0 +1,7 @@
+export { runTransform, writeOutputFiles } from "./core/writer.js";
+export { loadTokens } from "./core/loader.js";
+export { parseTokenFile, buildValueMap, resolveAllAliases } from "./core/parser.js";
+export { transformCSS } from "./transformers/css.js";
+export { transformSwiftUI } from "./transformers/swiftui.js";
+export { transformKotlin } from "./transformers/kotlin.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/transformers/css.d.ts

@@ -0,0 +1,2 @@
+import { FlatToken, PlatformConfig } from "../core/types.js";
+export declare function transformCSS(tokens: FlatToken[], config: PlatformConfig): string;

package/dist/transformers/css.js

@@ -0,0 +1,485 @@
+import { cssVarName, toKebabCase, resolveCodeSyntax } from "../utils/naming.js";
+import { parseColor, rgbaToCSS } from "../utils/color.js";
+import { toCssDimension } from "../utils/dimension.js";
+let _currentPrefix;
+let _resolveAliases = false;
+let _splitEffects = true;
+let _showDescriptions = true;
+export function transformCSS(tokens, config) {
+    const prefix = config.prefix ?? config.codeSyntax?.prefix;
+    _currentPrefix = prefix;
+    _resolveAliases = config.resolveAliases ?? false;
+    _splitEffects = config.splitEffects ?? true;
+    _showDescriptions = config.showDescriptions ?? true;
+    const lines = [];
+    lines.push(":root {");
+    for (const token of tokens) {
+        const codeSyntaxWeb = getCodeSyntax(token, "Web");
+        const varName = codeSyntaxWeb
+            ? extractCssVarName(codeSyntaxWeb)
+            : cssVarName(token.path, prefix);
+        if (_showDescriptions && token.description) {
+            lines.push(`  /* ${token.description} */`);
+        }
+        const isEffectsType = token.type === "effects" || token.type === "blur" || token.type === "backdrop-blur" || token.type === "glass";
+        const isPureAliasPreserve = token.isAlias && token.aliasPath && !_resolveAliases;
+        if (_splitEffects && isEffectsType && !isPureAliasPreserve) {
+            const decls = buildEffectsDeclarations(token, varName);
+            for (const d of decls) {
+                if (_showDescriptions && d.comment)
+                    lines.push(`  /* ${d.comment} */`);
+                lines.push(`  ${d.name}: ${d.value};`);
+            }
+        }
+        else {
+            const value = resolveTokenValue(token);
+            lines.push(`  ${varName}: ${value};`);
+        }
+    }
+    lines.push("}");
+    return lines.join("\n") + "\n";
+}
+function isAliasRef(val) {
+    return typeof val === "string" && /^\{[^{}]+\}$/.test(val.trim());
+}
+function aliasToVar(val) {
+    const ref = val.trim().slice(1, -1);
+    return `var(${cssVarName(ref, _currentPrefix)})`;
+}
+function cssField(rawVal, resolvedVal, formatter) {
+    if (!_resolveAliases && isAliasRef(rawVal))
+        return aliasToVar(rawVal);
+    const val = resolvedVal ?? rawVal;
+    if (formatter)
+        return formatter(val);
+    return stringifyValue(val);
+}
+function asObj(v) {
+    return (typeof v === "object" && v !== null && !Array.isArray(v))
+        ? v
+        : null;
+}
+function resolveTokenValue(token) {
+    if (token.isAlias && token.aliasPath && !_resolveAliases) {
+        return `var(${cssVarName(token.aliasPath, _currentPrefix)})`;
+    }
+    const raw = token.value;
+    const resolved = token.resolvedValue ?? token.value;
+    switch (token.type) {
+        case "color":
+            return formatCssColor(resolved);
+        case "dimension":
+        case "sizing":
+        case "spacing":
+        case "borderRadius":
+        case "borderWidth":
+        case "fontSize":
+        case "lineHeight":
+        case "letterSpacing":
+        case "paragraphSpacing":
+        case "paragraphIndent":
+            return toCssDimension(resolved);
+        case "opacity":
+        case "number":
+            return String(resolved);
+        case "fontFamily":
+        case "fontFamilies":
+            return typeof resolved === "string" ? resolved : String(resolved);
+        case "fontWeight":
+        case "fontWeights":
+            return formatFontWeight(resolved);
+        case "textCase":
+            return formatTextCase(resolved);
+        case "textDecoration":
+            return formatTextDecoration(resolved);
+        case "boolean":
+            return String(resolved);
+        case "text":
+        case "string":
+            return `"${String(resolved)}"`;
+        case "typography":
+            return formatCssTypography(raw, resolved);
+        case "shadow":
+            return formatCssShadow(raw, resolved);
+        case "border":
+            return formatCssBorder(raw, resolved);
+        case "fill":
+            return formatCssFill(raw, resolved);
+        case "gradient":
+            return formatCssGradient(raw, resolved);
+        case "fontStyle":
+            return formatCssFontStyle(resolved);
+        case "effects":
+        case "blur":
+        case "backdrop-blur":
+            return formatCssEffectsSingle(raw, resolved, token.type);
+        case "glass":
+            return formatCssGlass(raw, resolved);
+        case "transition":
+            return formatCssTransition(resolved);
+        case "grid":
+            return formatCssGrid(resolved);
+        case "duration":
+            return formatCssDuration(resolved);
+        case "cubicBezier":
+            return formatCubicBezier(resolved);
+        case "strokeStyle":
+            return formatStrokeStyle(resolved);
+        default:
+            return stringifyValue(resolved);
+    }
+}
+function formatCssColor(val) {
+    if (typeof val === "string") {
+        if (val.trim().toLowerCase() === "transparent")
+            return "transparent";
+        const parsed = parseColor(val);
+        return parsed ? rgbaToCSS(parsed) : val;
+    }
+    return stringifyValue(val);
+}
+function formatFontWeight(val) {
+    if (typeof val === "string") {
+        const weights = {
+            thin: "100", hairline: "100", ultralight: "100",
+            extralight: "200",
+            light: "300",
+            regular: "400", normal: "400",
+            medium: "500",
+            "semi-bold": "600", semibold: "600", demibold: "600",
+            bold: "700",
+            "extra-bold": "800", extrabold: "800",
+            black: "900", heavy: "900",
+        };
+        const lower = val.replace(/\s*italic\s*/i, "").trim().toLowerCase();
+        return weights[lower] ?? val;
+    }
+    return String(val);
+}
+function formatTextCase(val) {
+    const map = {
+        none: "none", uppercase: "uppercase",
+        lowercase: "lowercase", capitalize: "capitalize",
+        "small-caps": "small-caps",
+    };
+    return typeof val === "string" ? (map[val] ?? val) : String(val);
+}
+function formatTextDecoration(val) {
+    const map = {
+        none: "none", underline: "underline",
+        "line-through": "line-through",
+        "strike-through": "line-through",
+        strikethrough: "line-through",
+    };
+    return typeof val === "string" ? (map[val] ?? val) : String(val);
+}
+function formatCssTypography(raw, resolved) {
+    const src = asObj(raw);
+    const res = asObj(resolved);
+    if (!res)
+        return stringifyValue(resolved);
+    const family = cssField(src?.fontFamily, res.fontFamily, v => String(v ?? "sans-serif"));
+    const weight = cssField(src?.fontWeight, res.fontWeight, formatFontWeight);
+    const size = cssField(src?.fontSize, res.fontSize, toCssDimension);
+    const lh = cssField(src?.lineHeight, res.lineHeight, v => v ? toCssDimension(v) : "normal");
+    return `${weight} ${size}/${lh} ${family}`;
+}
+function formatCssShadow(raw, resolved) {
+    if (Array.isArray(raw)) {
+        const resArr = Array.isArray(resolved) ? resolved : raw;
+        return raw.map((s, i) => formatSingleShadow(s, resArr[i] ?? s)).join(", ");
+    }
+    return formatSingleShadow(raw, resolved);
+}
+function formatSingleShadow(raw, resolved) {
+    const src = asObj(raw);
+    const res = asObj(resolved);
+    if (!res)
+        return stringifyValue(resolved);
+    const isInner = String(res.type ?? src?.type) === "innerShadow";
+    const x = cssField(src?.offsetX, res.offsetX, v => toCssDimension(v ?? 0));
+    const y = cssField(src?.offsetY, res.offsetY, v => toCssDimension(v ?? 0));
+    const blur = cssField(src?.blur, res.blur, v => toCssDimension(v ?? 0));
+    const spread = cssField(src?.spread, res.spread, v => toCssDimension(v ?? 0));
+    const color = cssField(src?.color, res.color, v => formatCssColor(v ?? "rgba(0,0,0,0.1)"));
+    return `${isInner ? "inset " : ""}${x} ${y} ${blur} ${spread} ${color}`;
+}
+function formatCssBorder(raw, resolved) {
+    const src = asObj(raw);
+    const res = asObj(resolved);
+    if (!res)
+        return stringifyValue(resolved);
+    const width = cssField(src?.width, res.width, v => toCssDimension(v ?? "1px"));
+    const style = cssField(src?.style, res.style, v => String(v ?? "solid"));
+    const color = cssField(src?.color, res.color, v => formatCssColor(v ?? "#000"));
+    return `${width} ${style} ${color}`;
+}
+function formatCssFill(raw, resolved) {
+    if (typeof raw === "string") {
+        if (!_resolveAliases && isAliasRef(raw))
+            return aliasToVar(raw);
+        return formatCssColor(resolved);
+    }
+    if (Array.isArray(raw)) {
+        const res = Array.isArray(resolved) ? resolved : raw;
+        const layers = raw.map((layer, i) => formatFillLayer(layer, res[i])).filter(Boolean);
+        return layers.join(", ") || "transparent";
+    }
+    if (typeof raw === "object" && raw !== null) {
+        return formatFillLayer(raw, resolved) || "transparent";
+    }
+    return stringifyValue(resolved);
+}
+function formatFillLayer(rawLayer, resolvedLayer) {
+    if (typeof rawLayer === "string") {
+        if (!_resolveAliases && isAliasRef(rawLayer))
+            return aliasToVar(rawLayer);
+        return formatCssColor(resolvedLayer ?? rawLayer);
+    }
+    if (typeof rawLayer !== "object" || rawLayer === null)
+        return "";
+    const rl = rawLayer;
+    const rs = asObj(resolvedLayer) ?? rl;
+    if (rl.type === "solid")
+        return cssField(rl.color, rs.color, formatCssColor);
+    if (rl.type === "gradient" && rl.gradient) {
+        return formatCssGradient(rl.gradient, rs.gradient ?? rl.gradient);
+    }
+    if (rl.type === "image")
+        return `url(${rl.imageUrl})`;
+    if (rl.color)
+        return cssField(rl.color, rs.color, formatCssColor);
+    return stringifyValue(resolvedLayer);
+}
+function formatCssGradient(raw, resolved) {
+    const src = asObj(raw);
+    const res = asObj(resolved ?? raw);
+    if (!res)
+        return stringifyValue(resolved ?? raw);
+    const type = String(res.type ?? src?.type ?? "linear");
+    const rawStops = (src?.stops ?? res.stops);
+    const resStops = (res.stops ?? rawStops);
+    const stops = rawStops ?? [];
+    const stopStr = stops.map((s, i) => {
+        const rs = resStops?.[i] ?? s;
+        const color = cssField(s.color, rs.color, v => formatCssColor(v ?? rs.color));
+        const pos = (rs.position ?? s.position) !== undefined
+            ? ` ${(rs.position ?? s.position) * 100}%` : "";
+        return `${color}${pos}`;
+    }).join(", ");
+    switch (type) {
+        case "linear": {
+            const angle = res.angle !== undefined ? `${res.angle}deg, ` : "";
+            return `linear-gradient(${angle}${stopStr})`;
+        }
+        case "radial":
+            return `radial-gradient(${stopStr})`;
+        case "angular":
+        case "diamond":
+            return `conic-gradient(${stopStr})`;
+        default:
+            return `linear-gradient(${stopStr})`;
+    }
+}
+function buildEffectsDeclarations(token, baseName) {
+    const raw = token.value;
+    const resolved = token.resolvedValue ?? token.value;
+    if (token.type === "blur") {
+        return [{ name: baseName, value: formatBlurValue(raw, resolved), comment: "filter" }];
+    }
+    if (token.type === "backdrop-blur") {
+        return [{ name: baseName, value: formatBlurValue(raw, resolved), comment: "backdrop-filter" }];
+    }
+    if (token.type === "glass") {
+        const res = asObj(resolved) ?? asObj(raw);
+        const radius = res?.radius ?? 8;
+        return [
+            { name: baseName, value: `blur(${radius}px)`, comment: "backdrop-filter (glass)" },
+            { name: `${baseName}-refraction`, value: String(res?.refraction ?? 0.2) },
+            { name: `${baseName}-depth`, value: String(res?.depth ?? 12) },
+            { name: `${baseName}-dispersion`, value: String(res?.dispersion ?? 0.1) },
+            { name: `${baseName}-light-intensity`, value: String(res?.lightIntensity ?? 0.3) },
+            { name: `${baseName}-light-angle`, value: `${res?.lightAngle ?? 45}deg` },
+        ];
+    }
+    const items = Array.isArray(raw) ? raw : [raw];
+    const resItems = Array.isArray(resolved) ? resolved : [resolved];
+    const shadows = [];
+    const filterParts = [];
+    const backdropParts = [];
+    for (let i = 0; i < items.length; i++) {
+        const e = asObj(items[i]);
+        const r = asObj(resItems[i]) ?? e;
+        if (!e && !r)
+            continue;
+        const rawObj = e ?? r;
+        const resObj = r ?? e;
+        const t = String(rawObj.type ?? resObj.type ?? "");
+        if (t === "dropShadow" || t === "innerShadow") {
+            shadows.push(formatSingleShadow(rawObj, resObj));
+        }
+        else if (t === "layerBlur") {
+            const radius = cssField(rawObj.radius, resObj.radius, v => toCssDimension(v ?? 0));
+            filterParts.push(`blur(${radius})`);
+        }
+        else if (t === "backgroundBlur") {
+            const radius = cssField(rawObj.radius, resObj.radius, v => toCssDimension(v ?? 0));
+            backdropParts.push(`blur(${radius})`);
+        }
+    }
+    const decls = [];
+    const hasShadows = shadows.length > 0;
+    const hasFilter = filterParts.length > 0;
+    const hasBackdrop = backdropParts.length > 0;
+    if (hasShadows) {
+        decls.push({ name: baseName, value: shadows.join(", "), comment: "box-shadow" });
+    }
+    if (hasFilter) {
+        const name = hasShadows || hasBackdrop ? `${baseName}-blur` : baseName;
+        decls.push({ name, value: filterParts.join(" "), comment: "filter" });
+    }
+    if (hasBackdrop) {
+        const name = hasShadows || hasFilter ? `${baseName}-backdrop-blur` : baseName;
+        decls.push({ name, value: backdropParts.join(" "), comment: "backdrop-filter" });
+    }
+    if (decls.length === 0) {
+        decls.push({ name: baseName, value: "none" });
+    }
+    return decls;
+}
+function formatBlurValue(raw, resolved) {
+    const src = asObj(raw);
+    const res = asObj(resolved);
+    const obj = res ?? src;
+    if (!obj)
+        return stringifyValue(resolved);
+    const radius = cssField(src?.blur ?? src?.radius, obj.blur ?? obj.radius, v => toCssDimension(v ?? 0));
+    return `blur(${radius})`;
+}
+function formatCssEffectsSingle(raw, resolved, type) {
+    if (type === "blur" || type === "backdrop-blur") {
+        return formatBlurValue(raw, resolved);
+    }
+    if (Array.isArray(raw)) {
+        const resArr = Array.isArray(resolved) ? resolved : raw;
+        const shadows = [];
+        for (let i = 0; i < raw.length; i++) {
+            const e = asObj(raw[i]);
+            const r = asObj(resArr[i]) ?? e;
+            if (!e && !r)
+                continue;
+            const rawObj = e ?? r;
+            const resObj = r ?? e;
+            const t = String(rawObj.type ?? resObj.type ?? "");
+            if (t === "dropShadow" || t === "innerShadow") {
+                shadows.push(formatSingleShadow(rawObj, resObj));
+            }
+        }
+        return shadows.join(", ") || "none";
+    }
+    if (typeof raw === "object" && raw !== null) {
+        const e = raw;
+        const r = asObj(resolved) ?? e;
+        const t = String(e.type ?? r.type);
+        if (t === "dropShadow" || t === "innerShadow")
+            return formatSingleShadow(raw, resolved);
+        if (t === "backgroundBlur" || t === "layerBlur")
+            return formatBlurValue(raw, resolved);
+    }
+    return stringifyValue(resolved);
+}
+function formatCssTransition(val) {
+    if (typeof val !== "object" || val === null)
+        return stringifyValue(val);
+    const t = val;
+    const duration = t.duration ? formatCssDuration(t.duration) : "0ms";
+    const easing = t.timingFunction ?? t.easing ?? "ease";
+    const delay = t.delay ? formatCssDuration(t.delay) : "";
+    return `all ${duration} ${easing}${delay ? " " + delay : ""}`;
+}
+function formatCssDuration(val) {
+    if (typeof val === "number")
+        return `${val}ms`;
+    if (typeof val === "string") {
+        if (/^\d+$/.test(val.trim()))
+            return `${val}ms`;
+        return val;
+    }
+    return String(val);
+}
+function formatCubicBezier(val) {
+    if (Array.isArray(val) && val.length === 4) {
+        return `cubic-bezier(${val.join(", ")})`;
+    }
+    return stringifyValue(val);
+}
+function formatStrokeStyle(val) {
+    if (typeof val === "string")
+        return val;
+    if (typeof val === "object" && val !== null) {
+        const s = val;
+        if (s.dashArray && Array.isArray(s.dashArray)) {
+            const dashStr = s.dashArray.join(" ");
+            const cap = s.lineCap ? ` /* lineCap: ${s.lineCap} */` : "";
+            return `dashed /* dashArray: ${dashStr}${cap} */`;
+        }
+    }
+    return stringifyValue(val);
+}
+function formatCssFontStyle(val) {
+    if (typeof val === "string") {
+        const lower = val.toLowerCase().trim();
+        if (lower === "italic" || lower === "oblique")
+            return lower;
+        if (lower === "normal" || lower === "regular")
+            return "normal";
+        return lower;
+    }
+    return "normal";
+}
+function formatCssGlass(raw, resolved) {
+    const src = asObj(raw);
+    const res = asObj(resolved ?? raw);
+    if (!res)
+        return stringifyValue(resolved ?? raw);
+    const radius = res.radius ?? src?.radius ?? 8;
+    const refraction = res.refraction ?? src?.refraction ?? 0.2;
+    const depth = res.depth ?? src?.depth ?? 12;
+    const dispersion = res.dispersion ?? src?.dispersion ?? 0.1;
+    const lightIntensity = res.lightIntensity ?? src?.lightIntensity ?? 0.3;
+    const lightAngle = res.lightAngle ?? src?.lightAngle ?? 45;
+    return `blur(${radius}px) /* glass: refraction=${refraction} depth=${depth} dispersion=${dispersion} light=${lightIntensity}@${lightAngle}deg */`;
+}
+function formatCssGrid(val) {
+    if (typeof val !== "object" || val === null)
+        return stringifyValue(val);
+    const g = val;
+    const columns = g.columns ?? g.count ?? "auto";
+    const gap = g.gap ? toCssDimension(g.gap) : "0";
+    return `repeat(${columns}, 1fr) /* gap: ${gap} */`;
+}
+function getCodeSyntax(token, platform) {
+    const cs = token.extensions?.["figma.codeSyntax"];
+    if (!cs?.[platform])
+        return undefined;
+    return resolveCodeSyntax(cs[platform], token.path);
+}
+function extractCssVarName(cssSyntax) {
+    const match = cssSyntax.match(/var\(\s*(--[^)]+)\s*\)/);
+    return match ? match[1] : `--${toKebabCase(cssSyntax)}`;
+}
+function stringifyValue(val) {
+    if (val === null || val === undefined)
+        return "none";
+    if (typeof val === "string")
+        return val;
+    if (typeof val === "number" || typeof val === "boolean")
+        return String(val);
+    try {
+        return JSON.stringify(val);
+    }
+    catch {
+        return String(val);
+    }
+}
+//# sourceMappingURL=css.js.map