@astryxdesign/theme-butter 0.7.5 → 0.7.6-canary.0135af4

package/dist/butter.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/butterTheme.ts
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.5
- * Core: @astryxdesign/core@0.7.5
+ * CLI: @astryxdesign/cli@0.7.6
+ * Core: @astryxdesign/core@0.7.6
  */
 
 /// <reference path="./butter.variants.d.ts" />

package/dist/butter.js

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/butterTheme.ts
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.5
- * Core: @astryxdesign/core@0.7.5
+ * CLI: @astryxdesign/cli@0.7.6
+ * Core: @astryxdesign/core@0.7.6
  */
 
 import { butterIconRegistry } from "./icons.mjs";
@@ -81,6 +81,15 @@ export const butterTheme = {
     "--duration-slow-min": "525ms",
     "--duration-slow": "700ms",
     "--duration-slow-max": "935ms",
+    "--_astryx-pre-tempo-duration-fast-min": "95ms",
+    "--_astryx-pre-tempo-duration-fast": "125ms",
+    "--_astryx-pre-tempo-duration-fast-max": "165ms",
+    "--_astryx-pre-tempo-duration-medium-min": "225ms",
+    "--_astryx-pre-tempo-duration-medium": "300ms",
+    "--_astryx-pre-tempo-duration-medium-max": "400ms",
+    "--_astryx-pre-tempo-duration-slow-min": "525ms",
+    "--_astryx-pre-tempo-duration-slow": "700ms",
+    "--_astryx-pre-tempo-duration-slow-max": "935ms",
     "--font-family-body": "Outfit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
     "--font-family-heading": "Outfit, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif",
     "--font-family-code": "\"JetBrains Mono\", \"SF Mono\", Monaco, Consolas, monospace",

package/dist/butter.variants.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/butterTheme.ts
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.5
- * Core: @astryxdesign/core@0.7.5
+ * CLI: @astryxdesign/cli@0.7.6
+ * Core: @astryxdesign/core@0.7.6
  */
 
 // Generated by astryx theme build

package/dist/theme.css

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/butterTheme.ts
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.5
- * Core: @astryxdesign/core@0.7.5
+ * CLI: @astryxdesign/cli@0.7.6
+ * Core: @astryxdesign/core@0.7.6
  */
 
 @layer reset, astryx-base, astryx-theme;
@@ -149,6 +149,15 @@
     --duration-slow-min: 525ms;
     --duration-slow: 700ms;
     --duration-slow-max: 935ms;
+    --_astryx-pre-tempo-duration-fast-min: 95ms;
+    --_astryx-pre-tempo-duration-fast: 125ms;
+    --_astryx-pre-tempo-duration-fast-max: 165ms;
+    --_astryx-pre-tempo-duration-medium-min: 225ms;
+    --_astryx-pre-tempo-duration-medium: 300ms;
+    --_astryx-pre-tempo-duration-medium-max: 400ms;
+    --_astryx-pre-tempo-duration-slow-min: 525ms;
+    --_astryx-pre-tempo-duration-slow: 700ms;
+    --_astryx-pre-tempo-duration-slow-max: 935ms;
     --font-family-body: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --font-family-heading: Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     --font-family-code: "JetBrains Mono", "SF Mono", Monaco, Consolas, monospace;

package/dist/theme.css.d.ts

@@ -2,8 +2,8 @@
  * @generated by `astryx theme build` — do not edit manually.
  * Source: src/butterTheme.ts
  * Command: astryx theme build src/butterTheme.ts --out dist/theme.css
- * CLI: @astryxdesign/cli@0.7.5
- * Core: @astryxdesign/core@0.7.5
+ * CLI: @astryxdesign/cli@0.7.6
+ * Core: @astryxdesign/core@0.7.6
  */
 
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/theme-butter",
-  "version": "0.7.5",
+  "version": "0.7.6-canary.0135af4",
   "displayName": "Butter Theme",
   "private": false,
   "description": "Warm, creamy yellows with a friendly blue accent. Playful enough for consumer surfaces, soft enough to stay readable.",
@@ -52,20 +52,34 @@
     "src",
     "palette.config.json",
     "fonts.css",
-    "fonts.css.d.ts"
+    "fonts.css.d.ts",
+    "!**/*.test.*",
+    "!**/*.spec.js",
+    "!**/*.spec.jsx",
+    "!**/*.spec.mjs",
+    "!**/*.spec.cjs",
+    "!**/*.spec.ts",
+    "!**/*.spec.tsx",
+    "!**/*.spec.mts",
+    "!**/*.spec.cts",
+    "!**/*.spec.d.ts",
+    "!**/__tests__/**",
+    "!**/__mocks__/**",
+    "!**/*.bench.*"
   ],
   "dependencies": {
     "lucide-react": "^1.18.0"
   },
   "peerDependencies": {
-    "@astryxdesign/core": "0.7.5",
+    "@astryxdesign/core": "0.7.6-canary.0135af4",
     "react": ">=19"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.7.5"
+    "@astryxdesign/cli": "0.7.6-canary.0135af4"
   },
   "module": "./dist/source.mjs",
   "scripts": {
+    "api:report": "node ../../../scripts/api-report/cli.mjs --package .",
     "build": "node ../../../scripts/clean-dist.mjs && node ../../../scripts/generate-butter-palette-refs.mjs --check && astryx theme build src/butterTheme.ts -o dist/theme.css --icons-specifier ./icons.mjs && tsup && tsc --project tsconfig.build.json && node ../../../scripts/check-fully-specified.mjs"
   }
 }

