@motion-proto/live-tokens 0.78.0 → 0.79.0

package/dist-plugin/setGeometry/index.cjs

@@ -65,11 +65,12 @@ var KIND_RULES = [
   },
   { kind: "radius", suffix: ["-radius"], prefix: ["--radius-"] },
   // Three stroke roles share the `--border-width-*` scale: a border encloses,
-  // a divider separates, an accent emphasises. `set-geometry` moves each role
-  // on its own, so a suffix has to say which line it names.
-  { kind: "divider-width", suffix: ["-divider-width", "-divider-thickness", "-hairline-thickness", "-thickness"] },
-  { kind: "divider-height", suffix: ["-divider-height", "-track-height"] },
-  { kind: "divider-inset", suffix: ["-divider-inset", "-inset"] },
+  // a hairline separates, an indicator emphasises. `set-geometry` moves each
+  // role on its own, so a suffix has to say which line it names.
+  { kind: "hairline-width", suffix: ["-hairline-width"] },
+  { kind: "indicator-width", suffix: ["-indicator-width"] },
+  { kind: "track-height", suffix: ["-track-height"] },
+  { kind: "hairline-inset", suffix: ["-hairline-inset"] },
   { kind: "dot-size", suffix: ["-dot-size"] },
   { kind: "blur", suffix: ["-blur"], prefix: ["--blur-"] },
   { kind: "scale", suffix: ["-scale"], prefix: ["--scale-"] },
