@motion-proto/live-tokens 0.67.1 → 0.69.0

package/dist-plugin/index.cjs

@@ -1487,6 +1487,106 @@ var componentMigration_2026_08_15_lineHeightScaleRename = {
   apply: renameValues
 };
 
+// src/editor/core/themes/migrations/2026-09-01-scrim-rename.ts
+var RENAMED2 = {
+  "--overlay-low": "--scrim-low",
+  "--overlay": "--scrim",
+  "--overlay-high": "--scrim-high"
+};
+var RENAMED_COMPONENT_KEYS = {
+  "--dialog-overlay-surface": "--dialog-scrim-surface"
+};
+var colorsAndTypeMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-theme",
+  fromVersion: 5,
+  toVersion: 6,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED2[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+var componentMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-component",
+  fromVersion: 21,
+  toVersion: 22,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED_COMPONENT_KEYS[key] ?? key] = RENAMED2[value] ?? value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tint-rename.ts
+var RENAMED3 = {
+  "--hover-low": "--tint-low",
+  "--hover": "--tint",
+  "--hover-high": "--tint-high"
+};
+var colorsAndTypeMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-theme",
+  fromVersion: 6,
+  toVersion: 7,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED3[key] ?? key] = value;
+    return out;
+  }
+};
+var componentMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-component",
+  fromVersion: 22,
+  toVersion: 23,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[key] = RENAMED3[value] ?? value;
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tabbar-active-tint.ts
+var componentMigration_2026_09_01_tabbarActiveTint = {
+  id: "2026-09-01-tabbar-active-tint",
+  fromVersion: 23,
+  toVersion: 24,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "tabbar") return { ...rawVars };
+    const out = { ...rawVars };
+    if (out["--tabbar-active-surface"] === "--scrim-low") {
+      out["--tabbar-active-surface"] = "--tint-low";
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-gate-suffix-enabled.ts
+var RENAMED4 = {
+  "--card-hover-border-active": "--card-hover-border-enabled",
+  "--card-hover-shadow-active": "--card-hover-shadow-enabled",
+  "--image-zoom-hover": "--image-zoom-enabled",
+  "--image-grow-hover": "--image-grow-enabled"
+};
+var componentMigration_2026_09_01_gateSuffixEnabled = {
+  id: "2026-09-01-gate-suffix-enabled",
+  fromVersion: 24,
+  toVersion: 25,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED4[key] ?? key] = value;
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1514,7 +1614,13 @@ var MIGRATIONS = [
   componentMigration_2026_05_29_toggleDeriveTrackFromThumb,
   colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys,
   colorsAndTypeMigration_2026_08_15_lineHeightScaleRename,
-  componentMigration_2026_08_15_lineHeightScaleRename
+  componentMigration_2026_08_15_lineHeightScaleRename,
+  colorsAndTypeMigration_2026_09_01_scrimRename,
+  componentMigration_2026_09_01_scrimRename,
+  colorsAndTypeMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tabbarActiveTint,
+  componentMigration_2026_09_01_gateSuffixEnabled
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
@@ -1888,7 +1994,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 +2180,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 +2202,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 +2328,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 +2349,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 +2524,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 +2562,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 +2573,7 @@ function normalizeTheme(raw, resolvers) {
       colorsAndType,
       componentConfigs,
       componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-      ...sketchStyle ? { sketchStyle } : {}
+      ...sketchSettings ? { sketchSettings } : {}
     },
     dropped,
     migrated,
@@ -2571,7 +2677,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)) {
@@ -3092,6 +3198,42 @@ var tokensCssMigration_2026_08_27_editorialLargeSteps = {
   }
 };
 
+// vite-plugin/tokensCssMigrations/migrations/2026-09-01-scrim-rename.ts
+var RENAMES3 = [
+  ["--overlay-low", "--scrim-low"],
+  ["--overlay-high", "--scrim-high"],
+  ["--overlay", "--scrim"]
+];
+var tokensCssMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename",
+  kind: "breaking",
+  description: "Rename --overlay-{low,base,high} to --scrim-*; a scrim dims what is behind it",
+  apply(css) {
+    let out = css;
+    for (const [oldName, newName] of RENAMES3) out = renameToken2(out, oldName, newName);
+    return out;
+  }
+};
+
+// vite-plugin/tokensCssMigrations/migrations/2026-09-01-tint-scale.ts
+var ENTRIES = [
+  { name: "--tint-low", value: "rgba(255, 255, 255, 0.05)" },
+  { name: "--tint", value: "rgba(255, 255, 255, 0.1)" },
+  { name: "--tint-high", value: "rgba(255, 255, 255, 0.15)" }
+];
+var tokensCssMigration_2026_09_01_tintScale = {
+  id: "2026-09-01-tint-scale",
+  kind: "additive",
+  description: "Add the --tint-* scale; a tint shades the surface it sits on",
+  apply(css) {
+    return ensureScale(css, {
+      entries: ENTRIES,
+      sectionComment: "Tints \u2014 translucent washes that shade the surface they sit on",
+      anchorPrefixes: ["--scrim", "--overlay"]
+    });
+  }
+};
+
 // vite-plugin/tokensCssMigrations/index.ts
 var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_05_29_typographyScaleAdditions,
