@motion-proto/live-tokens 0.70.0 → 0.72.0

package/bin/lib/report.mjs

@@ -0,0 +1,158 @@
+// The project as facts. Every section is deterministic: what the tokens.css
+// declares, what each component reads, which component each page renders, and
+// what the two checkers report under the project's severities and under
+// --strict. Nothing here interprets; the check skill narrates it and the fix
+// skill acts on it. Reads files only, like the vocabulary it is built on.
+
+import { readFileSync } from 'node:fs';
+import { relative } from 'node:path';
+import { COMPONENT_RULES, checkComponent, discoverComponents } from '../check-component.mjs';
+import { COMPONENT_IMPORT, PAGE_RULES, checkPages, discoverPages } from '../check-page.mjs';
+import { applySeverity, readChecksConfig } from './findings.mjs';
+import { extractGlobalRootBlocks } from './tokenVocabulary.mjs';
+
+const SIDES = ['-top', '-right', '-bottom', '-left'];
+
+/**
+ * Tokens a component declares that nothing in its file reads. A read is the
+ * name appearing outside the `:global(:root)` block: in a `var()`, in a `style:`
+ * directive, or as the string a padding mixin takes. SCSS interpolation
+ * (`--badge-#{$v}-surface`) reads every token the pattern covers. A per-side
+ * padding is read through its parent.
+ */
+export function unreadTokens(source, tokens) {
+  let body = source.replace(/\/\*[\s\S]*?\*\//g, ' ').replace(/<!--[\s\S]*?-->/g, ' ');
+  for (const block of extractGlobalRootBlocks(body)) body = body.replace(block, ' ');
+  const patterns = [...body.matchAll(/--[a-z0-9-]*(?:#\{[^}]*\}[a-z0-9-]*)+/g)].map(
+    (m) => new RegExp(`^${m[0].replace(/[.*+?^()|[\]\\]/g, '\\$&').replace(/#\{[^}]*\}/g, '[a-z0-9-]+')}$`),
+  );
+  const isRead = (name) => body.includes(name) || patterns.some((re) => re.test(name));
+  return [...tokens].filter((name) => {
+    const side = SIDES.find((s) => name.endsWith(s));
+    return !isRead(name) && !(side && isRead(name.slice(0, -side.length)));
+  });
+}
+
+function countByRule(findings) {
+  const out = {};
+  for (const f of findings) out[f.rule] = (out[f.rule] ?? 0) + 1;
+  return out;
+}
+
+function summarise(findings, rules, config) {
+  const resolved = applySeverity(findings, rules, {}, config);
+  const strict = applySeverity(findings, rules, { strict: true }, config);
+  return {
+    errors: resolved.filter((f) => f.severity === 'error').length,
+    warnings: resolved.filter((f) => f.severity === 'warn').length,
+    strictErrors: strict.filter((f) => f.severity === 'error').length,
+    byRule: countByRule(resolved),
+    items: resolved.map((f) => ({ rule: f.rule, severity: f.severity, file: f.file, line: f.line, message: f.message })),
+  };
+}
+
+export function buildReport(vocab, { root = process.cwd() } = {}) {
+  const config = readChecksConfig(root);
+
+  const components = [...vocab.components.values()].map((c) => {
+    const source = readFileSync(c.file, 'utf8');
+    return {
+      id: c.id,
+      name: c.name,
+      origin: c.origin,
+      file: relative(root, c.file),
+      registered: vocab.builtIn.has(c.id) || vocab.registered.has(c.id),
+      described: /^\s*<!--[\s\S]*?-->/.test(source),
+      tokens: c.tokens.size,
+      unread: unreadTokens(source, c.tokens.keys()),
+    };
+  });
+
+  const pageFiles = discoverPages(root);
+  const byPage = [];
+  const pagesOf = new Map();
+  for (const file of pageFiles) {
+    if (!file.endsWith('.svelte')) continue;
+    const text = readFileSync(file, 'utf8').replace(/<style[^>]*>[\s\S]*?<\/style>/g, ' ');
+    const used = [];
+    for (const m of text.matchAll(/import\s+(\w+)\s+from\s+['"]([^'"]+)['"]/g)) {
+      const comp = m[2].match(COMPONENT_IMPORT);
+      if (!comp) continue;
+      const id = comp[1].toLowerCase();
+      const rendered = [...text.matchAll(new RegExp(`<${m[1]}(?=[\\s/>])`, 'g'))].length;
+      used.push({ id, rendered });
+      if (!pagesOf.has(id)) pagesOf.set(id, []);
+      pagesOf.get(id).push(relative(root, file));
+    }
+    byPage.push({ file: relative(root, file), components: used });
+  }
+  const byComponent = components.map((c) => ({ id: c.id, origin: c.origin, pages: pagesOf.get(c.id) ?? [] }));
+
+  const pageFindings = checkPages(pageFiles, { root, vocabulary: vocab }).findings;
+  const authored = discoverComponents(root);
+  const componentFindings = authored.flatMap((id) => checkComponent(id, root, { vocabulary: vocab }).findings);
+
+  return {
+    project: {
+      root,
+      tokensCss: vocab.tokensCssPath ? relative(root, vocab.tokensCssPath) : null,
+      themeTokens: vocab.themeTokens.size,
+      components: components.length,
+      pages: pageFiles.length,
+    },
+    components,
+    usage: {
+      byPage,
+      byComponent,
+      unusedShipped: byComponent.filter((c) => c.origin === 'shipped' && c.pages.length === 0).map((c) => c.id),
+      customUnregistered: components.filter((c) => c.origin === 'custom' && !c.registered).map((c) => c.id),
+      customUnused: byComponent.filter((c) => c.origin === 'custom' && c.pages.length === 0).map((c) => c.id),
+    },
+    findings: {
+      pages: summarise(pageFindings, PAGE_RULES, config),
+      components: { checked: authored, ...summarise(componentFindings, COMPONENT_RULES, config) },
+    },
+  };
+}
+
+const list = (items, max = 20) =>
+  items.length <= max ? items.join(', ') : `${items.slice(0, max).join(', ')}, +${items.length - max} more`;
+
+export function formatReport(r) {
+  const out = [];
+  out.push(`Project: ${r.project.pages} page file(s), ${r.project.components} component(s), ${r.project.themeTokens} theme tokens from ${r.project.tokensCss ?? '(no tokens.css)'}`);
+  if (r.migrations) {
+    out.push('');
+    out.push(`Migrations: ${r.migrations.status}${r.migrations.pending?.length ? ` (${list(r.migrations.pending)})` : ''}`);
+  }
+
+  out.push('');
+  out.push('Components');
+  const unread = r.components.filter((c) => c.unread.length);
+  out.push(`  tokens declared and read by their own CSS: ${r.components.reduce((n, c) => n + c.tokens - c.unread.length, 0)} of ${r.components.reduce((n, c) => n + c.tokens, 0)}`);
+  for (const c of unread) out.push(`    ${c.id}: ${c.unread.length} unread (${list(c.unread, 6)})`);
+  const custom = r.components.filter((c) => c.origin === 'custom');
+  out.push(`  custom: ${custom.length}${custom.length ? ` (${list(custom.map((c) => c.id))})` : ''}`);
+  if (r.usage.customUnregistered.length) out.push(`    not registered: ${list(r.usage.customUnregistered)}`);
+  const undescribed = custom.filter((c) => !c.described).map((c) => c.id);
+  if (undescribed.length) out.push(`    no description comment: ${list(undescribed)}`);
+
+  out.push('');
+  out.push('Usage');
+  for (const p of r.usage.byPage) {
+    if (p.components.length === 0) continue;
+    out.push(`  ${p.file}: ${p.components.map((c) => `${c.id}×${c.rendered}`).join(', ')}`);
+  }
+  out.push(`  pages rendering no catalogue component: ${r.usage.byPage.filter((p) => p.components.length === 0).length}`);
+  out.push(`  shipped components used nowhere: ${r.usage.unusedShipped.length}${r.usage.unusedShipped.length ? ` (${list(r.usage.unusedShipped)})` : ''}`);
+  if (r.usage.customUnused.length) out.push(`  custom components used nowhere: ${list(r.usage.customUnused)}`);
+
+  const section = (label, s) => {
+    out.push('');
+    out.push(`${label}: ${s.errors} error(s), ${s.warnings} warning(s); ${s.strictErrors} under --strict`);
+    for (const [rule, n] of Object.entries(s.byRule).sort((a, b) => b[1] - a[1])) out.push(`  ${rule}: ${n}`);
+  };
+  section('check-page', r.findings.pages);
+  section(`check-component (${r.findings.components.checked.length} authored)`, r.findings.components);
+  return out.join('\n');
+}

package/bin/lib/tokenVocabulary.mjs

@@ -164,6 +164,24 @@ function componentFiles(roots) {
   return files;
 }
 
+/** The package's own component ids, read from the frozen registry that declares
+    them. A shipped component is registered by the package rather than by the
+    project, so it never appears in the project's own `registerComponent` scan. */
+const BUILT_IN_REGISTRY = 'src/editor/component-editor/registry.ts';
+
+export function builtInIds(root = process.cwd(), pkgRoot = PKG_ROOT) {
+  const ids = new Set();
+  for (const base of [pkgRoot, root]) {
+    const path = join(base, BUILT_IN_REGISTRY);
+    if (!existsSync(path)) continue;
+    const block = readFileSync(path, 'utf8')
+      .match(/builtInRegistry[^=]*=\s*Object\.freeze\(\{([\s\S]*?)\n\}\);/);
+    if (!block) continue;
+    for (const m of block[1].matchAll(/\bid:\s*'([a-z][a-z0-9]*)'/g)) ids.add(m[1]);
+  }
+  return ids;
+}
+
 function registeredIds(root) {
   const ids = new Set();
   for (const file of walk(join(root, 'src'), ['.ts', '.js', '.mjs', '.svelte'])) {
@@ -223,12 +241,14 @@ export function loadVocabulary({ root = process.cwd(), pkgRoot = PKG_ROOT } = {}
     });
   }
   const registered = registeredIds(root);
+  const builtIn = builtInIds(root, pkgRoot);
 
   return {
     themeTokens,
     componentTokens,
     components,
     registered,
+    builtIn,
     tokensCssPath,
     /** True when `name` resolves to something real at runtime. */
     knows(name) {

package/dist-plugin/adjust/index.cjs

@@ -81,6 +81,10 @@ var KIND_RULES = [
     prefix: ["--border-width-"]
   },
   { kind: "border", suffix: ["-border"], prefix: ["--border-"] },
+  // A dimension with no more specific name behind it — a panel's width, an
+  // avatar's size. Last of the geometry rules, so every `-border-width`,
+  // `-divider-height`, `-icon-size` and the rest claim their token first.
+  { kind: "length", suffix: ["-width", "-height", "-size"] },
   // Fills. A tint is a wash over a surface, so it takes the surface picker: the
   // full palette with an alpha, not just the tint stops it defaults to.
   {
@@ -95,10 +99,7 @@ var KIND_RULES = [
       "-accent",
       "-color",
       "-tint",
-      "-opacity",
-      "-width",
-      "-height",
-      "-size"
+      "-opacity"
     ],
     prefix: ["--surface-", "--tint", "--color-"]
   }
@@ -281,7 +282,9 @@ var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "componentConfigsDir",
   "themesDir",
   "manifestsDir",
-  "tokensCssPath"
+  "tokensCssPath",
+  "componentDirs",
+  "checks"
 ]);
 var cached = null;
 function readLiveTokensConfig() {
@@ -1125,6 +1128,29 @@ var componentMigration_2026_09_01_gateSuffixEnabled = {
   }
 };
 
+// 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/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1158,7 +1184,8 @@ var MIGRATIONS = [
   colorsAndTypeMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tabbarActiveTint,
-  componentMigration_2026_09_01_gateSuffixEnabled
+  componentMigration_2026_09_01_gateSuffixEnabled,
+  componentMigration_2026_09_02_sectiondividerDropTitleOutline
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

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

@@ -1,5 +1,5 @@
 import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-DSV3Zisf.cjs';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.cjs';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
 type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';
@@ -37,7 +37,7 @@ interface AdjustResult {
 }
 declare function adjustAliases(configs: Record<string, ComponentConfig>, ops: readonly AdjustOp[], now: string): AdjustResult;
 
-type TokenKind = 'surface' | 'border' | 'border-width' | 'radius' | 'divider-width' | 'divider-height' | 'divider-inset' | 'dot-size' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
+type TokenKind = 'surface' | 'border' | 'border-width' | 'radius' | 'divider-width' | 'divider-height' | 'divider-inset' | 'dot-size' | 'length' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
 /** Side-aware kind test. Per-side paddings (`--card-default-body-padding-top`)
     are written by UIPaddingSelector and never declared as editor tokens, so
     `rawKind` never meets one; the CLI does, and they belong with their parent. */

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

@@ -1,5 +1,5 @@
 import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-DSV3Zisf.js';
-export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-bJTCEO4H.js';
+export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BhWzd5cL.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
 type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width';
@@ -37,7 +37,7 @@ interface AdjustResult {
 }
 declare function adjustAliases(configs: Record<string, ComponentConfig>, ops: readonly AdjustOp[], now: string): AdjustResult;
 
-type TokenKind = 'surface' | 'border' | 'border-width' | 'radius' | 'divider-width' | 'divider-height' | 'divider-inset' | 'dot-size' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
+type TokenKind = 'surface' | 'border' | 'border-width' | 'radius' | 'divider-width' | 'divider-height' | 'divider-inset' | 'dot-size' | 'length' | 'blur' | 'scale' | 'shadow' | 'font-family' | 'font-weight' | 'font-size' | 'line-height' | 'letter-spacing' | 'padding' | 'gap' | 'duration' | 'easing' | 'text-color';
 /** Side-aware kind test. Per-side paddings (`--card-default-body-padding-top`)
     are written by UIPaddingSelector and never declared as editor tokens, so
     `rawKind` never meets one; the CLI does, and they belong with their parent. */

package/dist-plugin/adjust/index.js

@@ -1,10 +1,10 @@
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-GPIBU44G.js";
+} from "../chunk-YLCOIGQC.js";
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-RVE3MNKM.js";
+} from "../chunk-W6Y4BWFB.js";
 
 // src/editor/core/components/aliasKinds.ts
 var KIND_RULES = [
@@ -49,6 +49,10 @@ var KIND_RULES = [
     prefix: ["--border-width-"]
   },
   { kind: "border", suffix: ["-border"], prefix: ["--border-"] },
+  // A dimension with no more specific name behind it — a panel's width, an
+  // avatar's size. Last of the geometry rules, so every `-border-width`,
+  // `-divider-height`, `-icon-size` and the rest claim their token first.
+  { kind: "length", suffix: ["-width", "-height", "-size"] },
   // Fills. A tint is a wash over a surface, so it takes the surface picker: the
   // full palette with an alpha, not just the tint stops it defaults to.
   {
@@ -63,10 +67,7 @@ var KIND_RULES = [
       "-accent",
       "-color",
       "-tint",
-      "-opacity",
-      "-width",
-      "-height",
-      "-size"
+      "-opacity"
     ],
     prefix: ["--surface-", "--tint", "--color-"]
   }

package/dist-plugin/{chunk-2YNERPXY.js → chunk-RIXO2E55.js}

@@ -1,7 +1,7 @@
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION,
   runMigrations
-} from "./chunk-GPIBU44G.js";
+} from "./chunk-YLCOIGQC.js";
 
 // vite-plugin/files/versionedFileResourceServer.ts
 import fs from "fs";

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

