@motion-proto/live-tokens 0.56.1 → 0.57.0

package/dist-plugin/generateColorsAndType/index.js

@@ -1,6 +1,7 @@
 import {
   DEFAULT_PALETTE_LIGHTNESS,
   DEFAULT_PALETTE_SATURATION,
+  DIRECTION_ANGLES,
   PALETTE_SPECS,
   PALETTE_STEPS,
   SCALES,
@@ -14,7 +15,7 @@ import {
   scaleToCssVar,
   setCurveAnchor,
   syncBaseAnchor
-} from "../chunk-PB2JTK2H.js";
+} from "../chunk-LW4SR7AZ.js";
 import {
   CURRENT_COLORS_AND_TYPE_SCHEMA_VERSION,
   CURRENT_COMPONENT_SCHEMA_VERSION
@@ -25,11 +26,11 @@ import {
   hexToOklch,
   oklchToHex,
   oklchToHexClamped
-} from "../chunk-YR6GPXW2.js";
+} from "../chunk-XWXIMTWZ.js";
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-D3ZVKOR4.js";
+} from "../chunk-Y5CNFSSV.js";
 
 // src/editor/core/store/editorCore.ts
 import { writable, derived, get } from "svelte/store";
@@ -50,7 +51,8 @@ function makeDefaultGradients() {
     {
       variable: "--gradient-1",
       type: "linear",
-      angle: 90,
+      angle: DIRECTION_ANGLES["to right"],
+      direction: "to right",
       stops: [
         { position: 0, color: "--color-brand-500" },
         { position: 100, color: "--color-accent-500" }
@@ -68,7 +70,8 @@ function makeDefaultGradients() {
     {
       variable: "--gradient-3",
       type: "linear",
-      angle: 90,
+      angle: DIRECTION_ANGLES["to right"],
+      direction: "to right",
       stops: [
         { position: 0, color: "--color-success-500" },
         { position: 100, color: "--color-info-500" }

package/dist-plugin/index.cjs

@@ -64,6 +64,20 @@ function formatColorOpacity(name, opacity) {
 }
 
 // src/editor/core/themes/parsers/gradient.ts
+var LINEAR_DIRECTIONS = [
+  "to top",
+  "to top right",
+  "to right",
+  "to bottom right",
+  "to bottom",
+  "to bottom left",
+  "to left",
+  "to top left"
+];
+function parseDirection(raw) {
+  const norm = raw.trim().toLowerCase().replace(/\s+/g, " ");
+  return LINEAR_DIRECTIONS.includes(norm) ? norm : null;
+}
 var RADIAL_BASE_PX = 100;
 function formatStopColor(s) {
   const opacity = s.opacity ?? 100;
@@ -91,11 +105,15 @@ function formatGradientValue(v) {
     return first ? formatStopColor(first) : "transparent";
   }
   const stops = formatGradientStops(v.stops);
-  if (v.type === "linear") return `linear-gradient(${v.angle}deg, ${stops})`;
+  if (v.type === "linear") {
+    return `linear-gradient(${v.direction ?? `${v.angle}deg`}, ${stops})`;
+  }
   return `radial-gradient(${formatRadialShape(v)} at ${v.centerX ?? 50}% 50%, ${stops})`;
 }
 var NUM = String.raw`-?\d+(?:\.\d+)?`;
-var LINEAR_RE = new RegExp(String.raw`^linear-gradient\(\s*(${NUM})deg\s*,\s*(.+)\)$`, "i");
+var HEADING = String.raw`${NUM}deg|to\s+\w+(?:\s+\w+)?`;
+var LINEAR_RE = new RegExp(String.raw`^linear-gradient\(\s*(${HEADING})\s*,\s*(.+)\)$`, "i");
+var DEG_RE = new RegExp(String.raw`^(${NUM})deg$`, "i");
 var RADIAL_RE = new RegExp(
   String.raw`^radial-gradient\(\s*(circle|circle\s+${NUM}px|ellipse\s+${NUM}px\s+${NUM}px)\s+at\s+(${NUM})%\s+50%\s*,\s*(.+)\)$`,
   "i"
@@ -154,8 +172,12 @@ function parseGradientValue(value) {
   const css = value.trim();
   const linear = css.match(LINEAR_RE);
   if (linear) {
+    const deg = linear[1].match(DEG_RE);
+    const direction = deg ? null : parseDirection(linear[1]);
+    if (!deg && !direction) return null;
     const stops2 = parseStops(linear[2]);
-    return stops2 && { type: "linear", angle: parseFloat(linear[1]), stops: stops2 };
+    if (!stops2) return null;
+    return deg ? { type: "linear", angle: parseFloat(deg[1]), stops: stops2 } : { type: "linear", angle: 0, direction, stops: stops2 };
   }
   const radial = css.match(RADIAL_RE);
   if (!radial) return null;
@@ -259,10 +281,6 @@ function oklchToCss(l, c, h) {
   const cs = trim(c, 4);
   return `oklch(${trim(l, 4)} ${cs} ${cs === "0" ? "0" : trim(h, 2)})`;
 }
-function oklchToCssClamped(l, c, h) {
-  const g = gamutClamp(l, c, h);
-  return oklchToCss(g.l, g.c, g.h);
-}
 var OKLCH_RE = /^oklch\(\s*([\d.]+)(%?)\s+([\d.]+)(%?)\s+([\d.]+)(?:deg)?\s*\)$/i;
 var HEX6_RE = /^#[0-9a-f]{6}$/i;
 function parseOklchCss(value) {
@@ -456,7 +474,7 @@ function scaleStepToX(step, scale) {
   return scale.steps.length > 1 ? idx / (scale.steps.length - 1) * 100 : 50;
 }
 function serializeDerivedValue(value) {
-  return value.kind === "raw" ? value.css : oklchToCssClamped(value.l, value.c, value.h);
+  return value.kind === "raw" ? value.css : oklchToCss(value.l, value.c, value.h);
 }
 function computePaletteOklch(index, base, lightnessCurve, saturationCurve, curveOffset, hueCurve) {
   const { c: baseC } = base;
@@ -1977,6 +1995,7 @@ function resolveDataDirs(opts = {}) {
     colorsAndTypeDir: opts.colorsAndTypeDir ? import_path2.default.resolve(opts.colorsAndTypeDir) : fileConfig.colorsAndTypeDir ? import_path2.default.resolve(fileConfig.colorsAndTypeDir) : sub("colors-and-type"),
     componentConfigsDir: opts.componentConfigsDir ? import_path2.default.resolve(opts.componentConfigsDir) : fileConfig.componentConfigsDir ? import_path2.default.resolve(fileConfig.componentConfigsDir) : sub("component-configs"),
     themesDir: opts.themesDir ? import_path2.default.resolve(opts.themesDir) : fileConfig.themesDir ? import_path2.default.resolve(fileConfig.themesDir) : sub("themes"),
+    sketchPresetsDir: sub("sketch-presets"),
     legacyManifestsDir: fileConfig.manifestsDir ? import_path2.default.resolve(fileConfig.manifestsDir) : void 0
   };
 }
@@ -2040,11 +2059,17 @@ function detectLegacyLayout(input) {
 // vite-plugin/tokensCssMigrations/cssTokenOps.ts
 var DECL_RE = /(^|[\s;{])(--[a-z0-9-]+)\s*:/gi;
 var REF_RE = /var\(\s*(--[a-z0-9-]+)/gi;
+var DECL_VALUE_RE = /(^|[\s;{])(--[a-z0-9-]+)\s*:([^;}]*)/gi;
 function collectDefinedTokens(css) {
   const out = /* @__PURE__ */ new Set();
   for (const m of css.matchAll(DECL_RE)) out.add(m[2]);
   return out;
 }
+function collectTokenValues(css) {
+  const out = /* @__PURE__ */ new Map();
+  for (const m of css.matchAll(DECL_VALUE_RE)) out.set(m[2], m[3].trim());
+  return out;
+}
 function collectReferencedTokens(css) {
   const out = /* @__PURE__ */ new Set();
   for (const m of css.matchAll(REF_RE)) out.add(m[1]);
@@ -2392,6 +2417,61 @@ var tokensCssMigration_2026_08_19_oklchColorValues = {
   }
 };
 
+// vite-plugin/tokensCssMigrations/migrations/2026-08-25-editorial-type-role.ts
+var STACK = [{ name: "--font-editorial", value: "var(--font-sans)" }];
+var BUNDLE2 = [
+  { name: "--editorial-font-family", value: "var(--font-editorial)" },
+  { name: "--editorial-font-size", value: "var(--font-size-md)" },
+  { name: "--editorial-font-weight", value: "var(--font-weight-normal)" },
+  { name: "--editorial-line-height", value: "var(--line-height-normal)" },
+  { name: "--editorial-letter-spacing", value: "var(--letter-spacing-normal)" }
+];
+var tokensCssMigration_2026_08_25_editorialTypeRole = {
+  id: "2026-08-25-editorial-type-role",
+  kind: "additive",
+  description: "Add the editorial type role (--font-editorial and the --editorial-* bundle)",
+  apply(css) {
+    const withStack = ensureScale(css, {
+      anchorPrefixes: ["--font-mono", "--font-serif", "--font-sans", "--font-display"],
+      entries: STACK
+    });
+    return ensureScale(withStack, {
+      sectionComment: "Editorial \u2014 the long-reading role, body face until repointed",
+      anchorPrefixes: [
+        "--eyebrow-",
+        "--code-",
+        "--body-",
+        "--heading-",
+        "--letter-spacing-",
+        "--line-height-",
+        "--font-weight-",
+        "--font-size-",
+        "--font-"
+      ],
+      entries: BUNDLE2
+    });
+  }
+};
+
+// vite-plugin/tokensCssMigrations/migrations/2026-08-26-gradient-stops.ts
+var STOPS_RE = /^(?:linear|radial)-gradient\(\s*[^,]+,\s*(.+)\)$/i;
+var tokensCssMigration_2026_08_26_gradientStops = {
+  id: "2026-08-26-gradient-stops",
+  kind: "additive",
+  description: "Add --gradient-N-stops companions to the gradient slots",
+  apply(css) {
+    const values = collectTokenValues(css);
+    const entries = [];
+    for (const [name, value] of values) {
+      if (!/^--gradient-\d+$/.test(name)) continue;
+      const stops = value.match(STOPS_RE);
+      if (stops) entries.push({ name: `${name}-stops`, value: stops[1].trim() });
+    }
+    if (entries.length === 0) return css;
+    return ensureScale(css, { anchorPrefixes: ["--gradient-"], entries });
+  }
+};
+
 // vite-plugin/tokensCssMigrations/index.ts
 var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_05_29_typographyScaleAdditions,
@@ -2401,7 +2481,9 @@ var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_06_04_easingColorAndTypescaleAdditions,
   tokensCssMigration_2026_07_20_lineHeightRename,
   tokensCssMigration_2026_07_20_semanticTextStyles,
-  tokensCssMigration_2026_08_19_oklchColorValues
+  tokensCssMigration_2026_08_19_oklchColorValues,
+  tokensCssMigration_2026_08_25_editorialTypeRole,
+  tokensCssMigration_2026_08_26_gradientStops
 ];
 function runTokensCssMigrations(css) {
   return foldMigrations(css, () => true);
@@ -2502,6 +2584,7 @@ function themeFileApi(opts) {
   const COLORS_AND_TYPE_DIR = dataDirs.colorsAndTypeDir;
   const COMPONENT_CONFIGS_DIR = dataDirs.componentConfigsDir;
   const THEMES_DIR = dataDirs.themesDir;
+  const SKETCH_PRESETS_DIR = dataDirs.sketchPresetsDir;
   const CSS_PATH = import_path4.default.resolve(opts.tokensCssPath);
   const GENERATED_CSS_PATH = opts.tokensGeneratedCssPath ? import_path4.default.resolve(opts.tokensGeneratedCssPath) : import_path4.default.join(dataDirs.dataDir, "tokens.generated.css");
   const FONTS_CSS_PATH = opts.fontsCssPath ? import_path4.default.resolve(opts.fontsCssPath) : import_path4.default.join(import_path4.default.dirname(CSS_PATH), "fonts.css");
@@ -2559,6 +2642,7 @@ function themeFileApi(opts) {
     dir: THEMES_DIR,
     packageDir: packageThemesDir
   });
+  const sketchPresetsResource = versionedFileResourceServer({ dir: SKETCH_PRESETS_DIR });
   function ensureColorsAndTypeDir() {
     colorsAndTypeResource.ensureDir();
   }
@@ -3124,6 +3208,8 @@ ${lines.join("\n")}
   const THEME_EXPORT_REGEX = new RegExp(`^${escapedBase}/themes/([a-z0-9\\-_]+)/export$`);
   const THEME_IMPORT_ROUTE = `${API_BASE}/themes/import`;
   const THEME_BY_NAME_REGEX = new RegExp(`^${escapedBase}/themes/([a-z0-9\\-_]+)$`);
+  const SKETCH_PRESETS_ROUTE = `${API_BASE}/sketch-presets`;
+  const SKETCH_PRESET_BY_NAME_REGEX = new RegExp(`^${escapedBase}/sketch-presets/([a-z0-9\\-_]+)$`);
   const PRODUCTION_ROUTE = `${API_BASE}/production`;
   async function handleListColorsAndType(_ctx) {
     const files = colorsAndTypeResource.listNames().map((fileName) => {
@@ -3655,6 +3741,61 @@ ${lines.join("\n")}
       }
     });
   }
+  async function handleListSketchPresets({ res }) {
+    const files = sketchPresetsResource.listNames().map((fileName) => {
+      let data = null;
+      try {
+        data = sketchPresetsResource.readJson(fileName);
+      } catch {
+      }
+      return {
+        name: data?.name || fileName,
+        fileName,
+        updatedAt: data?.updatedAt || ""
+      };
+    });
+    jsonResponse(res, 200, { files });
+  }
+  async function handleSketchPresetByName({ params, req, res }) {
+    const [fileName] = params;
+    if (rejectReservedName(res, fileName)) return;
+    const filePath = sketchPresetsResource.filePath(fileName);
+    if (req.method === "GET") {
+      const raw = sketchPresetsResource.readJson(fileName);
+      if (!raw) {
+        jsonResponse(res, 404, { error: "Not found" });
+        return;
+      }
+      jsonResponse(res, 200, { ...raw, _fileName: fileName });
+      return;
+    }
+    if (req.method === "PUT") {
+      const body = JSON.parse(await readBody(req));
+      if (!body || typeof body !== "object" || !body.settings || typeof body.settings !== "object") {
+        jsonResponse(res, 400, { error: "A sketch preset needs a settings object" });
+        return;
+      }
+      body.name = String(body.name || fileName);
+      body.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      if (import_fs4.default.existsSync(filePath)) {
+        try {
+          const existing = JSON.parse(import_fs4.default.readFileSync(filePath, "utf-8"));
+          if (existing.createdAt) body.createdAt = existing.createdAt;
+        } catch {
+        }
+      }
+      if (!body.createdAt) body.createdAt = body.updatedAt;
+      sketchPresetsResource.ensureDir();
+      import_fs4.default.writeFileSync(filePath, JSON.stringify(body, null, 2));
+      jsonResponse(res, 200, { ok: true, fileName });
+      return;
+    }
+    if (req.method === "DELETE") {
+      if (import_fs4.default.existsSync(filePath)) import_fs4.default.unlinkSync(filePath);
+      jsonResponse(res, 200, { ok: true });
+      return;
+    }
+  }
   function methodNotAllowed({ res }) {
     jsonResponse(res, 405, { error: "Method not allowed" });
   }
@@ -3731,6 +3872,14 @@ ${lines.join("\n")}
     { method: "PUT", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "DELETE", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     // Production — the whole-look adopt door
+    { method: "GET", pattern: SKETCH_PRESETS_ROUTE, handler: handleListSketchPresets },
+    { method: "PUT", pattern: SKETCH_PRESETS_ROUTE, handler: methodNotAllowed },
+    { method: "POST", pattern: SKETCH_PRESETS_ROUTE, handler: methodNotAllowed },
+    { method: "DELETE", pattern: SKETCH_PRESETS_ROUTE, handler: methodNotAllowed },
+    { method: "GET", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: handleSketchPresetByName },
+    { method: "PUT", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: handleSketchPresetByName },
+    { method: "DELETE", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: handleSketchPresetByName },
+    { method: "POST", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: methodNotAllowed },
     { method: "PUT", pattern: PRODUCTION_ROUTE, handler: handleAdoptLook },
     { method: "GET", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },
     { method: "POST", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },

package/dist-plugin/index.d.cts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
 export { ComponentSource, MissingToken, RunResult, TOKENS_CSS_MIGRATIONS, TokensCssMigration, ValidateInput, runTokensCssMigrations, validateTokensCss } from './tokensCssMigrations/index.cjs';
-import './dataPaths-DBN0RPuT.cjs';
+import './dataPaths-CRfD1LdA.cjs';
 
 interface ThemeFileApiOptions {
     tokensCssPath: string;

package/dist-plugin/index.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from 'vite';
 export { ComponentSource, MissingToken, RunResult, TOKENS_CSS_MIGRATIONS, TokensCssMigration, ValidateInput, runTokensCssMigrations, validateTokensCss } from './tokensCssMigrations/index.js';
-import './dataPaths-DBN0RPuT.js';
+import './dataPaths-CRfD1LdA.js';
 
 interface ThemeFileApiOptions {
     tokensCssPath: string;

package/dist-plugin/index.js

@@ -5,7 +5,7 @@ import {
   parseGradientValue,
   reconcilePalettesFromCssVars,
   sanitizeFileName
-} from "./chunk-PB2JTK2H.js";
+} from "./chunk-LW4SR7AZ.js";
 import {
   THEME_SCHEMA_VERSION,
   detectLegacyLayout,
@@ -23,13 +23,13 @@ import {
   runAdditiveTokensCssMigrations,
   runTokensCssMigrations,
   validateTokensCss
-} from "./chunk-TKZBVIW5.js";
+} from "./chunk-E5QYON4L.js";
 import {
   hexToOklch
-} from "./chunk-YR6GPXW2.js";
+} from "./chunk-XWXIMTWZ.js";
 import {
   resolveDataDirs
-} from "./chunk-D3ZVKOR4.js";
+} from "./chunk-Y5CNFSSV.js";
 
 // vite-plugin/themeFileApi.ts
 import fs from "fs";
@@ -137,6 +137,7 @@ function themeFileApi(opts) {
   const COLORS_AND_TYPE_DIR = dataDirs.colorsAndTypeDir;
   const COMPONENT_CONFIGS_DIR = dataDirs.componentConfigsDir;
   const THEMES_DIR = dataDirs.themesDir;
+  const SKETCH_PRESETS_DIR = dataDirs.sketchPresetsDir;
   const CSS_PATH = path.resolve(opts.tokensCssPath);
   const GENERATED_CSS_PATH = opts.tokensGeneratedCssPath ? path.resolve(opts.tokensGeneratedCssPath) : path.join(dataDirs.dataDir, "tokens.generated.css");
   const FONTS_CSS_PATH = opts.fontsCssPath ? path.resolve(opts.fontsCssPath) : path.join(path.dirname(CSS_PATH), "fonts.css");
@@ -194,6 +195,7 @@ function themeFileApi(opts) {
     dir: THEMES_DIR,
     packageDir: packageThemesDir
   });
+  const sketchPresetsResource = versionedFileResourceServer({ dir: SKETCH_PRESETS_DIR });
   function ensureColorsAndTypeDir() {
     colorsAndTypeResource.ensureDir();
   }
@@ -759,6 +761,8 @@ ${lines.join("\n")}
   const THEME_EXPORT_REGEX = new RegExp(`^${escapedBase}/themes/([a-z0-9\\-_]+)/export$`);
   const THEME_IMPORT_ROUTE = `${API_BASE}/themes/import`;
   const THEME_BY_NAME_REGEX = new RegExp(`^${escapedBase}/themes/([a-z0-9\\-_]+)$`);
+  const SKETCH_PRESETS_ROUTE = `${API_BASE}/sketch-presets`;
+  const SKETCH_PRESET_BY_NAME_REGEX = new RegExp(`^${escapedBase}/sketch-presets/([a-z0-9\\-_]+)$`);
   const PRODUCTION_ROUTE = `${API_BASE}/production`;
   async function handleListColorsAndType(_ctx) {
     const files = colorsAndTypeResource.listNames().map((fileName) => {
@@ -1290,6 +1294,61 @@ ${lines.join("\n")}
       }
     });
   }
+  async function handleListSketchPresets({ res }) {
+    const files = sketchPresetsResource.listNames().map((fileName) => {
+      let data = null;
+      try {
+        data = sketchPresetsResource.readJson(fileName);
+      } catch {
+      }
+      return {
+        name: data?.name || fileName,
+        fileName,
+        updatedAt: data?.updatedAt || ""
+      };
+    });
+    jsonResponse(res, 200, { files });
+  }
+  async function handleSketchPresetByName({ params, req, res }) {
+    const [fileName] = params;
+    if (rejectReservedName(res, fileName)) return;
+    const filePath = sketchPresetsResource.filePath(fileName);
+    if (req.method === "GET") {
+      const raw = sketchPresetsResource.readJson(fileName);
+      if (!raw) {
+        jsonResponse(res, 404, { error: "Not found" });
+        return;
+      }
+      jsonResponse(res, 200, { ...raw, _fileName: fileName });
+      return;
+    }
+    if (req.method === "PUT") {
+      const body = JSON.parse(await readBody(req));
+      if (!body || typeof body !== "object" || !body.settings || typeof body.settings !== "object") {
+        jsonResponse(res, 400, { error: "A sketch preset needs a settings object" });
+        return;
+      }
+      body.name = String(body.name || fileName);
+      body.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+      if (fs.existsSync(filePath)) {
+        try {
+          const existing = JSON.parse(fs.readFileSync(filePath, "utf-8"));
+          if (existing.createdAt) body.createdAt = existing.createdAt;
+        } catch {
+        }
+      }
+      if (!body.createdAt) body.createdAt = body.updatedAt;
+      sketchPresetsResource.ensureDir();
+      fs.writeFileSync(filePath, JSON.stringify(body, null, 2));
+      jsonResponse(res, 200, { ok: true, fileName });
+      return;
+    }
+    if (req.method === "DELETE") {
+      if (fs.existsSync(filePath)) fs.unlinkSync(filePath);
+      jsonResponse(res, 200, { ok: true });
+      return;
+    }
+  }
   function methodNotAllowed({ res }) {
     jsonResponse(res, 405, { error: "Method not allowed" });
   }
@@ -1366,6 +1425,14 @@ ${lines.join("\n")}
     { method: "PUT", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "DELETE", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     // Production — the whole-look adopt door
+    { method: "GET", pattern: SKETCH_PRESETS_ROUTE, handler: handleListSketchPresets },
+    { method: "PUT", pattern: SKETCH_PRESETS_ROUTE, handler: methodNotAllowed },
+    { method: "POST", pattern: SKETCH_PRESETS_ROUTE, handler: methodNotAllowed },
+    { method: "DELETE", pattern: SKETCH_PRESETS_ROUTE, handler: methodNotAllowed },
+    { method: "GET", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: handleSketchPresetByName },
+    { method: "PUT", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: handleSketchPresetByName },
+    { method: "DELETE", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: handleSketchPresetByName },
+    { method: "POST", pattern: SKETCH_PRESET_BY_NAME_REGEX, handler: methodNotAllowed },
     { method: "PUT", pattern: PRODUCTION_ROUTE, handler: handleAdoptLook },
     { method: "GET", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },
     { method: "POST", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },

package/dist-plugin/migrateData/index.cjs

@@ -1659,6 +1659,7 @@ function resolveDataDirs(opts = {}) {
     colorsAndTypeDir: opts.colorsAndTypeDir ? import_path4.default.resolve(opts.colorsAndTypeDir) : fileConfig.colorsAndTypeDir ? import_path4.default.resolve(fileConfig.colorsAndTypeDir) : sub("colors-and-type"),
     componentConfigsDir: opts.componentConfigsDir ? import_path4.default.resolve(opts.componentConfigsDir) : fileConfig.componentConfigsDir ? import_path4.default.resolve(fileConfig.componentConfigsDir) : sub("component-configs"),
     themesDir: opts.themesDir ? import_path4.default.resolve(opts.themesDir) : fileConfig.themesDir ? import_path4.default.resolve(fileConfig.themesDir) : sub("themes"),
+    sketchPresetsDir: sub("sketch-presets"),
     legacyManifestsDir: fileConfig.manifestsDir ? import_path4.default.resolve(fileConfig.manifestsDir) : void 0
   };
 }

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

@@ -1,4 +1,4 @@
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DBN0RPuT.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-CRfD1LdA.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-DBN0RPuT.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-CRfD1LdA.js';
 
 interface LegacyRename {
     from: string;

package/dist-plugin/migrateData/index.js

@@ -14,7 +14,7 @@ import {
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-D3ZVKOR4.js";
+} from "../chunk-Y5CNFSSV.js";
 
 // vite-plugin/migrateData/migrateData.ts
 import fs from "fs";

package/dist-plugin/{themeTypes-BAqtv4XO.d.cts → themeTypes-DSV3Zisf.d.cts}

@@ -7,6 +7,13 @@ interface CurveAnchor {
     outDy: number;
 }
 
+/** The `to <side-or-corner>` keywords CSS accepts in place of an angle. A
+ *  keyword angles the gradient line off the box's own diagonal, so it tracks
+ *  the element's aspect ratio where a fixed angle cannot: `to bottom right`
+ *  reads as ~95deg across a wide heading and ~111deg once that heading wraps.
+ *  That is the whole reason to carry them — a degree cannot express it. */
+declare const LINEAR_DIRECTIONS: readonly ["to top", "to top right", "to right", "to bottom right", "to bottom", "to bottom left", "to left", "to top left"];
+type LinearDirection = (typeof LINEAR_DIRECTIONS)[number];
 interface GradientStop$1 {
     /** 0–100 percentage along the gradient axis. */
     position: number;
@@ -25,6 +32,10 @@ interface GradientStop$1 {
 interface GradientValue {
     type: 'linear' | 'radial' | 'solid' | 'none';
     angle: number;
+    /** Emitted in place of `angle` on a `linear` gradient. `angle` is retained
+     *  underneath so clearing the direction restores the user's degrees, the
+     *  same way a radial keeps its angle. */
+    direction?: LinearDirection;
     radius?: number;
     centerX?: number;
     aspectX?: number;
@@ -136,7 +147,7 @@ interface FontSource {
 }
 type SystemCascadePreset = 'system-ui-sans' | 'system-ui-serif' | 'system-ui-mono';
 type GenericFamily = 'sans-serif' | 'serif' | 'monospace' | 'cursive' | 'fantasy';
-type FontStackVariable = '--font-display' | '--font-sans' | '--font-serif' | '--font-mono';
+type FontStackVariable = '--font-display' | '--font-sans' | '--font-serif' | '--font-mono' | '--font-editorial';
 type FontStackSlot = {
     kind: 'project';
     familyId: string;

package/dist-plugin/{themeTypes-BAqtv4XO.d.ts → themeTypes-DSV3Zisf.d.ts}

@@ -7,6 +7,13 @@ interface CurveAnchor {
     outDy: number;
 }
 
+/** The `to <side-or-corner>` keywords CSS accepts in place of an angle. A
+ *  keyword angles the gradient line off the box's own diagonal, so it tracks
+ *  the element's aspect ratio where a fixed angle cannot: `to bottom right`
+ *  reads as ~95deg across a wide heading and ~111deg once that heading wraps.
+ *  That is the whole reason to carry them — a degree cannot express it. */
+declare const LINEAR_DIRECTIONS: readonly ["to top", "to top right", "to right", "to bottom right", "to bottom", "to bottom left", "to left", "to top left"];
+type LinearDirection = (typeof LINEAR_DIRECTIONS)[number];
 interface GradientStop$1 {
     /** 0–100 percentage along the gradient axis. */
     position: number;
@@ -25,6 +32,10 @@ interface GradientStop$1 {
 interface GradientValue {
     type: 'linear' | 'radial' | 'solid' | 'none';
     angle: number;
+    /** Emitted in place of `angle` on a `linear` gradient. `angle` is retained
+     *  underneath so clearing the direction restores the user's degrees, the
+     *  same way a radial keeps its angle. */
+    direction?: LinearDirection;
     radius?: number;
     centerX?: number;
     aspectX?: number;
@@ -136,7 +147,7 @@ interface FontSource {
 }
 type SystemCascadePreset = 'system-ui-sans' | 'system-ui-serif' | 'system-ui-mono';
 type GenericFamily = 'sans-serif' | 'serif' | 'monospace' | 'cursive' | 'fantasy';
-type FontStackVariable = '--font-display' | '--font-sans' | '--font-serif' | '--font-mono';
+type FontStackVariable = '--font-display' | '--font-sans' | '--font-serif' | '--font-mono' | '--font-editorial';
 type FontStackSlot = {
     kind: 'project';
     familyId: string;

package/dist-plugin/tokensCssMigrations/index.cjs

@@ -462,6 +462,61 @@ var tokensCssMigration_2026_08_19_oklchColorValues = {
   }
 };
 
+// vite-plugin/tokensCssMigrations/migrations/2026-08-25-editorial-type-role.ts
+var STACK = [{ name: "--font-editorial", value: "var(--font-sans)" }];
+var BUNDLE2 = [
+  { name: "--editorial-font-family", value: "var(--font-editorial)" },
+  { name: "--editorial-font-size", value: "var(--font-size-md)" },
+  { name: "--editorial-font-weight", value: "var(--font-weight-normal)" },
+  { name: "--editorial-line-height", value: "var(--line-height-normal)" },
+  { name: "--editorial-letter-spacing", value: "var(--letter-spacing-normal)" }
+];
+var tokensCssMigration_2026_08_25_editorialTypeRole = {
+  id: "2026-08-25-editorial-type-role",
+  kind: "additive",
+  description: "Add the editorial type role (--font-editorial and the --editorial-* bundle)",
+  apply(css) {
+    const withStack = ensureScale(css, {
+      anchorPrefixes: ["--font-mono", "--font-serif", "--font-sans", "--font-display"],
+      entries: STACK
+    });
+    return ensureScale(withStack, {
+      sectionComment: "Editorial \u2014 the long-reading role, body face until repointed",
+      anchorPrefixes: [
+        "--eyebrow-",
+        "--code-",
+        "--body-",
+        "--heading-",
+        "--letter-spacing-",
+        "--line-height-",
+        "--font-weight-",
+        "--font-size-",
+        "--font-"
+      ],
+      entries: BUNDLE2
+    });
+  }
+};
+
+// vite-plugin/tokensCssMigrations/migrations/2026-08-26-gradient-stops.ts
+var STOPS_RE = /^(?:linear|radial)-gradient\(\s*[^,]+,\s*(.+)\)$/i;
+var tokensCssMigration_2026_08_26_gradientStops = {
+  id: "2026-08-26-gradient-stops",
+  kind: "additive",
+  description: "Add --gradient-N-stops companions to the gradient slots",
+  apply(css) {
+    const values = collectTokenValues(css);
+    const entries = [];
+    for (const [name, value] of values) {
+      if (!/^--gradient-\d+$/.test(name)) continue;
+      const stops = value.match(STOPS_RE);
+      if (stops) entries.push({ name: `${name}-stops`, value: stops[1].trim() });
+    }
+    if (entries.length === 0) return css;
+    return ensureScale(css, { anchorPrefixes: ["--gradient-"], entries });
+  }
+};
+
 // vite-plugin/files/dataPaths.ts
 var import_fs = __toESM(require("fs"), 1);
 var import_path = __toESM(require("path"), 1);
@@ -505,7 +560,9 @@ var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_06_04_easingColorAndTypescaleAdditions,
   tokensCssMigration_2026_07_20_lineHeightRename,
   tokensCssMigration_2026_07_20_semanticTextStyles,
-  tokensCssMigration_2026_08_19_oklchColorValues
+  tokensCssMigration_2026_08_19_oklchColorValues,
+  tokensCssMigration_2026_08_25_editorialTypeRole,
+  tokensCssMigration_2026_08_26_gradientStops
 ];
 function runTokensCssMigrations(css) {
   return foldMigrations(css, () => true);

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

@@ -1,4 +1,4 @@
-export { r as readLiveTokensConfig } from '../dataPaths-DBN0RPuT.cjs';
+export { r as readLiveTokensConfig } from '../dataPaths-CRfD1LdA.cjs';
 
 /**
  * A `tokens-css` migration: a pure, idempotent transform on the text of a

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

@@ -1,4 +1,4 @@
-export { r as readLiveTokensConfig } from '../dataPaths-DBN0RPuT.js';
+export { r as readLiveTokensConfig } from '../dataPaths-CRfD1LdA.js';
 
 /**
  * A `tokens-css` migration: a pure, idempotent transform on the text of a

package/dist-plugin/tokensCssMigrations/index.js

@@ -13,11 +13,11 @@ import {
   runTokensCssMigrations,
   semverBumpType,
   validateTokensCss
-} from "../chunk-TKZBVIW5.js";
-import "../chunk-YR6GPXW2.js";
+} from "../chunk-E5QYON4L.js";
+import "../chunk-XWXIMTWZ.js";
 import {
   readLiveTokensConfig
-} from "../chunk-D3ZVKOR4.js";
+} from "../chunk-Y5CNFSSV.js";
 export {
   TOKENS_CSS_MIGRATIONS,
   collectDefinedTokens,