package/dist/butterColorMapping.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=butterColorMapping.test.d.ts.map

package/dist/butterColorMapping.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"butterColorMapping.test.d.ts","sourceRoot":"","sources":["../src/butterColorMapping.test.ts"],"names":[],"mappings":""}

package/dist/butterPalettes.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=butterPalettes.test.d.ts.map

package/dist/butterPalettes.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"butterPalettes.test.d.ts","sourceRoot":"","sources":["../src/butterPalettes.test.ts"],"names":[],"mappings":""}

package/dist/butterTheme.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=butterTheme.test.d.ts.map

package/dist/butterTheme.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"butterTheme.test.d.ts","sourceRoot":"","sources":["../src/butterTheme.test.ts"],"names":[],"mappings":""}

package/src/__snapshots__/butterPalettes.test.ts.snap

@@ -1,328 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`butter palette artifact > matches the complete released legacy object 1`] = `
-{
-  "accent": {
-    "0": "#000000",
-    "10": "#00136c",
-    "100": "#ffffff",
-    "15": "#001c7e",
-    "20": "#002592",
-    "25": "#002fa7",
-    "30": "#0039be",
-    "35": "#0043d7",
-    "40": "#004df0",
-    "45": "#0759ff",
-    "5": "#00085e",
-    "50": "#4a67ff",
-    "55": "#6875ff",
-    "60": "#8083ff",
-    "65": "#9492ff",
-    "70": "#a6a1ff",
-    "75": "#b6b0ff",
-    "80": "#c6bfff",
-    "85": "#d5cfff",
-    "90": "#e3dfff",
-    "95": "#f1efff",
-  },
-  "blue": {
-    "0": "#000000",
-    "10": "#001b4c",
-    "100": "#ffffff",
-    "15": "#002558",
-    "20": "#062f63",
-    "25": "#203a6c",
-    "30": "#324575",
-    "35": "#41517d",
-    "40": "#505d86",
-    "45": "#5f698f",
-    "5": "#001041",
-    "50": "#6d7698",
-    "55": "#7a82a6",
-    "60": "#878fb3",
-    "65": "#949cc1",
-    "70": "#a2aacf",
-    "75": "#afb7dd",
-    "80": "#bdc5eb",
-    "85": "#cbd3f9",
-    "90": "#dbe1ff",
-    "95": "#edf0ff",
-  },
-  "cyan": {
-    "0": "#000000",
-    "10": "#00262a",
-    "100": "#ffffff",
-    "15": "#003034",
-    "20": "#003a3e",
-    "25": "#004649",
-    "30": "#005255",
-    "35": "#005e61",
-    "40": "#006a6d",
-    "45": "#1f7678",
-    "5": "#001d1e",
-    "50": "#3c8183",
-    "55": "#4a8e90",
-    "60": "#579c9d",
-    "65": "#65a9aa",
-    "70": "#72b7b8",
-    "75": "#80c4c5",
-    "80": "#8dd2d3",
-    "85": "#9be0e1",
-    "90": "#a9eff0",
-    "95": "#b7fdfe",
-  },
-  "error": {
-    "0": "#000000",
-    "10": "#530000",
-    "100": "#ffffff",
-    "15": "#600000",
-    "20": "#6d0000",
-    "25": "#771210",
-    "30": "#82261e",
-    "35": "#8c372c",
-    "40": "#96463b",
-    "45": "#a0564a",
-    "5": "#470000",
-    "50": "#a96559",
-    "55": "#b77265",
-    "60": "#c57e72",
-    "65": "#d48b7e",
-    "70": "#e2998b",
-    "75": "#f1a698",
-    "80": "#ffb4a6",
-    "85": "#ffc7bc",
-    "90": "#ffdad2",
-    "95": "#ffece8",
-  },
-  "green": {
-    "0": "#000000",
-    "10": "#002800",
-    "100": "#ffffff",
-    "15": "#003100",
-    "20": "#003c00",
-    "25": "#004800",
-    "30": "#01530d",
-    "35": "#1f5f1f",
-    "40": "#346a30",
-    "45": "#467640",
-    "5": "#001f00",
-    "50": "#578151",
-    "55": "#648e5d",
-    "60": "#709c6a",
-    "65": "#7da976",
-    "70": "#8ab783",
-    "75": "#98c490",
-    "80": "#a5d29d",
-    "85": "#b3e0ab",
-    "90": "#c1efb8",
-    "95": "#cffdc6",
-  },
-  "neutral": {
-    "0": "#000000",
-    "10": "#101c2f",
-    "100": "#ffffff",
-    "15": "#1b263a",
-    "20": "#273045",
-    "25": "#333b4f",
-    "30": "#3f4759",
-    "35": "#4b5264",
-    "40": "#585e6f",
-    "45": "#656a79",
-    "5": "#051124",
-    "50": "#727784",
-    "55": "#7f8491",
-    "60": "#8c909f",
-    "65": "#999eac",
-    "70": "#a6abba",
-    "75": "#b4b9c7",
-    "80": "#c1c6d5",
-    "85": "#cfd4e3",
-    "90": "#dde2f2",
-    "95": "#ebf0ff",
-  },
-  "orange": {
-    "0": "#000000",
-    "10": "#381200",
-    "100": "#ffffff",
-    "15": "#461b00",
-    "20": "#542400",
-    "25": "#622e00",
-    "30": "#6d3a00",
-    "35": "#794700",
-    "40": "#845406",
-    "45": "#906121",
-    "5": "#2d0600",
-    "50": "#9b6e36",
-    "55": "#a97b42",
-    "60": "#b7874e",
-    "65": "#c6945b",
-    "70": "#d4a267",
-    "75": "#e3af74",
-    "80": "#f2bd81",
-    "85": "#ffcb8e",
-    "90": "#ffdcb6",
-    "95": "#ffedda",
-  },
-  "pink": {
-    "0": "#000000",
-    "10": "#490048",
-    "100": "#ffffff",
-    "15": "#560054",
-    "20": "#62005f",
-    "25": "#6c0a68",
-    "30": "#762371",
-    "35": "#80357a",
-    "40": "#894583",
-    "45": "#93558c",
-    "5": "#3c003d",
-    "50": "#9c6496",
-    "55": "#aa71a3",
-    "60": "#b77eb0",
-    "65": "#c58bbe",
-    "70": "#d398cc",
-    "75": "#e2a6da",
-    "80": "#f0b3e8",
-    "85": "#ffc1f6",
-    "90": "#ffd5fb",
-    "95": "#ffeafd",
-  },
-  "purple": {
-    "0": "#000000",
-    "10": "#2b005c",
-    "100": "#ffffff",
-    "15": "#390268",
-    "20": "#461373",
-    "25": "#52237b",
-    "30": "#5d3283",
-    "35": "#69408b",
-    "40": "#744e92",
-    "45": "#7f5c9a",
-    "5": "#1e004f",
-    "50": "#8b6aa2",
-    "55": "#9877b0",
-    "60": "#a584bd",
-    "65": "#b391cb",
-    "70": "#c19ed9",
-    "75": "#cfabe8",
-    "80": "#ddb9f6",
-    "85": "#eac8ff",
-    "90": "#f2daff",
-    "95": "#f9ecff",
-  },
-  "red": {
-    "0": "#000000",
-    "10": "#490000",
-    "100": "#ffffff",
-    "15": "#550000",
-    "20": "#62100f",
-    "25": "#6d211c",
-    "30": "#773029",
-    "35": "#823f36",
-    "40": "#8c4d44",
-    "45": "#955b52",
-    "5": "#3e0000",
-    "50": "#9f6961",
-    "55": "#ad766d",
-    "60": "#bb837a",
-    "65": "#c99087",
-    "70": "#d79d94",
-    "75": "#e6aba1",
-    "80": "#f4b8ae",
-    "85": "#ffc7bd",
-    "90": "#ffdad3",
-    "95": "#ffece8",
-  },
-  "success": {
-    "0": "#000000",
-    "10": "#092300",
-    "100": "#ffffff",
-    "15": "#0b2e00",
-    "20": "#043b00",
-    "25": "#004700",
-    "30": "#005400",
-    "35": "#036100",
-    "40": "#136e00",
-    "45": "#277b00",
-    "5": "#001a00",
-    "50": "#448700",
-    "55": "#529400",
-    "60": "#60a105",
-    "65": "#6eaf1d",
-    "70": "#7cbd2e",
-    "75": "#8bcb3c",
-    "80": "#99d94b",
-    "85": "#a7e758",
-    "90": "#b5f566",
-    "95": "#ccff88",
-  },
-  "teal": {
-    "0": "#000000",
-    "10": "#00280b",
-    "100": "#ffffff",
-    "15": "#003216",
-    "20": "#003d22",
-    "25": "#00482d",
-    "30": "#005439",
-    "35": "#005f45",
-    "40": "#136b52",
-    "45": "#30775f",
-    "5": "#001f00",
-    "50": "#46826d",
-    "55": "#528f79",
-    "60": "#5f9d86",
-    "65": "#6caa93",
-    "70": "#7ab8a0",
-    "75": "#87c5ae",
-    "80": "#94d3bb",
-    "85": "#a2e1c9",
-    "90": "#b0f0d7",
-    "95": "#befee5",
-  },
-  "warning": {
-    "0": "#000000",
-    "10": "#301800",
-    "100": "#ffffff",
-    "15": "#3b2200",
-    "20": "#472c00",
-    "25": "#543700",
-    "30": "#614200",
-    "35": "#6f4d00",
-    "40": "#7d5800",
-    "45": "#8b6400",
-    "5": "#270c00",
-    "50": "#9a7000",
-    "55": "#a97d00",
-    "60": "#b88900",
-    "65": "#c89600",
-    "70": "#d8a300",
-    "75": "#e7b100",
-    "80": "#f7be00",
-    "85": "#ffcd51",
-    "90": "#ffde9c",
-    "95": "#ffeed0",
-  },
-  "yellow": {
-    "0": "#000000",
-    "10": "#271c00",
-    "100": "#ffffff",
-    "15": "#2e2700",
-    "20": "#373200",
-    "25": "#413e00",
-    "30": "#4c4a00",
-    "35": "#575600",
-    "40": "#646200",
-    "45": "#726e00",
-    "5": "#1e1200",
-    "50": "#817a00",
-    "55": "#8e860e",
-    "60": "#9c9320",
-    "65": "#aba02f",
-    "70": "#b9ae3d",
-    "75": "#c7bb4a",
-    "80": "#d6c957",
-    "85": "#e5d765",
-    "90": "#f4e572",
-    "95": "#fff294",
-  },
-}
-`;