@@ -8,7 +8,9 @@ var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "componentConfigsDir",
   "themesDir",
   "manifestsDir",
-  "tokensCssPath"
+  "tokensCssPath",
+  "componentDirs",
+  "checks"
 ]);
 var cached = null;
 function readLiveTokensConfig() {

package/dist-plugin/{chunk-GPIBU44G.js → chunk-YLCOIGQC.js}

@@ -803,6 +803,29 @@ var componentMigration_2026_09_01_gateSuffixEnabled = {
   }
 };
 
+// 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/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -836,7 +859,8 @@ var MIGRATIONS = [
   colorsAndTypeMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tabbarActiveTint,
-  componentMigration_2026_09_01_gateSuffixEnabled
+  componentMigration_2026_09_01_gateSuffixEnabled,
+  componentMigration_2026_09_02_sectiondividerDropTitleOutline
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

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

@@ -16,6 +16,10 @@ interface LiveTokensFileConfig {
      * migrate` CLI has no plugin options, so it reads this key to locate the file.
      */
     tokensCssPath?: string;
+    /** Extra directories the component checkers and the registry query discover. */
+    componentDirs?: string[];
+    /** Checker settings: `rules` per-rule severities, `exclude` paths to skip. */
+    checks?: Record<string, unknown>;
 }
 interface ResolveDataDirsInput {
     dataDir?: string;

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

@@ -16,6 +16,10 @@ interface LiveTokensFileConfig {
      * migrate` CLI has no plugin options, so it reads this key to locate the file.
      */
     tokensCssPath?: string;
+    /** Extra directories the component checkers and the registry query discover. */
+    componentDirs?: string[];
+    /** Checker settings: `rules` per-rule severities, `exclude` paths to skip. */
+    checks?: Record<string, unknown>;
 }
 interface ResolveDataDirsInput {
     dataDir?: string;

package/dist-plugin/fontPairing/index.cjs

@@ -382,7 +382,9 @@ var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "componentConfigsDir",
   "themesDir",
   "manifestsDir",
-  "tokensCssPath"
+  "tokensCssPath",
+  "componentDirs",
+  "checks"
 ]);
 var cached = null;
 function readLiveTokensConfig() {

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

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

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

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

package/dist-plugin/fontPairing/index.js

@@ -1,7 +1,7 @@
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-RVE3MNKM.js";
+} from "../chunk-W6Y4BWFB.js";
 
 // src/editor/core/fonts/fontParse.ts
 function parseGoogleFontsUrl(url2) {

package/dist-plugin/generateColorsAndType/index.cjs

@@ -1651,6 +1651,29 @@ var componentMigration_2026_09_01_gateSuffixEnabled = {
   }
 };
 
