@motion-proto/live-tokens 0.62.0 → 0.64.0

package/bin/migrate.mjs

@@ -12,7 +12,7 @@
 // resolution, file IO, and reporting.
 
 import { existsSync, readFileSync, writeFileSync } from 'node:fs';
-import { dirname, join, relative, resolve } from 'node:path';
+import { basename, dirname, join, relative, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
 
 const pkgRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..');
@@ -123,7 +123,11 @@ export function formatMigrateDataResult(result) {
   const lines = [planned ? 'Data tree heal (planned):' : 'Data tree healed:'];
 
   for (const { from, to } of result.renames) {
-    lines.push(`  ${planned ? 'would move' : 'moved'} ${rel(from)} → ${rel(to)} (0.48 layout)`);
+    // Two unrelated renames share this list: the pre-0.48 layout swap, and
+    // `sketch-presets/` → `sketch-styles/`. Told apart by the destination
+    // name, since `LegacyRename` carries no reason of its own.
+    const reason = basename(to) === 'sketch-styles' ? 'sketchstyle rename' : '0.48 layout';
+    lines.push(`  ${planned ? 'would move' : 'moved'} ${rel(from)} → ${rel(to)} (${reason})`);
   }
   for (const p of result.upgradedThemes) {
     lines.push(`  ${planned ? 'would carry' : 'carried'} ${rel(p)} by value (was a pre-v3 theme naming files)`);

package/dist-plugin/adjust/index.cjs

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

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

@@ -1,5 +1,5 @@
 import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-DSV3Zisf.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-CRfD1LdA.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
 type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';

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

@@ -1,5 +1,5 @@
 import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-DSV3Zisf.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-CRfD1LdA.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
 type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';

package/dist-plugin/adjust/index.js

@@ -4,7 +4,7 @@ import {
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-Y5CNFSSV.js";
+} from "../chunk-RVE3MNKM.js";
 
 // src/editor/core/components/aliasKinds.ts
 var KIND_PATTERNS = [

package/dist-plugin/{chunk-232GZGQU.js → chunk-NDJJORKJ.js}

@@ -268,6 +268,340 @@ var KNOWN_COMPONENT_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "--sectiondivider-sm-color-family"
 ]);
 
+// src/editor/core/sketch/sketchStyles.ts
+var base = {
+  label: "",
+  blurb: "",
+  fillTravel: 1.5,
+  strokeTravel: 1.5,
+  wobble: 45,
+  roughness: 3,
+  borderWavelength: 1,
+  waveform: 1,
+  strokeWidth: 1.5,
+  doubleStroke: false,
+  retraceOffset: 1.2,
+  retracePass: "copy",
+  fillStyle: "solid",
+  hatchInk: 0.4,
+  strokeStyle: "solid",
+  pressure: 0.25,
+  pressureMod: 0.35,
+  pooling: 1.2,
+  strokeInk: 1,
+  maskOn: true,
+  maskBlob: 100,
+  maskOutputMin: 0.45,
+  maskOutputMax: 1,
+  maskOctaves: 2,
+  maskGrain: "fractal",
+  maskPosterize: 1,
+  maskSoftness: 1.5,
+  jitterX: 2.5,
+  jitterY: 2.5,
+  jitterRot: 0.6,
+  jitterScale: 0.035,
+  cornerSpread: 10,
+  cornerTravel: 8,
+  iconTravel: 1.25,
+  iconWavelength: 0.625,
+  iconMaskOn: true,
+  iconMaskScale: 1
+};
+var SKETCH_STYLES = {
+  pencil: {
+    ...base,
+    label: "Pencil",
+    blurb: "Two graphite passes on their own seeds, so the outline disagrees with itself the way a hand coming back round does. Tight grain, little else.",
+    fillTravel: 0.75,
+    strokeTravel: 1.25,
+    wobble: 30,
+    roughness: 3,
+    waveform: 1,
+    strokeWidth: 1.25,
+    doubleStroke: true,
+    retracePass: "reseeded",
+    retraceOffset: 1.5,
+    strokeInk: 0.85,
+    maskBlob: 40,
+    maskOutputMin: 0.62,
+    maskOutputMax: 1,
+    maskOctaves: 3,
+    maskPosterize: 1,
+    maskSoftness: 0,
+    jitterX: 1.5,
+    jitterY: 1.5,
+    jitterRot: 0.35,
+    jitterScale: 0.022,
+    cornerSpread: 6,
+    cornerTravel: 4.5,
+    pressure: 0.15,
+    pressureMod: 0.3,
+    pooling: 0,
+    iconTravel: 0.75
+  },
+  marker: {
+    ...base,
+    label: "Marker",
+    blurb: "Broad translucent nib gone round twice on the same line, so the overlap darkens and the ink pools where it slows.",
+    fillTravel: 2,
+    strokeTravel: 1.5,
+    wobble: 56,
+    waveform: 1.4,
+    borderWavelength: 1.3,
+    strokeWidth: 4,
+    doubleStroke: true,
+    retracePass: "copy",
+    strokeInk: 0.52,
+    retraceOffset: 2.2,
+    maskBlob: 115,
+    maskOutputMin: 0.42,
+    maskOutputMax: 1,
+    maskOctaves: 3,
+    maskPosterize: 4,
+    maskSoftness: 4,
+    jitterX: 3,
+    jitterY: 3,
+    jitterRot: 0.8,
+    jitterScale: 0.045,
+    cornerSpread: 10,
+    cornerTravel: 8,
+    pressure: 0.2,
+    pressureMod: 0.25,
+    pooling: 2,
+    iconTravel: 1.25,
+    iconMaskScale: 4
+  },
+  whiteboard: {
+    ...base,
+    label: "Whiteboard",
+    blurb: "The fattest nib on glass. One long smooth undulation, and a veined mask that streaks the fill like a half-wiped board.",
+    fillTravel: 2.5,
+    strokeTravel: 2.5,
+    wobble: 90,
+    roughness: 1,
+    waveform: 1,
+    borderWavelength: 1.5,
+    strokeWidth: 5.5,
+    doubleStroke: true,
+    retracePass: "copy",
+    strokeInk: 0.66,
+    retraceOffset: 3,
+    maskGrain: "turbulence",
+    maskBlob: 180,
+    maskOutputMin: 0.42,
+    maskOutputMax: 1,
+    maskOctaves: 1,
+    maskPosterize: 3,
+    maskSoftness: 8,
+    jitterX: 4.5,
+    jitterY: 4.5,
+    jitterRot: 1.2,
+    jitterScale: 0.07,
+    cornerSpread: 14,
+    cornerTravel: 11,
+    pressure: 0.15,
+    pressureMod: 0.15,
+    pooling: 3.5,
+    iconTravel: 1.75,
+    iconMaskScale: 1.5
+  },
+  hatched: {
+    ...base,
+    label: "Hatched",
+    blurb: "An etching. The fill is angled shading, the outline a single hard-edged scratch that chatters along its length. No mask: the hatch is the texture.",
+    fillTravel: 1.25,
+    strokeTravel: 1.5,
+    wobble: 24,
+    roughness: 3,
+    waveform: 3,
+    strokeWidth: 1.5,
+    fillStyle: "hatched",
+    hatchInk: 0.5,
+    doubleStroke: false,
+    maskOn: false,
+    iconMaskOn: false,
+    jitterX: 1.5,
+    jitterY: 1.5,
+    jitterRot: 0.4,
+    jitterScale: 0.03,
+    cornerSpread: 6,
+    cornerTravel: 6,
+    pressure: 0.3,
+    pressureMod: 0.45,
+    pooling: 0.8,
+    iconTravel: 1.25,
+    iconWavelength: 0.5
+  },
+  dashed: {
+    ...base,
+    label: "Dashed",
+    blurb: "A drafting outline. One slow drift along the ruler, broken into strokes, with jitter, mask and pressure all off. The clean pole.",
+    strokeStyle: "dashed",
+    strokeTravel: 1,
+    fillTravel: 0.5,
+    wobble: 120,
+    roughness: 1,
+    waveform: 1,
+    strokeWidth: 1.5,
+    doubleStroke: false,
+    maskOn: false,
+    iconMaskOn: false,
+    jitterX: 0,
+    jitterY: 0,
+    jitterRot: 0,
+    jitterScale: 0,
+    cornerSpread: 4,
+    cornerTravel: 3,
+    pressure: 0,
+    pressureMod: 0,
+    pooling: 0,
+    iconTravel: 0
+  },
+  napkin: {
+    ...base,
+    label: "Napkin",
+    blurb: "Ballpoint in a hurry. Everything loose at once: a square wave sends every edge to full travel, and the second pass lands wherever it lands.",
+    fillTravel: 3,
+    strokeTravel: 2.25,
+    wobble: 50,
+    roughness: 3,
+    waveform: 2.5,
+    strokeWidth: 2.25,
+    doubleStroke: true,
+    retracePass: "reseeded",
+    retraceOffset: 4,
+    strokeInk: 1,
+    maskBlob: 150,
+    maskOutputMin: 0.43,
+    maskOutputMax: 0.95,
+    maskOctaves: 2,
+    maskPosterize: 2,
+    maskSoftness: 10,
+    jitterX: 6,
+    jitterY: 6,
+    jitterRot: 1.8,
+    jitterScale: 0.1,
+    cornerSpread: 20,
+    cornerTravel: 17,
+    pressure: 0.45,
+    pressureMod: 0.6,
+    pooling: 2.5,
+    iconTravel: 2.25,
+    iconMaskScale: 3.6
+  },
+  dry: {
+    ...base,
+    label: "Dry marker",
+    blurb: "Ink that ran out. One scratchy pass that breaks up along its length, over a fill the mask has worn nearly through in patches.",
+    fillTravel: 2.25,
+    strokeTravel: 1.75,
+    wobble: 50,
+    waveform: 2,
+    borderWavelength: 0.5,
+    strokeWidth: 3.5,
+    doubleStroke: false,
+    strokeInk: 0.4,
+    maskBlob: 150,
+    maskOutputMin: 0.24,
+    maskOutputMax: 0.91,
+    maskOctaves: 2,
+    maskPosterize: 4,
+    maskSoftness: 1.75,
+    jitterX: 5,
+    jitterY: 5,
+    jitterRot: 1.4,
+    jitterScale: 0.08,
+    cornerSpread: 16,
+    cornerTravel: 13,
+    pressure: 0.4,
+    pressureMod: 0.8,
+    pooling: 1.5,
+    iconTravel: 1.75,
+    iconMaskScale: 3.8
+  }
+};
+var DEFAULT_SKETCH_STYLE = "marker";
+function hydrateSketchStyle(raw) {
+  const base2 = SKETCH_STYLES[DEFAULT_SKETCH_STYLE];
+  const stored = raw ?? {};
+  const out = { ...base2 };
+  for (const key of Object.keys(base2)) {
+    if (stored[key] !== void 0) out[key] = stored[key];
+  }
+  if (out.fillStyle === "none") out.fillStyle = base2.fillStyle;
+  convertTiledMask(stored, out);
+  convertCutToLevels(stored, out);
+  carryLevelsToOutput(stored, out);
+  halveSwingDials(stored, out);
+  convertCyclesToWavelength(stored, out);
+  convertIconTileToScale(stored, out);
+  restoreDerivedRetrace(stored, out);
+  return out;
+}
+function restoreDerivedRetrace(stored, out) {
+  if (stored.retraceOffset === void 0) {
+    out.retraceOffset = Number(Math.max(1.2, out.strokeWidth * 0.55).toFixed(2));
+  }
+}
+var SWING_DIALS = {
+  fillScale: "fillTravel",
+  strokeScale: "strokeTravel",
+  iconScale: "iconTravel",
+  cornerShift: "cornerTravel"
+};
+function convertCyclesToWavelength(stored, out) {
+  const cycles = stored.frequency;
+  if (typeof cycles === "number" && cycles > 0) out.wobble = Math.round(1 / cycles);
+  for (const [legacy, key] of [
+    ["borderFrequency", "borderWavelength"],
+    ["iconFrequency", "iconWavelength"]
+  ]) {
+    const multiple = stored[legacy];
+    if (typeof multiple === "number" && multiple > 0) {
+      out[key] = Number((1 / multiple).toFixed(3));
+    }
+  }
+  const layers = stored.octaves;
+  if (typeof layers === "number") out.roughness = Math.min(3, Math.max(1, layers));
+}
+function convertIconTileToScale(stored, out) {
+  const tile = stored.iconMaskTile;
+  if (typeof tile !== "number") return;
+  out.iconMaskScale = Math.min(5, Math.max(0.5, Number((tile / 90).toFixed(2))));
+}
+function halveSwingDials(stored, out) {
+  for (const [legacy, key] of Object.entries(SWING_DIALS)) {
+    const value = stored[legacy];
+    if (typeof value === "number") out[key] = value / 2;
+  }
+}
+function convertTiledMask(stored, out) {
+  const scale = stored.maskScale;
+  if (typeof scale !== "number") return;
+  const freq = stored.maskFrequency;
+  if (typeof freq === "number") out.maskBlob = Math.round(scale / (freq * LEGACY_TILE));
+  const soft = stored.maskSoftness;
+  if (typeof soft === "number") out.maskSoftness = Number((soft * scale / LEGACY_TILE).toFixed(1));
+}
+function convertCutToLevels(stored, out) {
+  const contrast = stored.maskContrast;
+  const coverage = stored.maskCoverage;
+  if (typeof contrast !== "number" || typeof coverage !== "number") return;
+  const veined = out.maskGrain === "turbulence";
+  const [lo, hi] = veined ? LEGACY_RANGE.turbulence : LEGACY_RANGE.fractal;
+  const pivot = veined ? 0.55 - 0.5 * coverage : 0.8 - 0.6 * coverage;
+  const level = (raw) => Math.min(1, Math.max(0, (raw - lo) / (hi - lo)));
+  out.maskOutputMin = Number(level(pivot - 0.5 / contrast).toFixed(2));
+  out.maskOutputMax = Number(Math.max(out.maskOutputMin + 0.02, level(pivot + 0.5 / contrast)).toFixed(2));
+}
+function carryLevelsToOutput(stored, out) {
+  if (typeof stored.maskLevelMin === "number") out.maskOutputMin = stored.maskLevelMin;
+  if (typeof stored.maskLevelMax === "number") out.maskOutputMax = stored.maskLevelMax;
+}
+var LEGACY_RANGE = { fractal: [0.24, 0.77], turbulence: [0.02, 0.6] };
+var LEGACY_TILE = 600;
+
 // vite-plugin/themes/normalizeTheme.ts
 function asObject(value) {
   return value && typeof value === "object" && !Array.isArray(value) ? value : null;
@@ -359,12 +693,12 @@ function normalizeTheme(raw, resolvers) {
   }
   const filled = { components: [], aliases: 0, orphans: 0 };
   for (const comp of resolvers.listComponentNames()) {
-    const base = asObject(resolvers.readComponentConfig(comp, "default"));
-    const baseAliases = base ? asObject(base.aliases) : null;
-    if (!base || !baseAliases) continue;
+    const base2 = asObject(resolvers.readComponentConfig(comp, "default"));
+    const baseAliases = base2 ? asObject(base2.aliases) : null;
+    if (!base2 || !baseAliases) continue;
     const entry = componentConfigs[comp];
     if (!entry) {
-      const { schemaVersion: _standaloneStamp, ...rest } = stripFileMarker(base);
+      const { schemaVersion: _standaloneStamp, ...rest } = stripFileMarker(base2);
       componentConfigs[comp] = structuredClone(rest);
       filled.components.push(comp);
       continue;
@@ -380,6 +714,8 @@ function normalizeTheme(raw, resolvers) {
       if (!(key in baseAliases)) filled.orphans++;
     }
   }
+  const embeddedSketchStyle = asObject(src.sketchStyle);
+  const sketchStyle = embeddedSketchStyle ? hydrateSketchStyle(embeddedSketchStyle) : void 0;
   return {
     theme: {
       name: asString(src.name, "Untitled"),
@@ -388,7 +724,8 @@ function normalizeTheme(raw, resolvers) {
       schemaVersion: THEME_SCHEMA_VERSION,
       colorsAndType,
       componentConfigs,
-      componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION
+      componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
+      ...sketchStyle ? { sketchStyle } : {}
     },
     dropped,
     migrated,

package/dist-plugin/{chunk-Y5CNFSSV.js → chunk-RVE3MNKM.js}

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

package/dist-plugin/{chunk-OPYOK2CA.js → chunk-ZHPX7ZYQ.js}

@@ -479,6 +479,43 @@ var tokensCssMigration_2026_08_27_editorialSizeSteps = {
   }
 };
 
+// vite-plugin/tokensCssMigrations/migrations/2026-08-27-editorial-large-steps.ts
+var BUNDLE3 = [
+  { name: "--editorial-xl-font-family", value: "var(--font-editorial)" },
+  { name: "--editorial-xl-font-size", value: "var(--font-size-xl)" },
+  { name: "--editorial-xl-font-weight", value: "var(--font-weight-normal)" },
+  { name: "--editorial-xl-line-height", value: "var(--line-height-tighter)" },
+  { name: "--editorial-xl-letter-spacing", value: "var(--letter-spacing-normal)" },
+  { name: "--editorial-lg-font-family", value: "var(--font-editorial)" },
+  { name: "--editorial-lg-font-size", value: "var(--font-size-lg)" },
+  { name: "--editorial-lg-font-weight", value: "var(--font-weight-normal)" },
+  { name: "--editorial-lg-line-height", value: "var(--line-height-tight)" },
+  { name: "--editorial-lg-letter-spacing", value: "var(--letter-spacing-normal)" }
+];
+var tokensCssMigration_2026_08_27_editorialLargeSteps = {
+  id: "2026-08-27-editorial-large-steps",
+  kind: "additive",
+  description: "Add the --editorial-lg-* and --editorial-xl-* steps above the reading size",
+  apply(css) {
+    return ensureScale(css, {
+      sectionComment: "Editorial \u2014 the steps above the reading size",
+      anchorPrefixes: [
+        "--editorial-",
+        "--eyebrow-",
+        "--code-",
+        "--body-",
+        "--heading-",
+        "--letter-spacing-",
+        "--line-height-",
+        "--font-weight-",
+        "--font-size-",
+        "--font-"
+      ],
+      entries: BUNDLE3
+    });
+  }
+};
+
 // vite-plugin/tokensCssMigrations/index.ts
 var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_05_29_typographyScaleAdditions,
@@ -492,7 +529,8 @@ var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_08_25_editorialTypeRole,
   tokensCssMigration_2026_08_26_gradientStops,
   tokensCssMigration_2026_08_27_backdropPolarity,
-  tokensCssMigration_2026_08_27_editorialSizeSteps
+  tokensCssMigration_2026_08_27_editorialSizeSteps,
+  tokensCssMigration_2026_08_27_editorialLargeSteps
 ];
 function runTokensCssMigrations(css) {
   return foldMigrations(css, () => true);

package/dist-plugin/{dataPaths-CRfD1LdA.d.ts → dataPaths-DZUzVv8H.d.cts}

@@ -28,9 +28,9 @@ interface ResolvedDataDirs {
     colorsAndTypeDir: string;
     componentConfigsDir: string;
     themesDir: string;
-    /** No per-folder config override: sketch presets are a draft-look artifact
-     *  with no reason to live apart from the rest of the data tree. */
-    sketchPresetsDir: string;
+    /** No per-folder config override: a sketchstyle has no reason to live apart
+     *  from the rest of the data tree. */
+    sketchStylesDir: string;
     /** Absolute path of the retired `manifestsDir` key, when the config sets it.
      *  Only the pre-0.48 layout detector and the migration read it. */
     legacyManifestsDir?: string;

package/dist-plugin/{dataPaths-CRfD1LdA.d.cts → dataPaths-DZUzVv8H.d.ts}

@@ -28,9 +28,9 @@ interface ResolvedDataDirs {
     colorsAndTypeDir: string;
     componentConfigsDir: string;
     themesDir: string;
-    /** No per-folder config override: sketch presets are a draft-look artifact
-     *  with no reason to live apart from the rest of the data tree. */
-    sketchPresetsDir: string;
+    /** No per-folder config override: a sketchstyle has no reason to live apart
+     *  from the rest of the data tree. */
+    sketchStylesDir: string;
     /** Absolute path of the retired `manifestsDir` key, when the config sets it.
      *  Only the pre-0.48 layout detector and the migration read it. */
     legacyManifestsDir?: string;

package/dist-plugin/fontPairing/index.cjs

@@ -260,15 +260,39 @@ function censusFrom(css, requested) {
     italics: family.italics === true
   };
 }
+async function probeFor(fetcher, url2) {
+  try {
+    const res = await fetcher(url2);
+    return res.ok ? { res } : { status: res.status };
+  } catch {
+    return {};
+  }
+}
+function titleCase(name) {
+  return name.replace(/\S+/g, (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase());
+}
 async function resolveGoogleFont(name, fetcher) {
-  const probeUrl = discoveryUrl(name);
-  const probe = await fetcher(probeUrl);
-  if (!probe.ok) {
+  const requested = name.trim();
+  const spellings = [.../* @__PURE__ */ new Set([requested, titleCase(requested)])];
+  let probe;
+  let probeUrl = discoveryUrl(requested);
+  let status;
+  for (const spelling of spellings) {
+    const candidateUrl = discoveryUrl(spelling);
+    const attempt = await probeFor(fetcher, candidateUrl);
+    if (attempt.res) {
+      probe = attempt.res;
+      probeUrl = candidateUrl;
+      break;
+    }
+    status ??= attempt.status;
+  }
+  if (!probe) {
     throw new Error(
-      `"${name}" is not on Google Fonts (the API answered ${probe.status}). Check the spelling against fonts.google.com.`
+      `"${requested}" is not on Google Fonts` + (status === void 0 ? "" : ` (the API answered ${status})`) + `. Check the spelling against fonts.google.com.`
     );
   }
-  const census = censusFrom(await probe.text(), name);
+  const census = censusFrom(await probe.text(), requested);
   const candidates = [persistUrlFor(census.name, census.weights, census.italics)];
   const enumerated = census.weights.length > 0 ? url(
     census.name,
@@ -278,8 +302,8 @@ async function resolveGoogleFont(name, fetcher) {
   const bare = url(census.name);
   if (!candidates.includes(bare)) candidates.push(bare);
   for (const candidate of candidates) {
-    const res = await fetcher(candidate);
-    if (!res.ok) continue;
+    const { res } = await probeFor(fetcher, candidate);
+    if (!res) continue;
     const served = censusFrom(await res.text(), census.name);
     return {
       name: census.name,
@@ -392,7 +416,7 @@ function resolveDataDirs(opts = {}) {
     colorsAndTypeDir: opts.colorsAndTypeDir ? import_path.default.resolve(opts.colorsAndTypeDir) : fileConfig.colorsAndTypeDir ? import_path.default.resolve(fileConfig.colorsAndTypeDir) : sub("colors-and-type"),
     componentConfigsDir: opts.componentConfigsDir ? import_path.default.resolve(opts.componentConfigsDir) : fileConfig.componentConfigsDir ? import_path.default.resolve(fileConfig.componentConfigsDir) : sub("component-configs"),
     themesDir: opts.themesDir ? import_path.default.resolve(opts.themesDir) : fileConfig.themesDir ? import_path.default.resolve(fileConfig.themesDir) : sub("themes"),
-    sketchPresetsDir: sub("sketch-presets"),
+    sketchStylesDir: sub("sketch-styles"),
     legacyManifestsDir: fileConfig.manifestsDir ? import_path.default.resolve(fileConfig.manifestsDir) : void 0
   };
 }

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

@@ -1,5 +1,5 @@
 import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-DSV3Zisf.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-CRfD1LdA.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.cjs';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';
 interface PairingFace {

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

@@ -1,5 +1,5 @@
 import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-DSV3Zisf.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-CRfD1LdA.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.js';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';
 interface PairingFace {

package/dist-plugin/fontPairing/index.js

@@ -1,7 +1,7 @@
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-Y5CNFSSV.js";
+} from "../chunk-RVE3MNKM.js";
 
 // src/editor/core/fonts/fontParse.ts
 function parseGoogleFontsUrl(url2) {
@@ -218,15 +218,39 @@ function censusFrom(css, requested) {
     italics: family.italics === true
   };
 }
+async function probeFor(fetcher, url2) {
+  try {
+    const res = await fetcher(url2);
+    return res.ok ? { res } : { status: res.status };
+  } catch {
+    return {};
+  }
+}
+function titleCase(name) {
+  return name.replace(/\S+/g, (w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase());
+}
 async function resolveGoogleFont(name, fetcher) {
-  const probeUrl = discoveryUrl(name);
-  const probe = await fetcher(probeUrl);
-  if (!probe.ok) {
+  const requested = name.trim();
+  const spellings = [.../* @__PURE__ */ new Set([requested, titleCase(requested)])];
+  let probe;
+  let probeUrl = discoveryUrl(requested);
+  let status;
+  for (const spelling of spellings) {
+    const candidateUrl = discoveryUrl(spelling);
+    const attempt = await probeFor(fetcher, candidateUrl);
+    if (attempt.res) {
+      probe = attempt.res;
+      probeUrl = candidateUrl;
+      break;
+    }
+    status ??= attempt.status;
+  }
+  if (!probe) {
     throw new Error(
-      `"${name}" is not on Google Fonts (the API answered ${probe.status}). Check the spelling against fonts.google.com.`
+      `"${requested}" is not on Google Fonts` + (status === void 0 ? "" : ` (the API answered ${status})`) + `. Check the spelling against fonts.google.com.`
     );
   }
-  const census = censusFrom(await probe.text(), name);
+  const census = censusFrom(await probe.text(), requested);
   const candidates = [persistUrlFor(census.name, census.weights, census.italics)];
   const enumerated = census.weights.length > 0 ? url(
     census.name,
@@ -236,8 +260,8 @@ async function resolveGoogleFont(name, fetcher) {
   const bare = url(census.name);
   if (!candidates.includes(bare)) candidates.push(bare);
   for (const candidate of candidates) {
-    const res = await fetcher(candidate);
-    if (!res.ok) continue;
+    const { res } = await probeFor(fetcher, candidate);
+    if (!res) continue;
     const served = censusFrom(await res.text(), census.name);
     return {
       name: census.name,