package/src/butterColorMapping.test.ts

@@ -1,64 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, expect, it} from 'vitest';
-import {resolveThemeTokens} from '@astryxdesign/core/theme';
-import {palette as butterModePalettes} from './butterPalettes.generated';
-import {butterTheme} from './butterTheme';
-
-const categoricalFamilies = [
-  'blue',
-  'cyan',
-  'orange',
-  'pink',
-  'purple',
-  'red',
-  'teal',
-  'yellow',
-] as const;
-
-describe('butter palette mapping', () => {
-  it('preserves the signature accents and warm body surfaces', () => {
-    const light = resolveThemeTokens(butterTheme, {mode: 'light'});
-    const dark = resolveThemeTokens(butterTheme, {mode: 'dark'});
-    expect(light['--color-accent']).toBe(butterModePalettes.accent.light[40]);
-    expect(dark['--color-accent']).toBe(butterModePalettes.yellow.dark[90]);
-    expect(light['--color-background-body']).toBe(
-      butterModePalettes.neutral.light[95],
-    );
-    expect(dark['--color-background-body']).toBe(
-      butterModePalettes.neutral.dark[10],
-    );
-  });
-
-  it.each(['light', 'dark'] as const)(
-    'maps categorical roles to reviewed %s stops',
-    mode => {
-      const tokens = resolveThemeTokens(butterTheme, {mode});
-      for (const family of categoricalFamilies) {
-        const ramp = butterModePalettes[family][mode];
-        const backgroundStop = family === 'yellow' ? 85 : 90;
-        const borderStop = family === 'yellow' ? 70 : 80;
-        const foregroundStop = 25;
-        expect(tokens[`--color-background-${family}`]).toBe(
-          ramp[backgroundStop],
-        );
-        expect(tokens[`--color-border-${family}`]).toBe(ramp[borderStop]);
-        expect(tokens[`--color-icon-${family}`]).toBe(ramp[foregroundStop]);
-        expect(tokens[`--color-text-${family}`]).toBe(ramp[foregroundStop]);
-      }
-    },
-  );
-
-  it('uses one smooth Green family for categorical and success roles', () => {
-    const light = resolveThemeTokens(butterTheme, {mode: 'light'});
-    const dark = resolveThemeTokens(butterTheme, {mode: 'dark'});
-    expect(light['--color-success']).toBe(butterModePalettes.green.light[25]);
-    expect(dark['--color-success']).toBe(butterModePalettes.green.dark[70]);
-    expect(light['--color-background-green']).toBe(
-      butterModePalettes.green.light[90],
-    );
-    expect(dark['--color-background-green']).toBe(
-      butterModePalettes.green.dark[90],
-    );
-  });
-});

