@rojaostudio/ds-core 1.1.0-next.1 → 1.1.0-next.3

package/dist/{chunk-CFOS2RAD.js → chunk-XEVAQPW7.js}

@@ -1092,7 +1092,7 @@ ${lines.join("\n")}
   const scopes = scope.split(",").map((s) => s.trim());
   const darkSel = scopes.map((s) => s === ":root" ? `:root${dark}, ${dark}` : `${s}${dark}, ${dark} ${s}`).join(", ");
   return [
-    block2(scope, theme.light),
+    block2(scope, __spreadValues(__spreadValues({}, theme.light), theme.vars)),
     block2(darkSel, theme.dark, theme.light),
     block2(plate, theme.brand, theme.light)
   ].join("\n\n") + "\n";
@@ -1102,6 +1102,44 @@ function rdsContrast(theme, mode, fg, bg) {
   if (!/^#[0-9a-f]{6}$/i.test(a) || !/^#[0-9a-f]{6}$/i.test(c)) return null;
   return contrastRatio(a, c);
 }
+var isColourRef = (v) => /^[a-z][a-z0-9-]*\/[a-z]?\d+$/i.test(v);
+function rdsThemeFromTable(table) {
+  var _a;
+  const out = { light: {}, dark: {}, brand: {} };
+  const problems = [];
+  for (const mode of ["light", "dark", "brand"]) {
+    const roles = (_a = table.modes) == null ? void 0 : _a[mode];
+    if (!roles) {
+      problems.push(`mode "${mode}" is missing`);
+      continue;
+    }
+    for (const [role] of ROLES) {
+      const ref2 = roles[role];
+      if (ref2 === void 0) problems.push(`${mode}: role "${role}" is missing`);
+      else if (isColourRef(ref2)) {
+        const value = table.primitives[ref2];
+        if (value === void 0) problems.push(`${mode}: "${role}" points to unknown primitive "${ref2}"`);
+        else out[mode][roleVar(role)] = value.toLowerCase();
+      } else out[mode][roleVar(role)] = ref2;
+    }
+  }
+  const valueOf = (where, ref2) => {
+    if (!isColourRef(ref2)) return ref2;
+    const value = table.primitives[ref2];
+    if (value === void 0) problems.push(`${where} points to unknown primitive "${ref2}"`);
+    return value == null ? void 0 : value.toLowerCase();
+  };
+  if (table.vars) {
+    out.vars = {};
+    for (const [name, ref2] of Object.entries(table.vars)) {
+      const value = valueOf(`var "${name}"`, ref2);
+      if (value !== void 0) out.vars[roleVar(name)] = value;
+    }
+  }
+  if (problems.length) throw new Error(`rdsThemeFromTable(${table.name}):
+  ${problems.join("\n  ")}`);
+  return out;
+}
 
 // generate/emitCss.ts
 var SECTIONS = [
@@ -1323,4 +1361,4 @@ neutral 50 ${neutral[50]} \xB7 500 ${neutral[500]} \xB7 900 ${neutral[900]}
 `;
 }
 
-export { ROLES, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, refToHex, relativeLuminance, resolveTheme, roleVar };
+export { ROLES, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar };

package/dist/generate.d.ts

@@ -3,7 +3,10 @@ import { a as BrandDef } from './recipe.schema-Cq7e82nx.js';
 export { A as Archetype, B as BrandColors, C as ColorRef, D as DarkStrategy, F as FontDef, P as PaletteRef, S as ScaleToken, T as TextStyle, b as TextStyleName, c as TypeScale } from './recipe.schema-Cq7e82nx.js';
 
 type RdsMode = "light" | "dark" | "brand";
-type RdsTheme = Record<RdsMode, Record<string, string>>;
+type RdsTheme = Record<RdsMode, Record<string, string>> & {
+    /** The brand's own variables (Figma `brand` collection, `<brand>/<name>`), one value for every mode. */
+    vars?: Record<string, string>;
+};
 /**
  * Roles of the [RDS] theme collection, in Figma order: [name, dark source, brand source].
  * The light mode always reads the plain base token. In dark and brand, Figma points either to the
@@ -28,6 +31,21 @@ type RdsCssOptions = {
 declare function emitRdsCss(theme: RdsTheme, opts?: RdsCssOptions): string;
 /** Contrast of a role pair in one mode (alpha colours are not measured: they depend on what is below). */
 declare function rdsContrast(theme: RdsTheme, mode: RdsMode, fg: string, bg: string): number | null;
+/**
+ * A brand as drawn in the [RDS] Base Tokens file: for each theme mode, every role points to a primitive of the
+ * [RDS] Primitives library by name ("accyan/400"), and `primitives` holds the colour Figma resolves for each.
+ * Exported by `figma/export-brand.js`. The theme comes out one to one with the Figma brand mode.
+ */
+type RdsBrandTable = {
+    $schema?: "rds-brand-table/1";
+    name: string;
+    primitives: Record<string, string>;
+    modes: Record<RdsMode, Record<string, string>>;
+    /** The brand's own variables of the `brand` collection, by Figma path ("acassius/cyan") → primitive or value. */
+    vars?: Record<string, string>;
+};
+/** The theme of a brand table. Fails on a missing role or an unknown primitive, listing them all. */
+declare function rdsThemeFromTable(table: RdsBrandTable): RdsTheme;
 
 /**
  * emitCss.ts — formata o output do generateTheme num theme.css legível.
@@ -110,4 +128,4 @@ declare function isNeutralBrand(def: {
     palettes?: PaletteDefs;
 }): boolean;
 
-export { BrandDef, type ClaudeMdOptions, type ClaudeMdTarget, ROLES as RDS_ROLES, type RdsCssOptions, type RdsMode, type RdsTheme, SCALE_STEPS, type Scale, type ScaleStep, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, refToHex, relativeLuminance, roleVar };
+export { BrandDef, type ClaudeMdOptions, type ClaudeMdTarget, ROLES as RDS_ROLES, type RdsBrandTable, type RdsCssOptions, type RdsMode, type RdsTheme, SCALE_STEPS, type Scale, type ScaleStep, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsThemeFromTable, refToHex, relativeLuminance, roleVar };

package/dist/generate.js

@@ -1,3 +1,3 @@
-export { ROLES as RDS_ROLES, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-CFOS2RAD.js';
+export { ROLES as RDS_ROLES, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-XEVAQPW7.js';
 import './chunk-FRWRLCYM.js';
 import './chunk-ORMEWXMH.js';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { G as GenResult, R as ResolvedTheme, T as TokenMap, g as generateTheme, r as resolveTheme } from './generateTheme-CUfNpsKs.js';
-export { ClaudeMdOptions, ClaudeMdTarget, RDS_ROLES, RdsCssOptions, RdsMode, RdsTheme, SCALE_STEPS, Scale, ScaleStep, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, refToHex, relativeLuminance, roleVar } from './generate.js';
+export { ClaudeMdOptions, ClaudeMdTarget, RDS_ROLES, RdsBrandTable, RdsCssOptions, RdsMode, RdsTheme, SCALE_STEPS, Scale, ScaleStep, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsThemeFromTable, refToHex, relativeLuminance, roleVar } from './generate.js';
 export { A as Archetype, B as BrandColors, a as BrandDef, C as ColorRef, D as DarkStrategy, F as FontDef, P as PaletteRef, S as ScaleToken, T as TextStyle, b as TextStyleName, c as TypeScale } from './recipe.schema-Cq7e82nx.js';
 export { primitives, tokens } from './tokens.js';
 export { RecipeName, recipes } from './recipes.js';

package/dist/index.js

@@ -1,4 +1,4 @@
 export { recipes } from './chunk-3QTDO2HW.js';
-export { ROLES as RDS_ROLES, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-CFOS2RAD.js';
+export { ROLES as RDS_ROLES, SCALE_STEPS, brandTones, buildScale, contrastRatio, emitClaudeMd, emitCss, emitRdsCss, generateRdsTheme, generateTheme, hexToHsl, hslToHex, isHex, isNeutralBrand, onColor, rdsContrast, rdsThemeFromTable, refToHex, relativeLuminance, resolveTheme, roleVar } from './chunk-XEVAQPW7.js';
 export { primitives, tokens } from './chunk-FRWRLCYM.js';
 import './chunk-ORMEWXMH.js';

package/dist/themes.js

@@ -1,4 +1,4 @@
-import { generateTheme } from './chunk-CFOS2RAD.js';
+import { generateTheme } from './chunk-XEVAQPW7.js';
 import './chunk-FRWRLCYM.js';
 import { __spreadValues, __objRest } from './chunk-ORMEWXMH.js';
 

package/figma/export-brand.js

@@ -0,0 +1,58 @@
+/* global figma */
+// Exports one brand of the [RDS] Base Tokens file as a brand table for rdsThemeFromTable().
+// Run inside the Base Tokens file with the Figma Plugin API (a plugin console or an agent with use_figma),
+// after setting BRAND to the mode name of the `base` collection. The return value is the JSON to save.
+//
+// Each theme role is followed through the aliases of the `base` collection (in the brand's mode) down to a
+// primitive of the [RDS] Primitives library, kept by name ("accyan/400") with the colour Figma resolves.
+// The brand's own variables in the `brand` collection (`<brand>/<name>`, as acassius/cyan) come along in `vars`.
+const BRAND = "rojao";
+
+const cols = await figma.variables.getLocalVariableCollectionsAsync();
+const base = cols.find((c) => c.name === "base");
+const theme = cols.find((c) => c.name === "theme");
+if (!base || !theme) throw new Error("open the [RDS] Base Tokens file");
+const brandMode = base.modes.find((m) => m.name === BRAND);
+if (!brandMode) throw new Error(`no brand "${BRAND}" in base: ${base.modes.map((m) => m.name).join(", ")}`);
+const local = new Set(cols.map((c) => c.id));
+
+const hex = (c) =>
+  "#" +
+  [c.r, c.g, c.b].map((x) => Math.round(x * 255).toString(16).padStart(2, "0")).join("") +
+  (c.a !== undefined && c.a < 1 ? Math.round(c.a * 255).toString(16).padStart(2, "0") : "");
+const literal = (v, val) => (v.resolvedType === "COLOR" ? hex(val) : String(val));
+const isAlias = (val) => val && typeof val === "object" && val.type === "VARIABLE_ALIAS";
+
+const primitives = {};
+async function resolve(v, themeMode) {
+  if (!local.has(v.variableCollectionId)) {
+    // A Primitives library variable: keep its name, record what it resolves to.
+    const val = Object.values(v.valuesByMode)[0];
+    if (isAlias(val)) return resolve(await figma.variables.getVariableByIdAsync(val.id), themeMode);
+    primitives[v.name] = literal(v, val);
+    return v.name;
+  }
+  const modeId = v.variableCollectionId === base.id ? brandMode.modeId
+    : v.variableCollectionId === theme.id ? themeMode : Object.keys(v.valuesByMode)[0];
+  const val = v.valuesByMode[modeId] ?? Object.values(v.valuesByMode)[0];
+  if (isAlias(val)) return resolve(await figma.variables.getVariableByIdAsync(val.id), themeMode);
+  return literal(v, val);
+}
+
+const modes = {};
+for (const m of theme.modes) {
+  const roles = {};
+  for (const id of theme.variableIds) {
+    const v = await figma.variables.getVariableByIdAsync(id);
+    roles[v.name] = await resolve(v, m.modeId);
+  }
+  modes[m.name] = roles;
+}
+const vars = {};
+const brandCol = cols.find((c) => c.name === "brand");
+for (const id of brandCol?.variableIds ?? []) {
+  const v = await figma.variables.getVariableByIdAsync(id);
+  if (v.name.startsWith(`${BRAND}/`)) vars[v.name] = await resolve(v, theme.modes[0].modeId);
+}
+const sorted = Object.fromEntries(Object.entries(primitives).sort(([a], [b]) => a.localeCompare(b)));
+return { $schema: "rds-brand-table/1", name: BRAND, primitives: sorted, modes, vars };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rojaostudio/ds-core",
-  "version": "1.1.0-next.1",
+  "version": "1.1.0-next.3",
   "description": "O motor do Rojão DS — tokens, derivação de tema e emissores. Sem React, sem Tailwind, sem CSS.",
   "license": "MIT",
   "author": "Rojão Studio (https://rojao.studio)",
@@ -54,7 +54,8 @@
   "files": [
     "LICENSE",
     "README.md",
-    "dist"
+    "dist",
+    "figma/export-brand.js"
   ],
   "devDependencies": {
     "eslint": "^9.18.0",