@motion-proto/live-tokens 0.72.1 → 0.74.0

package/dist-plugin/{generateColorsAndType → setColors}/index.cjs

@@ -27,16 +27,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// vite-plugin/generateColorsAndType/index.ts
-var generateColorsAndType_exports = {};
-__export(generateColorsAndType_exports, {
+// vite-plugin/setColors/index.ts
+var setColors_exports = {};
+__export(setColors_exports, {
   CURRENT_COMPONENT_SCHEMA_VERSION: () => CURRENT_COMPONENT_SCHEMA_VERSION,
-  buildColorsAndTypeFromSeeds: () => buildColorsAndTypeFromSeeds,
+  buildColors: () => buildColors,
   readLiveTokensConfig: () => readLiveTokensConfig,
   resolveDataDirs: () => resolveDataDirs,
   sanitizeFileName: () => sanitizeFileName
 });
-module.exports = __toCommonJS(generateColorsAndType_exports);
+module.exports = __toCommonJS(setColors_exports);
 
 // src/system/internal/oklch.ts
 function srgbToLinear(c) {
@@ -841,1232 +841,1270 @@ function defaultScaleCurvesObject(scheme = "dark") {
   };
 }
 
-// src/editor/core/storage/files/versionedFileResourceClient.ts
-function sanitizeFileName(name) {
-  return name.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-_]/g, "").replace(/-+/g, "-").replace(/^[-_]+|-+$/g, "") || "unnamed";
-}
-
-// src/editor/core/themes/migrations/2026-04-24-legacy-keys-and-bg-to-canvas.ts
-var LEGACY_KEY_RENAMES = {
-  "--empty": "--page-bg",
-  "--empty-attachment": "--page-bg-attachment",
-  // Orphan exports dropped from tokens.css; no new home — silently discard.
-  "--border-neutral": null,
-  // Shadow cleanup: these five tokens were removed (low/zero consumers,
-  // aesthetic drift). Dialog migrated onto --shadow-2xl; focus rings moved
-  // to their own --ring-focus-* namespace, which themes don't carry by
-  // default — tokens.css provides the canonical values.
-  "--shadow-app": null,
-  "--shadow-card": null,
-  "--shadow-overlay": null,
-  "--shadow-focus": null,
-  "--shadow-glow-green": null
-};
-var BG_TO_CANVAS_PREFIXES = ["--color-bg-", "--surface-bg", "--border-bg", "--text-bg"];
-function migrateBgToCanvas(rawVars) {
-  for (const oldKey of Object.keys(rawVars)) {
-    for (const prefix of BG_TO_CANVAS_PREFIXES) {
-      if (!oldKey.startsWith(prefix)) continue;
-      const suffix = oldKey.slice(prefix.length);
-      if (suffix && !suffix.startsWith("-")) continue;
-      const newKey = prefix.replace("-bg", "-canvas") + suffix;
-      if (newKey === oldKey) continue;
-      const value = rawVars[oldKey];
-      delete rawVars[oldKey];
-      if (!(newKey in rawVars)) rawVars[newKey] = value;
-      break;
+// src/editor/core/themes/buildColors.ts
+var HEX_RE = /^#[0-9a-f]{6}$/i;
+var HARMONY_MODES = [
+  "complementary",
+  "split-complementary",
+  "triadic",
+  "tetradic",
+  "compound",
+  "square",
+  "analogous",
+  "monochromatic",
+  "custom"
+];
+var TEXT_SCALE = SCALES.find((s) => s.title === "Text");
+var SURFACE_SCALE = SCALES.find((s) => s.title === "Surfaces");
+var NEUTRAL_TEXT_FLOORS = [
+  ["primary", AA_BODY, 7],
+  ["secondary", AA_BODY, 5.5],
+  ["tertiary", AA_LARGE, 3.5]
+];
+var FUNCTIONAL_TEXT_TARGET = 3.5;
+var FUNCTIONAL_TEXT_LABELS = PALETTE_SPECS.filter((s) => s.label !== "Neutral" && s.label !== "Canvas").map((s) => s.label);
+var norm = (h) => h >= 0 && h < 360 ? h : (h % 360 + 360) % 360;
+function parseBaseColor(label, raw, problems) {
+  if (typeof raw === "string") {
+    if (!HEX_RE.test(raw.trim())) {
+      problems.push(`${label}: "${raw}" is not a #rrggbb hex color`);
+      return null;
     }
+    return hexToOklch(raw.trim());
   }
+  const { l, c, h } = raw ?? {};
+  if (typeof l !== "number" || l <= 0 || l >= 1) problems.push(`${label}: l must be in (0, 1), got ${l}`);
+  if (typeof c !== "number" || c < 0 || c > 0.4) problems.push(`${label}: c must be in [0, 0.4], got ${c}`);
+  if (typeof h !== "number" || !Number.isFinite(h)) problems.push(`${label}: h must be a finite number, got ${h}`);
+  if (problems.length > 0) return null;
+  return { l, c, h: norm(h) };
 }
-function migrateLegacyKeys(rawVars) {
-  for (const [oldKey, newKey] of Object.entries(LEGACY_KEY_RENAMES)) {
-    if (!(oldKey in rawVars)) continue;
-    const value = rawVars[oldKey];
-    delete rawVars[oldKey];
-    if (newKey && !(newKey in rawVars)) rawVars[newKey] = value;
+function validateInput(input) {
+  const problems = [];
+  if (input.scheme !== "light" && input.scheme !== "dark") {
+    problems.push(`scheme: must be "light" or "dark", got ${JSON.stringify(input.scheme)}`);
   }
-  migrateBgToCanvas(rawVars);
-}
-var colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas = {
-  id: "2026-04-24-legacy-keys-and-bg-to-canvas",
-  fromVersion: 0,
-  toVersion: 1,
-  appliesTo: "colors-and-type",
-  apply(rawVars) {
-    const out = { ...rawVars };
-    migrateLegacyKeys(out);
-    return out;
+  if (input.harmony && !HARMONY_MODES.includes(input.harmony.mode)) {
+    problems.push(`harmony.mode: unknown mode ${JSON.stringify(input.harmony.mode)}`);
   }
-};
-
-// src/editor/core/themes/migrations/2026-04-24-component-prefix-and-suffix-renames.ts
-var COMPONENT_PREFIX_RENAMES = {
-  "--segment-": "--segmentedcontrol-",
-  "--collapsible-": "--collapsiblesection-",
-  "--progress-": "--progressbar-",
-  "--section-divider-": "--sectiondivider-",
-  "--radio-": "--radiobutton-",
-  "--inline-edit-": "--inlineeditactions-"
-};
-var COMPONENT_SUFFIX_RENAMES = {
-  progressbar: [["-track-bg", "-track-surface"]],
-  inlineeditactions: [
-    ["-bg-hover", "-hover-surface"],
-    ["-bg", "-surface"]
-  ]
-};
-var componentMigration_2026_04_24_prefixAndSuffixRenames = {
-  id: "2026-04-24-component-prefix-and-suffix-renames",
-  fromVersion: 0,
-  toVersion: 1,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    const component = meta.component ?? "";
-    const out = {};
-    const suffixRules = COMPONENT_SUFFIX_RENAMES[component] ?? [];
-    for (const [oldKey, value] of Object.entries(rawVars)) {
-      let key = oldKey;
-      if (key === "--detail-nav-bg") key = "--detailnav-surface";
-      for (const [oldPrefix, newPrefix] of Object.entries(COMPONENT_PREFIX_RENAMES)) {
-        if (key.startsWith(oldPrefix)) {
-          key = newPrefix + key.slice(oldPrefix.length);
-          break;
-        }
-      }
-      for (const [oldSuffix, newSuffix] of suffixRules) {
-        if (key.endsWith(oldSuffix)) {
-          key = key.slice(0, -oldSuffix.length) + newSuffix;
-          break;
-        }
-      }
-      if (!(key in out)) out[key] = value;
-    }
-    return out;
+  if (input.canvasGradient !== void 0 && typeof input.canvasGradient !== "boolean") {
+    problems.push(`canvasGradient: must be a boolean, got ${JSON.stringify(input.canvasGradient)}`);
   }
-};
-
-// src/editor/core/themes/migrations/2026-04-27-segmentedcontrol-disabled-flatten.ts
-var OPTION_DISABLED_PREFIX = "--segmentedcontrol-option-disabled-";
-var DISABLED_PREFIX = "--segmentedcontrol-disabled-";
-var SELECTED_DISABLED_PREFIX = "--segmentedcontrol-selected-disabled-";
-var SELECTED_HOVER_PREFIX = "--segmentedcontrol-selected-hover-";
-var componentMigration_2026_04_27_segmentedcontrolDisabledFlatten = {
-  id: "2026-04-27-segmentedcontrol-disabled-flatten",
-  fromVersion: 1,
-  toVersion: 2,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "segmentedcontrol") return { ...rawVars };
-    const out = {};
-    for (const [oldKey, value] of Object.entries(rawVars)) {
-      let key = oldKey;
-      if (key.startsWith(SELECTED_DISABLED_PREFIX)) continue;
-      if (key.startsWith(SELECTED_HOVER_PREFIX)) continue;
-      if (key.startsWith(OPTION_DISABLED_PREFIX)) {
-        key = DISABLED_PREFIX + key.slice(OPTION_DISABLED_PREFIX.length);
-      }
-      if (!(key in out)) out[key] = value;
-    }
-    return out;
-  }
-};
-
-// src/editor/core/themes/migrations/2026-05-08-collapsiblesection-variant-namespace.ts
-var PREFIX = "--collapsiblesection-";
-var STATE_NAMES = /* @__PURE__ */ new Set(["default", "hover", "active", "expanded"]);
-var componentMigration_2026_05_08_collapsiblesectionVariantNamespace = {
-  id: "2026-05-08-collapsiblesection-variant-namespace",
-  fromVersion: 2,
-  toVersion: 3,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "collapsiblesection") return { ...rawVars };
-    const out = {};
-    for (const [oldKey, value] of Object.entries(rawVars)) {
-      let key = oldKey;
-      if (key.startsWith(PREFIX)) {
-        const tail = key.slice(PREFIX.length);
-        const firstSegment = tail.split("-", 1)[0];
-        if (STATE_NAMES.has(firstSegment)) {
-          key = `${PREFIX}container-${tail}`;
-        }
-      }
-      if (!(key in out)) out[key] = value;
+  const baseColors = {};
+  const given = input.baseColors ?? {};
+  for (const spec of PALETTE_SPECS) {
+    if (!(spec.label in given)) {
+      problems.push(`baseColors.${spec.label}: missing`);
+      continue;
     }
-    return out;
+    const parsed = parseBaseColor(spec.label, given[spec.label], problems);
+    if (parsed) baseColors[spec.label] = parsed;
   }
-};
-
-// src/editor/core/themes/migrations/2026-05-08-collapsiblesection-frame-and-cleanup.ts
-var PFX = "--collapsiblesection-";
-var componentMigration_2026_05_08_collapsiblesectionFrameAndCleanup = {
-  id: "2026-05-08-collapsiblesection-frame-and-cleanup",
-  fromVersion: 3,
-  toVersion: 4,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "collapsiblesection") return { ...rawVars };
-    const out = {};
-    for (const prop of ["surface", "border", "border-width", "radius"]) {
-      const src = `${PFX}container-default-${prop}`;
-      if (src in rawVars) {
-        out[`${PFX}container-frame-${prop}`] = rawVars[src];
-      }
-    }
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (/^--collapsiblesection-chromeless-(default|hover|active)-(border|border-width|radius)$/.test(key)) continue;
-      if (/^--collapsiblesection-container-(hover|active)-(border|border-width|radius)$/.test(key)) continue;
-      if (/^--collapsiblesection-container-default-(border|border-width|radius)$/.test(key)) continue;
-      if (/^--collapsiblesection-divider-(default|hover|active)-radius$/.test(key)) continue;
-      if (/^--collapsiblesection-(chromeless|divider|container)-expanded-(border|border-width|radius)$/.test(key)) continue;
-      if (/^--collapsiblesection-(chromeless|divider)-expanded-surface$/.test(key)) continue;
-      if (!(key in out)) out[key] = value;
-    }
-    return out;
+  const known = new Set(PALETTE_SPECS.map((s) => s.label));
+  for (const label of Object.keys(given)) {
+    if (!known.has(label)) problems.push(`baseColors.${label}: unknown palette (expected ${[...known].join(", ")})`);
   }
-};
-
-// src/editor/core/themes/migrations/2026-05-10-sectiondivider-gradient-stops.ts
-var PFX2 = "--sectiondivider-";
-var VARIANTS = ["canvas", "neutral", "alternate", "primary", "accent", "special"];
-var OLD_STOP_RE = /^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-gradient-stop-\d+$/;
-var componentMigration_2026_05_10_sectiondividerGradientStops = {
-  id: "2026-05-10-sectiondivider-gradient-stops",
-  fromVersion: 4,
-  toVersion: 5,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "sectiondivider") return { ...rawVars };
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (OLD_STOP_RE.test(key)) continue;
-      out[key] = value;
-    }
-    const setIfMissing = (key, fallback) => {
-      if (!(key in out)) out[key] = fallback;
-    };
-    for (const v of VARIANTS) {
-      const old1 = rawVars[`${PFX2}${v}-gradient-stop-1`];
-      const old2 = rawVars[`${PFX2}${v}-gradient-stop-2`];
-      const old4 = rawVars[`${PFX2}${v}-gradient-stop-4`];
-      setIfMissing(`${PFX2}${v}-gradient-angle`, "--gradient-angle-diagonal");
-      setIfMissing(`${PFX2}${v}-gradient-stop-1-color`, old1 ?? `--surface-${v}-highest`);
-      setIfMissing(`${PFX2}${v}-gradient-stop-1-position`, "--gradient-stop-start");
-      setIfMissing(`${PFX2}${v}-gradient-stop-2-color`, old2 ?? `--surface-${v}-higher`);
-      setIfMissing(`${PFX2}${v}-gradient-stop-2-position`, "--gradient-stop-mid");
-      setIfMissing(`${PFX2}${v}-gradient-stop-3-color`, old4 ?? `--surface-${v}`);
-      setIfMissing(`${PFX2}${v}-gradient-stop-3-position`, "--gradient-stop-end");
-    }
-    return out;
+  if (problems.length > 0) {
+    throw new Error(`Invalid base color file:
+  ${problems.join("\n  ")}`);
   }
-};
-
-// src/editor/core/themes/migrations/2026-05-13-primary-to-brand.ts
-var PALETTE_STEPS2 = ["100", "200", "300", "400", "500", "600", "700", "800", "850", "900", "950"];
-var SURFACE_SUFFIXES = ["lowest", "lower", "low", "high", "higher", "highest"];
-var BORDER_SUFFIXES = ["faint", "subtle", "medium", "strong"];
-var TEXT_SUFFIXES = ["secondary", "tertiary", "muted", "disabled"];
-var RENAME_MAP = (() => {
-  const m = {};
-  for (const step of PALETTE_STEPS2) m[`--color-primary-${step}`] = `--color-brand-${step}`;
-  m["--surface-primary"] = "--surface-brand";
-  for (const suf of SURFACE_SUFFIXES) m[`--surface-primary-${suf}`] = `--surface-brand-${suf}`;
-  m["--border-primary"] = "--border-brand";
-  for (const suf of BORDER_SUFFIXES) m[`--border-primary-${suf}`] = `--border-brand-${suf}`;
-  m["--text-primary-color"] = "--text-brand";
-  for (const suf of TEXT_SUFFIXES) m[`--text-primary-${suf}`] = `--text-brand-${suf}`;
-  return m;
-})();
-function renameToken(name) {
-  return RENAME_MAP[name] ?? name;
+  return baseColors;
 }