+// 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/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1684,7 +1707,8 @@ var MIGRATIONS = [
   colorsAndTypeMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tabbarActiveTint,
-  componentMigration_2026_09_01_gateSuffixEnabled
+  componentMigration_2026_09_01_gateSuffixEnabled,
+  componentMigration_2026_09_02_sectiondividerDropTitleOutline
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
@@ -1999,7 +2023,9 @@ var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "componentConfigsDir",
   "themesDir",
   "manifestsDir",
-  "tokensCssPath"
+  "tokensCssPath",
+  "componentDirs",
+  "checks"
 ]);
 var cached = null;
 function readLiveTokensConfig() {

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

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

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

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

package/dist-plugin/generateColorsAndType/index.js

@@ -19,7 +19,7 @@ import {
 import {
   CURRENT_COLORS_AND_TYPE_SCHEMA_VERSION,
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-GPIBU44G.js";
+} from "../chunk-YLCOIGQC.js";
 import {
   cssColorToOklch,
   gamutClamp,
@@ -30,7 +30,7 @@ import {
 import {
   readLiveTokensConfig,
   resolveDataDirs
-} from "../chunk-RVE3MNKM.js";
+} from "../chunk-W6Y4BWFB.js";
 
 // src/editor/core/store/editorCore.ts
 import { writable, derived, get } from "svelte/store";

package/dist-plugin/index.cjs

@@ -1587,6 +1587,29 @@ var componentMigration_2026_09_01_gateSuffixEnabled = {
   }
 };
 
+// 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/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1620,7 +1643,8 @@ var MIGRATIONS = [
   colorsAndTypeMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tintRename,
   componentMigration_2026_09_01_tabbarActiveTint,
-  componentMigration_2026_09_01_gateSuffixEnabled
+  componentMigration_2026_09_01_gateSuffixEnabled,
+  componentMigration_2026_09_02_sectiondividerDropTitleOutline
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;
@@ -2601,7 +2625,9 @@ var KNOWN_CONFIG_KEYS = /* @__PURE__ */ new Set([
   "componentConfigsDir",
   "themesDir",
   "manifestsDir",
-  "tokensCssPath"
+  "tokensCssPath",
+  "componentDirs",
+  "checks"
 ]);
 var cached = null;
 function readLiveTokensConfig() {

package/dist-plugin/index.d.cts

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

package/dist-plugin/index.d.ts

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

package/dist-plugin/index.js

@@ -13,10 +13,10 @@ import {
   nextAvailableName,
   normalizeTheme,
   versionedFileResourceServer
-} from "./chunk-2YNERPXY.js";
+} from "./chunk-RIXO2E55.js";
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "./chunk-GPIBU44G.js";
+} from "./chunk-YLCOIGQC.js";
 import {
   TOKENS_CSS_MIGRATIONS,
   extractGlobalRootBody,
@@ -31,7 +31,7 @@ import {
 } from "./chunk-7TQQTHI6.js";
 import {
   resolveDataDirs
-} from "./chunk-RVE3MNKM.js";
+} from "./chunk-W6Y4BWFB.js";
 
 // vite-plugin/themeFileApi.ts
 import fs from "fs";