@motion-proto/live-tokens 0.74.0 → 0.76.0

package/dist-plugin/migrateData/index.cjs

@@ -59,9 +59,11 @@ function versionedFileResourceServer(opts) {
   function ensureMeta() {
     if (!import_fs.default.existsSync(activePath)) {
       import_fs.default.writeFileSync(activePath, JSON.stringify({ activeFile: defaultName }));
+      opts.onWrite?.(activePath);
     }
     if (!import_fs.default.existsSync(productionPath)) {
       import_fs.default.writeFileSync(productionPath, JSON.stringify({ productionFile: defaultName }));
+      opts.onWrite?.(productionPath);
     }
   }
   function filePath(name) {
@@ -126,9 +128,11 @@ function versionedFileResourceServer(opts) {
   }
   function setActiveName(name) {
     import_fs.default.writeFileSync(activePath, JSON.stringify({ activeFile: name }));
+    opts.onWrite?.(activePath);
   }
   function setProductionName(name) {
     import_fs.default.writeFileSync(productionPath, JSON.stringify({ productionFile: name }));
+    opts.onWrite?.(productionPath);
   }
   function hasWorking() {
     return import_fs.default.existsSync(workingPath);
@@ -144,9 +148,12 @@ function versionedFileResourceServer(opts) {
   function writeWorking(data) {
     ensureDir();
     import_fs.default.writeFileSync(workingPath, JSON.stringify(data, null, 2));
+    opts.onWrite?.(workingPath);
   }
   function clearWorking() {
-    if (import_fs.default.existsSync(workingPath)) import_fs.default.unlinkSync(workingPath);
+    if (!import_fs.default.existsSync(workingPath)) return;
+    import_fs.default.unlinkSync(workingPath);
+    opts.onWrite?.(workingPath);
   }
   return {
     dir,
@@ -1053,6 +1060,47 @@ var colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys = {
   }
 };
 
+// src/editor/core/themes/migrations/2026-09-07-stroke-role-renames.ts
+var RENAMES2 = {
+  tabbar: Object.fromEntries(
+    ["default", "hover", "active", "disabled"].map((s) => [
+      `--tabbar-${s}-indicator-border-width`,
+      `--tabbar-${s}-indicator-width`
+    ])
+  ),
+  collapsiblesection: Object.fromEntries(
+    ["default", "hover"].flatMap((s) => [
+      [`--collapsiblesection-divider-${s}-border`, `--collapsiblesection-divider-${s}-hairline-color`],
+      [`--collapsiblesection-divider-${s}-border-width`, `--collapsiblesection-divider-${s}-hairline-thickness`]
+    ])
+  ),
+  dialog: Object.fromEntries(
+    ["header", "footer"].flatMap((part) => [
+      [`--dialog-${part}-border`, `--dialog-${part}-divider`],
+      [`--dialog-${part}-border-width`, `--dialog-${part}-divider-width`]
+    ])
+  ),
+  table: {
+    "--table-default-header-border": "--table-default-header-divider",
+    "--table-default-header-border-width": "--table-default-header-divider-width"
+  }
+};
+var componentMigration_2026_09_07_strokeRoleRenames = {
+  id: "2026-09-07-stroke-role-renames",
+  fromVersion: 26,
+  toVersion: 27,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES2[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1088,7 +1136,8 @@ var MIGRATIONS = [
   componentMigration_2026_09_01_tabbarActiveTint,
   componentMigration_2026_09_01_gateSuffixEnabled,
   componentMigration_2026_09_02_sectiondividerDropTitleOutline,
-  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys
+  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys,
+  componentMigration_2026_09_07_strokeRoleRenames
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
@@ -2251,6 +2300,11 @@ function migrateData(opts) {
 var import_fs4 = __toESM(require("fs"), 1);
 var import_path4 = __toESM(require("path"), 1);
 var DEFAULT_DATA_DIR = "src/live-tokens/data";
+var TEST_DATA_DIR_ENV = "LIVE_TOKENS_TEST_DATA_DIR";
+function testDataDir() {
+  const raw = process.env[TEST_DATA_DIR_ENV];
+  return raw && raw.trim() !== "" ? import_path4.default.resolve(raw.trim()) : void 0;
+}
 var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "dataDir",
   "colorsAndTypeDir",
@@ -2284,6 +2338,16 @@ function readLiveTokensConfig() {
   }
 }
 function resolveDataDirs(opts = {}) {
+  const isolated = testDataDir();
+  if (isolated) {
+    return {
+      dataDir: isolated,
+      colorsAndTypeDir: import_path4.default.join(isolated, "colors-and-type"),
+      componentConfigsDir: import_path4.default.join(isolated, "component-configs"),
+      themesDir: import_path4.default.join(isolated, "themes"),
+      sketchStylesDir: import_path4.default.join(isolated, "sketch-styles")
+    };
+  }
   const fileConfig = readLiveTokensConfig();
   const dataDirRaw = opts.dataDir ?? fileConfig.dataDir ?? DEFAULT_DATA_DIR;
   const dataDir = import_path4.default.resolve(dataDirRaw);

package/dist-plugin/migrateData/index.d.cts

@@ -1,4 +1,4 @@
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.cjs';
 
 interface LegacyRename {
     from: string;

package/dist-plugin/migrateData/index.d.ts

@@ -1,4 +1,4 @@
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.js';
 
 interface LegacyRename {
     from: string;

package/dist-plugin/migrateData/index.js

@@ -7,14 +7,14 @@ import {
   normalizeTheme,
   planLegacyRenames,
   versionedFileResourceServer
-} from "../chunk-7VRTBGJT.js";
+} from "../chunk-PDNL4NC5.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-V3YF6CGT.js";
+} from "../chunk-SWXRVZKT.js";
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-W6Y4BWFB.js";
+} from "../chunk-6WGFOJXO.js";
 
 // vite-plugin/migrateData/migrateData.ts
 import fs from "fs";

package/dist-plugin/setColors/index.cjs

@@ -1013,7 +1013,7 @@ function runContrastGate(configs, scheme) {
   const failures = checks.filter((c) => !c.pass).map((c) => {
     const label = defs.find((d) => d.textVar === c.textVar).paletteLabel;
     const hint = scheme === "dark" ? `raise the ${label} base color lightness (derived text tops out at 2\xD7 its L)` : `raise the ${label} base color lightness or reduce its chroma`;
-    return `${c.textVar} reaches ${c.ratio.toFixed(2)}:1 vs ${c.against} (floor ${c.floor}:1) \u2014 ${hint}`;
+    return `${c.textVar} reaches ${c.ratio.toFixed(2)}:1 vs ${c.against} (floor ${c.floor}:1): ${hint}`;
   });
   return { scheme, checks, failures };
 }
@@ -1044,7 +1044,7 @@ function applyCanvasGradient(canvas, scheme) {
   const anchor = canvas.anchorPlacement.step;
   const sky = scheme === "dark" ? Math.min(anchor + 2, labels.length - 1) : Math.max(anchor - 2, 0);
   if (sky === anchor) {
-    return `skipped \u2014 the Canvas base color anchors at the ramp edge (${labels[anchor]}), leaving no room for a sky; commit the canvas further from ${scheme === "dark" ? "black" : "white"}`;
+    return `skipped: the Canvas base color anchors at the ramp edge (${labels[anchor]}), leaving no room for a sky; commit the canvas further from ${scheme === "dark" ? "black" : "white"}`;
   }
   canvas.emptyMode = "gradient";
   canvas.gradientStyle = "linear";
@@ -1055,7 +1055,7 @@ function applyCanvasGradient(canvas, scheme) {
     { position: 100, paletteLabel: labels[anchor] }
   ];
   canvas.gradientSize = "window";
-  return `on, ${labels[sky]} \u2192 ${labels[anchor]}`;
+  return `on, ${labels[sky]} to ${labels[anchor]}`;
 }
 var STOCK_SHADOW_GEOMETRY = {
   "--shadow-sm": [1, 1, 2],
@@ -1130,6 +1130,11 @@ function sanitizeFileName(name) {
 var import_fs = __toESM(require("fs"), 1);
 var import_path = __toESM(require("path"), 1);
 var DEFAULT_DATA_DIR = "src/live-tokens/data";
+var TEST_DATA_DIR_ENV = "LIVE_TOKENS_TEST_DATA_DIR";
+function testDataDir() {
+  const raw = process.env[TEST_DATA_DIR_ENV];
+  return raw && raw.trim() !== "" ? import_path.default.resolve(raw.trim()) : void 0;
+}
 var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "dataDir",
   "colorsAndTypeDir",
@@ -1163,6 +1168,16 @@ function readLiveTokensConfig() {
   }
 }
 function resolveDataDirs(opts = {}) {
+  const isolated = testDataDir();
+  if (isolated) {
+    return {
+      dataDir: isolated,
+      colorsAndTypeDir: import_path.default.join(isolated, "colors-and-type"),
+      componentConfigsDir: import_path.default.join(isolated, "component-configs"),
+      themesDir: import_path.default.join(isolated, "themes"),
+      sketchStylesDir: import_path.default.join(isolated, "sketch-styles")
+    };
+  }
   const fileConfig = readLiveTokensConfig();
   const dataDirRaw = opts.dataDir ?? fileConfig.dataDir ?? DEFAULT_DATA_DIR;
   const dataDir = import_path.default.resolve(dataDirRaw);
@@ -2059,6 +2074,47 @@ var colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys = {
   }
 };
 
+// src/editor/core/themes/migrations/2026-09-07-stroke-role-renames.ts
+var RENAMES2 = {
+  tabbar: Object.fromEntries(
+    ["default", "hover", "active", "disabled"].map((s) => [
+      `--tabbar-${s}-indicator-border-width`,
+      `--tabbar-${s}-indicator-width`
+    ])
+  ),
+  collapsiblesection: Object.fromEntries(
+    ["default", "hover"].flatMap((s) => [
+      [`--collapsiblesection-divider-${s}-border`, `--collapsiblesection-divider-${s}-hairline-color`],
+      [`--collapsiblesection-divider-${s}-border-width`, `--collapsiblesection-divider-${s}-hairline-thickness`]
+    ])
+  ),
+  dialog: Object.fromEntries(
+    ["header", "footer"].flatMap((part) => [
+      [`--dialog-${part}-border`, `--dialog-${part}-divider`],
+      [`--dialog-${part}-border-width`, `--dialog-${part}-divider-width`]
+    ])
+  ),
+  table: {
+    "--table-default-header-border": "--table-default-header-divider",
+    "--table-default-header-border-width": "--table-default-header-divider-width"
+  }
+};
+var componentMigration_2026_09_07_strokeRoleRenames = {
+  id: "2026-09-07-stroke-role-renames",
+  fromVersion: 26,
+  toVersion: 27,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES2[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -2094,7 +2150,8 @@ var MIGRATIONS = [
   componentMigration_2026_09_01_tabbarActiveTint,
   componentMigration_2026_09_01_gateSuffixEnabled,
   componentMigration_2026_09_02_sectiondividerDropTitleOutline,
-  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys
+  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys,
+  componentMigration_2026_09_07_strokeRoleRenames
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

package/dist-plugin/setColors/index.d.cts

@@ -1,5 +1,5 @@
 import { P as PaletteConfig, H as HarmonyAxis, G as GradientDiskToken, O as Oklch, d as HarmonyMode } from '../themeTypes-BxRtuN5V.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
 /**

package/dist-plugin/setColors/index.d.ts

@@ -1,5 +1,5 @@
 import { P as PaletteConfig, H as HarmonyAxis, G as GradientDiskToken, O as Oklch, d as HarmonyMode } from '../themeTypes-BxRtuN5V.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
 /**

package/dist-plugin/setColors/index.js

@@ -18,7 +18,7 @@ import {
 } from "../chunk-O6GQ6GBH.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-V3YF6CGT.js";
+} from "../chunk-SWXRVZKT.js";
 import {
   cssColorToOklch,
   gamutClamp,
@@ -29,7 +29,7 @@ import {
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-W6Y4BWFB.js";
+} from "../chunk-6WGFOJXO.js";
 
 // src/editor/core/store/editorCore.ts
 import { writable, derived, get } from "svelte/store";
@@ -398,7 +398,7 @@ function runContrastGate(configs, scheme) {
   const failures = checks.filter((c) => !c.pass).map((c) => {
     const label = defs.find((d) => d.textVar === c.textVar).paletteLabel;
     const hint = scheme === "dark" ? `raise the ${label} base color lightness (derived text tops out at 2\xD7 its L)` : `raise the ${label} base color lightness or reduce its chroma`;
-    return `${c.textVar} reaches ${c.ratio.toFixed(2)}:1 vs ${c.against} (floor ${c.floor}:1) \u2014 ${hint}`;
+    return `${c.textVar} reaches ${c.ratio.toFixed(2)}:1 vs ${c.against} (floor ${c.floor}:1): ${hint}`;
   });
   return { scheme, checks, failures };
 }
@@ -429,7 +429,7 @@ function applyCanvasGradient(canvas, scheme) {
   const anchor = canvas.anchorPlacement.step;
   const sky = scheme === "dark" ? Math.min(anchor + 2, labels.length - 1) : Math.max(anchor - 2, 0);
   if (sky === anchor) {
-    return `skipped \u2014 the Canvas base color anchors at the ramp edge (${labels[anchor]}), leaving no room for a sky; commit the canvas further from ${scheme === "dark" ? "black" : "white"}`;
+    return `skipped: the Canvas base color anchors at the ramp edge (${labels[anchor]}), leaving no room for a sky; commit the canvas further from ${scheme === "dark" ? "black" : "white"}`;
   }
   canvas.emptyMode = "gradient";
   canvas.gradientStyle = "linear";
@@ -440,7 +440,7 @@ function applyCanvasGradient(canvas, scheme) {
     { position: 100, paletteLabel: labels[anchor] }
   ];
   canvas.gradientSize = "window";
-  return `on, ${labels[sky]} \u2192 ${labels[anchor]}`;
+  return `on, ${labels[sky]} to ${labels[anchor]}`;
 }
 var STOCK_SHADOW_GEOMETRY = {
   "--shadow-sm": [1, 1, 2],

package/dist-plugin/setGeometry/index.cjs

@@ -64,7 +64,10 @@ var KIND_RULES = [
     prefix: ["--text-"]
   },
   { kind: "radius", suffix: ["-radius"], prefix: ["--radius-"] },
-  { kind: "divider-width", suffix: ["-divider-width", "-divider-thickness"] },
+  // Three stroke roles share the `--border-width-*` scale: a border encloses,
+  // a divider separates, an accent emphasises. `set-geometry` moves each role
+  // on its own, so a suffix has to say which line it names.
+  { kind: "divider-width", suffix: ["-divider-width", "-divider-thickness", "-hairline-thickness", "-thickness"] },
   { kind: "divider-height", suffix: ["-divider-height", "-track-height"] },
   { kind: "divider-inset", suffix: ["-divider-inset", "-inset"] },
   { kind: "dot-size", suffix: ["-dot-size"] },
@@ -75,11 +78,8 @@ var KIND_RULES = [
   { kind: "gap", suffix: ["-gap"] },
   { kind: "duration", suffix: ["-duration"], prefix: ["--duration-"] },
   { kind: "easing", suffix: ["-easing"], prefix: ["--ease-"] },
-  {
-    kind: "border-width",
-    suffix: ["-border-width", "-accent-width", "-hairline-thickness", "-thickness"],
-    prefix: ["--border-width-"]
-  },
+  { kind: "accent-width", suffix: ["-accent-width", "-indicator-width"] },
+  { kind: "border-width", suffix: ["-border-width"], prefix: ["--border-width-"] },
   { kind: "border", suffix: ["-border"], prefix: ["--border-"] },
   // A dimension with no more specific name behind it — a panel's width, an
   // avatar's size. Last of the geometry rules, so every `-border-width`,
@@ -122,7 +122,7 @@ function matchesKind(variable, kind) {
 
 // src/editor/core/components/adjustAliases.ts
 var RADIUS_FULL = "--radius-full";
-var RADIUS_RUNGS = [
+var RADIUS_STEPS = [
   "--radius-none",
   "--radius-sm",
   "--radius-md",
@@ -146,12 +146,13 @@ var SPACE_SETTABLE = [
   "--space-32",
   "--space-48"
 ];
-var SPACE_RUNGS = SPACE_SETTABLE;
-var INSET_RUNGS = SPACE_SETTABLE.slice(SPACE_SETTABLE.indexOf("--space-4"));
-var TEXT_INSET_RUNGS = SPACE_SETTABLE.slice(SPACE_SETTABLE.indexOf("--space-6"));
+var SPACE_STEPS = SPACE_SETTABLE;
+var INSET_STEPS = SPACE_SETTABLE.slice(SPACE_SETTABLE.indexOf("--space-4"));
+var TEXT_INSET_STEPS = SPACE_SETTABLE.slice(SPACE_SETTABLE.indexOf("--space-6"));
 var SPACE_FAMILY = [...SPACE_SETTABLE, "--space-40", "--space-64", "--space-96", "--space-128"];
-var BORDER_WIDTH_RUNGS = [
-  "--border-width-0",
+var BORDER_WIDTH_NONE = "--border-width-0";
+var BORDER_WIDTH_SETTABLE = [
+  BORDER_WIDTH_NONE,
   "--border-width-1",
   "--border-width-2",
   "--border-width-3",
@@ -165,70 +166,75 @@ var BORDER_WIDTH_RUNGS = [
   "--border-width-20",
   "--border-width-24"
 ];
-var LADDERS = {
+var STROKE_STEPS = BORDER_WIDTH_SETTABLE.slice(1);
+var STROKE_SCALE = {
+  steps: STROKE_STEPS,
+  settable: BORDER_WIDTH_SETTABLE,
+  family: BORDER_WIDTH_SETTABLE
+};
+var SCALES = {
   radius: {
-    rungs: RADIUS_RUNGS,
-    settable: [...RADIUS_RUNGS, RADIUS_FULL],
-    family: [...RADIUS_RUNGS, RADIUS_FULL]
+    steps: RADIUS_STEPS,
+    settable: [...RADIUS_STEPS, RADIUS_FULL],
+    family: [...RADIUS_STEPS, RADIUS_FULL]
   },
-  padding: { rungs: SPACE_RUNGS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
-  gap: { rungs: SPACE_RUNGS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
-  "border-width": {
-    rungs: BORDER_WIDTH_RUNGS,
-    settable: BORDER_WIDTH_RUNGS,
-    family: BORDER_WIDTH_RUNGS
-  }
+  padding: { steps: SPACE_STEPS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
+  gap: { steps: SPACE_STEPS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
+  "border-width": STROKE_SCALE,
+  "divider-width": STROKE_SCALE,
+  "accent-width": STROKE_SCALE
 };
 var TOKEN_NAME = /^--[a-z0-9-]+$/;
-function rungsFor(op, variable, aliases) {
-  if (op.kind === "radius") return op.full ? [...RADIUS_RUNGS, RADIUS_FULL] : RADIUS_RUNGS;
-  if (op.kind !== "padding") return LADDERS[op.kind].rungs;
+function stepsFor(op, variable, aliases) {
+  if (op.kind === "radius") return op.full ? [...RADIUS_STEPS, RADIUS_FULL] : RADIUS_STEPS;
+  if (op.kind !== "padding") return SCALES[op.kind].steps;
   const base = stripSide(variable);
-  if (!base.endsWith("-padding")) return LADDERS.padding.rungs;
+  if (!base.endsWith("-padding")) return SCALES.padding.steps;
   const variant = base.slice(0, -"-padding".length);
-  return `${variant}-text-font-size` in aliases ? TEXT_INSET_RUNGS : INSET_RUNGS;
+  return `${variant}-text-font-size` in aliases ? TEXT_INSET_STEPS : INSET_STEPS;
 }
 function spaceStep(token) {
   return Number(token.slice("--space-".length));
 }
-function snapRung(token, rungs, direction) {
+function snapStep(token, steps, direction) {
   const step = spaceStep(token);
-  if (direction > 0) return rungs.findIndex((rung) => spaceStep(rung) > step);
-  for (let index = rungs.length - 1; index >= 0; index--) {
-    if (spaceStep(rungs[index]) < step) return index;
+  if (direction > 0) return steps.findIndex((candidate) => spaceStep(candidate) > step);
+  for (let index = steps.length - 1; index >= 0; index--) {
+    if (spaceStep(steps[index]) < step) return index;
   }
   return -1;
 }
 function resolve(op, variable, value, aliases) {
   if (typeof value !== "string" || !TOKEN_NAME.test(value)) return { skip: "raw-value" };
-  if (!LADDERS[op.kind].family.includes(value)) return { skip: "off-ladder" };
+  if (!SCALES[op.kind].family.includes(value)) return { skip: "off-scale" };
   if (op.set !== void 0) return { from: value, to: op.set };
-  const rungs = rungsFor(op, variable, aliases);
-  let index = rungs.indexOf(value);
+  const steps = stepsFor(op, variable, aliases);
+  let index = steps.indexOf(value);
   let shift = op.shift;
   if (index < 0) {
     if (value === RADIUS_FULL) return { skip: "pill-preserved" };
-    index = snapRung(value, rungs, shift);
+    if (value === BORDER_WIDTH_NONE) return { skip: "none-preserved" };
+    index = snapStep(value, steps, shift);
     if (index < 0) return { skip: "clamped" };
     shift -= Math.sign(shift);
   }
   const wanted = index + shift;
-  const landed = Math.min(Math.max(wanted, 0), rungs.length - 1);
-  if (landed !== wanted && rungs[landed] === value) return { skip: "clamped" };
-  return { from: value, to: rungs[landed] };
+  const landed = Math.min(Math.max(wanted, 0), steps.length - 1);
+  if (landed !== wanted && steps[landed] === value) return { skip: "clamped" };
+  return { from: value, to: steps[landed] };
 }
 function validateOp(op, configs) {
-  const ladder = LADDERS[op.kind];
-  if (!ladder) throw new Error(`Unknown kind "${op.kind}" (expected ${Object.keys(LADDERS).join(", ")})`);
+  const scale = SCALES[op.kind];
+  if (!scale) throw new Error(`Unknown kind "${op.kind}" (expected ${Object.keys(SCALES).join(", ")})`);
   if (op.target !== void 0 && !(op.target in configs)) {
     throw new Error(`Unknown target component "${op.target}"`);
   }
   const hasSet = op.set !== void 0;
   const hasShift = op.shift !== void 0;
   if (hasSet === hasShift) throw new Error(`A ${op.kind} op needs exactly one of "set" or "shift"`);
-  const settable = ladder.settable;
+  const settable = scale.settable;
   if (hasSet && !settable.includes(op.set)) {
-    throw new Error(`"${op.set}" is not on the ${op.kind} ladder`);
+    throw new Error(`"${op.set}" is not on the ${op.kind} scale`);
   }
   if (hasShift && !Number.isInteger(op.shift)) {
     throw new Error(`"shift" must be a whole number of steps, got ${op.shift}`);
@@ -276,6 +282,11 @@ function adjustAliases(configs, ops, now) {
 var import_fs = __toESM(require("fs"), 1);
 var import_path = __toESM(require("path"), 1);
 var DEFAULT_DATA_DIR = "src/live-tokens/data";
+var TEST_DATA_DIR_ENV = "LIVE_TOKENS_TEST_DATA_DIR";
+function testDataDir() {
+  const raw = process.env[TEST_DATA_DIR_ENV];
+  return raw && raw.trim() !== "" ? import_path.default.resolve(raw.trim()) : void 0;
+}
 var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "dataDir",
   "colorsAndTypeDir",
@@ -309,6 +320,16 @@ function readLiveTokensConfig() {
   }
 }
 function resolveDataDirs(opts = {}) {
+  const isolated = testDataDir();
+  if (isolated) {
+    return {
+      dataDir: isolated,
+      colorsAndTypeDir: import_path.default.join(isolated, "colors-and-type"),
+      componentConfigsDir: import_path.default.join(isolated, "component-configs"),
+      themesDir: import_path.default.join(isolated, "themes"),
+      sketchStylesDir: import_path.default.join(isolated, "sketch-styles")
+    };
+  }
   const fileConfig = readLiveTokensConfig();
   const dataDirRaw = opts.dataDir ?? fileConfig.dataDir ?? DEFAULT_DATA_DIR;
   const dataDir = import_path.default.resolve(dataDirRaw);
@@ -1205,6 +1226,47 @@ var colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys = {
   }
 };
 
+// src/editor/core/themes/migrations/2026-09-07-stroke-role-renames.ts
+var RENAMES2 = {
+  tabbar: Object.fromEntries(
+    ["default", "hover", "active", "disabled"].map((s) => [
+      `--tabbar-${s}-indicator-border-width`,
+      `--tabbar-${s}-indicator-width`
+    ])
+  ),
+  collapsiblesection: Object.fromEntries(
+    ["default", "hover"].flatMap((s) => [
+      [`--collapsiblesection-divider-${s}-border`, `--collapsiblesection-divider-${s}-hairline-color`],
+      [`--collapsiblesection-divider-${s}-border-width`, `--collapsiblesection-divider-${s}-hairline-thickness`]
+    ])
+  ),
+  dialog: Object.fromEntries(
+    ["header", "footer"].flatMap((part) => [
+      [`--dialog-${part}-border`, `--dialog-${part}-divider`],
+      [`--dialog-${part}-border-width`, `--dialog-${part}-divider-width`]
+    ])
+  ),
+  table: {
+    "--table-default-header-border": "--table-default-header-divider",
+    "--table-default-header-border-width": "--table-default-header-divider-width"
+  }
+};
+var componentMigration_2026_09_07_strokeRoleRenames = {
+  id: "2026-09-07-stroke-role-renames",
+  fromVersion: 26,
+  toVersion: 27,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES2[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1240,7 +1302,8 @@ var MIGRATIONS = [
   componentMigration_2026_09_01_tabbarActiveTint,
   componentMigration_2026_09_01_gateSuffixEnabled,
   componentMigration_2026_09_02_sectiondividerDropTitleOutline,
-  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys
+  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys,
+  componentMigration_2026_09_07_strokeRoleRenames
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

package/dist-plugin/setGeometry/index.d.cts

@@ -1,18 +1,18 @@
 import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-BxRtuN5V.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
-type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';
+type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width' | 'divider-width' | 'accent-width';
 interface AdjustOp {
     /** Component id; omitted applies the op to every config. */
     target?: string;
     kind: AdjustKind;
     set?: string;
     shift?: number;
-    /** Radius shifts only: admits `--radius-full` as the ladder's top rung. */
+    /** Radius shifts only: admits `--radius-full` as the top step of the scale. */
     full?: boolean;
 }
-type SkipReason = 'raw-value' | 'off-ladder' | 'clamped' | 'pill-preserved';
+type SkipReason = 'raw-value' | 'off-scale' | 'clamped' | 'pill-preserved' | 'none-preserved';
 interface AliasChange {
     variable: string;
     from: string;
@@ -37,7 +37,7 @@ interface AdjustResult {
 }
 declare function adjustAliases(configs: Record<string, ComponentConfig>, ops: readonly AdjustOp[], now: string): AdjustResult;
 
-type TokenKind = 'surface' | 'border' | 'border-width' | 'radius' | 'divider-width' | 'divider-height' | 'divider-inset' | 'dot-size' | 'length' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
+type TokenKind = 'surface' | 'border' | 'border-width' | 'divider-width' | 'accent-width' | 'radius' | 'divider-height' | 'divider-inset' | 'dot-size' | 'length' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
 /** Side-aware kind test. Per-side paddings (`--card-default-body-padding-top`)
     are written by UIPaddingSelector and never declared as editor tokens, so
     `rawKind` never meets one; the CLI does, and they belong with their parent. */

package/dist-plugin/setGeometry/index.d.ts

@@ -1,18 +1,18 @@
 import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-BxRtuN5V.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
-type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';
+type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width' | 'divider-width' | 'accent-width';
 interface AdjustOp {
     /** Component id; omitted applies the op to every config. */
     target?: string;
     kind: AdjustKind;
     set?: string;
     shift?: number;
-    /** Radius shifts only: admits `--radius-full` as the ladder's top rung. */
+    /** Radius shifts only: admits `--radius-full` as the top step of the scale. */
     full?: boolean;
 }
-type SkipReason = 'raw-value' | 'off-ladder' | 'clamped' | 'pill-preserved';
+type SkipReason = 'raw-value' | 'off-scale' | 'clamped' | 'pill-preserved' | 'none-preserved';
 interface AliasChange {
     variable: string;
     from: string;
@@ -37,7 +37,7 @@ interface AdjustResult {
 }
 declare function adjustAliases(configs: Record<string, ComponentConfig>, ops: readonly AdjustOp[], now: string): AdjustResult;
 
-type TokenKind = 'surface' | 'border' | 'border-width' | 'radius' | 'divider-width' | 'divider-height' | 'divider-inset' | 'dot-size' | 'length' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
+type TokenKind = 'surface' | 'border' | 'border-width' | 'divider-width' | 'accent-width' | 'radius' | 'divider-height' | 'divider-inset' | 'dot-size' | 'length' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
 /** Side-aware kind test. Per-side paddings (`--card-default-body-padding-top`)
     are written by UIPaddingSelector and never declared as editor tokens, so
     `rawKind` never meets one; the CLI does, and they belong with their parent. */