-function renameKeys(rawVars) {
-  const out = {};
-  for (const [k, v] of Object.entries(rawVars)) {
-    out[renameToken(k)] = v;
+function checkDefs() {
+  const defs = [];
+  for (const [stepName, floor, target] of NEUTRAL_TEXT_FLOORS) {
+    defs.push({
+      paletteLabel: "Neutral",
+      step: TEXT_SCALE.steps.find((s) => s.name === stepName),
+      textVar: scaleToCssVar("Text", stepName, "neutral"),
+      floor,
+      target
+    });
   }
-  return out;
-}
-function renameKeysAndValues(rawVars) {
-  const out = {};
-  for (const [k, v] of Object.entries(rawVars)) {
-    out[renameToken(k)] = renameToken(v);
+  const primary = TEXT_SCALE.steps.find((s) => s.name === "primary");
+  for (const label of FUNCTIONAL_TEXT_LABELS) {
+    const ns = PALETTE_SPECS.find((s) => s.label === label).cssNamespace;
+    defs.push({
+      paletteLabel: label,
+      step: primary,
+      textVar: scaleToCssVar("Text", "primary", ns),
+      floor: AA_LARGE,
+      target: FUNCTIONAL_TEXT_TARGET
+    });
   }
-  return out;
-}
-var colorsAndTypeMigration_2026_05_13_primaryToBrand = {
-  id: "2026-05-13-primary-to-brand-theme",
-  fromVersion: 1,
-  toVersion: 2,
-  appliesTo: "colors-and-type",
-  apply: renameKeys
-};
-var componentMigration_2026_05_13_primaryToBrand = {
-  id: "2026-05-13-primary-to-brand-component",
-  fromVersion: 5,
-  toVersion: 6,
-  appliesTo: "component-config",
-  apply: renameKeysAndValues
-};
-
-// src/editor/core/themes/migrations/2026-05-19-collapsiblesection-drop-frame-surface.ts
-function dropFrameSurface(rawVars, meta) {
-  if (meta.component !== "collapsiblesection") return rawVars;
-  const { "--collapsiblesection-container-frame-surface": _drop, ...rest } = rawVars;
-  return rest;
+  return defs;
 }
-var componentMigration_2026_05_19_collapsiblesectionDropFrameSurface = {
-  id: "2026-05-19-collapsiblesection-drop-frame-surface",
-  fromVersion: 6,
-  toVersion: 7,
-  appliesTo: "component-config",
-  apply: dropFrameSurface
-};
-
-// src/editor/core/themes/migrations/2026-05-19-sectiondivider-rich-gradient.ts
-var FLAT_RE = /^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-gradient-(angle|stop-[123]-(color|position))$/;
-var componentMigration_2026_05_19_sectiondividerRichGradient = {
-  id: "2026-05-19-sectiondivider-rich-gradient",
-  fromVersion: 7,
-  toVersion: 8,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "sectiondivider") return { ...rawVars };
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (FLAT_RE.test(key)) continue;
-      out[key] = value;
-    }
-    return out;
-  }
-};
-
-// src/editor/core/themes/migrations/2026-05-20-sectiondivider-slim-variants.ts
-var VARIANTS2 = ["lg", "md", "sm"];
-var SUFFIX_RENAMES = [
-  [/-title-border-width$/, "-title-outline-width"],
-  [/-title-stroke-color$/, "-title-outline-color"],
-  [
-    /^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-padding$/,
-    "--sectiondivider-$1-spacing"
-  ]
-];
-function renameKeySuffix(key) {
-  for (const [re, repl] of SUFFIX_RENAMES) {
-    if (re.test(key)) return key.replace(re, repl);
-  }
-  return key;
+function surfaceVars() {
+  return [
+    ...SURFACE_SCALE.steps.map((s) => scaleToCssVar("Surfaces", s.name, "neutral")),
+    "--page-bg"
+  ];
 }
-function splitFamilyKey(key) {
-  const m = key.match(/^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-(.+)$/);
-  if (!m) return null;
-  return { family: m[1], suffix: m[2] };
+function varToHex(value) {
+  const parsed = value ? cssColorToOklch(value) : null;
+  return parsed ? oklchToHexClamped(parsed.l, parsed.c, parsed.h) : null;
 }
-var componentMigration_2026_05_20_sectiondividerSlimVariants = {
-  id: "2026-05-20-sectiondivider-slim-variants",
-  fromVersion: 8,
-  toVersion: 9,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "sectiondivider") return { ...rawVars };
-    const out = {};
-    const canvasValues = {};
-    for (const [rawKey, value] of Object.entries(rawVars)) {
-      const key = renameKeySuffix(rawKey);
-      const parts = splitFamilyKey(key);
-      if (!parts) {
-        out[key] = value;
-        continue;
-      }
-      if (parts.family !== "canvas") continue;
-      canvasValues[parts.suffix] = value;
-    }
-    for (const suffix of Object.keys(canvasValues)) {
-      for (const v of VARIANTS2) {
-        out[`--sectiondivider-${v}-${suffix}`] = canvasValues[suffix];
-      }
-    }
-    return out;
-  }
-};
-
-// src/editor/core/themes/migrations/2026-05-21-sectiondivider-spacing-to-padding.ts
-var componentMigration_2026_05_21_sectiondividerSpacingToPadding = {
-  id: "2026-05-21-sectiondivider-spacing-to-padding",
-  fromVersion: 9,
-  toVersion: 10,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "sectiondivider") return { ...rawVars };
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      const renamed = key.replace(
-        /^--sectiondivider-(lg|md|sm)-spacing$/,
-        "--sectiondivider-$1-padding"
-      );
-      out[renamed] = value;
-    }
-    return out;
-  }
-};
-
-// src/editor/core/themes/migrations/2026-05-22-sectiondivider-intrinsics-to-css.ts
-var componentMigration_2026_05_22_sectiondividerIntrinsicsToCss = {
-  id: "2026-05-22-sectiondivider-intrinsics-to-css",
-  fromVersion: 10,
-  toVersion: 11,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "sectiondivider") return { ...rawVars };
-    const VARIANTS4 = ["lg", "md", "sm"];
-    const prefix = "--sectiondivider-";
-    const dropped = /* @__PURE__ */ new Set();
-    for (const v of VARIANTS4) {
-      dropped.add(`${prefix}${v}-show-eyebrow`);
-      dropped.add(`${prefix}${v}-show-description`);
-      dropped.add(`${prefix}${v}-show-hairline`);
-      dropped.add(`${prefix}${v}-hairline`);
-      dropped.add(`${prefix}${v}-eyebrow-uppercase`);
-    }
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (dropped.has(key)) continue;
-      out[key] = value;
-    }
-    for (const v of VARIANTS4) {
-      const showEyebrow = rawVars[`${prefix}${v}-show-eyebrow`];
-      if (showEyebrow !== void 0) {
-        out[`${prefix}${v}-eyebrow-display`] = showEyebrow === "1" ? "block" : "none";
-      }
-      const showDesc = rawVars[`${prefix}${v}-show-description`];
-      if (showDesc !== void 0) {
-        out[`${prefix}${v}-description-display`] = showDesc === "1" ? "flex" : "none";
-      }
-      const showHair = rawVars[`${prefix}${v}-show-hairline`];
-      const oldHair = rawVars[`${prefix}${v}-hairline`];
-      const oldHairIsPos = typeof oldHair === "string" && oldHair !== "" && oldHair !== "off";
-      let newHair;
-      if (showHair === "") newHair = "none";
-      else if (showHair === "1") newHair = oldHairIsPos ? oldHair : "above-label";
-      else if (oldHair !== void 0) newHair = oldHairIsPos ? oldHair : "none";
-      if (newHair !== void 0) {
-        out[`${prefix}${v}-hairline`] = newHair;
-      }
-      const upper = rawVars[`${prefix}${v}-eyebrow-uppercase`];
-      if (upper !== void 0) {
-        out[`${prefix}${v}-eyebrow-text-transform`] = upper === "1" ? "uppercase" : "none";
-      }
-    }
-    return out;
-  }
-};
-
-// src/editor/core/themes/migrations/2026-05-24-segmentedcontrol-divider-inset.ts
-var componentMigration_2026_05_24_segmentedcontrolDividerInset = {
-  id: "2026-05-24-segmentedcontrol-divider-inset",
-  fromVersion: 11,
-  toVersion: 12,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "segmentedcontrol") return { ...rawVars };
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (key === "--segmentedcontrol-divider-height") continue;
-      out[key] = value;
+function worstSurface(textHex, vars) {
+  let against = "";
+  let ratio = Infinity;
+  for (const surfVar of surfaceVars()) {
+    const surfHex = varToHex(vars[surfVar]);
+    if (!surfHex) continue;
+    const r = contrastRatio(textHex, surfHex);
+    if (r < ratio) {
+      ratio = r;
+      against = surfVar;
     }
-    return out;
   }
-};
-
-// src/editor/core/themes/migrations/2026-05-24-promote-state-shared-tokens.ts
-var BUTTON_VARIANTS = ["primary", "secondary", "outline", "success", "danger", "warning"];
-var BUTTON_STATES = ["hover", "disabled"];
-var BUTTON_PROPS = ["padding", "radius", "border-width"];
-var buttonDeadKeys = new Set(
-  BUTTON_VARIANTS.flatMap(
-    (v) => BUTTON_STATES.flatMap(
-      (s) => BUTTON_PROPS.map((p) => `--button-${v}-${s}-${p}`)
-    )
-  )
-);
-var segmentedcontrolDeadKeys = /* @__PURE__ */ new Set([
-  "--segmentedcontrol-selected-icon-size",
-  "--segmentedcontrol-option-hover-icon-size",
-  "--segmentedcontrol-disabled-icon-size"
-]);
-var componentMigration_2026_05_24_promoteStateSharedTokens = {
-  id: "2026-05-24-promote-state-shared-tokens",
-  fromVersion: 12,
-  toVersion: 13,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    const dead = meta.component === "button" ? buttonDeadKeys : meta.component === "segmentedcontrol" ? segmentedcontrolDeadKeys : null;
-    if (!dead) return { ...rawVars };
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (dead.has(key)) continue;
-      out[key] = value;
+  return { against, ratio };
+}
+function pinTextStep(cfg, step, solved) {
+  const x = scaleStepToX(step, TEXT_SCALE);
+  const base = cfg.baseColor;
+  const yL = Math.max(0, Math.min(200, solved.l / base.l * 100));
+  cfg.scaleCurves.Text.lightness = setCurveAnchor(cfg.scaleCurves.Text.lightness, x, yL).curve;
+  if (base.c > 0) {
+    const yC = Math.max(0, Math.min(200, solved.c / base.c * 100));
+    cfg.scaleCurves.Text.saturation = setCurveAnchor(cfg.scaleCurves.Text.saturation, x, yC).curve;
+  }
+}
+var MAX_CORRECTION_ROUNDS = 3;
+function runContrastGate(configs, scheme) {
+  const defs = checkDefs();
+  const direction = scheme === "light" ? "darker" : "lighter";
+  const corrected = /* @__PURE__ */ new Set();
+  for (let round = 0; round < MAX_CORRECTION_ROUNDS; round++) {
+    const vars = palettesToVars(configs);
+    let anyFixed = false;
+    for (const def of defs) {
+      const text = cssColorToOklch(vars[def.textVar] ?? "");
+      if (!text) continue;
+      const textHex = oklchToHexClamped(text.l, text.c, text.h);
+      const worst = worstSurface(textHex, vars);
+      if (worst.ratio >= def.floor) continue;
+      const cfg = configs[def.paletteLabel];
+      const base = cfg.baseColor;
+      const solved = findLForContrast({
+        against: varToHex(vars[worst.against]) ?? "#000000",
+        ratio: def.target,
+        direction,
+        c: text.c,
+        h: base.h,
+        lMax: Math.min(1, 2 * base.l)
+      });
+      pinTextStep(cfg, def.step, solved);
+      corrected.add(def.textVar);
+      anyFixed = true;
     }
-    return out;
+    if (!anyFixed) break;
   }
+  const finalVars = palettesToVars(configs);
+  const checks = defs.map((def) => {
+    const worst = worstSurface(varToHex(finalVars[def.textVar]) ?? "#000000", finalVars);
+    return {
+      textVar: def.textVar,
+      floor: def.floor,
+      against: worst.against,
+      ratio: worst.ratio,
+      pass: worst.ratio >= def.floor,
+      corrected: corrected.has(def.textVar)
+    };
+  });
+  const failures = checks.filter((c) => !c.pass).map((c) => {
+    const label = defs.find((d) => d.textVar === c.textVar).paletteLabel;
+    const hint = scheme === "dark" ? `raise the ${label} base color lightness (derived text tops out at 2\xD7 its L)` : `raise the ${label} base color lightness or reduce its chroma`;
+    return `${c.textVar} reaches ${c.ratio.toFixed(2)}:1 vs ${c.against} (floor ${c.floor}:1) \u2014 ${hint}`;
+  });
+  return { scheme, checks, failures };
+}
+var ADJACENT_HUE_MAX = 120;
+var hueDist = (a, b) => {
+  const d = Math.abs(norm(a) - norm(b));
+  return Math.min(d, 360 - d);
 };