@@ -78,12 +79,11 @@ var KIND_RULES = [
   { kind: "gap", suffix: ["-gap"] },
   { kind: "duration", suffix: ["-duration"], prefix: ["--duration-"] },
   { kind: "easing", suffix: ["-easing"], prefix: ["--ease-"] },
-  { kind: "accent-width", suffix: ["-accent-width", "-indicator-width"] },
   { kind: "border-width", suffix: ["-border-width"], 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.
+  // `-track-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.
@@ -92,11 +92,8 @@ var KIND_RULES = [
     suffix: [
       "-surface",
       "-fill",
-      "-divider",
-      "-background",
       "-indicator",
       "-thumb",
-      "-accent",
       "-color",
       "-tint",
       "-opacity"
@@ -181,8 +178,8 @@ var SCALES = {
   padding: { steps: SPACE_STEPS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
   gap: { steps: SPACE_STEPS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
   "border-width": STROKE_SCALE,
-  "divider-width": STROKE_SCALE,
-  "accent-width": STROKE_SCALE
+  "hairline-width": STROKE_SCALE,
+  "indicator-width": STROKE_SCALE
 };
 var TOKEN_NAME = /^--[a-z0-9-]+$/;
 function stepsFor(op, variable, aliases) {
@@ -1267,6 +1264,411 @@ var componentMigration_2026_09_07_strokeRoleRenames = {
   }
 };
 
+// src/editor/core/themes/migrations/2026-09-13-selected-state.ts
+var RADIOBUTTON_SUFFIXES = [
+  "dot-border-color",
+  "dot-border-width",
+  "dot-fill",
+  "dot-size",
+  "label",
+  "label-font-family",
+  "label-font-size",
+  "label-font-weight",
+  "label-line-height"
+];
+var TABBAR_SUFFIXES = [
+  "border",
+  "icon-size",
+  "indicator-width",
+  "padding",
+  "surface",
+  "tab-border-color",
+  "tab-border-width",
+  "tab-bottom-radius",
+  "tab-top-radius",
+  "text",
+  "text-font-family",
+  "text-font-size",
+  "text-font-weight",
+  "text-line-height"
+];
+var SIDENAVIGATION_SUFFIXES = {
+  title: [
+    "accent",
+    "accent-width",
+    "border",
+    "border-width",
+    "label",
+    "label-font-family",
+    "label-font-size",
+    "label-font-weight",
+    "label-line-height",
+    "padding",
+    "surface"
+  ],
+  section: [
+    "accent",
+    "accent-width",
+    "surface",
+    "text",
+    "text-font-family",
+    "text-font-size",
+    "text-font-weight",
+    "text-line-height"
+  ],
+  item: [
+    "accent",
+    "accent-width",
+    "padding",
+    "surface",
+    "text",
+    "text-font-family",
+    "text-font-size",
+    "text-font-weight",
+    "text-line-height"
+  ],
+  footer: [
+    "accent",
+    "accent-width",
+    "gap",
+    "icon",
+    "icon-size",
+    "padding",
+    "surface",
+    "text",
+    "text-font-family",
+    "text-font-size",
+    "text-font-weight",
+    "text-line-height"
+  ]
+};
+var RENAMES3 = {
+  radiobutton: Object.fromEntries(
+    RADIOBUTTON_SUFFIXES.map((s) => [`--radiobutton-active-${s}`, `--radiobutton-selected-${s}`])
+  ),
+  tabbar: Object.fromEntries(
+    TABBAR_SUFFIXES.map((s) => [`--tabbar-active-${s}`, `--tabbar-selected-${s}`])
+  ),
+  sidenavigation: Object.fromEntries(
+    Object.entries(SIDENAVIGATION_SUFFIXES).flatMap(
+      ([part, suffixes]) => suffixes.map((s) => [
+        `--sidenavigation-${part}-active-${s}`,
+        `--sidenavigation-${part}-selected-${s}`
+      ])
+    )
+  )
+};
+var componentMigration_2026_09_13_selectedState = {
+  id: "2026-09-13-selected-state",
+  fromVersion: 27,
+  toVersion: 28,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES3[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-hairline.ts
+var COLLAPSIBLESECTION_SUFFIXES = [
+  "surface",
+  "hairline-color",
+  "padding",
+  "label",
+  "label-font-family",
+  "label-font-size",
+  "label-font-weight",
+  "label-line-height",
+  "icon",
+  "icon-size"
+];
+var COLLAPSIBLESECTION_STATES = ["default", "hover"];
+var RENAMES4 = {
+  dialog: {
+    "--dialog-header-divider": "--dialog-header-hairline-color",
+    "--dialog-header-divider-width": "--dialog-header-hairline-width",
+    "--dialog-footer-divider": "--dialog-footer-hairline-color",
+    "--dialog-footer-divider-width": "--dialog-footer-hairline-width"
+  },
+  table: {
+    "--table-default-header-divider": "--table-default-header-hairline-color",
+    "--table-default-header-divider-width": "--table-default-header-hairline-width",
+    "--table-default-row-divider": "--table-default-row-hairline-color",
+    "--table-default-row-divider-width": "--table-default-row-hairline-width",
+    "--table-default-column-divider": "--table-default-column-hairline-color",
+    "--table-default-column-divider-width": "--table-default-column-hairline-width"
+  },
+  tabbar: {
+    "--tabbar-bar-divider": "--tabbar-bar-hairline-color",
+    "--tabbar-bar-divider-thickness": "--tabbar-bar-hairline-width"
+  },
+  segmentedcontrol: {
+    "--segmentedcontrol-divider-color": "--segmentedcontrol-hairline-color",
+    "--segmentedcontrol-divider-thickness": "--segmentedcontrol-hairline-width",
+    "--segmentedcontrol-divider-inset": "--segmentedcontrol-hairline-inset",
+    "--segmentedcontrol-small-divider-thickness": "--segmentedcontrol-small-hairline-width",
+    "--segmentedcontrol-small-divider-inset": "--segmentedcontrol-small-hairline-inset"
+  },
+  collapsiblesection: {
+    ...Object.fromEntries(
+      COLLAPSIBLESECTION_STATES.flatMap((state) => [
+        ...COLLAPSIBLESECTION_SUFFIXES.map((s) => [
+          `--collapsiblesection-divider-${state}-${s}`,
+          `--collapsiblesection-hairline-${state}-${s}`
+        ]),
+        [
+          `--collapsiblesection-divider-${state}-hairline-thickness`,
+          `--collapsiblesection-hairline-${state}-hairline-width`
+        ]
+      ])
+    ),
+    "--collapsiblesection-divider-expanded-padding": "--collapsiblesection-hairline-expanded-padding"
+  },
+  sectiondivider: {
+    "--sectiondivider-lg-hairline-thickness": "--sectiondivider-lg-hairline-width",
+    "--sectiondivider-md-hairline-thickness": "--sectiondivider-md-hairline-width",
+    "--sectiondivider-sm-hairline-thickness": "--sectiondivider-sm-hairline-width"
+  }
+};
+var componentMigration_2026_09_13_hairline = {
+  id: "2026-09-13-hairline",
+  fromVersion: 28,
+  toVersion: 29,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES4[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-indicator.ts
+var SIDENAVIGATION_PARTS = ["title", "section", "item", "footer"];
+var SIDENAVIGATION_STATES = ["default", "hover", "selected"];
+var CALLOUT_VARIANTS = ["info", "success", "warning", "danger"];
+var RENAMES5 = {
+  sidenavigation: Object.fromEntries(
+    SIDENAVIGATION_PARTS.flatMap(
+      (part) => SIDENAVIGATION_STATES.flatMap((state) => [
+        [
+          `--sidenavigation-${part}-${state}-accent`,
+          `--sidenavigation-${part}-${state}-indicator`
+        ],
+        [
+          `--sidenavigation-${part}-${state}-accent-width`,
+          `--sidenavigation-${part}-${state}-indicator-width`
+        ]
+      ])
+    )
+  ),
+  callout: Object.fromEntries(
+    CALLOUT_VARIANTS.map((v) => [
+      `--callout-${v}-accent-width`,
+      `--callout-${v}-indicator-width`
+    ])
+  )
+};
+var componentMigration_2026_09_13_indicator = {
+  id: "2026-09-13-indicator",
+  fromVersion: 29,
+  toVersion: 30,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES5[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-sectiondivider-surface.ts
+var SECTIONDIVIDER_VARIANTS = ["lg", "md", "sm"];
+var RENAMES6 = {
+  sectiondivider: Object.fromEntries(
+    SECTIONDIVIDER_VARIANTS.map((v) => [
+      `--sectiondivider-${v}-background`,
+      `--sectiondivider-${v}-surface`
+    ])
+  )
+};
+var componentMigration_2026_09_13_sectiondividerSurface = {
+  id: "2026-09-13-sectiondivider-surface",
+  fromVersion: 30,
+  toVersion: 31,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES6[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-cornerbadge-prefix.ts
+var RENAMES7 = {
+  cornerbadge: {
+    "--corner-badge-margin": "--cornerbadge-margin",
+    "--corner-badge-outer-radius": "--cornerbadge-outer-radius",
+    "--corner-badge-inner-radius": "--cornerbadge-inner-radius",
+    "--corner-badge-h-axis-radius": "--cornerbadge-h-axis-radius",
+    "--corner-badge-v-axis-radius": "--cornerbadge-v-axis-radius",
+    "--corner-badge-padding": "--cornerbadge-padding",
+    "--corner-badge-text-font-family": "--cornerbadge-text-font-family",
+    "--corner-badge-text-font-size": "--cornerbadge-text-font-size",
+    "--corner-badge-text-font-weight": "--cornerbadge-text-font-weight",
+    "--corner-badge-text-line-height": "--cornerbadge-text-line-height",
+    "--corner-badge-primary-surface": "--cornerbadge-primary-surface",
+    "--corner-badge-primary-border": "--cornerbadge-primary-border",
+    "--corner-badge-primary-text": "--cornerbadge-primary-text",
+    "--corner-badge-accent-surface": "--cornerbadge-accent-surface",
+    "--corner-badge-accent-border": "--cornerbadge-accent-border",
+    "--corner-badge-accent-text": "--cornerbadge-accent-text",
+    "--corner-badge-neutral-surface": "--cornerbadge-neutral-surface",
+    "--corner-badge-neutral-border": "--cornerbadge-neutral-border",
+    "--corner-badge-neutral-text": "--cornerbadge-neutral-text",
+    "--corner-badge-alternate-surface": "--cornerbadge-alternate-surface",
+    "--corner-badge-alternate-border": "--cornerbadge-alternate-border",
+    "--corner-badge-alternate-text": "--cornerbadge-alternate-text",
+    "--corner-badge-canvas-surface": "--cornerbadge-canvas-surface",
+    "--corner-badge-canvas-border": "--cornerbadge-canvas-border",
+    "--corner-badge-canvas-text": "--cornerbadge-canvas-text",
+    "--corner-badge-special-surface": "--cornerbadge-special-surface",
+    "--corner-badge-special-border": "--cornerbadge-special-border",
+    "--corner-badge-special-text": "--cornerbadge-special-text",
+    "--corner-badge-success-surface": "--cornerbadge-success-surface",
+    "--corner-badge-success-border": "--cornerbadge-success-border",
+    "--corner-badge-success-text": "--cornerbadge-success-text",
+    "--corner-badge-warning-surface": "--cornerbadge-warning-surface",
+    "--corner-badge-warning-border": "--cornerbadge-warning-border",
+    "--corner-badge-warning-text": "--cornerbadge-warning-text",
+    "--corner-badge-danger-surface": "--cornerbadge-danger-surface",
+    "--corner-badge-danger-border": "--cornerbadge-danger-border",
+    "--corner-badge-danger-text": "--cornerbadge-danger-text",
+    "--corner-badge-info-surface": "--cornerbadge-info-surface",
+    "--corner-badge-info-border": "--cornerbadge-info-border",
+    "--corner-badge-info-text": "--cornerbadge-info-text"
+  }
+};
+var componentMigration_2026_09_13_cornerbadgePrefix = {
+  id: "2026-09-13-cornerbadge-prefix",
+  fromVersion: 31,
+  toVersion: 32,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES7[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-toggle-label.ts
+var RENAMES8 = {
+  toggle: {
+    "--toggle-label-text": "--toggle-label",
+    "--toggle-disabled-label-text": "--toggle-disabled-label"
+  }
+};
+var componentMigration_2026_09_13_toggleLabel = {
+  id: "2026-09-13-toggle-label",
+  fromVersion: 32,
+  toVersion: 33,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES8[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-collapsiblesection-open.ts
+var RENAMES9 = {
+  collapsiblesection: {
+    "--collapsiblesection-chromeless-expanded-padding": "--collapsiblesection-chromeless-open-padding",
+    "--collapsiblesection-hairline-expanded-padding": "--collapsiblesection-hairline-open-padding",
+    "--collapsiblesection-container-expanded-surface": "--collapsiblesection-container-open-surface",
+    "--collapsiblesection-container-expanded-padding": "--collapsiblesection-container-open-padding"
+  }
+};
+var componentMigration_2026_09_13_collapsiblesectionOpen = {
+  id: "2026-09-13-collapsiblesection-open",
+  fromVersion: 33,
+  toVersion: 34,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES9[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
+// src/editor/core/themes/migrations/2026-09-13-badge-brand.ts
+var BADGE_SUFFIXES = [
+  "surface",
+  "text",
+  "border",
+  "text-font-family",
+  "text-font-size",
+  "text-font-weight",
+  "text-line-height",
+  "border-width",
+  "radius",
+  "padding",
+  "shadow",
+  "blur",
+  "icon-size"
+];
+var CORNERBADGE_SUFFIXES = ["surface", "border", "text"];
+var RENAMES10 = {
+  badge: Object.fromEntries(
+    BADGE_SUFFIXES.map((s) => [`--badge-primary-${s}`, `--badge-brand-${s}`])
+  ),
+  cornerbadge: Object.fromEntries(
+    CORNERBADGE_SUFFIXES.map((s) => [`--cornerbadge-primary-${s}`, `--cornerbadge-brand-${s}`])
+  )
+};
+var componentMigration_2026_09_13_badgeBrand = {
+  id: "2026-09-13-badge-brand",
+  fromVersion: 34,
+  toVersion: 35,
+  appliesTo: "component-config",
+  apply(rawVars, meta) {
+    const renames = meta.component ? RENAMES10[meta.component] : void 0;
+    if (!renames) return { ...rawVars };
+    const out = {};
+    for (const [key, value] of Object.entries(rawVars)) {
+      out[renames[key] ?? key] = value;
+    }
+    return out;
+  }
+};
+
 // src/editor/core/themes/migrations/index.ts
 var MIGRATIONS = [
   colorsAndTypeMigration_2026_04_24_legacyKeysAndBgToCanvas,
@@ -1303,7 +1705,15 @@ var MIGRATIONS = [
   componentMigration_2026_09_01_gateSuffixEnabled,
   componentMigration_2026_09_02_sectiondividerDropTitleOutline,
   colorsAndTypeMigration_2026_09_03_dropLegacyComponentKeys,
-  componentMigration_2026_09_07_strokeRoleRenames
+  componentMigration_2026_09_07_strokeRoleRenames,
+  componentMigration_2026_09_13_selectedState,
+  componentMigration_2026_09_13_hairline,
+  componentMigration_2026_09_13_indicator,
+  componentMigration_2026_09_13_sectiondividerSurface,
+  componentMigration_2026_09_13_cornerbadgePrefix,
+  componentMigration_2026_09_13_toggleLabel,
+  componentMigration_2026_09_13_collapsiblesectionOpen,
+  componentMigration_2026_09_13_badgeBrand
 ];
 function countFor(kind) {
   return MIGRATIONS.filter((m) => m.appliesTo === kind).length;

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

@@ -1,8 +1,8 @@
-import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-BxRtuN5V.cjs';
+import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-B8_Idrp4.cjs';
 export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.cjs';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.cjs';
 
-type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width' | 'divider-width' | 'accent-width';
+type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width' | 'hairline-width' | 'indicator-width';
 interface AdjustOp {
     /** Component id; omitted applies the op to every config. */
     target?: string;
@@ -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' | 'divider-width' | 'accent-width' | 'radius' | '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';
+type TokenKind = 'surface' | 'border' | 'border-width' | 'hairline-width' | 'indicator-width' | 'radius' | 'track-height' | 'hairline-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/setGeometry/index.d.ts

@@ -1,8 +1,8 @@
-import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-BxRtuN5V.js';
+import { A as AliasDiskValue, a as ComponentConfig } from '../themeTypes-B8_Idrp4.js';
 export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.js';
 export { C as CURRENT_COMPONENT_SCHEMA_VERSION } from '../index-4N-Orzzi.js';
 
-type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width' | 'divider-width' | 'accent-width';
+type AdjustKind = 'radius' | 'padding' | 'gap' | 'border-width' | 'hairline-width' | 'indicator-width';
 interface AdjustOp {
     /** Component id; omitted applies the op to every config. */
     target?: string;
@@ -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' | 'divider-width' | 'accent-width' | 'radius' | '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';
+type TokenKind = 'surface' | 'border' | 'border-width' | 'hairline-width' | 'indicator-width' | 'radius' | 'track-height' | 'hairline-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/setGeometry/index.js

@@ -1,6 +1,6 @@
 import {
   CURRENT_COMPONENT_SCHEMA_VERSION
-} from "../chunk-SWXRVZKT.js";
+} from "../chunk-REBHE3ZM.js";
 import {
   readLiveTokensConfig,
   resolveDataDirs
@@ -33,11 +33,12 @@ var KIND_RULES = [
   },
   { kind: "radius", suffix: ["-radius"], prefix: ["--radius-"] },
   // Three stroke roles share the `--border-width-*` scale: a border encloses,
-  // a divider separates, an accent emphasises. `set-geometry` moves each role
-  // on its own, so a suffix has to say which line it names.
-  { kind: "divider-width", suffix: ["-divider-width", "-divider-thickness", "-hairline-thickness", "-thickness"] },
-  { kind: "divider-height", suffix: ["-divider-height", "-track-height"] },
-  { kind: "divider-inset", suffix: ["-divider-inset", "-inset"] },
+  // a hairline separates, an indicator emphasises. `set-geometry` moves each
+  // role on its own, so a suffix has to say which line it names.
+  { kind: "hairline-width", suffix: ["-hairline-width"] },
+  { kind: "indicator-width", suffix: ["-indicator-width"] },
+  { kind: "track-height", suffix: ["-track-height"] },
+  { kind: "hairline-inset", suffix: ["-hairline-inset"] },
   { kind: "dot-size", suffix: ["-dot-size"] },
   { kind: "blur", suffix: ["-blur"], prefix: ["--blur-"] },
   { kind: "scale", suffix: ["-scale"], prefix: ["--scale-"] },
@@ -46,12 +47,11 @@ var KIND_RULES = [
   { kind: "gap", suffix: ["-gap"] },
   { kind: "duration", suffix: ["-duration"], prefix: ["--duration-"] },
   { kind: "easing", suffix: ["-easing"], prefix: ["--ease-"] },
-  { kind: "accent-width", suffix: ["-accent-width", "-indicator-width"] },
   { kind: "border-width", suffix: ["-border-width"], 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.
+  // `-track-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.
@@ -60,11 +60,8 @@ var KIND_RULES = [
     suffix: [
       "-surface",
       "-fill",
-      "-divider",
-      "-background",
       "-indicator",
       "-thumb",
-      "-accent",
       "-color",
       "-tint",
       "-opacity"
@@ -149,8 +146,8 @@ var SCALES = {
   padding: { steps: SPACE_STEPS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
   gap: { steps: SPACE_STEPS, settable: SPACE_SETTABLE, family: SPACE_FAMILY },
   "border-width": STROKE_SCALE,
-  "divider-width": STROKE_SCALE,
-  "accent-width": STROKE_SCALE
+  "hairline-width": STROKE_SCALE,
+  "indicator-width": STROKE_SCALE
 };
 var TOKEN_NAME = /^--[a-z0-9-]+$/;
 function stepsFor(op, variable, aliases) {

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

@@ -1,4 +1,4 @@
-import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-BxRtuN5V.cjs';
+import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-B8_Idrp4.cjs';
 export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.cjs';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';

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

@@ -1,4 +1,4 @@
-import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-BxRtuN5V.js';
+import { c as FontStackVariable, C as ColorsAndType, b as FontStack, F as FontSource } from '../themeTypes-B8_Idrp4.js';
 export { r as readLiveTokensConfig, a as resolveDataDirs } from '../dataPaths-BpIK_Obx.js';
 
 type PairingSlot = 'display' | 'body' | 'serif' | 'mono' | 'editorial';

package/dist-plugin/{themeTypes-BxRtuN5V.d.cts → themeTypes-B8_Idrp4.d.cts}

@@ -191,8 +191,8 @@ type LiveSource = 'working' | 'theme';
 /**
  * Where a live colors-and-type read resolved from. Unlike `LiveSource`, this
  * keeps a third value: colors-and-type resolution is unchanged by the theme
- * completeness work (docs/plans/theme-completeness.md Wave 4), so `default`
- * still answers the one case completeness can't reach — the open theme's
+ * completeness work, so `default` still answers the one case completeness
+ * can't reach — the open theme's
  * file itself is unreadable (a stale pointer, or deleted mid-session), so
  * there is no document to resolve `working` or `theme` against.
  */

package/dist-plugin/{themeTypes-BxRtuN5V.d.ts → themeTypes-B8_Idrp4.d.ts}

@@ -191,8 +191,8 @@ type LiveSource = 'working' | 'theme';
 /**
  * Where a live colors-and-type read resolved from. Unlike `LiveSource`, this
  * keeps a third value: colors-and-type resolution is unchanged by the theme
- * completeness work (docs/plans/theme-completeness.md Wave 4), so `default`
- * still answers the one case completeness can't reach — the open theme's
+ * completeness work, so `default` still answers the one case completeness
+ * can't reach — the open theme's
  * file itself is unreadable (a stale pointer, or deleted mid-session), so
  * there is no document to resolve `working` or `theme` against.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@motion-proto/live-tokens",
-  "version": "0.78.0",
+  "version": "0.79.0",
   "type": "module",
   "description": "Design token editor with live CSS variable editing. Svelte 5 + Vite 8.",
   "keywords": [
@@ -166,7 +166,7 @@
     "check:overlay-portal": "node scripts/check-overlay-portal.mjs",
     "check:editor-font-isolation": "node scripts/check-editor-font-isolation.mjs",
     "check:component-defaults": "node scripts/sync-component-defaults.mjs --check",
-    "check:pages": "node bin/cli.mjs check-page --strict",
+    "check:pages": "node bin/cli.mjs check-page --strict --no-fix",
     "check:production-is-default": "node scripts/check-production-is-default.mjs",
     "check:docs-content": "node scripts/sync-docs.mjs --check",
     "check:token-contract": "node scripts/check-token-contract.mjs",

package/src/editor/component-editor/CalloutEditor.svelte

@@ -12,7 +12,7 @@
       { label: 'surface color', element: 'frame', groupKey: 'surface', variable: `--callout-${v}-surface` },
       { label: 'border color', element: 'frame', groupKey: 'border', variable: `--callout-${v}-border` },
       { label: 'border width', element: 'frame', canBeLinked: true, groupKey: 'border-width', variable: `--callout-${v}-border-width` },
-      { label: 'accent edge width', element: 'frame', canBeLinked: true, groupKey: 'accent-width', variable: `--callout-${v}-accent-width` },
+      { label: 'indicator width', element: 'frame', canBeLinked: true, groupKey: 'indicator-width', variable: `--callout-${v}-indicator-width` },
       { label: 'corner radius', element: 'frame', canBeLinked: true, groupKey: 'radius', variable: `--callout-${v}-radius` },
       { label: 'padding', element: 'frame', canBeLinked: true, groupKey: 'padding', variable: `--callout-${v}-padding` },
     ];
@@ -59,7 +59,7 @@
   ]);
 
   const linkableProps = [
-    'border-width', 'accent-width', 'radius', 'padding',
+    'border-width', 'indicator-width', 'radius', 'padding',
     'label-font-family', 'label-font-size', 'label-font-weight', 'label-line-height',
     'text-font-family', 'text-font-size', 'text-font-weight', 'text-line-height',
   ] as const;