@@ -3106,7 +3248,9 @@ var TOKENS_CSS_MIGRATIONS = [
   tokensCssMigration_2026_08_26_gradientStops,
   tokensCssMigration_2026_08_27_backdropPolarity,
   tokensCssMigration_2026_08_27_editorialSizeSteps,
-  tokensCssMigration_2026_08_27_editorialLargeSteps
+  tokensCssMigration_2026_08_27_editorialLargeSteps,
+  tokensCssMigration_2026_09_01_scrimRename,
+  tokensCssMigration_2026_09_01_tintScale
 ];
 function runTokensCssMigrations(css) {
   return foldMigrations(css, () => true);
@@ -3607,7 +3751,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 +4508,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 +4673,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 +4682,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,17 +13,17 @@ import {
   nextAvailableName,
   normalizeTheme,
   versionedFileResourceServer
-} from "./chunk-J2JT4UEA.js";
+} from "./chunk-2YNERPXY.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "./chunk-NE6N66EE.js";
+} from "./chunk-GPIBU44G.js";
 import {
   TOKENS_CSS_MIGRATIONS,
   extractGlobalRootBody,
   runAdditiveTokensCssMigrations,
   runTokensCssMigrations,
   validateTokensCss
-} from "./chunk-ZHPX7ZYQ.js";
+} from "./chunk-RFVYPNRO.js";
 import {
   hexToOklch,
   oklchToRgb255,
@@ -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

@@ -876,6 +876,106 @@ var componentMigration_2026_08_15_lineHeightScaleRename = {
   apply: renameValues
 };
 
+// src/editor/core/themes/migrations/2026-09-01-scrim-rename.ts
+var RENAMED2 = {
+  "--overlay-low": "--scrim-low",
+  "--overlay": "--scrim",
+  "--overlay-high": "--scrim-high"
+};
+var RENAMED_COMPONENT_KEYS = {
+  "--dialog-overlay-surface": "--dialog-scrim-surface"
+};
+var colorsAndTypeMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-theme",
+  fromVersion: 5,
+  toVersion: 6,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED2[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+var componentMigration_2026_09_01_scrimRename = {
+  id: "2026-09-01-scrim-rename-component",
+  fromVersion: 21,
+  toVersion: 22,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMED_COMPONENT_KEYS[key] ?? key] = RENAMED2[value] ?? value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tint-rename.ts
+var RENAMED3 = {
+  "--hover-low": "--tint-low",
+  "--hover": "--tint",
+  "--hover-high": "--tint-high"
+};
+var colorsAndTypeMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-theme",
+  fromVersion: 6,
+  toVersion: 7,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED3[key] ?? key] = value;
+    return out;
+  }
+};
+var componentMigration_2026_09_01_tintRename = {
+  id: "2026-09-01-tint-rename-component",
+  fromVersion: 22,
+  toVersion: 23,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[key] = RENAMED3[value] ?? value;
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-tabbar-active-tint.ts
+var componentMigration_2026_09_01_tabbarActiveTint = {
+  id: "2026-09-01-tabbar-active-tint",
+  fromVersion: 23,
+  toVersion: 24,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "tabbar") return { ...rawVars };
+    const out = { ...rawVars };
+    if (out["--tabbar-active-surface"] === "--scrim-low") {
+      out["--tabbar-active-surface"] = "--tint-low";
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-01-gate-suffix-enabled.ts
+var RENAMED4 = {
+  "--card-hover-border-active": "--card-hover-border-enabled",
+  "--card-hover-shadow-active": "--card-hover-shadow-enabled",
+  "--image-zoom-hover": "--image-zoom-enabled",
+  "--image-grow-hover": "--image-grow-enabled"
+};
+var componentMigration_2026_09_01_gateSuffixEnabled = {
+  id: "2026-09-01-gate-suffix-enabled",
+  fromVersion: 24,
+  toVersion: 25,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) out[RENAMED4[key] ?? key] = value;
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -903,7 +1003,13 @@ var MIGRATIONS = [
   componentMigration_2026_05_29_toggleDeriveTrackFromThumb,
   colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys,
   colorsAndTypeMigration_2026_08_15_lineHeightScaleRename,
-  componentMigration_2026_08_15_lineHeightScaleRename
+  componentMigration_2026_08_15_lineHeightScaleRename,
+  colorsAndTypeMigration_2026_09_01_scrimRename,
+  componentMigration_2026_09_01_scrimRename,
+  colorsAndTypeMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tintRename,
+  componentMigration_2026_09_01_tabbarActiveTint,
+  componentMigration_2026_09_01_gateSuffixEnabled
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
@@ -1037,7 +1143,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 +1329,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 +1351,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 +1477,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 +1498,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 +1673,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 +1711,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 +1722,7 @@ function normalizeTheme(raw, resolvers) {
       colorsAndType,
       componentConfigs,
       componentSchemaVersion: CURRENT_COMPONENT_SCHEMA_VERSION,
-      ...sketchStyle ? { sketchStyle } : {}
+      ...sketchSettings ? { sketchSettings } : {}
     },
     dropped,
     migrated,
@@ -1671,7 +1777,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 +1800,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;