package/src/butterPalettes.test.ts

@@ -1,66 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, expect, it} from 'vitest';
-import {palette as butterModePalettes} from './butterPalettes.generated';
-import {butterPalettes} from './butterTheme';
-
-const stops = [
-  0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95,
-  100,
-] as const;
-const families = [
-  'neutral',
-  'accent',
-  'blue',
-  'cyan',
-  'green',
-  'orange',
-  'pink',
-  'purple',
-  'red',
-  'teal',
-  'yellow',
-] as const;
-
-const relativeLuminance = (hex: string): number => {
-  const channels = hex
-    .slice(1)
-    .match(/.{2}/g)!
-    .map(channel => Number.parseInt(channel, 16) / 255)
-    .map(channel =>
-      channel <= 0.04045 ? channel / 12.92 : ((channel + 0.055) / 1.055) ** 2.4,
-    );
-  return channels[0] * 0.2126 + channels[1] * 0.7152 + channels[2] * 0.0722;
-};
-
-describe('butter palette artifact', () => {
-  it('contains complete monotonic light and dark ramps', () => {
-    expect(new Set(Object.keys(butterModePalettes))).toEqual(new Set(families));
-    for (const familyName of families) {
-      const family = butterModePalettes[familyName];
-      for (const mode of ['light', 'dark'] as const) {
-        const values = stops.map(stop => family[mode][stop]);
-        expect(values.every(value => /^#[0-9a-f]{6}$/i.test(value))).toBe(true);
-        expect(values[0]).toBe('#000000');
-        expect(values.at(-1)).toBe('#ffffff');
-        const luminance = values.map(relativeLuminance);
-        expect(
-          luminance.every(
-            (value, index) => index === 0 || value > luminance[index - 1],
-          ),
-        ).toBe(true);
-      }
-    }
-  });
-
-  it('keeps Butter signature colors and warm surfaces exact', () => {
-    expect(butterModePalettes.accent.light[40]).toBe('#225bff');
-    expect(butterModePalettes.yellow.dark[90]).toBe('#fdee8c');
-    expect(butterModePalettes.neutral.light[95]).toBe('#fdfbe4');
-    expect(butterModePalettes.neutral.dark[10]).toBe('#261a13');
-  });
-
-  it('matches the complete released legacy object', () => {
-    expect(butterPalettes).toMatchSnapshot();
-  });
-});

package/src/butterTheme.test.ts

@@ -1,181 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {readFileSync} from 'node:fs';
-import {describe, expect, it} from 'vitest';
-import {generateThemeCSS} from '@astryxdesign/core/theme';
-import {palette as butterModePalettes} from './butterPalettes.generated';
-import {butterTheme} from './butterTheme';
-
-function linearize(channel: number): number {
-  const value = channel / 255;
-  return value <= 0.04045
-    ? value / 12.92
-    : Math.pow((value + 0.055) / 1.055, 2.4);
-}
-
-function luminance(color: string): number {
-  const [red, green, blue] = [1, 3, 5].map(index =>
-    Number.parseInt(color.slice(index, index + 2), 16),
-  );
-  return (
-    0.2126 * linearize(red) +
-    0.7152 * linearize(green) +
-    0.0722 * linearize(blue)
-  );
-}
-
-function contrast(foreground: string, background: string): number {
-  const [lighter, darker] = [luminance(foreground), luminance(background)].sort(
-    (left, right) => right - left,
-  );
-  return (lighter + 0.05) / (darker + 0.05);
-}
-
-const source = readFileSync(
-  new URL('./butterTheme.ts', import.meta.url),
-  'utf8',
-);
-const maintainedThemeSource = source.slice(
-  0,
-  source.indexOf('/**\n * Frozen released compatibility palettes'),
-);
-
-describe('butter touch + narrow type pin', () => {
-  it('floors body to 16px and holds Display 1 at its desktop size', () => {
-    const rule = butterTheme.__adaptationRules?.[0];
-
-    expect(butterTheme.__adaptations.rules).toHaveLength(1);
-    expect(rule?.when).toEqual({pointer: 'coarse', width: {below: 'lg'}});
-    expect(rule?.query).toBe('(width < 1024px) and (pointer: coarse)');
-    expect(rule?.tokens['--font-size-base']).toBe('1rem');
-    expect(rule?.tokens['--font-size-lg']).toBe('1.25rem');
-    expect(rule?.tokens['--font-size-5xl']).toBe('3.3125rem');
-    expect(butterTheme.tokens['--font-size-base']).toBe('0.875rem');
-    expect(butterTheme.tokens['--font-size-5xl']).toBe('3.3125rem');
-    expect(generateThemeCSS(butterTheme).component).toContain(
-      '@media (width < 1024px) and (pointer: coarse)',
-    );
-  });
-});
-
-describe('butter input status roles', () => {
-  it('keeps bright per-input status rims and glyphs on the border and icon roles', () => {
-    const inputs = [
-      'text-input',
-      'text-area',
-      'number-input',
-      'date-input',
-      'time-input',
-      'selector',
-      'multi-selector',
-      'typeahead',
-      'tokenizer',
-    ];
-
-    const {green, red, yellow} = butterModePalettes;
-    for (const input of inputs) {
-      const component = butterTheme.components![input];
-      expect(component['status:success']).toMatchObject({
-        '--color-border-success': `light-dark(${green.light[55]}, ${green.light[70]})`,
-        '--color-icon-success': `light-dark(${green.light[55]}, ${green.light[70]})`,
-      });
-      expect(component['status:warning']).toMatchObject({
-        '--color-border-warning': `light-dark(${yellow.light[55]}, ${yellow.light[80]})`,
-        '--color-icon-warning': `light-dark(${yellow.light[55]}, ${yellow.light[80]})`,
-      });
-      expect(component['status:error']).toMatchObject({
-        '--color-border-error': red.light[60],
-        '--color-icon-error': red.light[60],
-      });
-    }
-  });
-});
-
-describe('butter secondary ComplexSelector', () => {
-  it('keeps the hover fill off a disabled trigger in either form', () => {
-    expect(generateThemeCSS(butterTheme).component).toMatch(
-      /:hover:not\(:has\(> ?:is\(:disabled, ?\[aria-disabled="true"\]\)\)\)/,
-    );
-  });
-});
-
-describe('butter color token mapping completeness', () => {
-  it('does not redefine the data-visualization color system', () => {
-    expect(
-      Object.keys(butterTheme.tokens).filter(name =>
-        name.startsWith('--color-data-'),
-      ),
-    ).toEqual([]);
-  });
-
-  it('keeps every root color value concrete', () => {
-    for (const [name, value] of Object.entries(butterTheme.tokens)) {
-      if (!name.startsWith('--color-')) {
-        continue;
-      }
-      expect(typeof value, name).toBe('string');
-      expect(value, name).toMatch(
-        /^(?:transparent|#[0-9a-f]{6}(?:[0-9a-f]{2})?|light-dark\(#[0-9a-f]{6}(?:[0-9a-f]{2})?, #[0-9a-f]{6}(?:[0-9a-f]{2})?\)|color-mix\(.+\)|var\(.+\))$/i,
-      );
-    }
-  });
-
-  it('uses no one-off color literals in the maintained theme source', () => {
-    expect(maintainedThemeSource).not.toMatch(
-      /#[0-9a-f]{3,8}\b|\brgba?\(|\bhsl[a]?\(|\boklch\(|\bblack\b|\bwhite\b/i,
-    );
-  });
-
-  it('keeps maintained component text pairings at normal-text AA', () => {
-    const {accent, neutral, red, yellow} = butterModePalettes;
-    const pairs = [
-      ['info status', neutral.light[15], accent.light[55]],
-      ['error status', neutral.light[15], red.light[60]],
-      ['neutral badge', accent.light[35], yellow.light[90]],
-      ['light top nav', accent.light[40], neutral.light[95]],
-      ['selected light top nav', accent.light[35], neutral.light[95]],
-    ] as const;
-
-    for (const [name, foreground, background] of pairs) {
-      expect(contrast(foreground, background), name).toBeGreaterThanOrEqual(
-        4.5,
-      );
-    }
-
-    expect(butterTheme.components?.badge).toMatchObject({
-      'variant:info': {
-        backgroundColor: accent.light[55],
-        color: neutral.light[15],
-      },
-      'variant:neutral': {
-        backgroundColor: yellow.light[90],
-        color: accent.light[35],
-      },
-      'variant:error': {
-        backgroundColor: red.light[60],
-        color: neutral.light[15],
-      },
-    });
-    expect(butterTheme.components?.banner).toMatchObject({
-      'status:info': {
-        '--color-info-muted': accent.light[55],
-        '--color-on-info-muted': neutral.light[15],
-      },
-      'status:error': {
-        '--color-error-muted': red.light[60],
-        '--color-on-error-muted': neutral.light[15],
-      },
-    });
-    expect(
-      butterTheme.components?.['field-status']?.['type:error'],
-    ).toMatchObject({backgroundColor: red.light[60], color: neutral.light[15]});
-    expect(butterTheme.components?.['top-nav-item']).toMatchObject({
-      base: {
-        color: `light-dark(${accent.light[40]}, ${yellow.dark[90]}cc)`,
-      },
-      selected: {
-        color: `light-dark(${accent.light[35]}, ${yellow.dark[90]})`,
-      },
-    });
-  });
-});