@motion-proto/live-tokens 0.67.1 → 0.68.1

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # Changelog
 
+## 0.68.1 — A look is a Theme, or it's a sketch style
+
+### Changed
+
+- **"Look" is gone from the public surface.** The word covered two different
+  things, a whole design identity and the hand-drawn sketch effect, and every
+  export now names the one it means. `adoptLook` is `adoptTheme`,
+  `AdoptLookResult` is `AdoptThemeResult`. From `@motion-proto/live-tokens/sketch`,
+  `registerSketchLook` is `registerSketchStyle`, `SketchLook` is `SketchStyle`,
+  `SketchLookSource` is `SketchStyleSource`, `RegisterSketchLookInput` is
+  `RegisterSketchStyleInput`, the `sketchLooks` store is `sketchStyles`, and
+  `themeSketchLook` is `unsavedSketchStyle`. `bootLiveTokens`'s `sketchLooks`
+  option is `sketchStyles`.
+
+- **A theme's embedded sketch settings moved from `sketchStyle` to
+  `sketchSettings`.** The field holds a sketchstyle's settings, not a
+  sketchstyle, so it is named for what it holds. Reading a theme accepts
+  either key, so nothing breaks on upgrade; the boot migration rewrites the
+  file to the new key the next time it saves. Schema version 5.
+
+### Fixed
+
+- **Picking a sketchstyle in the Sketchstyle view now updates a page's own
+  picker.** Selection went through `selectSketchStyle`/`selectUnsavedSketchStyle`,
+  separate from the door a page picker calls, so the two could disagree about
+  what was on screen. Both go through `setSketch` now: one call applies the
+  style, turns the effect on, and keeps every picker in step.
+
+- **The mask's Rotation dial appears whenever its two axes differ**, not only
+  when they were never linked. Un-linking the axes and moving just one used to
+  leave Rotation hidden even though the mask was no longer round.
+
 ## 0.67.1 — The Napkin you tuned is the Napkin that ships
 
 ### Changed

package/bin/generate-theme.mjs

@@ -3,7 +3,7 @@
 // Reads a seed brief (JSON), builds a full validated colors-and-type layer via
 // the compiled engine (dist-plugin/generateColorsAndType — the CLI never imports
 // TS sources), enforces the AA contrast gate, and saves the result as a theme:
-// <themesDir>/<slug>.json, the document that carries the whole look by value.
+// <themesDir>/<slug>.json, the document that carries the whole theme by value.
 // Unless --no-activate it then opens that theme the way the dev server's apply
 // door does — existing `_working` buffers are cleared and
 // `themes/_active.json` names it. Nothing else moves, so generating a theme
@@ -21,9 +21,10 @@ import { fileURLToPath } from 'node:url';
 const pkgRoot = resolve(dirname(fileURLToPath(import.meta.url)), '..');
 const ENGINE = resolve(pkgRoot, 'dist-plugin/generateColorsAndType/index.js');
 const packageDataDir = join(pkgRoot, 'src/live-tokens/data');