-
-// src/editor/core/themes/migrations/2026-05-24-progressbar-collapse-variants.ts
-var PRIMARY_PREFIX = "--progressbar-primary-";
-var NEW_PREFIX = "--progressbar-";
-var DROP_PREFIXES = [
-  "--progressbar-success-",
-  "--progressbar-warning-",
-  "--progressbar-danger-",
-  "--progressbar-info-"
-];
-var componentMigration_2026_05_24_progressbarCollapseVariants = {
-  id: "2026-05-24-progressbar-collapse-variants",
-  fromVersion: 13,
-  toVersion: 14,
-  appliesTo: "component-config",
-  apply(rawVars, meta) {
-    if (meta.component !== "progressbar") return { ...rawVars };
-    const out = {};
-    for (const [oldKey, value] of Object.entries(rawVars)) {
-      if (DROP_PREFIXES.some((p) => oldKey.startsWith(p))) continue;
-      const key = oldKey.startsWith(PRIMARY_PREFIX) ? NEW_PREFIX + oldKey.slice(PRIMARY_PREFIX.length) : oldKey;
-      if (!(key in out)) out[key] = value;
-    }
-    return out;
+var linear = (variable, angle, from, to) => ({
+  variable,
+  type: "linear",
+  angle,
+  stops: [{ position: 0, color: from }, { position: 100, color: to }]
+});
+function recipeGradients(baseColors, scheme) {
+  return [
+    linear("--gradient-1", 90, "--color-brand-400", "--color-brand-700"),
+    hueDist(baseColors.Special.h, baseColors.Brand.h) <= ADJACENT_HUE_MAX ? linear("--gradient-2", 135, "--color-special-500", "--color-brand-500") : linear("--gradient-2", 135, "--color-special-400", "--color-special-700"),
+    hueDist(baseColors.Brand.h, baseColors.Accent.h) <= ADJACENT_HUE_MAX ? linear("--gradient-3", 90, "--color-brand-500", "--color-accent-500") : linear("--gradient-3", 90, "--color-accent-400", "--color-accent-700"),
+    scheme === "dark" ? linear("--gradient-4", 180, "--color-canvas-600", "--color-canvas-900") : linear("--gradient-4", 180, "--color-canvas-200", "--color-canvas-500")
+  ];
+}
+function isStockGradients(gradients) {
+  return !gradients || gradients.length === 0 || JSON.stringify(gradients) === JSON.stringify(makeDefaultGradients());
+}
+function applyCanvasGradient(canvas, scheme) {
+  const labels = PALETTE_STEPS.map((s) => s.label);
+  const anchor = canvas.anchorPlacement.step;
+  const sky = scheme === "dark" ? Math.min(anchor + 2, labels.length - 1) : Math.max(anchor - 2, 0);
+  if (sky === anchor) {
+    return `skipped \u2014 the Canvas base color anchors at the ramp edge (${labels[anchor]}), leaving no room for a sky; commit the canvas further from ${scheme === "dark" ? "black" : "white"}`;
   }
+  canvas.emptyMode = "gradient";
+  canvas.gradientStyle = "linear";
+  canvas.gradientAngle = 180;
+  canvas.gradientReverse = false;
+  canvas.gradientStops = [
+    { position: 0, paletteLabel: labels[sky] },
+    { position: 100, paletteLabel: labels[anchor] }
+  ];
+  canvas.gradientSize = "window";
+  return `on, ${labels[sky]} \u2192 ${labels[anchor]}`;
+}
+var STOCK_SHADOW_GEOMETRY = {
+  "--shadow-sm": [1, 1, 2],
+  "--shadow-md": [3, 3, 6],
+  "--shadow-lg": [5, 5, 9],
+  "--shadow-xl": [6, 7, 13],
+  "--shadow-2xl": [8, 9, 16]
 };
-
-// src/editor/core/themes/migrations/2026-05-24-collapsiblesection-drop-active-state.ts
-function dropActiveState(rawVars, meta) {
-  if (meta.component !== "collapsiblesection") return rawVars;
-  const re = /^--collapsiblesection-(chromeless|divider|container)-active-/;
+var STOCK_SHADOW_COLOR = { spread: 0, hue: 237, saturation: 18, lightness: 3, opacity: 0.9 };
+var SHADOW_OPACITY_DEEP = 0.9;
+var SHADOW_OPACITY_SOFT = 0.2;
+var SHADOW_GROUND_DEEP = 0.5;
+var SHADOW_GROUND_SOFT = 0.9;
+function shadowOpacityForCanvas(canvasL) {
+  const t = (canvasL - SHADOW_GROUND_DEEP) / (SHADOW_GROUND_SOFT - SHADOW_GROUND_DEEP);
+  const ramp = Math.max(0, Math.min(1, t));
+  const opacity = SHADOW_OPACITY_DEEP + ramp * (SHADOW_OPACITY_SOFT - SHADOW_OPACITY_DEEP);
+  return Math.round(opacity * 100) / 100;
+}
+function shadowVars(carried, canvas) {
+  const opacity = shadowOpacityForCanvas(canvas.l);
   const out = {};
-  for (const [key, value] of Object.entries(rawVars)) {
-    if (re.test(key)) continue;
-    out[key] = value;
+  for (const variable of SHADOW_VAR_NAMES) {
+    const [x, y, blur] = STOCK_SHADOW_GEOMETRY[variable];
+    const base = parseShadowCss(variable, carried[variable] ?? "") ?? { x, y, blur, ...STOCK_SHADOW_COLOR };
+    out[variable] = shadowTokenCss({ ...base, opacity });
   }
   return out;
 }
-var componentMigration_2026_05_24_collapsiblesectionDropActiveState = {
-  id: "2026-05-24-collapsiblesection-drop-active-state",
-  fromVersion: 14,
-  toVersion: 15,
-  appliesTo: "component-config",
-  apply: dropActiveState
-};
+function buildColors(input, carry = {}) {
+  const baseColors = validateInput(input);
+  const configs = {};
+  for (const spec of PALETTE_SPECS) {
+    configs[spec.label] = defaultPaletteConfig({
+      baseColor: baseColors[spec.label],
+      neutral: spec.neutral,
+      scheme: input.scheme
+    });
+  }
+  const report = runContrastGate(configs, input.scheme);
+  const canvasGradient = input.canvasGradient ? applyCanvasGradient(configs.Canvas, input.scheme) : void 0;
+  const gradients = isStockGradients(carry.gradients) ? recipeGradients(baseColors, input.scheme) : carry.gradients;
+  const harmonyAxes = [
+    { hue: norm(baseColors.Brand.h), family: "Brand" },
+    { hue: norm(baseColors.Accent.h), family: "Accent" },
+    { hue: norm(baseColors.Canvas.h), family: "Canvas" },
+    { hue: norm(baseColors.Brand.h + 270), family: null }
+  ];
+  const owned = new Set(Object.keys(palettesToVars(configs)));
+  const cssVariables = Object.fromEntries(
+    Object.entries(carry.cssVariables ?? {}).filter(([k]) => !owned.has(k))
+  );
+  for (const t of gradients) cssVariables[t.variable] = formatGradientValue(t);
+  Object.assign(cssVariables, shadowVars(carry.cssVariables ?? {}, baseColors.Canvas));
+  return {
+    colors: { editorConfigs: configs, harmonyAxes, gradients, cssVariables },
+    report: {
+      ...report,
+      gradients: gradients === carry.gradients ? "carried" : "recipes",
+      shadows: `opacity ${shadowOpacityForCanvas(baseColors.Canvas.l)} for a canvas at L ${baseColors.Canvas.l.toFixed(2)}`,
+      ...canvasGradient ? { canvasGradient } : {}
+    }
+  };
+}
 
-// src/editor/core/themes/migrations/2026-05-25-cornerbadge-flatten-variants.ts
-var VARIANTS3 = ["primary", "accent", "neutral", "alternate", "canvas", "special", "success", "warning", "danger", "info"];
-var RE = new RegExp(`^--corner-badge-(${VARIANTS3.join("|")})-(.+)$`);
-var CURRENT_COLOR_PROPS = /* @__PURE__ */ new Set(["surface", "border", "text"]);
-function flattenVariants(rawVars, meta) {
-  if (meta.component !== "cornerbadge") return rawVars;
-  const out = {};
-  const collected = /* @__PURE__ */ new Map();
-  for (const [key, value] of Object.entries(rawVars)) {
-    const m = key.match(RE);
-    if (m) {
-      const prop = m[2];
-      if (CURRENT_COLOR_PROPS.has(prop)) {
-        out[key] = value;
-        continue;
-      }
-      if (!collected.has(prop)) collected.set(prop, value);
-      continue;
+// src/editor/core/storage/files/versionedFileResourceClient.ts
+function sanitizeFileName(name) {
+  return name.toLowerCase().trim().replace(/\s+/g, "-").replace(/[^a-z0-9\-_]/g, "").replace(/-+/g, "-").replace(/^[-_]+|-+$/g, "") || "unnamed";
+}
+
+// vite-plugin/files/dataPaths.ts
+var import_fs = __toESM(require("fs"), 1);
+var import_path = __toESM(require("path"), 1);
+var DEFAULT_DATA_DIR = "src/live-tokens/data";
+var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
+  "dataDir",
+  "colorsAndTypeDir",
+  "componentConfigsDir",
+  "themesDir",
+  "manifestsDir",
+  "tokensCssPath",
+  "componentDirs",
+  "checks"
+]);
+var cached = null;
+function readLiveTokensConfig() {
+  if (cached) return cached;
+  try {
+    const configPath = import_path.default.resolve("live-tokens.config.json");
+    if (!import_fs.default.existsSync(configPath)) return cached = {};
+    const parsed = JSON.parse(import_fs.default.readFileSync(configPath, "utf-8"));
+    if (!parsed || typeof parsed !== "object") return cached = {};
+    const unknown = Object.keys(parsed).filter(
+      (k) => k !== "$schema" && !KNOWN_CONFIG_KEYS.has(k)
+    );
+    if (unknown.length > 0) {
+      console.warn(
+        `[live-tokens] Unknown key(s) in live-tokens.config.json: ${unknown.join(", ")}. Known keys: ${Array.from(KNOWN_CONFIG_KEYS).join(", ")}.`
+      );
     }
-    out[key] = value;
-  }
-  for (const [prop, value] of collected) {
-    const flatKey = `--corner-badge-${prop}`;
-    if (!(flatKey in out)) out[flatKey] = value;
+    cached = parsed;
+    return cached;
+  } catch {
+    return cached = {};
   }
-  return out;
 }
-var componentMigration_2026_05_25_cornerbadgeFlattenVariants = {
-  id: "2026-05-25-cornerbadge-flatten-variants",
-  fromVersion: 15,
-  toVersion: 16,
-  appliesTo: "component-config",
-  apply: flattenVariants
-};
+function resolveDataDirs(opts = {}) {
+  const fileConfig = readLiveTokensConfig();
+  const dataDirRaw = opts.dataDir ?? fileConfig.dataDir ?? DEFAULT_DATA_DIR;
+  const dataDir = import_path.default.resolve(dataDirRaw);
+  const sub = (name) => import_path.default.resolve(dataDir, name);
+  return {
+    dataDir,
+    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"),
+    sketchStylesDir: sub("sketch-styles"),
+    legacyManifestsDir: fileConfig.manifestsDir ? import_path.default.resolve(fileConfig.manifestsDir) : void 0
+  };
+}
 
-// src/editor/core/themes/migrations/2026-05-26-drop-overlay-extra-stops.ts
-var DROPPED_TO_KEPT = {
-  "--overlay-lowest": "--overlay-low",
-  "--overlay-lower": "--overlay-low",
-  "--overlay-higher": "--overlay-high",
-  "--overlay-highest": "--overlay-high"
+// src/editor/core/themes/migrations/2026-04-24-legacy-keys-and-bg-to-canvas.ts
+var LEGACY_KEY_RENAMES = {
+  "--empty": "--page-bg",
+  "--empty-attachment": "--page-bg-attachment",
+  // Orphan exports dropped from tokens.css; no new home — silently discard.
+  "--border-neutral": null,
+  // Shadow cleanup: these five tokens were removed (low/zero consumers,
+  // aesthetic drift). Dialog migrated onto --shadow-2xl; focus rings moved
+  // to their own --ring-focus-* namespace, which themes don't carry by
+  // default — tokens.css provides the canonical values.
+  "--shadow-app": null,
+  "--shadow-card": null,
+  "--shadow-overlay": null,
+  "--shadow-focus": null,
+  "--shadow-glow-green": null
 };
-var colorsAndTypeMigration_2026_05_26_dropOverlayExtraStops = {
-  id: "2026-05-26-drop-overlay-extra-stops-theme",
-  fromVersion: 2,
-  toVersion: 3,
-  appliesTo: "colors-and-type",
-  apply(rawVars) {
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (key in DROPPED_TO_KEPT) continue;
-      out[key] = value;
+var BG_TO_CANVAS_PREFIXES = ["--color-bg-", "--surface-bg", "--border-bg", "--text-bg"];
+function migrateBgToCanvas(rawVars) {
+  for (const oldKey of Object.keys(rawVars)) {
+    for (const prefix of BG_TO_CANVAS_PREFIXES) {
+      if (!oldKey.startsWith(prefix)) continue;
+      const suffix = oldKey.slice(prefix.length);
+      if (suffix && !suffix.startsWith("-")) continue;
+      const newKey = prefix.replace("-bg", "-canvas") + suffix;
+      if (newKey === oldKey) continue;
+      const value = rawVars[oldKey];
+      delete rawVars[oldKey];
+      if (!(newKey in rawVars)) rawVars[newKey] = value;
+      break;
     }
-    return out;
   }
-};
-var componentMigration_2026_05_26_dropOverlayExtraStops = {
-  id: "2026-05-26-drop-overlay-extra-stops-component",
-  fromVersion: 16,
-  toVersion: 17,
-  appliesTo: "component-config",
+}
+function migrateLegacyKeys(rawVars) {
+  for (const [oldKey, newKey] of Object.entries(LEGACY_KEY_RENAMES)) {
+    if (!(oldKey in rawVars)) continue;
+    const value = rawVars[oldKey];
+    delete rawVars[oldKey];
+    if (newKey && !(newKey in rawVars)) rawVars[newKey] = value;
+  }
+  migrateBgToCanvas(rawVars);
+}
+var colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas = {
+  id: "2026-04-24-legacy-keys-and-bg-to-canvas",
+  fromVersion: 0,
+  toVersion: 1,
+  appliesTo: "colors-and-type",
   apply(rawVars) {
-    const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      out[key] = DROPPED_TO_KEPT[value] ?? value;
-    }
+    const out = { ...rawVars };
+    migrateLegacyKeys(out);
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/2026-05-29-tabbar-indicator-thickness-to-per-state-width.ts
-var TABBAR_STATES = ["default", "hover", "active", "disabled"];
-var OLD_KEY = "--tabbar-bar-indicator-thickness";
-var FALLBACK = "--border-width-2";
-var componentMigration_2026_05_29_tabbarIndicatorThicknessToPerStateWidth = {
-  id: "2026-05-29-tabbar-indicator-thickness-to-per-state-width",
-  fromVersion: 17,
-  toVersion: 18,
+// src/editor/core/themes/migrations/2026-04-24-component-prefix-and-suffix-renames.ts
+var COMPONENT_PREFIX_RENAMES = {
+  "--segment-": "--segmentedcontrol-",
+  "--collapsible-": "--collapsiblesection-",
+  "--progress-": "--progressbar-",
+  "--section-divider-": "--sectiondivider-",
+  "--radio-": "--radiobutton-",
+  "--inline-edit-": "--inlineeditactions-"
+};
+var COMPONENT_SUFFIX_RENAMES = {
+  progressbar: [["-track-bg", "-track-surface"]],
+  inlineeditactions: [
+    ["-bg-hover", "-hover-surface"],
+    ["-bg", "-surface"]
+  ]
+};
+var componentMigration_2026_04_24_prefixAndSuffixRenames = {
+  id: "2026-04-24-component-prefix-and-suffix-renames",
+  fromVersion: 0,
+  toVersion: 1,
   appliesTo: "component-config",
   apply(rawVars, meta) {
-    if (meta.component !== "tabbar") return { ...rawVars };
-    const seed = rawVars[OLD_KEY] ?? FALLBACK;
+    const component = meta.component ?? "";
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (key === OLD_KEY) continue;
-      out[key] = value;
-    }
-    for (const state of TABBAR_STATES) {
-      const newKey = `--tabbar-${state}-indicator-border-width`;
-      if (!(newKey in out)) out[newKey] = seed;
+    const suffixRules = COMPONENT_SUFFIX_RENAMES[component] ?? [];
+    for (const [oldKey, value] of Object.entries(rawVars)) {
+      let key = oldKey;
+      if (key === "--detail-nav-bg") key = "--detailnav-surface";
+      for (const [oldPrefix, newPrefix] of Object.entries(COMPONENT_PREFIX_RENAMES)) {
+        if (key.startsWith(oldPrefix)) {
+          key = newPrefix + key.slice(oldPrefix.length);
+          break;
+        }
+      }
+      for (const [oldSuffix, newSuffix] of suffixRules) {
+        if (key.endsWith(oldSuffix)) {
+          key = key.slice(0, -oldSuffix.length) + newSuffix;
+          break;
+        }
+      }
+      if (!(key in out)) out[key] = value;
     }
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/2026-05-29-segmentedcontrol-small-divider-rename.ts
-var RENAMES = {
-  "--segmentedcontrol-divider-small-thickness": "--segmentedcontrol-small-divider-thickness",
-  "--segmentedcontrol-divider-small-inset": "--segmentedcontrol-small-divider-inset"
-};
-var componentMigration_2026_05_29_segmentedcontrolSmallDividerRename = {
-  id: "2026-05-29-segmentedcontrol-small-divider-rename",
-  fromVersion: 18,
-  toVersion: 19,
+// src/editor/core/themes/migrations/2026-04-27-segmentedcontrol-disabled-flatten.ts
+var OPTION_DISABLED_PREFIX = "--segmentedcontrol-option-disabled-";
+var DISABLED_PREFIX = "--segmentedcontrol-disabled-";
+var SELECTED_DISABLED_PREFIX = "--segmentedcontrol-selected-disabled-";
+var SELECTED_HOVER_PREFIX = "--segmentedcontrol-selected-hover-";
+var componentMigration_2026_04_27_segmentedcontrolDisabledFlatten = {
+  id: "2026-04-27-segmentedcontrol-disabled-flatten",
+  fromVersion: 1,
+  toVersion: 2,
   appliesTo: "component-config",
   apply(rawVars, meta) {
     if (meta.component !== "segmentedcontrol") return { ...rawVars };
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      out[RENAMES[key] ?? key] = value;
+    for (const [oldKey, value] of Object.entries(rawVars)) {
+      let key = oldKey;
+      if (key.startsWith(SELECTED_DISABLED_PREFIX)) continue;
+      if (key.startsWith(SELECTED_HOVER_PREFIX)) continue;
+      if (key.startsWith(OPTION_DISABLED_PREFIX)) {
+        key = DISABLED_PREFIX + key.slice(OPTION_DISABLED_PREFIX.length);
+      }
+      if (!(key in out)) out[key] = value;
     }
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/2026-05-29-toggle-derive-track-from-thumb.ts
-var componentMigration_2026_05_29_toggleDeriveTrackFromThumb = {
-  id: "2026-05-29-toggle-derive-track-from-thumb",
-  fromVersion: 19,
-  toVersion: 20,
+// src/editor/core/themes/migrations/2026-05-08-collapsiblesection-variant-namespace.ts
+var PREFIX = "--collapsiblesection-";
+var STATE_NAMES = /* @__PURE__ */ new Set(["default", "hover", "active", "expanded"]);
+var componentMigration_2026_05_08_collapsiblesectionVariantNamespace = {
+  id: "2026-05-08-collapsiblesection-variant-namespace",
+  fromVersion: 2,
+  toVersion: 3,
   appliesTo: "component-config",
   apply(rawVars, meta) {
-    if (meta.component !== "toggle") return { ...rawVars };
+    if (meta.component !== "collapsiblesection") return { ...rawVars };
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (key === "--toggle-track-width" || key === "--toggle-track-thickness") continue;
-      out[key] = value;
-    }
-    if (!("--toggle-track-padding" in out)) {
-      out["--toggle-track-padding"] = "--space-2";
+    for (const [oldKey, value] of Object.entries(rawVars)) {
+      let key = oldKey;
+      if (key.startsWith(PREFIX)) {
+        const tail = key.slice(PREFIX.length);
+        const firstSegment = tail.split("-", 1)[0];
+        if (STATE_NAMES.has(firstSegment)) {
+          key = `${PREFIX}container-${tail}`;
+        }
+      }
+      if (!(key in out)) out[key] = value;
     }
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/2026-08-13-drop-legacy-shape-space-keys.ts
-var DROPPED = /* @__PURE__ */ new Set([
-  "--badge-trait-radius",
-  "--badge-trait-padding",
-  "--sectiondivider-padding",
-  "--dialog-primary-default-radius",
-  "--dialog-primary-default-padding",
-  "--dialog-primary-hover-radius",
-  "--dialog-primary-hover-padding",
-  "--dialog-secondary-default-radius",
-  "--dialog-secondary-default-padding",
-  "--dialog-secondary-hover-radius",
-  "--dialog-secondary-hover-padding"
-]);
-var colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys = {
-  id: "2026-08-13-drop-legacy-shape-space-keys",
+// src/editor/core/themes/migrations/2026-05-08-collapsiblesection-frame-and-cleanup.ts
+var PFX = "--collapsiblesection-";
+var componentMigration_2026_05_08_collapsiblesectionFrameAndCleanup = {
+  id: "2026-05-08-collapsiblesection-frame-and-cleanup",
   fromVersion: 3,
   toVersion: 4,
-  appliesTo: "colors-and-type",
-  apply(rawVars) {
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "collapsiblesection") return { ...rawVars };
+    const out = {};
+    for (const prop of ["surface", "border", "border-width", "radius"]) {
+      const src = `${PFX}container-default-${prop}`;
+      if (src in rawVars) {
+        out[`${PFX}container-frame-${prop}`] = rawVars[src];
+      }
+    }
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (/^--collapsiblesection-chromeless-(default|hover|active)-(border|border-width|radius)$/.test(key)) continue;
+      if (/^--collapsiblesection-container-(hover|active)-(border|border-width|radius)$/.test(key)) continue;
+      if (/^--collapsiblesection-container-default-(border|border-width|radius)$/.test(key)) continue;
+      if (/^--collapsiblesection-divider-(default|hover|active)-radius$/.test(key)) continue;
+      if (/^--collapsiblesection-(chromeless|divider|container)-expanded-(border|border-width|radius)$/.test(key)) continue;
+      if (/^--collapsiblesection-(chromeless|divider)-expanded-surface$/.test(key)) continue;
+      if (!(key in out)) out[key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-05-10-sectiondivider-gradient-stops.ts
+var PFX2 = "--sectiondivider-";
+var VARIANTS = ["canvas", "neutral", "alternate", "primary", "accent", "special"];
+var OLD_STOP_RE = /^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-gradient-stop-\d+$/;
+var componentMigration_2026_05_10_sectiondividerGradientStops = {
+  id: "2026-05-10-sectiondivider-gradient-stops",
+  fromVersion: 4,
+  toVersion: 5,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "sectiondivider") return { ...rawVars };
     const out = {};
     for (const [key, value] of Object.entries(rawVars)) {
-      if (DROPPED.has(key)) continue;
+      if (OLD_STOP_RE.test(key)) continue;
       out[key] = value;
     }
+    const setIfMissing = (key, fallback) => {
+      if (!(key in out)) out[key] = fallback;
+    };
+    for (const v of VARIANTS) {
+      const old1 = rawVars[`${PFX2}${v}-gradient-stop-1`];
+      const old2 = rawVars[`${PFX2}${v}-gradient-stop-2`];
+      const old4 = rawVars[`${PFX2}${v}-gradient-stop-4`];
+      setIfMissing(`${PFX2}${v}-gradient-angle`, "--gradient-angle-diagonal");
+      setIfMissing(`${PFX2}${v}-gradient-stop-1-color`, old1 ?? `--surface-${v}-highest`);
+      setIfMissing(`${PFX2}${v}-gradient-stop-1-position`, "--gradient-stop-start");
+      setIfMissing(`${PFX2}${v}-gradient-stop-2-color`, old2 ?? `--surface-${v}-higher`);
+      setIfMissing(`${PFX2}${v}-gradient-stop-2-position`, "--gradient-stop-mid");
+      setIfMissing(`${PFX2}${v}-gradient-stop-3-color`, old4 ?? `--surface-${v}`);
+      setIfMissing(`${PFX2}${v}-gradient-stop-3-position`, "--gradient-stop-end");
+    }
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/2026-08-15-line-height-scale-rename.ts
-var RENAMED = {
-  "--line-height-xs": "--line-height-none",
-  "--line-height-sm": "--line-height-tighter",
-  "--line-height-md": "--line-height-normal",
-  "--line-height-lg": "--line-height-relaxed",
-  "--line-height-xl": "--line-height-relaxed"
-};
-var REFERENCE = /--line-height-(?:xs|sm|md|lg|xl)(?![\w-])/g;
-function renameValues(rawVars) {
+// src/editor/core/themes/migrations/2026-05-13-primary-to-brand.ts
+var PALETTE_STEPS2 = ["100", "200", "300", "400", "500", "600", "700", "800", "850", "900", "950"];
+var SURFACE_SUFFIXES = ["lowest", "lower", "low", "high", "higher", "highest"];
+var BORDER_SUFFIXES = ["faint", "subtle", "medium", "strong"];
+var TEXT_SUFFIXES = ["secondary", "tertiary", "muted", "disabled"];
+var RENAME_MAP = (() => {
+  const m = {};
+  for (const step of PALETTE_STEPS2) m[`--color-primary-${step}`] = `--color-brand-${step}`;
+  m["--surface-primary"] = "--surface-brand";
+  for (const suf of SURFACE_SUFFIXES) m[`--surface-primary-${suf}`] = `--surface-brand-${suf}`;
+  m["--border-primary"] = "--border-brand";
+  for (const suf of BORDER_SUFFIXES) m[`--border-primary-${suf}`] = `--border-brand-${suf}`;
+  m["--text-primary-color"] = "--text-brand";
+  for (const suf of TEXT_SUFFIXES) m[`--text-primary-${suf}`] = `--text-brand-${suf}`;
+  return m;
+})();
+function renameToken(name) {
+  return RENAME_MAP[name] ?? name;
+}
+function renameKeys(rawVars) {
   const out = {};
-  for (const [key, value] of Object.entries(rawVars)) {
-    out[key] = typeof value === "string" ? value.replace(REFERENCE, (name) => RENAMED[name]) : value;
+  for (const [k, v] of Object.entries(rawVars)) {
+    out[renameToken(k)] = v;
   }
   return out;
 }
-var colorsAndTypeMigration_2026_08_15_lineHeightScaleRename = {
-  id: "2026-08-15-line-height-scale-rename-colors-and-type",
-  fromVersion: 4,
-  toVersion: 5,
+function renameKeysAndValues(rawVars) {
+  const out = {};
+  for (const [k, v] of Object.entries(rawVars)) {
+    out[renameToken(k)] = renameToken(v);
+  }
+  return out;
+}
+var colorsAndTypeMigration_2026_05_13_primaryToBrand = {
+  id: "2026-05-13-primary-to-brand-theme",
+  fromVersion: 1,
+  toVersion: 2,
   appliesTo: "colors-and-type",
-  apply: renameValues
+  apply: renameKeys
 };
-var componentMigration_2026_08_15_lineHeightScaleRename = {
-  id: "2026-08-15-line-height-scale-rename-component",
-  fromVersion: 20,
-  toVersion: 21,
+var componentMigration_2026_05_13_primaryToBrand = {
+  id: "2026-05-13-primary-to-brand-component",
+  fromVersion: 5,
+  toVersion: 6,
   appliesTo: "component-config",
-  apply: renameValues
+  apply: renameKeysAndValues
 };
 
-// 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"
+// src/editor/core/themes/migrations/2026-05-19-collapsiblesection-drop-frame-surface.ts
+function dropFrameSurface(rawVars, meta) {
+  if (meta.component !== "collapsiblesection") return rawVars;
+  const { "--collapsiblesection-container-frame-surface": _drop, ...rest } = rawVars;
+  return rest;
+}
+var componentMigration_2026_05_19_collapsiblesectionDropFrameSurface = {
+  id: "2026-05-19-collapsiblesection-drop-frame-surface",
+  fromVersion: 6,
+  toVersion: 7,
+  appliesTo: "component-config",
+  apply: dropFrameSurface
 };
-var colorsAndTypeMigration_2026_09_01_scrimRename = {
-  id: "2026-09-01-scrim-rename-theme",
-  fromVersion: 5,
-  toVersion: 6,
-  appliesTo: "colors-and-type",
-  apply(rawVars) {
+
+// src/editor/core/themes/migrations/2026-05-19-sectiondivider-rich-gradient.ts
+var FLAT_RE = /^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-gradient-(angle|stop-[123]-(color|position))$/;
+var componentMigration_2026_05_19_sectiondividerRichGradient = {
+  id: "2026-05-19-sectiondivider-rich-gradient",
+  fromVersion: 7,
+  toVersion: 8,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "sectiondivider") return { ...rawVars };
     const out = {};
     for (const [key, value] of Object.entries(rawVars)) {
-      out[RENAMED2[key] ?? key] = value;
+      if (FLAT_RE.test(key)) continue;
+      out[key] = value;
     }
     return out;
   }
 };
-var componentMigration_2026_09_01_scrimRename = {
-  id: "2026-09-01-scrim-rename-component",
-  fromVersion: 21,
-  toVersion: 22,
+
+// src/editor/core/themes/migrations/2026-05-20-sectiondivider-slim-variants.ts
+var VARIANTS2 = ["lg", "md", "sm"];
+var SUFFIX_RENAMES = [
+  [/-title-border-width$/, "-title-outline-width"],
+  [/-title-stroke-color$/, "-title-outline-color"],
+  [
+    /^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-padding$/,
+    "--sectiondivider-$1-spacing"
+  ]
+];
+function renameKeySuffix(key) {
+  for (const [re, repl] of SUFFIX_RENAMES) {
+    if (re.test(key)) return key.replace(re, repl);
+  }
+  return key;
+}
+function splitFamilyKey(key) {
+  const m = key.match(/^--sectiondivider-(canvas|neutral|alternate|primary|accent|special)-(.+)$/);
+  if (!m) return null;
+  return { family: m[1], suffix: m[2] };
+}
+var componentMigration_2026_05_20_sectiondividerSlimVariants = {
+  id: "2026-05-20-sectiondivider-slim-variants",
+  fromVersion: 8,
+  toVersion: 9,
   appliesTo: "component-config",
-  apply(rawVars) {
+  apply(rawVars, meta) {
+    if (meta.component !== "sectiondivider") return { ...rawVars };
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      out[RENAMED_COMPONENT_KEYS[key] ?? key] = RENAMED2[value] ?? value;
+    const canvasValues = {};
+    for (const [rawKey, value] of Object.entries(rawVars)) {
+      const key = renameKeySuffix(rawKey);
+      const parts = splitFamilyKey(key);
+      if (!parts) {
+        out[key] = value;
+        continue;
+      }
+      if (parts.family !== "canvas") continue;
+      canvasValues[parts.suffix] = value;
+    }
+    for (const suffix of Object.keys(canvasValues)) {
+      for (const v of VARIANTS2) {
+        out[`--sectiondivider-${v}-${suffix}`] = canvasValues[suffix];
+      }
     }
     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) {
+// src/editor/core/themes/migrations/2026-05-21-sectiondivider-spacing-to-padding.ts
+var componentMigration_2026_05_21_sectiondividerSpacingToPadding = {
+  id: "2026-05-21-sectiondivider-spacing-to-padding",
+  fromVersion: 9,
+  toVersion: 10,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "sectiondivider") return { ...rawVars };
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) out[RENAMED3[key] ?? key] = value;
+    for (const [key, value] of Object.entries(rawVars)) {
+      const renamed = key.replace(
+        /^--sectiondivider-(lg|md|sm)-spacing$/,
+        "--sectiondivider-$1-padding"
+      );
+      out[renamed] = value;
+    }
     return out;
   }
 };
-var componentMigration_2026_09_01_tintRename = {
-  id: "2026-09-01-tint-rename-component",
-  fromVersion: 22,
-  toVersion: 23,
+
+// src/editor/core/themes/migrations/2026-05-22-sectiondivider-intrinsics-to-css.ts
+var componentMigration_2026_05_22_sectiondividerIntrinsicsToCss = {
+  id: "2026-05-22-sectiondivider-intrinsics-to-css",
+  fromVersion: 10,
+  toVersion: 11,
   appliesTo: "component-config",
-  apply(rawVars) {
+  apply(rawVars, meta) {
+    if (meta.component !== "sectiondivider") return { ...rawVars };
+    const VARIANTS4 = ["lg", "md", "sm"];
+    const prefix = "--sectiondivider-";
+    const dropped = /* @__PURE__ */ new Set();
+    for (const v of VARIANTS4) {
+      dropped.add(`${prefix}${v}-show-eyebrow`);
+      dropped.add(`${prefix}${v}-show-description`);
+      dropped.add(`${prefix}${v}-show-hairline`);
+      dropped.add(`${prefix}${v}-hairline`);
+      dropped.add(`${prefix}${v}-eyebrow-uppercase`);
+    }
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) out[key] = RENAMED3[value] ?? value;
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (dropped.has(key)) continue;
+      out[key] = value;
+    }
+    for (const v of VARIANTS4) {
+      const showEyebrow = rawVars[`${prefix}${v}-show-eyebrow`];
+      if (showEyebrow !== void 0) {
+        out[`${prefix}${v}-eyebrow-display`] = showEyebrow === "1" ? "block" : "none";
+      }
+      const showDesc = rawVars[`${prefix}${v}-show-description`];
+      if (showDesc !== void 0) {
+        out[`${prefix}${v}-description-display`] = showDesc === "1" ? "flex" : "none";
+      }
+      const showHair = rawVars[`${prefix}${v}-show-hairline`];
+      const oldHair = rawVars[`${prefix}${v}-hairline`];
+      const oldHairIsPos = typeof oldHair === "string" && oldHair !== "" && oldHair !== "off";
+      let newHair;
+      if (showHair === "") newHair = "none";
+      else if (showHair === "1") newHair = oldHairIsPos ? oldHair : "above-label";
+      else if (oldHair !== void 0) newHair = oldHairIsPos ? oldHair : "none";
+      if (newHair !== void 0) {
+        out[`${prefix}${v}-hairline`] = newHair;
+      }
+      const upper = rawVars[`${prefix}${v}-eyebrow-uppercase`];
+      if (upper !== void 0) {
+        out[`${prefix}${v}-eyebrow-text-transform`] = upper === "1" ? "uppercase" : "none";
+      }
+    }
     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,
+// src/editor/core/themes/migrations/2026-05-24-segmentedcontrol-divider-inset.ts
+var componentMigration_2026_05_24_segmentedcontrolDividerInset = {
+  id: "2026-05-24-segmentedcontrol-divider-inset",
+  fromVersion: 11,
+  toVersion: 12,
   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";
+    if (meta.component !== "segmentedcontrol") return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (key === "--segmentedcontrol-divider-height") continue;
+      out[key] = value;
     }
     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,
+// src/editor/core/themes/migrations/2026-05-24-promote-state-shared-tokens.ts
+var BUTTON_VARIANTS = ["primary", "secondary", "outline", "success", "danger", "warning"];
+var BUTTON_STATES = ["hover", "disabled"];
+var BUTTON_PROPS = ["padding", "radius", "border-width"];
+var buttonDeadKeys = new Set(
+  BUTTON_VARIANTS.flatMap(
+    (v) => BUTTON_STATES.flatMap(
+      (s) => BUTTON_PROPS.map((p) => `--button-${v}-${s}-${p}`)
+    )
+  )
+);
+var segmentedcontrolDeadKeys = /* @__PURE__ */ new Set([
+  "--segmentedcontrol-selected-icon-size",
+  "--segmentedcontrol-option-hover-icon-size",
+  "--segmentedcontrol-disabled-icon-size"
+]);
+var componentMigration_2026_05_24_promoteStateSharedTokens = {
+  id: "2026-05-24-promote-state-shared-tokens",
+  fromVersion: 12,
+  toVersion: 13,
   appliesTo: "component-config",
-  apply(rawVars) {
+  apply(rawVars, meta) {
+    const dead = meta.component === "button" ? buttonDeadKeys : meta.component === "segmentedcontrol" ? segmentedcontrolDeadKeys : null;
+    if (!dead) return { ...rawVars };
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) out[RENAMED4[key] ?? key] = value;
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (dead.has(key)) continue;
+      out[key] = value;
+    }
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/2026-09-02-sectiondivider-drop-title-outline.ts
-var DROPPED2 = new Set(
-  ["lg", "md", "sm"].flatMap((v) => [
-    `--sectiondivider-${v}-title-outline-width`,
-    `--sectiondivider-${v}-title-outline-color`
-  ])
-);
-var componentMigration_2026_09_02_sectiondividerDropTitleOutline = {
-  id: "2026-09-02-sectiondivider-drop-title-outline",
-  fromVersion: 25,
-  toVersion: 26,
+// src/editor/core/themes/migrations/2026-05-24-progressbar-collapse-variants.ts
+var PRIMARY_PREFIX = "--progressbar-primary-";
+var NEW_PREFIX = "--progressbar-";
+var DROP_PREFIXES = [
+  "--progressbar-success-",
+  "--progressbar-warning-",
+  "--progressbar-danger-",
+  "--progressbar-info-"
+];
+var componentMigration_2026_05_24_progressbarCollapseVariants = {
+  id: "2026-05-24-progressbar-collapse-variants",
+  fromVersion: 13,
+  toVersion: 14,
   appliesTo: "component-config",
   apply(rawVars, meta) {
-    if (meta.component !== "sectiondivider") return { ...rawVars };
+    if (meta.component !== "progressbar") return { ...rawVars };
     const out = {};
-    for (const [key, value] of Object.entries(rawVars)) {
-      if (DROPPED2.has(key)) continue;
-      out[key] = value;
+    for (const [oldKey, value] of Object.entries(rawVars)) {
+      if (DROP_PREFIXES.some((p) => oldKey.startsWith(p))) continue;
+      const key = oldKey.startsWith(PRIMARY_PREFIX) ? NEW_PREFIX + oldKey.slice(PRIMARY_PREFIX.length) : oldKey;
+      if (!(key in out)) out[key] = value;
     }
     return out;
   }
 };
 
-// src/editor/core/themes/migrations/index.ts
-var MIGRATIONS = [
-  colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
-  colorsAndTypeMigration_2026_05_13_primaryToBrand,
-  componentMigration_2026_04_24_prefixAndSuffixRenames,
-  componentMigration_2026_04_27_segmentedcontrolDisabledFlatten,
-  componentMigration_2026_05_08_collapsiblesectionVariantNamespace,
-  componentMigration_2026_05_08_collapsiblesectionFrameAndCleanup,
-  componentMigration_2026_05_10_sectiondividerGradientStops,
-  componentMigration_2026_05_13_primaryToBrand,
-  componentMigration_2026_05_19_collapsiblesectionDropFrameSurface,
-  componentMigration_2026_05_19_sectiondividerRichGradient,
-  componentMigration_2026_05_20_sectiondividerSlimVariants,
-  componentMigration_2026_05_21_sectiondividerSpacingToPadding,
-  componentMigration_2026_05_22_sectiondividerIntrinsicsToCss,
-  componentMigration_2026_05_24_segmentedcontrolDividerInset,
-  componentMigration_2026_05_24_promoteStateSharedTokens,
-  componentMigration_2026_05_24_progressbarCollapseVariants,
-  componentMigration_2026_05_24_collapsiblesectionDropActiveState,
-  componentMigration_2026_05_25_cornerbadgeFlattenVariants,
-  colorsAndTypeMigration_2026_05_26_dropOverlayExtraStops,
-  componentMigration_2026_05_26_dropOverlayExtraStops,
-  componentMigration_2026_05_29_tabbarIndicatorThicknessToPerStateWidth,
-  componentMigration_2026_05_29_segmentedcontrolSmallDividerRename,
-  componentMigration_2026_05_29_toggleDeriveTrackFromThumb,
-  colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys,
-  colorsAndTypeMigration_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,
-  componentMigration_2026_09_02_sectiondividerDropTitleOutline
-];
-function countFor(kind) {
-  return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
-}
-var CURRENT_COLORS_AND_TYPE_SCHEMA_VERSION = countFor("colors-and-type");
-var CURRENT_COMPONENT_SCHEMA_VERSION = countFor("component-config");
-
-// src/editor/core/themes/generateColorsAndType.ts
-var HEX_RE = /^#[0-9a-f]{6}$/i;
-var HARMONY_MODES = [
-  "complementary",
-  "split-complementary",
-  "triadic",
-  "tetradic",
-  "compound",
-  "square",
-  "analogous",
-  "monochromatic",
-  "custom"
-];
-var TEXT_SCALE = SCALES.find((s) => s.title === "Text");
-var SURFACE_SCALE = SCALES.find((s) => s.title === "Surfaces");
-var NEUTRAL_TEXT_FLOORS = [
-  ["primary", AA_BODY, 7],
-  ["secondary", AA_BODY, 5.5],
-  ["tertiary", AA_LARGE, 3.5]
-];
-var FUNCTIONAL_TEXT_TARGET = 3.5;
-var FUNCTIONAL_TEXT_LABELS = PALETTE_SPECS.filter((s) => s.label !== "Neutral" && s.label !== "Canvas").map((s) => s.label);
-var norm = (h) => h >= 0 && h < 360 ? h : (h % 360 + 360) % 360;
-function parseSeed(label, raw, problems) {
-  if (typeof raw === "string") {
-    if (!HEX_RE.test(raw.trim())) {
-      problems.push(`${label}: "${raw}" is not a #rrggbb hex color`);
-      return null;
-    }
-    return hexToOklch(raw.trim());
+// src/editor/core/themes/migrations/2026-05-24-collapsiblesection-drop-active-state.ts
+function dropActiveState(rawVars, meta) {
+  if (meta.component !== "collapsiblesection") return rawVars;
+  const re = /^--collapsiblesection-(chromeless|divider|container)-active-/;
+  const out = {};
+  for (const [key, value] of Object.entries(rawVars)) {
+    if (re.test(key)) continue;
+    out[key] = value;
   }
-  const { l, c, h } = raw ?? {};
-  if (typeof l !== "number" || l <= 0 || l >= 1) problems.push(`${label}: l must be in (0, 1), got ${l}`);
-  if (typeof c !== "number" || c < 0 || c > 0.4) problems.push(`${label}: c must be in [0, 0.4], got ${c}`);
-  if (typeof h !== "number" || !Number.isFinite(h)) problems.push(`${label}: h must be a finite number, got ${h}`);
-  if (problems.length > 0) return null;
-  return { l, c, h: norm(h) };
+  return out;
 }
-function validateBrief(brief) {
-  const problems = [];
-  const name = typeof brief.name === "string" ? brief.name.trim() : "";
-  if (!name) problems.push("name: required");
-  const slug = sanitizeFileName(name || "unnamed");
-  if (slug === "default") problems.push('name: "default" is the protected package theme; pick another name');
-  if (brief.scheme !== "light" && brief.scheme !== "dark") {
-    problems.push(`scheme: must be "light" or "dark", got ${JSON.stringify(brief.scheme)}`);
-  }
-  if (brief.harmony && !HARMONY_MODES.includes(brief.harmony.mode)) {
-    problems.push(`harmony.mode: unknown mode ${JSON.stringify(brief.harmony.mode)}`);
-  }
-  if (brief.canvasGradient !== void 0 && typeof brief.canvasGradient !== "boolean") {
-    problems.push(`canvasGradient: must be a boolean, got ${JSON.stringify(brief.canvasGradient)}`);
-  }
-  const seeds = {};
-  const given = brief.seeds ?? {};
-  for (const spec of PALETTE_SPECS) {
-    if (!(spec.label in given)) {
-      problems.push(`seeds.${spec.label}: missing`);
+var componentMigration_2026_05_24_collapsiblesectionDropActiveState = {
+  id: "2026-05-24-collapsiblesection-drop-active-state",
+  fromVersion: 14,
+  toVersion: 15,
+  appliesTo: "component-config",
+  apply: dropActiveState
+};
+
+// src/editor/core/themes/migrations/2026-05-25-cornerbadge-flatten-variants.ts
+var VARIANTS3 = ["primary", "accent", "neutral", "alternate", "canvas", "special", "success", "warning", "danger", "info"];
+var RE = new RegExp(`^--corner-badge-(${VARIANTS3.join("|")})-(.+)$`);
+var CURRENT_COLOR_PROPS = /* @__PURE__ */ new Set(["surface", "border", "text"]);
+function flattenVariants(rawVars, meta) {
+  if (meta.component !== "cornerbadge") return rawVars;
+  const out = {};
+  const collected = /* @__PURE__ */ new Map();
+  for (const [key, value] of Object.entries(rawVars)) {
+    const m = key.match(RE);
+    if (m) {
+      const prop = m[2];
+      if (CURRENT_COLOR_PROPS.has(prop)) {
+        out[key] = value;
+        continue;
+      }
+      if (!collected.has(prop)) collected.set(prop, value);
       continue;
     }
-    const parsed = parseSeed(spec.label, given[spec.label], problems);
-    if (parsed) seeds[spec.label] = parsed;
-  }
-  const known = new Set(PALETTE_SPECS.map((s) => s.label));
-  for (const label of Object.keys(given)) {
-    if (!known.has(label)) problems.push(`seeds.${label}: unknown palette (expected ${[...known].join(", ")})`);
+    out[key] = value;
   }
-  if (problems.length > 0) {
-    throw new Error(`Invalid theme brief:
-  ${problems.join("\n  ")}`);
+  for (const [prop, value] of collected) {
+    const flatKey = `--corner-badge-${prop}`;
+    if (!(flatKey in out)) out[flatKey] = value;
   }
-  return { seeds, slug };
+  return out;
 }
-function checkDefs() {
-  const defs = [];
-  for (const [stepName, floor, target] of NEUTRAL_TEXT_FLOORS) {
-    defs.push({
-      paletteLabel: "Neutral",
-      step: TEXT_SCALE.steps.find((s) => s.name === stepName),
-      textVar: scaleToCssVar("Text", stepName, "neutral"),
-      floor,
-      target
-    });
+var componentMigration_2026_05_25_cornerbadgeFlattenVariants = {
+  id: "2026-05-25-cornerbadge-flatten-variants",
+  fromVersion: 15,
+  toVersion: 16,
+  appliesTo: "component-config",
+  apply: flattenVariants
+};
+
+// src/editor/core/themes/migrations/2026-05-26-drop-overlay-extra-stops.ts
+var DROPPED_TO_KEPT = {
+  "--overlay-lowest": "--overlay-low",
+  "--overlay-lower": "--overlay-low",
+  "--overlay-higher": "--overlay-high",
+  "--overlay-highest": "--overlay-high"
+};
+var colorsAndTypeMigration_2026_05_26_dropOverlayExtraStops = {
+  id: "2026-05-26-drop-overlay-extra-stops-theme",
+  fromVersion: 2,
+  toVersion: 3,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (key in DROPPED_TO_KEPT) continue;
+      out[key] = value;
+    }
+    return out;
   }
-  const primary = TEXT_SCALE.steps.find((s) => s.name === "primary");
-  for (const label of FUNCTIONAL_TEXT_LABELS) {
-    const ns = PALETTE_SPECS.find((s) => s.label === label).cssNamespace;
-    defs.push({
-      paletteLabel: label,
-      step: primary,
-      textVar: scaleToCssVar("Text", "primary", ns),
-      floor: AA_LARGE,
-      target: FUNCTIONAL_TEXT_TARGET
-    });
+};
+var componentMigration_2026_05_26_dropOverlayExtraStops = {
+  id: "2026-05-26-drop-overlay-extra-stops-component",
+  fromVersion: 16,
+  toVersion: 17,
+  appliesTo: "component-config",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[key] = DROPPED_TO_KEPT[value] ?? value;
+    }
+    return out;
   }
-  return defs;
-}
-function surfaceVars() {
-  return [
-    ...SURFACE_SCALE.steps.map((s) => scaleToCssVar("Surfaces", s.name, "neutral")),
-    "--page-bg"
-  ];
-}
-function varToHex(value) {
-  const parsed = value ? cssColorToOklch(value) : null;
-  return parsed ? oklchToHexClamped(parsed.l, parsed.c, parsed.h) : null;
-}
-function worstSurface(textHex, vars) {
-  let against = "";
-  let ratio = Infinity;
-  for (const surfVar of surfaceVars()) {
-    const surfHex = varToHex(vars[surfVar]);
-    if (!surfHex) continue;
-    const r = contrastRatio(textHex, surfHex);
-    if (r < ratio) {
-      ratio = r;
-      against = surfVar;
+};
+
+// src/editor/core/themes/migrations/2026-05-29-tabbar-indicator-thickness-to-per-state-width.ts
+var TABBAR_STATES = ["default", "hover", "active", "disabled"];
+var OLD_KEY = "--tabbar-bar-indicator-thickness";
+var FALLBACK = "--border-width-2";
+var componentMigration_2026_05_29_tabbarIndicatorThicknessToPerStateWidth = {
+  id: "2026-05-29-tabbar-indicator-thickness-to-per-state-width",
+  fromVersion: 17,
+  toVersion: 18,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "tabbar") return { ...rawVars };
+    const seed = rawVars[OLD_KEY] ?? FALLBACK;
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (key === OLD_KEY) continue;
+      out[key] = value;
+    }
+    for (const state of TABBAR_STATES) {
+      const newKey = `--tabbar-${state}-indicator-border-width`;
+      if (!(newKey in out)) out[newKey] = seed;
     }
+    return out;
   }
-  return { against, ratio };
-}
-function pinTextStep(cfg, step, solved) {
-  const x = scaleStepToX(step, TEXT_SCALE);
-  const seed = cfg.baseColor;
-  const yL = Math.max(0, Math.min(200, solved.l / seed.l * 100));
-  cfg.scaleCurves.Text.lightness = setCurveAnchor(cfg.scaleCurves.Text.lightness, x, yL).curve;
-  if (seed.c > 0) {
-    const yC = Math.max(0, Math.min(200, solved.c / seed.c * 100));
-    cfg.scaleCurves.Text.saturation = setCurveAnchor(cfg.scaleCurves.Text.saturation, x, yC).curve;
+};
+
+// src/editor/core/themes/migrations/2026-05-29-segmentedcontrol-small-divider-rename.ts
+var RENAMES = {
+  "--segmentedcontrol-divider-small-thickness": "--segmentedcontrol-small-divider-thickness",
+  "--segmentedcontrol-divider-small-inset": "--segmentedcontrol-small-divider-inset"
+};
+var componentMigration_2026_05_29_segmentedcontrolSmallDividerRename = {
+  id: "2026-05-29-segmentedcontrol-small-divider-rename",
+  fromVersion: 18,
+  toVersion: 19,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "segmentedcontrol") return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[RENAMES[key] ?? key] = value;
+    }
+    return out;
   }
-}
-var MAX_CORRECTION_ROUNDS = 3;
-function runContrastGate(configs, scheme) {
-  const defs = checkDefs();
-  const direction = scheme === "light" ? "darker" : "lighter";
-  const corrected = /* @__PURE__ */ new Set();
-  for (let round = 0; round < MAX_CORRECTION_ROUNDS; round++) {
-    const vars = palettesToVars(configs);
-    let anyFixed = false;
-    for (const def of defs) {
-      const text = cssColorToOklch(vars[def.textVar] ?? "");
-      if (!text) continue;
-      const textHex = oklchToHexClamped(text.l, text.c, text.h);
-      const worst = worstSurface(textHex, vars);
-      if (worst.ratio >= def.floor) continue;
-      const cfg = configs[def.paletteLabel];
-      const seed = cfg.baseColor;
-      const solved = findLForContrast({
-        against: varToHex(vars[worst.against]) ?? "#000000",
-        ratio: def.target,
-        direction,
-        c: text.c,
-        h: seed.h,
-        lMax: Math.min(1, 2 * seed.l)
-      });
-      pinTextStep(cfg, def.step, solved);
-      corrected.add(def.textVar);
-      anyFixed = true;
+};
+
+// src/editor/core/themes/migrations/2026-05-29-toggle-derive-track-from-thumb.ts
+var componentMigration_2026_05_29_toggleDeriveTrackFromThumb = {
+  id: "2026-05-29-toggle-derive-track-from-thumb",
+  fromVersion: 19,
+  toVersion: 20,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "toggle") return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (key === "--toggle-track-width" || key === "--toggle-track-thickness") continue;
+      out[key] = value;
     }
-    if (!anyFixed) break;
+    if (!("--toggle-track-padding" in out)) {
+      out["--toggle-track-padding"] = "--space-2";
+    }
+    return out;
   }
-  const finalVars = palettesToVars(configs);
-  const checks = defs.map((def) => {
-    const worst = worstSurface(varToHex(finalVars[def.textVar]) ?? "#000000", finalVars);
-    return {
-      textVar: def.textVar,
-      floor: def.floor,
-      against: worst.against,
-      ratio: worst.ratio,
-      pass: worst.ratio >= def.floor,
-      corrected: corrected.has(def.textVar)
-    };
-  });
-  const failures = checks.filter((c) => !c.pass).map((c) => {
-    const label = defs.find((d) => d.textVar === c.textVar).paletteLabel;
-    const hint = scheme === "dark" ? `raise the ${label} seed lightness (derived text tops out at 2\xD7 seed L)` : `raise the ${label} seed lightness or reduce its chroma`;
-    return `${c.textVar} reaches ${c.ratio.toFixed(2)}:1 vs ${c.against} (floor ${c.floor}:1) \u2014 ${hint}`;
-  });
-  return { scheme, checks, failures };
-}
-var ADJACENT_HUE_MAX = 120;
-var hueDist = (a, b) => {
-  const d = Math.abs(norm(a) - norm(b));
-  return Math.min(d, 360 - d);
 };
-var linear = (variable, angle, from, to) => ({
-  variable,
-  type: "linear",
-  angle,
-  stops: [{ position: 0, color: from }, { position: 100, color: to }]
-});
-function recipeGradients(seeds, scheme) {
-  return [
-    linear("--gradient-1", 90, "--color-brand-400", "--color-brand-700"),
-    hueDist(seeds.Special.h, seeds.Brand.h) <= ADJACENT_HUE_MAX ? linear("--gradient-2", 135, "--color-special-500", "--color-brand-500") : linear("--gradient-2", 135, "--color-special-400", "--color-special-700"),
-    hueDist(seeds.Brand.h, seeds.Accent.h) <= ADJACENT_HUE_MAX ? linear("--gradient-3", 90, "--color-brand-500", "--color-accent-500") : linear("--gradient-3", 90, "--color-accent-400", "--color-accent-700"),
-    scheme === "dark" ? linear("--gradient-4", 180, "--color-canvas-600", "--color-canvas-900") : linear("--gradient-4", 180, "--color-canvas-200", "--color-canvas-500")
-  ];
-}
-function isStockGradients(gradients) {
-  return !gradients || gradients.length === 0 || JSON.stringify(gradients) === JSON.stringify(makeDefaultGradients());
-}
-function applyCanvasGradient(canvas, scheme) {
-  const labels = PALETTE_STEPS.map((s) => s.label);
-  const anchor = canvas.anchorPlacement.step;
-  const sky = scheme === "dark" ? Math.min(anchor + 2, labels.length - 1) : Math.max(anchor - 2, 0);
-  if (sky === anchor) {
-    return `skipped \u2014 the Canvas seed anchors at the ramp edge (${labels[anchor]}), leaving no room for a sky; commit the canvas further from ${scheme === "dark" ? "black" : "white"}`;
+
+// src/editor/core/themes/migrations/2026-08-13-drop-legacy-shape-space-keys.ts
+var DROPPED = /* @__PURE__ */ new Set([
+  "--badge-trait-radius",
+  "--badge-trait-padding",
+  "--sectiondivider-padding",
+  "--dialog-primary-default-radius",
+  "--dialog-primary-default-padding",
+  "--dialog-primary-hover-radius",
+  "--dialog-primary-hover-padding",
+  "--dialog-secondary-default-radius",
+  "--dialog-secondary-default-padding",
+  "--dialog-secondary-hover-radius",
+  "--dialog-secondary-hover-padding"
+]);
+var colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys = {
+  id: "2026-08-13-drop-legacy-shape-space-keys",
+  fromVersion: 3,
+  toVersion: 4,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (DROPPED.has(key)) continue;
+      out[key] = value;
+    }
+    return out;
   }
-  canvas.emptyMode = "gradient";
-  canvas.gradientStyle = "linear";
-  canvas.gradientAngle = 180;
-  canvas.gradientReverse = false;
-  canvas.gradientStops = [
-    { position: 0, paletteLabel: labels[sky] },
-    { position: 100, paletteLabel: labels[anchor] }
-  ];
-  canvas.gradientSize = "window";
-  return `on, ${labels[sky]} \u2192 ${labels[anchor]}`;
-}
-var STOCK_SHADOW_GEOMETRY = {
-  "--shadow-sm": [1, 1, 2],
-  "--shadow-md": [3, 3, 6],
-  "--shadow-lg": [5, 5, 9],
-  "--shadow-xl": [6, 7, 13],
-  "--shadow-2xl": [8, 9, 16]
 };
-var STOCK_SHADOW_COLOR = { spread: 0, hue: 237, saturation: 18, lightness: 3, opacity: 0.9 };
-var SHADOW_OPACITY_DEEP = 0.9;
-var SHADOW_OPACITY_SOFT = 0.2;
-var SHADOW_GROUND_DEEP = 0.5;
-var SHADOW_GROUND_SOFT = 0.9;
-function shadowOpacityForCanvas(canvasL) {
-  const t = (canvasL - SHADOW_GROUND_DEEP) / (SHADOW_GROUND_SOFT - SHADOW_GROUND_DEEP);
-  const ramp = Math.max(0, Math.min(1, t));
-  const opacity = SHADOW_OPACITY_DEEP + ramp * (SHADOW_OPACITY_SOFT - SHADOW_OPACITY_DEEP);
-  return Math.round(opacity * 100) / 100;
-}
-function shadowVars(carried, canvas) {
-  const opacity = shadowOpacityForCanvas(canvas.l);
+
+// src/editor/core/themes/migrations/2026-08-15-line-height-scale-rename.ts
+var RENAMED = {
+  "--line-height-xs": "--line-height-none",
+  "--line-height-sm": "--line-height-tighter",
+  "--line-height-md": "--line-height-normal",
+  "--line-height-lg": "--line-height-relaxed",
+  "--line-height-xl": "--line-height-relaxed"
+};
+var REFERENCE = /--line-height-(?:xs|sm|md|lg|xl)(?![\w-])/g;
+function renameValues(rawVars) {
   const out = {};
-  for (const variable of SHADOW_VAR_NAMES) {
-    const [x, y, blur] = STOCK_SHADOW_GEOMETRY[variable];
-    const base = parseShadowCss(variable, carried[variable] ?? "") ?? { x, y, blur, ...STOCK_SHADOW_COLOR };
-    out[variable] = shadowTokenCss({ ...base, opacity });
+  for (const [key, value] of Object.entries(rawVars)) {
+    out[key] = typeof value === "string" ? value.replace(REFERENCE, (name) => RENAMED[name]) : value;
   }
   return out;
 }
-function buildColorsAndTypeFromSeeds(brief, carry = {}, now = (/* @__PURE__ */ new Date()).toISOString()) {
-  const { seeds, slug } = validateBrief(brief);
-  const configs = {};
-  for (const spec of PALETTE_SPECS) {
-    configs[spec.label] = defaultPaletteConfig({
-      baseColor: seeds[spec.label],
-      neutral: spec.neutral,
-      scheme: brief.scheme
-    });
+var colorsAndTypeMigration_2026_08_15_lineHeightScaleRename = {
+  id: "2026-08-15-line-height-scale-rename-colors-and-type",
+  fromVersion: 4,
+  toVersion: 5,
+  appliesTo: "colors-and-type",
+  apply: renameValues
+};
+var componentMigration_2026_08_15_lineHeightScaleRename = {
+  id: "2026-08-15-line-height-scale-rename-component",
+  fromVersion: 20,
+  toVersion: 21,
+  appliesTo: "component-config",
+  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;
   }
-  const report = runContrastGate(configs, brief.scheme);
-  const canvasGradient = brief.canvasGradient ? applyCanvasGradient(configs.Canvas, brief.scheme) : void 0;
-  const gradients = isStockGradients(carry.gradients) ? recipeGradients(seeds, brief.scheme) : carry.gradients;
-  const harmonyAxes = [
-    { hue: norm(seeds.Brand.h), family: "Brand" },
-    { hue: norm(seeds.Accent.h), family: "Accent" },
-    { hue: norm(seeds.Canvas.h), family: "Canvas" },
-    { hue: norm(seeds.Brand.h + 270), family: null }
-  ];
-  const owned = new Set(Object.keys(palettesToVars(configs)));
-  const cssVariables = Object.fromEntries(
-    Object.entries(carry.cssVariables ?? {}).filter(([k]) => !owned.has(k))
-  );
-  for (const t of gradients) cssVariables[t.variable] = formatGradientValue(t);
-  Object.assign(cssVariables, shadowVars(carry.cssVariables ?? {}, seeds.Canvas));
-  const colorsAndType = {
-    name: brief.name.trim(),
-    createdAt: now,
-    updatedAt: now,
-    editorConfigs: configs,
-    cssVariables,
-    fontSources: carry.fontSources ?? [],
-    fontStacks: carry.fontStacks ?? [],
-    gradients,
-    harmonyAxes,
-    schemaVersion: CURRENT_COLORS_AND_TYPE_SCHEMA_VERSION
-  };
-  return {
-    colorsAndType,
-    slug,
-    report: {
-      ...report,
-      gradients: gradients === carry.gradients ? "carried" : "recipes",
-      shadows: `opacity ${shadowOpacityForCanvas(seeds.Canvas.l)} for a canvas at L ${seeds.Canvas.l.toFixed(2)}`,
-      ...canvasGradient ? { canvasGradient } : {}
+};
+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;
+  }
+};
 
-// vite-plugin/files/dataPaths.ts
-var import_fs = __toESM(require("fs"), 1);
-var import_path = __toESM(require("path"), 1);
-var DEFAULT_DATA_DIR = "src/live-tokens/data";
-var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
-  "dataDir",
-  "colorsAndTypeDir",
-  "componentConfigsDir",
-  "themesDir",
-  "manifestsDir",
-  "tokensCssPath",
-  "componentDirs",
-  "checks"
+// 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/2026-09-02-sectiondivider-drop-title-outline.ts
+var DROPPED2 = new Set(
+  ["lg", "md", "sm"].flatMap((v) => [
+    `--sectiondivider-${v}-title-outline-width`,
+    `--sectiondivider-${v}-title-outline-color`
+  ])
+);
+var componentMigration_2026_09_02_sectiondividerDropTitleOutline = {
+  id: "2026-09-02-sectiondivider-drop-title-outline",
+  fromVersion: 25,
+  toVersion: 26,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    if (meta.component !== "sectiondivider") return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (DROPPED2.has(key)) continue;
+      out[key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-03-drop-legacy-component-keys.ts
+var DROPPED3 = /* @__PURE__ */ new Set([
+  "--badge-trait-surface",
+  "--badge-trait-text",
+  "--badge-trait-text-font-family",
+  "--badge-trait-text-font-size",
+  "--badge-trait-text-font-weight",
+  "--badge-trait-text-line-height",
+  "--badge-trait-border",
+  "--badge-trait-border-width",
+  "--badge-trait-shadow",
+  "--sectiondivider-title",
+  "--sectiondivider-title-font-family",
+  "--sectiondivider-title-font-size",
+  "--sectiondivider-title-font-weight",
+  "--sectiondivider-title-line-height",
+  "--sectiondivider-title-border-width",
+  "--sectiondivider-title-stroke-color",
+  "--sectiondivider-description",
+  "--sectiondivider-description-font-family",
+  "--sectiondivider-description-font-size",
+  "--sectiondivider-description-font-weight",
+  "--sectiondivider-description-line-height",
+  "--dialog-primary-default-surface",
+  "--dialog-primary-default-text",
+  "--dialog-primary-default-border",
+  "--dialog-primary-default-border-width",
+  "--dialog-primary-hover-surface",
+  "--dialog-primary-hover-text",
+  "--dialog-primary-hover-border",
+  "--dialog-primary-hover-border-width",
+  "--dialog-secondary-default-text",
+  "--dialog-secondary-default-border",
+  "--dialog-secondary-default-border-width",
+  "--dialog-secondary-hover-surface",
+  "--dialog-secondary-hover-text",
+  "--dialog-secondary-hover-border",
+  "--dialog-secondary-hover-border-width"
 ]);
-var cached = null;
-function readLiveTokensConfig() {
-  if (cached) return cached;
-  try {
-    const configPath = import_path.default.resolve("live-tokens.config.json");
-    if (!import_fs.default.existsSync(configPath)) return cached = {};
-    const parsed = JSON.parse(import_fs.default.readFileSync(configPath, "utf-8"));
-    if (!parsed || typeof parsed !== "object") return cached = {};
-    const unknown = Object.keys(parsed).filter(
-      (k) => k !== "$schema" && !KNOWN_CONFIG_KEYS.has(k)
-    );
-    if (unknown.length > 0) {
-      console.warn(
-        `[live-tokens] Unknown key(s) in live-tokens.config.json: ${unknown.join(", ")}. Known keys: ${Array.from(KNOWN_CONFIG_KEYS).join(", ")}.`
-      );
+var colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys = {
+  id: "2026-09-03-drop-legacy-component-keys",
+  fromVersion: 7,
+  toVersion: 8,
+  appliesTo: "colors-and-type",
+  apply(rawVars) {
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      if (DROPPED3.has(key)) continue;
+      out[key] = value;
     }
-    cached = parsed;
-    return cached;
-  } catch {
-    return cached = {};
+    return out;
   }
+};
+
+// src/editor/core/themes/migrations/index.ts
+var MIGRATIONS = [
+  colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
+  colorsAndTypeMigration_2026_05_13_primaryToBrand,
+  componentMigration_2026_04_24_prefixAndSuffixRenames,
+  componentMigration_2026_04_27_segmentedcontrolDisabledFlatten,
+  componentMigration_2026_05_08_collapsiblesectionVariantNamespace,
+  componentMigration_2026_05_08_collapsiblesectionFrameAndCleanup,
+  componentMigration_2026_05_10_sectiondividerGradientStops,
+  componentMigration_2026_05_13_primaryToBrand,
+  componentMigration_2026_05_19_collapsiblesectionDropFrameSurface,
+  componentMigration_2026_05_19_sectiondividerRichGradient,
+  componentMigration_2026_05_20_sectiondividerSlimVariants,
+  componentMigration_2026_05_21_sectiondividerSpacingToPadding,
+  componentMigration_2026_05_22_sectiondividerIntrinsicsToCss,
+  componentMigration_2026_05_24_segmentedcontrolDividerInset,
+  componentMigration_2026_05_24_promoteStateSharedTokens,
+  componentMigration_2026_05_24_progressbarCollapseVariants,
+  componentMigration_2026_05_24_collapsiblesectionDropActiveState,
+  componentMigration_2026_05_25_cornerbadgeFlattenVariants,
+  colorsAndTypeMigration_2026_05_26_dropOverlayExtraStops,
+  componentMigration_2026_05_26_dropOverlayExtraStops,
+  componentMigration_2026_05_29_tabbarIndicatorThicknessToPerStateWidth,
+  componentMigration_2026_05_29_segmentedcontrolSmallDividerRename,
+  componentMigration_2026_05_29_toggleDeriveTrackFromThumb,
+  colorsAndTypeMigration_2026_08_13_dropLegacyShapeSpaceKeys,
+  colorsAndTypeMigration_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,
+  componentMigration_2026_09_02_sectiondividerDropTitleOutline,
+  colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys
+];
+function countFor(kind) {
+  return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
 }
-function resolveDataDirs(opts = {}) {
-  const fileConfig = readLiveTokensConfig();
-  const dataDirRaw = opts.dataDir ?? fileConfig.dataDir ?? DEFAULT_DATA_DIR;
-  const dataDir = import_path.default.resolve(dataDirRaw);
-  const sub = (name) => import_path.default.resolve(dataDir, name);
-  return {
-    dataDir,
-    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"),
-    sketchStylesDir: sub("sketch-styles"),
-    legacyManifestsDir: fileConfig.manifestsDir ? import_path.default.resolve(fileConfig.manifestsDir) : void 0
-  };
-}
+var CURRENT_COLORS_AND_TYPE_SCHEMA_VERSION = countFor("colors-and-type");
+var CURRENT_COMPONENT_SCHEMA_VERSION = countFor("component-config");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CURRENT_COMPONENT_SCHEMA_VERSION,
-  buildColorsAndTypeFromSeeds,
+  buildColors,
   readLiveTokensConfig,
   resolveDataDirs,
   sanitizeFileName