-// Source of truth: vite-plugin/themes/normalizeTheme.ts. This copy cannot
-// import TS, so `check:preset-themes` (Wave 5) is what catches a drift.
-const THEME_SCHEMA_VERSION = 4;
+// Source of truth: src/editor/core/themes/themeTypes.ts, which
+// normalizeTheme.ts re-exports. This copy cannot import TS, so
+// `check:preset-themes` and generate-theme.test.ts are what catch a drift.
+const THEME_SCHEMA_VERSION = 5;
 
 async function loadEngine() {
   if (!existsSync(ENGINE)) {

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-DZUzVv8H.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.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-DZUzVv8H.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
 type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';

package/dist-plugin/{chunk-J2JT4UEA.js → chunk-2UX6EVVA.js}

@@ -135,7 +135,7 @@ function versionedFileResourceServer(opts) {
 }
 
 // src/editor/core/themes/themeTypes.ts
-var THEME_SCHEMA_VERSION = 4;
+var THEME_SCHEMA_VERSION = 5;
 
 // src/editor/core/themes/migrateComponentConfig.ts
 function migrateComponentConfig(component, aliasesIn, rawConfig, fileVersion) {
@@ -438,15 +438,15 @@ var hatched_default = {
     pressureMod: 0.45,
     pooling: 0.8,
     strokeInk: 1,
-    maskOn: false,
-    maskBlobX: 100,
-    maskBlobY: 100,
-    maskBlobLinked: true,
-    maskAngle: 0,
-    maskOutputMin: 0.45,
+    maskOn: true,
+    maskBlobX: 10,
+    maskBlobY: 600,
+    maskBlobLinked: false,
+    maskAngle: 150,
+    maskOutputMin: 0.35,
     maskOutputMax: 1,
     maskOctaves: 2,
-    maskGrain: "fractal",
+    maskGrain: "turbulence",
     maskPosterize: 1,
     maskSoftness: 1.5,
     jitterX: 1.5,
@@ -460,7 +460,7 @@ var hatched_default = {
     iconMaskOn: false,
     iconMaskScale: 1
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:17:18.232Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
@@ -586,11 +586,11 @@ var dry_default = {
     pooling: 1.5,
     strokeInk: 0.4,
     maskOn: true,
-    maskBlobX: 150,
-    maskBlobY: 150,
+    maskBlobX: 170,
+    maskBlobY: 170,
     maskBlobLinked: true,
     maskAngle: 0,
-    maskOutputMin: 0.24,
+    maskOutputMin: 0.57,
     maskOutputMax: 0.91,
     maskOctaves: 2,
     maskGrain: "fractal",
@@ -607,18 +607,18 @@ var dry_default = {
     iconMaskOn: true,
     iconMaskScale: 3.8
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:19:51.383Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
 // src/editor/core/sketch/sketchStyles.ts
 var SHIPPED_FILES = { pencil: pencil_default, marker: marker_default, whiteboard: whiteboard_default, hatched: hatched_default, dashed: dashed_default, napkin: napkin_default, dry: dry_default };
-var SKETCH_STYLES = Object.fromEntries(
+var SHIPPED_SKETCH_SETTINGS = Object.fromEntries(
   Object.entries(SHIPPED_FILES).map(([id, file]) => [id, file.settings])
 );
 var DEFAULT_SKETCH_STYLE = "marker";
-function hydrateSketchStyle(raw) {
-  const base = SKETCH_STYLES[DEFAULT_SKETCH_STYLE];
+function hydrateSketchSettings(raw) {
+  const base = SHIPPED_SKETCH_SETTINGS[DEFAULT_SKETCH_STYLE];
   const stored = raw ?? {};
   const out = { ...base };
   for (const key of Object.keys(base)) {
@@ -782,10 +782,10 @@ function normalizeTheme(raw, resolvers) {
   }
   const componentConfigs = {};
   for (const [comp, value] of Object.entries(asObject(src.componentConfigs) ?? {})) {
-    const embedded = asObject(value);
+    const embedded2 = asObject(value);
     let resolvedConfig;
-    if (embedded) {
-      resolvedConfig = stripFileMarker(embedded);
+    if (embedded2) {
+      resolvedConfig = stripFileMarker(embedded2);
     } else {
       const configName = asString(value, "default");
       const resolved = asObject(resolvers.readComponentConfig(comp, configName));
@@ -820,8 +820,8 @@ function normalizeTheme(raw, resolvers) {
       if (!(key in baseAliases)) filled.orphans++;
     }
   }
-  const embeddedSketchStyle = asObject(src.sketchStyle);
-  const sketchStyle = embeddedSketchStyle ? hydrateSketchStyle(embeddedSketchStyle) : void 0;
+  const embedded = asObject(src.sketchSettings) ?? asObject(src.sketchStyle);
+  const sketchSettings = embedded ? hydrateSketchSettings(embedded) : void 0;
   return {
     theme: {
       name: asString(src.name, "Untitled"),
@@ -831,7 +831,7 @@ function normalizeTheme(raw, resolvers) {
       colorsAndType,
       componentConfigs,
       componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-      ...sketchStyle ? { sketchStyle } : {}
+      ...sketchSettings ? { sketchSettings } : {}
     },
     dropped,
     migrated,
@@ -886,7 +886,7 @@ function detectLegacyLayout(input) {
   const manifestsDir = input.configuredManifestsDir ?? path2.join(input.dataDir, "manifests");
   const themesHoldAThemeFile = holdsATheme(input.themesDir);
   if (isDirectory(manifestsDir) && !themesHoldAThemeFile) {
-    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-look directory` };
+    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-theme directory` };
   }
   if (jsonFiles(input.colorsAndTypeDir).length > 0) return null;
   for (const file of jsonFiles(input.themesDir)) {
@@ -909,12 +909,12 @@ function planLegacyRenames(layout, input) {
   const defaultThemes = path2.join(input.dataDir, "themes");
   if (input.configuredManifestsDir && path2.resolve(input.configuredManifestsDir) !== path2.join(input.dataDir, "manifests")) {
     throw new Error(
-      `This project uses the pre-0.48 data layout (${layout.evidence}), and live-tokens.config.json sets the retired "manifestsDir" key to ${input.configuredManifestsDir}. That directory holds the whole looks, which now belong in ${input.themesDir}. Move it there by hand, drop the "manifestsDir" key, then run the migration again.`
+      `This project uses the pre-0.48 data layout (${layout.evidence}), and live-tokens.config.json sets the retired "manifestsDir" key to ${input.configuredManifestsDir}. That directory holds the whole themes, which now belong in ${input.themesDir}. Move it there by hand, drop the "manifestsDir" key, then run the migration again.`
     );
   }
   if (path2.resolve(input.colorsAndTypeDir) !== path2.resolve(defaultColorsAndType) || path2.resolve(input.themesDir) !== path2.resolve(defaultThemes)) {
     throw new Error(
-      `This project uses the pre-0.48 data layout (${layout.evidence}), and its data directories are configured to custom paths (colorsAndTypeDir=${input.colorsAndTypeDir}, themesDir=${input.themesDir}). The migration cannot tell which directory holds what. Move the old colors-and-type directory to ${input.colorsAndTypeDir} and the old whole-look directory to ${input.themesDir} by hand, then run the migration again.`
+      `This project uses the pre-0.48 data layout (${layout.evidence}), and its data directories are configured to custom paths (colorsAndTypeDir=${input.colorsAndTypeDir}, themesDir=${input.themesDir}). The migration cannot tell which directory holds what. Move the old colors-and-type directory to ${input.colorsAndTypeDir} and the old whole-theme directory to ${input.themesDir} by hand, then run the migration again.`
     );
   }
   const renames = [];

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

@@ -6,7 +6,7 @@ interface LiveTokensFileConfig {
     /**
      * Retired in 0.48, where `themesDir` took over the meaning. Still recognised
      * so an unmigrated project is not told its key is a typo, and so the
-     * migration can find (or refuse to guess at) a whole-look directory the
+     * migration can find (or refuse to guess at) a whole-theme directory the
      * consumer moved.
      */
     manifestsDir?: string;

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

@@ -6,7 +6,7 @@ interface LiveTokensFileConfig {
     /**
      * Retired in 0.48, where `themesDir` took over the meaning. Still recognised
      * so an unmigrated project is not told its key is a typo, and so the
-     * migration can find (or refuse to guess at) a whole-look directory the
+     * migration can find (or refuse to guess at) a whole-theme directory the
      * consumer moved.
      */
     manifestsDir?: string;

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-DZUzVv8H.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.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-DZUzVv8H.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.js';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';
 interface PairingFace {

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

@@ -1,5 +1,5 @@
 import { F as FontSource, b as FontStack, G as GradientDiskToken, O as Oklch, H as HarmonyMode, C as ColorsAndType } from '../themeTypes-DSV3Zisf.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
 /**

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

@@ -1,5 +1,5 @@
 import { F as FontSource, b as FontStack, G as GradientDiskToken, O as Oklch, H as HarmonyMode, C as ColorsAndType } from '../themeTypes-DSV3Zisf.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-DZUzVv8H.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
 /**

package/dist-plugin/index.cjs

@@ -1888,7 +1888,7 @@ function synthesizeSectionDividerGradients(stringPart, objectPart) {
 }
 
 // src/editor/core/themes/themeTypes.ts
-var THEME_SCHEMA_VERSION = 4;
+var THEME_SCHEMA_VERSION = 5;
 
 // src/editor/core/components/componentConfigKeys.ts
 var KNOWN_COMPONENT_CONFIG_KEYS = /* @__PURE__ */ new Set([
@@ -2074,15 +2074,15 @@ var hatched_default = {
     pressureMod: 0.45,
     pooling: 0.8,
     strokeInk: 1,
-    maskOn: false,
-    maskBlobX: 100,
-    maskBlobY: 100,
-    maskBlobLinked: true,
-    maskAngle: 0,
-    maskOutputMin: 0.45,
+    maskOn: true,
+    maskBlobX: 10,
+    maskBlobY: 600,
+    maskBlobLinked: false,
+    maskAngle: 150,
+    maskOutputMin: 0.35,
     maskOutputMax: 1,
     maskOctaves: 2,
-    maskGrain: "fractal",
+    maskGrain: "turbulence",
     maskPosterize: 1,
     maskSoftness: 1.5,
     jitterX: 1.5,
@@ -2096,7 +2096,7 @@ var hatched_default = {
     iconMaskOn: false,
     iconMaskScale: 1
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:17:18.232Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
@@ -2222,11 +2222,11 @@ var dry_default = {
     pooling: 1.5,
     strokeInk: 0.4,
     maskOn: true,
-    maskBlobX: 150,
-    maskBlobY: 150,
+    maskBlobX: 170,
+    maskBlobY: 170,
     maskBlobLinked: true,
     maskAngle: 0,
-    maskOutputMin: 0.24,
+    maskOutputMin: 0.57,
     maskOutputMax: 0.91,
     maskOctaves: 2,
     maskGrain: "fractal",
@@ -2243,18 +2243,18 @@ var dry_default = {
     iconMaskOn: true,
     iconMaskScale: 3.8
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:19:51.383Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
 // src/editor/core/sketch/sketchStyles.ts
 var SHIPPED_FILES = { pencil: pencil_default, marker: marker_default, whiteboard: whiteboard_default, hatched: hatched_default, dashed: dashed_default, napkin: napkin_default, dry: dry_default };
-var SKETCH_STYLES = Object.fromEntries(
+var SHIPPED_SKETCH_SETTINGS = Object.fromEntries(
   Object.entries(SHIPPED_FILES).map(([id, file]) => [id, file.settings])
 );
 var DEFAULT_SKETCH_STYLE = "marker";
-function hydrateSketchStyle(raw) {
-  const base = SKETCH_STYLES[DEFAULT_SKETCH_STYLE];
+function hydrateSketchSettings(raw) {
+  const base = SHIPPED_SKETCH_SETTINGS[DEFAULT_SKETCH_STYLE];
   const stored = raw ?? {};
   const out = { ...base };
   for (const key of Object.keys(base)) {
@@ -2418,10 +2418,10 @@ function normalizeTheme(raw, resolvers) {
   }
   const componentConfigs = {};
   for (const [comp, value] of Object.entries(asObject(src.componentConfigs) ?? {})) {
-    const embedded = asObject(value);
+    const embedded2 = asObject(value);
     let resolvedConfig;
-    if (embedded) {
-      resolvedConfig = stripFileMarker(embedded);
+    if (embedded2) {
+      resolvedConfig = stripFileMarker(embedded2);
     } else {
       const configName = asString(value, "default");
       const resolved = asObject(resolvers.readComponentConfig(comp, configName));
@@ -2456,8 +2456,8 @@ function normalizeTheme(raw, resolvers) {
       if (!(key in baseAliases)) filled.orphans++;
     }
   }
-  const embeddedSketchStyle = asObject(src.sketchStyle);
-  const sketchStyle = embeddedSketchStyle ? hydrateSketchStyle(embeddedSketchStyle) : void 0;
+  const embedded = asObject(src.sketchSettings) ?? asObject(src.sketchStyle);
+  const sketchSettings = embedded ? hydrateSketchSettings(embedded) : void 0;
   return {
     theme: {
       name: asString(src.name, "Untitled"),
@@ -2467,7 +2467,7 @@ function normalizeTheme(raw, resolvers) {
       colorsAndType,
       componentConfigs,
       componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-      ...sketchStyle ? { sketchStyle } : {}
+      ...sketchSettings ? { sketchSettings } : {}
     },
     dropped,
     migrated,
@@ -2571,7 +2571,7 @@ function detectLegacyLayout(input) {
   const manifestsDir = input.configuredManifestsDir ?? import_path3.default.join(input.dataDir, "manifests");
   const themesHoldAThemeFile = holdsATheme(input.themesDir);
   if (isDirectory(manifestsDir) && !themesHoldAThemeFile) {
-    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-look directory` };
+    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-theme directory` };
   }
   if (jsonFiles(input.colorsAndTypeDir).length > 0) return null;
   for (const file of jsonFiles(input.themesDir)) {
@@ -3607,7 +3607,7 @@ ${lines.join("\n")}
   }
   function warnOnLegacyLayout(evidence, warn) {
     warn(
-      `[live-tokens] This project still uses the data layout from 0.47 and earlier: ${evidence}. Since 0.48 the whole-look theme files live in \`themes/\` and the colors and type live in \`colors-and-type/\`. Nothing in the data directory was written, the editor cannot save, and ${import_path4.default.basename(GENERATED_CSS_PATH)} is left exactly as it is. Run \`npx live-tokens migrate\` to move the directories and heal the tree, then restart the dev server.`
+      `[live-tokens] This project still uses the data layout from 0.47 and earlier: ${evidence}. Since 0.48 the whole-theme theme files live in \`themes/\` and the colors and type live in \`colors-and-type/\`. Nothing in the data directory was written, the editor cannot save, and ${import_path4.default.basename(GENERATED_CSS_PATH)} is left exactly as it is. Run \`npx live-tokens migrate\` to move the directories and heal the tree, then restart the dev server.`
     );
   }
   function warnOnUnmigratedSketchStyles(warn) {
@@ -4364,7 +4364,7 @@ ${lines.join("\n")}
       filled
     });
   }
-  async function handleAdoptLook({ res }) {
+  async function handleAdoptTheme({ res }) {
     const activeName = themesResource.getActiveName();
     if (activeName === "default") {
       jsonResponse(res, 409, {
@@ -4529,7 +4529,7 @@ ${lines.join("\n")}
     { method: "GET", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "PUT", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "DELETE", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
-    // Production — the whole-look adopt door
+    // Production — the whole-theme adopt door
     { method: "GET", pattern: SKETCH_STYLES_ROUTE, handler: handleListSketchStyles },
     { method: "PUT", pattern: SKETCH_STYLES_ROUTE, handler: methodNotAllowed },
     { method: "POST", pattern: SKETCH_STYLES_ROUTE, handler: methodNotAllowed },
@@ -4538,7 +4538,7 @@ ${lines.join("\n")}
     { method: "PUT", pattern: SKETCH_STYLE_BY_NAME_REGEX, handler: handleSketchStyleByName },
     { method: "DELETE", pattern: SKETCH_STYLE_BY_NAME_REGEX, handler: handleSketchStyleByName },
     { method: "POST", pattern: SKETCH_STYLE_BY_NAME_REGEX, handler: methodNotAllowed },
-    { method: "PUT", pattern: PRODUCTION_ROUTE, handler: handleAdoptLook },
+    { method: "PUT", pattern: PRODUCTION_ROUTE, handler: handleAdoptTheme },
     { method: "GET", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },
     { method: "POST", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },
     { method: "DELETE", 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-DZUzVv8H.cjs';
+import './dataPaths-bJTCEO4H.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-DZUzVv8H.js';
+import './dataPaths-bJTCEO4H.js';
 
 interface ThemeFileApiOptions {
     tokensCssPath: string;

package/dist-plugin/index.js

@@ -13,7 +13,7 @@ import {
   nextAvailableName,
   normalizeTheme,
   versionedFileResourceServer
-} from "./chunk-J2JT4UEA.js";
+} from "./chunk-2UX6EVVA.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
 } from "./chunk-NE6N66EE.js";
@@ -620,7 +620,7 @@ ${lines.join("\n")}
   }
   function warnOnLegacyLayout(evidence, warn) {
     warn(
-      `[live-tokens] This project still uses the data layout from 0.47 and earlier: ${evidence}. Since 0.48 the whole-look theme files live in \`themes/\` and the colors and type live in \`colors-and-type/\`. Nothing in the data directory was written, the editor cannot save, and ${path.basename(GENERATED_CSS_PATH)} is left exactly as it is. Run \`npx live-tokens migrate\` to move the directories and heal the tree, then restart the dev server.`
+      `[live-tokens] This project still uses the data layout from 0.47 and earlier: ${evidence}. Since 0.48 the whole-theme theme files live in \`themes/\` and the colors and type live in \`colors-and-type/\`. Nothing in the data directory was written, the editor cannot save, and ${path.basename(GENERATED_CSS_PATH)} is left exactly as it is. Run \`npx live-tokens migrate\` to move the directories and heal the tree, then restart the dev server.`
     );
   }
   function warnOnUnmigratedSketchStyles(warn) {
@@ -1377,7 +1377,7 @@ ${lines.join("\n")}
       filled
     });
   }
-  async function handleAdoptLook({ res }) {
+  async function handleAdoptTheme({ res }) {
     const activeName = themesResource.getActiveName();
     if (activeName === "default") {
       jsonResponse(res, 409, {
@@ -1542,7 +1542,7 @@ ${lines.join("\n")}
     { method: "GET", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "PUT", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
     { method: "DELETE", pattern: THEME_BY_NAME_REGEX, handler: handleThemeByName },
-    // Production — the whole-look adopt door
+    // Production — the whole-theme adopt door
     { method: "GET", pattern: SKETCH_STYLES_ROUTE, handler: handleListSketchStyles },
     { method: "PUT", pattern: SKETCH_STYLES_ROUTE, handler: methodNotAllowed },
     { method: "POST", pattern: SKETCH_STYLES_ROUTE, handler: methodNotAllowed },
@@ -1551,7 +1551,7 @@ ${lines.join("\n")}
     { method: "PUT", pattern: SKETCH_STYLE_BY_NAME_REGEX, handler: handleSketchStyleByName },
     { method: "DELETE", pattern: SKETCH_STYLE_BY_NAME_REGEX, handler: handleSketchStyleByName },
     { method: "POST", pattern: SKETCH_STYLE_BY_NAME_REGEX, handler: methodNotAllowed },
-    { method: "PUT", pattern: PRODUCTION_ROUTE, handler: handleAdoptLook },
+    { method: "PUT", pattern: PRODUCTION_ROUTE, handler: handleAdoptTheme },
     { method: "GET", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },
     { method: "POST", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed },
     { method: "DELETE", pattern: PRODUCTION_ROUTE, handler: methodNotAllowed }

package/dist-plugin/migrateData/index.cjs

@@ -1037,7 +1037,7 @@ function synthesizeSectionDividerGradients(stringPart, objectPart) {
 }
 
 // src/editor/core/themes/themeTypes.ts
-var THEME_SCHEMA_VERSION = 4;
+var THEME_SCHEMA_VERSION = 5;
 
 // src/editor/core/components/componentConfigKeys.ts
 var KNOWN_COMPONENT_CONFIG_KEYS = /* @__PURE__ */ new Set([
@@ -1223,15 +1223,15 @@ var hatched_default = {
     pressureMod: 0.45,
     pooling: 0.8,
     strokeInk: 1,
-    maskOn: false,
-    maskBlobX: 100,
-    maskBlobY: 100,
-    maskBlobLinked: true,
-    maskAngle: 0,
-    maskOutputMin: 0.45,
+    maskOn: true,
+    maskBlobX: 10,
+    maskBlobY: 600,
+    maskBlobLinked: false,
+    maskAngle: 150,
+    maskOutputMin: 0.35,
     maskOutputMax: 1,
     maskOctaves: 2,
-    maskGrain: "fractal",
+    maskGrain: "turbulence",
     maskPosterize: 1,
     maskSoftness: 1.5,
     jitterX: 1.5,
@@ -1245,7 +1245,7 @@ var hatched_default = {
     iconMaskOn: false,
     iconMaskScale: 1
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:17:18.232Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
@@ -1371,11 +1371,11 @@ var dry_default = {
     pooling: 1.5,
     strokeInk: 0.4,
     maskOn: true,
-    maskBlobX: 150,
-    maskBlobY: 150,
+    maskBlobX: 170,
+    maskBlobY: 170,
     maskBlobLinked: true,
     maskAngle: 0,
-    maskOutputMin: 0.24,
+    maskOutputMin: 0.57,
     maskOutputMax: 0.91,
     maskOctaves: 2,
     maskGrain: "fractal",
@@ -1392,18 +1392,18 @@ var dry_default = {
     iconMaskOn: true,
     iconMaskScale: 3.8
   },
-  updatedAt: "2026-08-28T15:47:36.934Z",
+  updatedAt: "2026-08-28T21:19:51.383Z",
   createdAt: "2026-08-28T15:47:36.934Z"
 };
 
 // src/editor/core/sketch/sketchStyles.ts
 var SHIPPED_FILES = { pencil: pencil_default, marker: marker_default, whiteboard: whiteboard_default, hatched: hatched_default, dashed: dashed_default, napkin: napkin_default, dry: dry_default };
-var SKETCH_STYLES = Object.fromEntries(
+var SHIPPED_SKETCH_SETTINGS = Object.fromEntries(
   Object.entries(SHIPPED_FILES).map(([id, file]) => [id, file.settings])
 );
 var DEFAULT_SKETCH_STYLE = "marker";
-function hydrateSketchStyle(raw) {
-  const base = SKETCH_STYLES[DEFAULT_SKETCH_STYLE];
+function hydrateSketchSettings(raw) {
+  const base = SHIPPED_SKETCH_SETTINGS[DEFAULT_SKETCH_STYLE];
   const stored = raw ?? {};
   const out = { ...base };
   for (const key of Object.keys(base)) {
@@ -1567,10 +1567,10 @@ function normalizeTheme(raw, resolvers) {
   }
   const componentConfigs = {};
   for (const [comp, value] of Object.entries(asObject(src.componentConfigs) ?? {})) {
-    const embedded = asObject(value);
+    const embedded2 = asObject(value);
     let resolvedConfig;
-    if (embedded) {
-      resolvedConfig = stripFileMarker(embedded);
+    if (embedded2) {
+      resolvedConfig = stripFileMarker(embedded2);
     } else {
       const configName = asString(value, "default");
       const resolved = asObject(resolvers.readComponentConfig(comp, configName));
@@ -1605,8 +1605,8 @@ function normalizeTheme(raw, resolvers) {
       if (!(key in baseAliases)) filled.orphans++;
     }
   }
-  const embeddedSketchStyle = asObject(src.sketchStyle);
-  const sketchStyle = embeddedSketchStyle ? hydrateSketchStyle(embeddedSketchStyle) : void 0;
+  const embedded = asObject(src.sketchSettings) ?? asObject(src.sketchStyle);
+  const sketchSettings = embedded ? hydrateSketchSettings(embedded) : void 0;
   return {
     theme: {
       name: asString(src.name, "Untitled"),
@@ -1616,7 +1616,7 @@ function normalizeTheme(raw, resolvers) {
       colorsAndType,
       componentConfigs,
       componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-      ...sketchStyle ? { sketchStyle } : {}
+      ...sketchSettings ? { sketchSettings } : {}
     },
     dropped,
     migrated,
@@ -1671,7 +1671,7 @@ function detectLegacyLayout(input) {
   const manifestsDir = input.configuredManifestsDir ?? import_path2.default.join(input.dataDir, "manifests");
   const themesHoldAThemeFile = holdsATheme(input.themesDir);
   if (isDirectory(manifestsDir) && !themesHoldAThemeFile) {
-    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-look directory` };
+    return { manifestsDir, evidence: `${manifestsDir} is the pre-0.48 whole-theme directory` };
   }
   if (jsonFiles(input.colorsAndTypeDir).length > 0) return null;
   for (const file of jsonFiles(input.themesDir)) {
@@ -1694,12 +1694,12 @@ function planLegacyRenames(layout, input) {
   const defaultThemes = import_path2.default.join(input.dataDir, "themes");
   if (input.configuredManifestsDir && import_path2.default.resolve(input.configuredManifestsDir) !== import_path2.default.join(input.dataDir, "manifests")) {
     throw new Error(
-      `This project uses the pre-0.48 data layout (${layout.evidence}), and live-tokens.config.json sets the retired "manifestsDir" key to ${input.configuredManifestsDir}. That directory holds the whole looks, which now belong in ${input.themesDir}. Move it there by hand, drop the "manifestsDir" key, then run the migration again.`
+      `This project uses the pre-0.48 data layout (${layout.evidence}), and live-tokens.config.json sets the retired "manifestsDir" key to ${input.configuredManifestsDir}. That directory holds the whole themes, which now belong in ${input.themesDir}. Move it there by hand, drop the "manifestsDir" key, then run the migration again.`
     );
   }
   if (import_path2.default.resolve(input.colorsAndTypeDir) !== import_path2.default.resolve(defaultColorsAndType) || import_path2.default.resolve(input.themesDir) !== import_path2.default.resolve(defaultThemes)) {
     throw new Error(
-      `This project uses the pre-0.48 data layout (${layout.evidence}), and its data directories are configured to custom paths (colorsAndTypeDir=${input.colorsAndTypeDir}, themesDir=${input.themesDir}). The migration cannot tell which directory holds what. Move the old colors-and-type directory to ${input.colorsAndTypeDir} and the old whole-look directory to ${input.themesDir} by hand, then run the migration again.`
+      `This project uses the pre-0.48 data layout (${layout.evidence}), and its data directories are configured to custom paths (colorsAndTypeDir=${input.colorsAndTypeDir}, themesDir=${input.themesDir}). The migration cannot tell which directory holds what. Move the old colors-and-type directory to ${input.colorsAndTypeDir} and the old whole-theme directory to ${input.themesDir} by hand, then run the migration again.`
     );
   }
   const renames = [];

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

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

package/dist-plugin/migrateData/index.js

@@ -7,7 +7,7 @@ import {
   normalizeTheme,
   planLegacyRenames,
   versionedFileResourceServer
-} from "../chunk-J2JT4UEA.js";
+} from "../chunk-2UX6EVVA.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
 } from "../chunk-NE6N66EE.js";