@multiplatform.one/theme 7.28.0 → 7.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/theme",
-  "version": "7.28.0",
+  "version": "7.29.0",
   "description": "Tamagui theme system for multiplatform.one",
   "keywords": [
     "multiplatform",
@@ -44,8 +44,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/platform": "7.28.0",
-    "@multiplatform.one/store": "7.28.0",
+    "@multiplatform.one/platform": "7.29.0",
+    "@multiplatform.one/store": "7.29.0",
     "@tamagui/animations-react-native": "2.7.6",
     "@tamagui/colors": "2.7.6",
     "@tamagui/config": "2.7.6",
@@ -58,8 +58,8 @@
     "react-cookie": "^8.1.2"
   },
   "devDependencies": {
-    "@multiplatform.one/config": "7.28.0",
-    "@multiplatform.one/test-utils": "7.28.0",
+    "@multiplatform.one/config": "7.29.0",
+    "@multiplatform.one/test-utils": "7.29.0",
     "@tamagui/animations-css": "2.7.6",
     "@tamagui/animations-reanimated": "2.7.6",
     "@tamagui/font-inter": "2.7.6",

package/src/theme/accentFloor.spec.ts

@@ -0,0 +1,56 @@
+import { describe, expect, it } from "vitest";
+import { contrastRatio, normalizeToHex, relativeLuminance } from "./colorRules";
+import { createThemesBuilder } from "./createThemes";
+import { defaultAccentTheme } from "./defaults/accent";
+import { defaultBaseTheme } from "./defaults/base";
+import { defaultBuilderOptions } from "./defaults/builderOptions";
+
+const themes = createThemesBuilder(
+  defaultBaseTheme,
+  defaultAccentTheme,
+  defaultBuilderOptions,
+).themes() as Record<string, Record<string, string>>;
+
+const hex = (raw: string) => {
+  const value = normalizeToHex(raw);
+  if (!value) throw new Error(`not an opaque colour: ${raw}`);
+  return value;
+};
+const ratio = (a: string, b: string) =>
+  contrastRatio(relativeLuminance(hex(a)), relativeLuminance(hex(b)));
+
+describe("MPO-448 / MPO-449: the built accent pair holds Axiom 12", () => {
+  for (const scheme of ["light", "dark"] as const) {
+    const theme = themes[scheme];
+
+    it(`${scheme} $accentBackground carries AA text with its better anchor and 3:1 on the page`, () => {
+      const fill = theme.accentBackground;
+      expect(
+        Math.max(ratio(fill, theme.color1), ratio(fill, theme.color12)),
+      ).toBeGreaterThanOrEqual(4.5);
+      expect(ratio(fill, theme.color1)).toBeGreaterThanOrEqual(3);
+    });
+
+    it(`${scheme} $accentColor reads at 4.5:1 on $color1 through $color3`, () => {
+      for (const surface of [theme.color1, theme.color2, theme.color3]) {
+        expect(ratio(theme.accentColor, surface)).toBeGreaterThanOrEqual(4.5);
+      }
+    });
+  }
+
+  it("light keeps the builder's pair; dark takes the nearest steps that hold", () => {
+    expect(hex(themes.light.accentBackground)).toBe("#634fc4");
+    expect(hex(themes.light.accentColor)).toBe("#3d2e8a");
+    expect(themes.dark.accentBackground).toBe(themes.dark.accent9);
+    expect(themes.dark.accentColor).toBe(themes.dark.accent11);
+  });
+
+  it("the intent children carry the corrected pair and the inverse component themes keep theirs", () => {
+    for (const name of ["dark_warning", "dark_error", "dark_success"]) {
+      expect(themes[name].accentBackground).toBe(themes.dark.accentBackground);
+      expect(themes[name].accentColor).toBe(themes.dark.accentColor);
+    }
+    expect(hex(themes.dark_Tooltip.accentBackground)).toBe("#46349d");
+    expect(hex(themes.dark_Tooltip.accentColor)).toBe("#7766cc");
+  });
+});

package/src/theme/chartPalette.spec.ts

@@ -1,7 +1,7 @@
 import * as Colors from "@tamagui/colors";
 import { themes as stockThemes } from "@tamagui/themes";
 import { describe, expect, it } from "vitest";
-import { resolveChartPalette } from "./chartPalette";
+import { accentIdentityCandidates, resolveChartPalette } from "./chartPalette";
 import { contrastRatio, normalizeToHex, relativeLuminance } from "./colorRules";
 import { tintHueNames } from "./createThemes";
 
@@ -280,3 +280,29 @@ describe("resolveChartPalette", () => {
     expect(a).toEqual(b);
   });
 });
+
+describe("chart identity under the held dark accent (MPO-448)", () => {
+  const darkAccentSolids = [35, 38, 41, 43, 46, 49, 52, 54, 57, 60].map(
+    (lightness) => `hsla(250, 50%, ${lightness}%, 1)`,
+  );
+
+  it("keeps the accent channel on the neighbouring step when the held fill misses the mark floor", () => {
+    const identitySolid = darkAccentSolids[8];
+    const palette = resolveChartPalette({
+      scheme: "dark",
+      identitySolid,
+      identityCandidates: [
+        ...accentIdentityCandidates(identitySolid, darkAccentSolids),
+        "hsla(270, 6%, 54%, 1)",
+      ],
+    });
+    expect(palette.single).toBe(darkAccentSolids[9]);
+  });
+
+  it("orders the accent solids nearest-first and skips what does not parse", () => {
+    expect(
+      accentIdentityCandidates("#6d5bc8", ["#3c2d86", undefined, "#7766cc", "#634fc4"]),
+    ).toEqual(["#634fc4", "#7766cc", "#3c2d86"]);
+    expect(accentIdentityCandidates(undefined, ["#7766cc"])).toEqual([]);
+  });
+});

package/src/theme/chartPalette.ts

@@ -226,6 +226,31 @@ export function resolveChartPalette(input: ResolveChartPaletteInput): ChartPalet
   };
 }
 
+/**
+ * The accent solids ordered nearest-first in luminance to `identity`, so a
+ * chart identity that misses the 3:1 mark floor on the reference cards falls
+ * to the next accent step before a neutral one. `$accentBackground` is held
+ * to the text floor (MPO-448), which in dark lands it one step deeper than
+ * the marks need; the chart keeps the accent channel on the step beside it.
+ */
+export function accentIdentityCandidates(
+  identity: string | undefined,
+  solids: readonly (string | undefined)[],
+): string[] {
+  const identityHex = identity ? normalizeToHex(identity) : null;
+  if (!identityHex) return [];
+  const identityLum = relativeLuminance(identityHex);
+  return solids
+    .flatMap((solid) => {
+      const hex = solid ? normalizeToHex(solid) : null;
+      return solid && hex
+        ? [{ solid, distance: Math.abs(relativeLuminance(hex) - identityLum) }]
+        : [];
+    })
+    .sort((a, b) => a.distance - b.distance)
+    .map(({ solid }) => solid);
+}
+
 /**
  * Canonical chart palette for the active Tamagui theme.
  *
@@ -246,8 +271,20 @@ export function useChartPalette(): ChartPalette {
   const identitySolid = isTint ? (color9 ?? accent) : (accent ?? color9);
   const color10 = theme.color10?.val;
   const color11 = theme.color11?.val;
+  const accentSolids = Array.from({ length: 10 }, (_, index) => theme[`accent${index + 1}`]?.val);
+  const accentKey = accentSolids.join("|");
   return useMemo(
-    () => resolveChartPalette({ scheme, identitySolid, identityCandidates: [color10, color11] }),
-    [scheme, identitySolid, color10, color11],
+    () =>
+      resolveChartPalette({
+        scheme,
+        identitySolid,
+        identityCandidates: [
+          ...(isTint ? [] : accentIdentityCandidates(identitySolid, accentSolids)),
+          color10,
+          color11,
+        ],
+      }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [scheme, identitySolid, isTint, accentKey, color10, color11],
   );
 }

package/src/theme/colorRules.spec.ts

@@ -4,6 +4,7 @@ import {
   assertContrast,
   contrastRatio,
   findReadableStep,
+  holdInkFloor,
   measureContrast,
   minContrastRatio,
   normalizeColorScale,
@@ -551,3 +552,31 @@ describe("intent color11 on the base page surfaces (MPO-40)", () => {
     ]);
   });
 });
+
+describe("holdInkFloor (MPO-448)", () => {
+  const onFill = (ink: string, fill: string) =>
+    contrastRatio(
+      relativeLuminance(normalizeToHex(ink)!),
+      relativeLuminance(normalizeToHex(fill)!),
+    );
+
+  it("keeps an ink that already clears the floor", () => {
+    expect(holdInkFloor("#6d5bc8", "#f0eff1")).toBe("#f0eff1");
+  });
+
+  it("hands a literal bar the pole when both dark anchors miss (#cc4e00: 4.03 / 3.93)", () => {
+    const ink = holdInkFloor("#cc4e00", "#161519");
+    expect(ink).toBe("#000000");
+    expect(onFill(ink, "#cc4e00")).toBeGreaterThanOrEqual(aaTextContrastRatio);
+  });
+
+  it("hands a dark step-8 chip the white pole over its step-12 ink (3.88:1)", () => {
+    const ink = holdInkFloor("#2870bd", "#c2e6ff");
+    expect(ink).toBe("#ffffff");
+    expect(onFill(ink, "#2870bd")).toBeGreaterThanOrEqual(aaTextContrastRatio);
+  });
+
+  it("returns the ink untouched when a colour cannot be parsed", () => {
+    expect(holdInkFloor("var(--x)", "#161519")).toBe("#161519");
+  });
+});

package/src/theme/colorRules.ts

@@ -217,6 +217,28 @@ export function pickReadableForeground(
     : candidateB;
 }
 
+/**
+ * Axiom 12 backstop for ink on a fill: `ink` when it clears `floor` on
+ * `fill`, otherwise the pole (`#000000` / `#ffffff`) that reads better on it,
+ * when that pole beats `ink`. A mid-luminance fill, such as a literal
+ * `#cc4e00` bar or a Radix step-8 chip in dark, can sit where neither scheme
+ * anchor clears AA while a pole does. Returns `ink` unchanged when a color
+ * fails to parse.
+ */
+export function holdInkFloor(fill: string, ink: string, floor = aaTextContrastRatio): string {
+  const fillHex = normalizeToHex(fill);
+  const inkHex = normalizeToHex(ink);
+  if (!fillHex || !inkHex) return ink;
+  const fillLum = relativeLuminance(fillHex);
+  const inkRatio = contrastRatio(relativeLuminance(inkHex), fillLum);
+  if (inkRatio >= floor) return ink;
+  const onWhite = contrastRatio(1, fillLum);
+  const onBlack = contrastRatio(0, fillLum);
+  const poleRatio = Math.max(onWhite, onBlack);
+  if (poleRatio <= inkRatio) return ink;
+  return onWhite >= onBlack ? "#ffffff" : "#000000";
+}
+
 /**
  * Given a 12-color scale (hex strings), a background step, and a starting
  * text step, scan towards `preferredDir` for the first step whose contrast

package/src/theme/createThemes.ts

@@ -4,6 +4,13 @@ import {
   type CreateThemesProps,
 } from "@tamagui/theme-builder";
 import { themes as tamaguiThemes } from "@tamagui/themes";
+import {
+  aaTextContrastRatio,
+  contrastRatio,
+  minContrastRatio,
+  normalizeToHex,
+  relativeLuminance,
+} from "./colorRules";
 
 /**
  * MPO-40. Radix aims a scale's step 11 at the AA text floor against ITS OWN
@@ -245,6 +252,147 @@ function neutralizeSemanticEntryText(
   return out;
 }
 
+function luminanceOf(color: string | undefined): number | null {
+  const hex = color ? normalizeToHex(color) : null;
+  return hex ? relativeLuminance(hex) : null;
+}
+
+/**
+ * The accent step nearest in luminance to `preferred` that passes `holds`,
+ * or `preferred` itself when it already passes or nothing does.
+ */
+function nearestHoldingStep(
+  preferred: string,
+  steps: (string | undefined)[],
+  holds: (lum: number) => boolean,
+): string {
+  const preferredLum = luminanceOf(preferred);
+  if (preferredLum === null || holds(preferredLum)) return preferred;
+  let best = preferred;
+  let bestDistance = Number.POSITIVE_INFINITY;
+  for (const step of steps) {
+    const lum = luminanceOf(step);
+    if (step === undefined || lum === null || !holds(lum)) continue;
+    const distance = Math.abs(lum - preferredLum);
+    if (distance < bestDistance) {
+      bestDistance = distance;
+      best = step;
+    }
+  }
+  return best;
+}
+
+/**
+ * Axiom 12 LEGIBLE FLOOR on the scheme's accent pair (MPO-448, MPO-449). The
+ * theme-builder reads `accentBackground` and `accentColor` off fixed palette
+ * slots, and the house dark accent ramp puts both on the wrong side of the
+ * floor: the fill (`#7766cc`) carries text at 4.02:1 against either scheme
+ * anchor, and the ink (`#46349d`) reads 1.74:1 on the dark page. LC-05 keeps
+ * the channel and frees the step, so each token walks to the nearest accent
+ * step that holds its floor and stays put where it already does (light).
+ *
+ * - `accentBackground` is a text-bearing solid: its better anchor (`$color1`
+ *   or `$color12`) clears 4.5:1 on it, and it keeps the 3:1 graphic tier
+ *   against the page, because dots, edges and bars paint it bare.
+ * - `accentColor` is accent ink: 4.5:1 on the page and the first raised
+ *   surface (`$color1`-`$color3`).
+ *
+ * Every theme of the scheme that inherited the base pair (the intent
+ * children) takes the corrected pair; one that set its own (the inverse
+ * component themes) keeps it.
+ */
+function holdAccentFloor(
+  themes: Record<string, Record<string, string>>,
+): Record<string, Record<string, string>> {
+  const out: Record<string, Record<string, string>> = { ...themes };
+  for (const scheme of ["light", "dark"] as const) {
+    const base = themes[scheme];
+    if (!base?.accentBackground || !base.accentColor) continue;
+    const paper = luminanceOf(base.color1);
+    const ink = luminanceOf(base.color12);
+    const surfaces = [base.color1, base.color2, base.color3].map(luminanceOf);
+    if (paper === null || ink === null || surfaces.some((lum) => lum === null)) continue;
+    const steps = Array.from({ length: 12 }, (_, index) => base[`accent${index + 1}`]);
+    const fill = nearestHoldingStep(
+      base.accentBackground,
+      steps.slice(0, 10),
+      (lum) =>
+        Math.max(contrastRatio(lum, paper), contrastRatio(lum, ink)) >= aaTextContrastRatio &&
+        contrastRatio(lum, paper) >= minContrastRatio,
+    );
+    const accentInk = nearestHoldingStep(base.accentColor, steps, (lum) =>
+      surfaces.every((surface) => contrastRatio(lum, surface as number) >= aaTextContrastRatio),
+    );
+    if (fill === base.accentBackground && accentInk === base.accentColor) continue;
+    for (const [name, theme] of Object.entries(themes)) {
+      if (name !== scheme && !name.startsWith(`${scheme}_`)) continue;
+      const inheritsFill = theme.accentBackground === base.accentBackground;
+      const inheritsInk = theme.accentColor === base.accentColor;
+      if (!inheritsFill && !inheritsInk) continue;
+      out[name] = {
+        ...theme,
+        ...(inheritsFill ? { accentBackground: fill } : null),
+        ...(inheritsInk ? { accentColor: accentInk } : null),
+      };
+    }
+  }
+  return out;
+}
+
+/** The hues the code syntax palette paints (MPO-468). */
+const syntaxInkHues = ["purple", "green", "blue", "orange", "red"] as const;
+
+function mixHex(from: string, to: string, share: number): string {
+  const channel = (offset: number) =>
+    Math.round(
+      Number.parseInt(from.slice(offset, offset + 2), 16) * (1 - share) +
+        Number.parseInt(to.slice(offset, offset + 2), 16) * share,
+    )
+      .toString(16)
+      .padStart(2, "0");
+  return `#${channel(1)}${channel(3)}${channel(5)}`;
+}
+
+/**
+ * Axiom 12 LEGIBLE FLOOR on code syntax ink (MPO-468). Radix aims a hue's
+ * step 11 at 4.5:1 on its own steps 1-2, but code paints on the raised
+ * `$color3`, where light `green11`, `blue11` and `orange11` measure 4.22,
+ * 4.27 and 4.04:1. Every theme that carries the hue ramps gets a
+ * `syntax<Hue>` ink: step 11, walked toward step 12 in twentieths until it
+ * clears 4.5:1 on that theme's `$color3` and on the hue's step-3 wash, which
+ * diff lines paint. Dark keeps step 11; a theme where no step holds gets no
+ * token and inherits its parent's.
+ */
+function holdSyntaxFloor(
+  themes: Record<string, Record<string, string>>,
+): Record<string, Record<string, string>> {
+  const out: Record<string, Record<string, string>> = { ...themes };
+  for (const [name, theme] of Object.entries(themes)) {
+    const surface = luminanceOf(theme.color3);
+    if (surface === null) continue;
+    const ink: Record<string, string> = {};
+    for (const hue of syntaxInkHues) {
+      const from = theme[`${hue}11`] ? normalizeToHex(theme[`${hue}11`]) : null;
+      const to = theme[`${hue}12`] ? normalizeToHex(theme[`${hue}12`]) : null;
+      const wash = luminanceOf(theme[`${hue}3`]);
+      if (!from || !to || wash === null) continue;
+      for (let step = 0; step <= 20; step++) {
+        const candidate = mixHex(from, to, step / 20);
+        const lum = relativeLuminance(candidate);
+        if (
+          contrastRatio(lum, surface) >= aaTextContrastRatio &&
+          contrastRatio(lum, wash) >= aaTextContrastRatio
+        ) {
+          ink[`syntax${hue[0].toUpperCase()}${hue.slice(1)}`] = candidate;
+          break;
+        }
+      }
+    }
+    if (Object.keys(ink).length > 0) out[name] = { ...theme, ...ink };
+  }
+  return out;
+}
+
 const defaultLightShadows: Shadows = {
   shadow1: "rgba(0,0,0,0.12)",
   shadow2: "rgba(0,0,0,0.16)",
@@ -436,12 +584,16 @@ export function createThemesBuilder(
   const initialTheme = tamaguiCreateThemes(
     createThemesProps as Parameters<typeof tamaguiCreateThemes>[0],
   );
-  const themes = neutralizeSemanticEntryText(
-    neutralizeTintText({
-      ...grayTheme,
-      ...tamaguiThemes,
-      ...initialTheme,
-    }),
+  const themes = holdSyntaxFloor(
+    holdAccentFloor(
+      neutralizeSemanticEntryText(
+        neutralizeTintText({
+          ...grayTheme,
+          ...tamaguiThemes,
+          ...initialTheme,
+        }),
+      ),
+    ),
   );
   return {
     themes() {

package/src/theme/devtools/ThemeDevtoolsPanel.setMarkers.spec.tsx

@@ -0,0 +1,91 @@
+/**
+ * MPO-463: the panel marks a knob "set" from its own session state, so every
+ * remount showed every knob unset while the knobs stayed applied. core's
+ * TanstackDevtools keys the shell on the resolved scheme, so a Scheme click
+ * remounts it; a reload does the same. The applied knobs live in the
+ * `mp.ov.*` cookies, so a fresh mount must read its markers back from them.
+ */
+import { cleanup, fireEvent, render, screen, within } from "@testing-library/react";
+import { CookiesProvider } from "react-cookie";
+import { afterEach, beforeEach, describe, expect, it } from "vitest";
+import type { ThemeName } from "@tamagui/web";
+import { cookieOverridesPrefix, cookiePreset, persistPresetOverrides } from "../cookies";
+import { defaultKnobs } from "../knobs";
+import { clearPresets, registerPreset } from "../shared";
+import { ThemeDevtoolsPanel } from "./ThemeDevtoolsPanel";
+
+function clearThemeCookies() {
+  for (const key of [
+    cookiePreset,
+    ...Array.from({ length: 10 }, (_, i) => `${cookieOverridesPrefix}.${i}`),
+  ]) {
+    document.cookie = `${key}=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT`;
+  }
+}
+
+function Shell({ scheme }: { scheme: "light" | "dark" }) {
+  return (
+    <CookiesProvider>
+      <ThemeDevtoolsPanel key={scheme} devtoolsTheme={scheme} />
+    </CookiesProvider>
+  );
+}
+
+function pressed(label: string, title: string) {
+  return within(screen.getByRole("group", { name: label }))
+    .getByTitle(title)
+    .getAttribute("aria-pressed");
+}
+
+beforeEach(clearThemeCookies);
+afterEach(() => {
+  cleanup();
+  clearThemeCookies();
+  clearPresets();
+});
+
+describe("ThemeDevtoolsPanel set markers survive a remount (MPO-463)", () => {
+  it("a reload over mp.ov.0 marks the persisted knob set and leaves the rest unset", () => {
+    persistPresetOverrides({ fillStyle: "outlined" });
+    render(<Shell scheme="light" />);
+    expect(pressed("Fill", "outlined")).toBe("true");
+    expect(pressed("Fill", "unset (inherit)")).toBe("false");
+    expect(pressed("Size", "unset (inherit)")).toBe("true");
+    expect(pressed("Radius", "unset (inherit)")).toBe("true");
+  });
+
+  it("a knob set in the panel is still marked after the shell remounts it", () => {
+    const shell = render(<Shell scheme="light" />);
+    fireEvent.click(within(screen.getByRole("group", { name: "Fill" })).getByTitle("outlined"));
+    expect(pressed("Fill", "outlined")).toBe("true");
+
+    shell.rerender(<Shell scheme="dark" />);
+    expect(pressed("Fill", "outlined")).toBe("true");
+    expect(pressed("Fill", "unset (inherit)")).toBe("false");
+  });
+
+  it("a preset's own values read as inherited, only the knobs over it as set", () => {
+    registerPreset("mpo463", {
+      theme: "gray" as ThemeName,
+      knobs: { ...defaultKnobs, fillStyle: "outlined", size: "small" },
+      intents: {},
+      tints: [],
+    });
+    document.cookie = `${cookiePreset}=mpo463; path=/`;
+    persistPresetOverrides({ size: "large" });
+    render(<Shell scheme="light" />);
+    expect(pressed("Fill", "unset (inherit)")).toBe("true");
+    expect(pressed("Size", "large")).toBe("true");
+    expect(pressed("Size", "unset (inherit)")).toBe("false");
+  });
+
+  it("a knob never set shows unset after a remount", () => {
+    const shell = render(<Shell scheme="light" />);
+    fireEvent.click(within(screen.getByRole("group", { name: "Fill" })).getByTitle("outlined"));
+
+    shell.rerender(<Shell scheme="dark" />);
+    for (const label of ["Size", "Space", "Radius", "Border", "Elevation"]) {
+      expect(pressed(label, "unset (inherit)"), label).toBe("true");
+    }
+  });
+});

package/src/theme/devtools/ThemeDevtoolsPanel.tsx

@@ -72,8 +72,8 @@ import {
   FormAutofocus,
   interactionStates,
 } from "../knobs";
-import { animationNames } from "../animations/index";
 import { getPresetNames, getPreset } from "../shared";
+import { extractAnimationNames } from "./animationOptions";
 import { ColorLineVisualizer } from "./ColorLineVisualizer";
 import { buildSnapshot } from "./buildSnapshot";
 import {
@@ -100,16 +100,6 @@ import {
   formAutofocusIcon as _formAutofocusIcon,
 } from "./knobIcons";
 
-function extractAnimationNames(tamaguiConfig: unknown): string[] {
-  const config = tamaguiConfig as Record<string, unknown> | null;
-  const anims = config?.animations as Record<string, unknown> | undefined;
-  if (anims) {
-    const keys = Object.keys(anims).filter((key) => key !== "animations" && !key.startsWith("_"));
-    if (keys.length > 0) return keys;
-  }
-  return animationNames as string[];
-}
-
 // ---------------------------------------------------------------------------
 // Constants
 // ---------------------------------------------------------------------------
@@ -573,6 +563,8 @@ function IconGroup<V extends string | number | boolean>({
 }) {
   return (
     <div
+      role="group"
+      aria-label={label}
       style={{ ...styles.card, position: "relative" as const }}
       onMouseEnter={(e) => {
         const element = (e.currentTarget as HTMLElement).querySelector(
@@ -606,6 +598,7 @@ function IconGroup<V extends string | number | boolean>({
             }}
             onClick={onUnset}
             title="unset (inherit)"
+            aria-pressed={value === undefined}
           >
             ↺
           </button>
@@ -619,6 +612,7 @@ function IconGroup<V extends string | number | boolean>({
               style={styles.iconBtn(active)}
               onClick={() => onChange(opt)}
               title={String(opt)}
+              aria-pressed={active}
             >
               {icon(opt, active, isDark)}
             </button>
@@ -901,8 +895,16 @@ export function ThemeDevtoolsPanel({
     [tamaguiConfig],
   );
 
-  // Track which knobs the user has explicitly changed in this session.
-  const [overrides, setOverrides] = useState<Set<string>>(new Set());
+  // Knobs the user has set. Seeded from the knobs that differ from what the
+  // active preset supplies, which is what the mp.ov.* cookies hold: core's
+  // TanstackDevtools keys the shell on the scheme, so a Scheme click remounts
+  // this panel, and a reload does the same.
+  const [overrides, setOverrides] = useState<Set<string>>(() => {
+    const presetKnobs = activePresetName ? getPreset(activePresetName)?.knobs : undefined;
+    return new Set(
+      knobKeys.filter((key) => knobs[key] !== (presetKnobs?.[key] ?? defaultKnobs[key])),
+    );
+  });
   const [pinnedKnobs, setPinnedKnobs] = useState<Set<string>>(() => {
     try {
       const raw = storage.getItem(pinnedKnobsStorageKey);

package/src/theme/devtools/animationOptions.spec.ts

@@ -0,0 +1,44 @@
+import { describe, expect, it } from "vitest";
+import { animationNames, animations } from "../animations/css";
+import { extractAnimationNames } from "./animationOptions";
+
+describe("extractAnimationNames (MPO-447)", () => {
+  it("lists the registered animations of a createTamagui config, not the driver's API", () => {
+    const names = extractAnimationNames({ animations });
+    expect(names).toEqual([...animationNames]);
+    for (const member of [
+      "usePresence",
+      "ResetPresence",
+      "inputStyle",
+      "outputStyle",
+      "useAnimatedNumber",
+      "useAnimations",
+    ]) {
+      expect(names).not.toContain(member);
+    }
+  });
+
+  it("offers exactly the house names on the house driver", () => {
+    expect(extractAnimationNames({ animations })).toEqual([
+      "bouncy",
+      "lazy",
+      "slow",
+      "medium",
+      "quick",
+      "tooltip",
+      "snappy",
+      "gentle",
+    ]);
+  });
+
+  it("reads an app's own driver names when it registers different ones", () => {
+    const driver = { ...animations, animations: { fast: "ease-in 50ms", calm: "ease-in 900ms" } };
+    expect(extractAnimationNames({ animations: driver })).toEqual(["fast", "calm"]);
+  });
+
+  it("falls back to the house names without a config or without named animations", () => {
+    expect(extractAnimationNames(undefined)).toEqual([...animationNames]);
+    expect(extractAnimationNames({})).toEqual([...animationNames]);
+    expect(extractAnimationNames({ animations: { animations: {} } })).toEqual([...animationNames]);
+  });
+});

package/src/theme/devtools/animationOptions.ts

@@ -0,0 +1,22 @@
+import { animationNames } from "../animations/index";
+
+function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === "object" && value !== null;
+}
+
+/**
+ * The animation names a Tamagui config registers, for the panel's Animation
+ * select. `createTamagui()` stores the resolved driver at `config.animations`,
+ * and every driver `createAnimations()` builds keeps its named animations one
+ * level down, on `driver.animations`. The driver's own members (`usePresence`,
+ * `useAnimations`, `inputStyle`, ...) are API, not animations (MPO-447).
+ */
+export function extractAnimationNames(tamaguiConfig: unknown): string[] {
+  const driver = isRecord(tamaguiConfig) ? tamaguiConfig.animations : undefined;
+  const named = isRecord(driver) ? driver.animations : undefined;
+  if (isRecord(named)) {
+    const keys = Object.keys(named);
+    if (keys.length > 0) return keys;
+  }
+  return [...animationNames];
+}

package/src/theme/readableColor.spec.ts

@@ -1,5 +1,9 @@
 import { describe, expect, it } from "vitest";
-import { resolveAaSolidFill, resolveAccentTintedSurface } from "./readableColor";
+import {
+  resolveAaSolidFill,
+  resolveAccentTintedSurface,
+  resolveLegibleInkOn,
+} from "./readableColor";
 import { contrastRatio, normalizeToHex, relativeLuminance } from "./colorRules";
 
 // The stock accent ramp (defaults/accent.ts) as the theme resolves it.
@@ -166,3 +170,49 @@ describe("resolveAaSolidFill", () => {
     ).toBe("$accentBackground");
   });
 });
+
+describe("resolveLegibleInkOn (MPO-448)", () => {
+  it("keeps the component's ink while it clears AA on the fill", () => {
+    expect(
+      resolveLegibleInkOn({
+        fill: "#eeecf9",
+        preferred: "#66606c",
+        paper: lightPaper,
+        ink: lightInk,
+      }),
+    ).toBe("#66606c");
+  });
+
+  it("hands a muted title on the dark accent tint to the readable anchor (4.05:1)", () => {
+    expect(
+      resolveLegibleInkOn({
+        fill: darkAccent[0],
+        preferred: "#a09ba6",
+        paper: darkPaper,
+        ink: darkInk,
+      }),
+    ).toBe(darkInk);
+  });
+
+  it("falls through the anchors to a pole when neither reads (dark blue chip)", () => {
+    const picked = resolveLegibleInkOn({
+      fill: "#2870bd",
+      preferred: "#c2e6ff",
+      paper: darkPaper,
+      ink: darkInk,
+    });
+    expect(picked).toBe("#ffffff");
+    expect(contrastRatio(lum(picked!), lum("#2870bd"))).toBeGreaterThanOrEqual(4.5);
+  });
+
+  it("returns the preferred ink when there is no fill to read against", () => {
+    expect(
+      resolveLegibleInkOn({
+        fill: undefined,
+        preferred: "#a09ba6",
+        paper: darkPaper,
+        ink: darkInk,
+      }),
+    ).toBe("#a09ba6");
+  });
+});

package/src/theme/readableColor.ts

@@ -3,6 +3,7 @@ import { useTheme as useTamaguiTheme } from "tamagui";
 import {
   aaTextContrastRatio,
   contrastRatio,
+  holdInkFloor,
   normalizeToHex,
   pickReadableForeground,
   relativeLuminance,
@@ -22,11 +23,10 @@ import {
  *    (paper `$color1` / ink `$color12`) carries more contrast on the ACTUAL
  *    fill — never assumed.
  *
- * 2. Accent-hued text on the PAGE (`useAccentOnSurface`). `$accentColor` is the
- *    on-fill foreground; used as a link/emphasis color on the neutral page it
- *    reads ~1.9:1 in dark. The readable accent is the most chromatic step of
- *    the theme's own accent ramp that still clears AA (4.5:1) on both page
- *    surfaces — a mid accent in light, a pale accent in dark.
+ * 2. Accent-hued text on the PAGE (`useAccentOnSurface`). The readable accent
+ *    is the most chromatic step of the theme's own accent ramp that still
+ *    clears AA (4.5:1) on both page surfaces — a mid accent in light, a pale
+ *    accent in dark.
  *
  * Both read live theme values so they stay correct across schemes, tints and
  * custom accent palettes; they mirror the runtime pattern already used by the
@@ -47,8 +47,9 @@ function resolveTokenValue(
  * / "$color8", or an already-resolved color value — e.g. the step returned by
  * `useAccentTintedSurface`): the scheme's paper (`$color1`) or ink (`$color12`)
  * anchor, whichever contrasts more on the resolved fill, returned as a concrete
- * value so no nested sub-theme can flip it. Returns `undefined` when any color
- * fails to resolve/parse — callers keep their own default in that case.
+ * value so no nested sub-theme can flip it. When neither anchor clears AA on
+ * the fill, the pole that does (`holdInkFloor`). Returns `undefined` when any
+ * color fails to resolve/parse — callers keep their own default in that case.
  */
 export function useReadableTextOn(fill_: string | undefined): string | undefined {
   const theme = useTamaguiTheme() as unknown as Record<string, { val?: unknown } | undefined>;
@@ -58,10 +59,61 @@ export function useReadableTextOn(fill_: string | undefined): string | undefined
   return useMemo(() => {
     if (!fill || !paper || !ink) return undefined;
     if (!normalizeToHex(fill) || !normalizeToHex(paper) || !normalizeToHex(ink)) return undefined;
-    return pickReadableForeground(fill, paper, ink);
+    return holdInkFloor(fill, pickReadableForeground(fill, paper, ink));
   }, [fill, paper, ink]);
 }
 
+/**
+ * Pure resolver behind {@link useLegibleInkOn}: `preferred` when it clears AA
+ * on `fill`, otherwise the readable anchor (paper or ink) held to the floor
+ * by `holdInkFloor`. Any unparseable input returns `preferred`.
+ */
+export function resolveLegibleInkOn({
+  fill,
+  preferred,
+  paper,
+  ink,
+}: {
+  fill?: string;
+  preferred?: string;
+  paper?: string;
+  ink?: string;
+}): string | undefined {
+  const fillHex = fill ? normalizeToHex(fill) : null;
+  const preferredHex = preferred ? normalizeToHex(preferred) : null;
+  if (!fill || !fillHex || !preferred || !preferredHex) return preferred;
+  const fillLum = relativeLuminance(fillHex);
+  if (contrastRatio(relativeLuminance(preferredHex), fillLum) >= aaTextContrastRatio) {
+    return preferred;
+  }
+  const anchor =
+    paper && ink && normalizeToHex(paper) && normalizeToHex(ink)
+      ? pickReadableForeground(fill, paper, ink)
+      : preferred;
+  return holdInkFloor(fill, anchor);
+}
+
+/**
+ * Keep a component's own ink (`preferred`, e.g. a chip's `$blue12` or a
+ * muted `$color11` title) on `fill` while it clears AA, and hand over to the
+ * readable anchor, then a pole, where it does not. The token comes back
+ * untouched when it passes, so a scheme where the pair already reads keeps
+ * its exact paint; a replacement comes back as a concrete color.
+ */
+export function useLegibleInkOn(fill_: string | undefined, preferred: string): string {
+  const theme = useTamaguiTheme() as unknown as Record<string, { val?: unknown } | undefined>;
+  const fill = fill_?.startsWith("$") ? resolveTokenValue(theme, fill_) : fill_;
+  const preferredValue = preferred.startsWith("$")
+    ? resolveTokenValue(theme, preferred)
+    : preferred;
+  const paper = resolveTokenValue(theme, "color1");
+  const ink = resolveTokenValue(theme, "color12");
+  return useMemo(() => {
+    const resolved = resolveLegibleInkOn({ fill, preferred: preferredValue, paper, ink });
+    return !resolved || resolved === preferredValue ? preferred : resolved;
+  }, [fill, preferred, preferredValue, paper, ink]);
+}
+
 /**
  * Accent-hued text/link color readable on the page surfaces (color1/color2).
  * Scans the theme's own accent ramp for the most chromatic step that clears
@@ -195,11 +247,11 @@ function bestAnchorContrast(fill: string, paperLum: number, inkLum: number): num
 /**
  * Pick an accent solid that can carry AA text (paper or ink ≥ 4.5).
  *
- * `$accentBackground` in the stock dark ramp is a mid-chroma solid whose
- * better scheme-anchor pair measures 4.02:1 — over the graphic 3:1 tier and
- * under the in-repo text floor. Walking to the nearest passing solid keeps
- * the mark on the accent channel (LC-05) instead of dropping to ink or a
- * tinted surface.
+ * A mid-chroma solid can clear the graphic 3:1 tier and still miss the text
+ * floor with both scheme anchors (the stock dark `#7766cc` measured 4.02:1
+ * before the build held `$accentBackground` to it, MPO-448). Walking to the
+ * nearest passing solid keeps the mark on the accent channel (LC-05) instead
+ * of dropping to ink or a tinted surface.
  *
  * Returns the preferred token when it already clears the floor, otherwise
  * the solid token whose resolved luminance is closest to the preferred fill.

package/src/theme/syntaxFloor.spec.ts

@@ -0,0 +1,52 @@
+import { describe, expect, it } from "vitest";
+import { contrastRatio, normalizeToHex, relativeLuminance } from "./colorRules";
+import { createThemesBuilder } from "./createThemes";
+import { defaultAccentTheme } from "./defaults/accent";
+import { defaultBaseTheme } from "./defaults/base";
+import { defaultBuilderOptions } from "./defaults/builderOptions";
+
+const themes = createThemesBuilder(
+  defaultBaseTheme,
+  defaultAccentTheme,
+  defaultBuilderOptions,
+).themes() as Record<string, Record<string, string>>;
+
+const hex = (raw: string) => {
+  const value = normalizeToHex(raw);
+  if (!value) throw new Error(`not an opaque colour: ${raw}`);
+  return value;
+};
+const ratio = (a: string, b: string) =>
+  contrastRatio(relativeLuminance(hex(a)), relativeLuminance(hex(b)));
+
+const hues = ["purple", "green", "blue", "orange", "red"] as const;
+const token = (hue: (typeof hues)[number]) => `syntax${hue[0].toUpperCase()}${hue.slice(1)}`;
+
+describe("MPO-468: code syntax ink holds Axiom 12 on the code surface", () => {
+  for (const scheme of ["light", "dark"] as const) {
+    const theme = themes[scheme];
+    for (const hue of hues) {
+      it(`${scheme} $${token(hue)} reads at 4.5:1 on $color3 and on the $${hue}3 wash`, () => {
+        expect(ratio(theme[token(hue)], theme.color3)).toBeGreaterThanOrEqual(4.5);
+        expect(ratio(theme[token(hue)], theme[`${hue}3`])).toBeGreaterThanOrEqual(4.5);
+      });
+    }
+  }
+
+  it("dark keeps step 11; light walks green, blue and orange toward step 12", () => {
+    for (const hue of hues) {
+      expect(themes.dark[token(hue)]).toBe(hex(themes.dark[`${hue}11`]));
+    }
+    expect(themes.light.syntaxPurple).toBe(hex(themes.light.purple11));
+    expect(themes.light.syntaxRed).toBe(hex(themes.light.red11));
+    expect(themes.light.syntaxGreen).toBe("#207c54");
+    expect(themes.light.syntaxBlue).toBe("#0d6dc3");
+    expect(themes.light.syntaxOrange).toBe("#bb4904");
+  });
+
+  it("the tokens ride exactly the themes that carry the hue ramps", () => {
+    for (const theme of Object.values(themes)) {
+      expect(Boolean(theme.syntaxGreen)).toBe(Boolean(theme.green11 && theme.color3));
+    }
+  });
+});

package/src/theme/useResolvedKnobs.ts

@@ -103,6 +103,14 @@ const sizeTokenToKnobSize: Record<string, Knobs["size"]> = {
 
 export const solidButtonIntents = new Set(["error", "warning", "success"]);
 
+/**
+ * Themes that are solid by palette shape: the accent slot's steps 1-10 are all
+ * brand surfaces (defaults/accent.ts), so the LC-40 wash ($color3/$color6)
+ * lands one step off the fill and never reads disabled (MPO-433: ΔE 2.5 in
+ * dark). A control themed by one paints the wash from its host scope.
+ */
+export const solidPaletteThemes = new Set(["accent"]);
+
 /**
  * Resolve knobs → { knobProps }.
  *

package/types/theme/chartPalette.d.ts

@@ -51,6 +51,14 @@ export interface ResolveChartPaletteInput {
  * resolve palettes for any scheme/identity combination.
  */
 export declare function resolveChartPalette(input: ResolveChartPaletteInput): ChartPalette;
+/**
+ * The accent solids ordered nearest-first in luminance to `identity`, so a
+ * chart identity that misses the 3:1 mark floor on the reference cards falls
+ * to the next accent step before a neutral one. `$accentBackground` is held
+ * to the text floor (MPO-448), which in dark lands it one step deeper than
+ * the marks need; the chart keeps the accent channel on the step beside it.
+ */
+export declare function accentIdentityCandidates(identity: string | undefined, solids: readonly (string | undefined)[]): string[];
 /**
  * Canonical chart palette for the active Tamagui theme.
  *

package/types/theme/chartPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartPalette.d.ts","sourceRoot":"","sources":["../../src/theme/chartPalette.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,sEAAsE;IACtE,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CACtD;AAkJD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CAyBjF;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAe9C"}
+{"version":3,"file":"chartPalette.d.ts","sourceRoot":"","sources":["../../src/theme/chartPalette.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,sEAAsE;IACtE,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CACtD;AAkJD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CAyBjF;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GACtC,MAAM,EAAE,CAaV;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,IAAI,YAAY,CA2B9C"}

package/types/theme/colorRules.d.ts

@@ -90,6 +90,15 @@ export declare function resolveThemeContrast(themes: Record<string, Record<strin
  * `candidateA` unchanged when any color fails to parse (safe default).
  */
 export declare function pickReadableForeground(fill: string, candidateA: string, candidateB: string): string;
+/**
+ * Axiom 12 backstop for ink on a fill: `ink` when it clears `floor` on
+ * `fill`, otherwise the pole (`#000000` / `#ffffff`) that reads better on it,
+ * when that pole beats `ink`. A mid-luminance fill, such as a literal
+ * `#cc4e00` bar or a Radix step-8 chip in dark, can sit where neither scheme
+ * anchor clears AA while a pole does. Returns `ink` unchanged when a color
+ * fails to parse.
+ */
+export declare function holdInkFloor(fill: string, ink: string, floor?: number): string;
 /**
  * Given a 12-color scale (hex strings), a background step, and a starting
  * text step, scan towards `preferredDir` for the first step whose contrast

package/types/theme/colorRules.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colorRules.d.ts","sourceRoot":"","sources":["../../src/theme/colorRules.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"colorRules.d.ts","sourceRoot":"","sources":["../../src/theme/colorRules.ts"],"names":[],"mappings":"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"}

package/types/theme/createThemes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createThemes.d.ts","sourceRoot":"","sources":["../../src/theme/createThemes.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,wBAAwB,CAAC;AAqEhC,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB,CACrC,WAAW,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,EACvC,YAAY,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE;IAExC,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,0BAA0B,CACzC,WAAW,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,EACvC,YAAY,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,EACxC,WAAW,SAAS,OAAO,GAAG,OAAO,EACrC,YAAY,SAAS,OAAO,GAAG,OAAO,CACtC,SAAQ,sBAAsB,CAAC,WAAW,EAAE,YAAY,CAAC;IACzD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACzF;AA8BD,eAAO,MAAM,YAAY,aA6BvB,CAAC;AA6FH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,0BAA0B,EACrC,WAAW,EAAE,sBAAsB,EACnC,OAAO,CAAC,EAAE,0BAA0B;;aAqLzB,CAAC,SAAS,MAAM,QAAQ,CAAC,SAAS,sBAAsB,GAuB1D,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE;;+BAAkC;EAG7E"}
+{"version":3,"file":"createThemes.d.ts","sourceRoot":"","sources":["../../src/theme/createThemes.ts"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,wBAAwB,CAAC;AA4EhC,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,sBAAsB,CACrC,WAAW,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,EACvC,YAAY,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE;IAExC,WAAW,EAAE,WAAW,CAAC;IACzB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,MAAM,WAAW,0BAA0B,CACzC,WAAW,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,EACvC,YAAY,SAAS,MAAM,EAAE,GAAG,MAAM,EAAE,EACxC,WAAW,SAAS,OAAO,GAAG,OAAO,EACrC,YAAY,SAAS,OAAO,GAAG,OAAO,CACtC,SAAQ,sBAAsB,CAAC,WAAW,EAAE,YAAY,CAAC;IACzD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,0BAA0B;IACzC,mBAAmB,CAAC,EAAE,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;CACzF;AA8BD,eAAO,MAAM,YAAY,aA6BvB,CAAC;AA0OH,wBAAgB,mBAAmB,CACjC,SAAS,EAAE,0BAA0B,EACrC,WAAW,EAAE,sBAAsB,EACnC,OAAO,CAAC,EAAE,0BAA0B;;aAyLzB,CAAC,SAAS,MAAM,QAAQ,CAAC,SAAS,sBAAsB,GAuB1D,MAAM,CAAC,QAAQ,CAAC,EAAE,GAAG,SAAS,CAAC,EAAE;;+BAAkC;EAG7E"}

package/types/theme/devtools/ThemeDevtoolsPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeDevtoolsPanel.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/ThemeDevtoolsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AAyMH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACrC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAkiBF,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,UAAU,CAAC;IAEjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAEvB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAmDD,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACd,EAAE,uBAAuB,2CAs7BzB"}
+{"version":3,"file":"ThemeDevtoolsPanel.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/ThemeDevtoolsPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AA+LH,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACrC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACxB,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAsiBF,MAAM,WAAW,uBAAuB;IACtC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,UAAU,CAAC;IAEjC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEjC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IAExB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAEvB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,oEAAoE;IACpE,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAmDD,wBAAgB,kBAAkB,CAAC,EACjC,aAAa,EACb,YAAY,EACZ,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,GACd,EAAE,uBAAuB,2CA87BzB"}

package/types/theme/devtools/animationOptions.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The animation names a Tamagui config registers, for the panel's Animation
+ * select. `createTamagui()` stores the resolved driver at `config.animations`,
+ * and every driver `createAnimations()` builds keeps its named animations one
+ * level down, on `driver.animations`. The driver's own members (`usePresence`,
+ * `useAnimations`, `inputStyle`, ...) are API, not animations (MPO-447).
+ */
+export declare function extractAnimationNames(tamaguiConfig: unknown): string[];
+//# sourceMappingURL=animationOptions.d.ts.map

package/types/theme/devtools/animationOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animationOptions.d.ts","sourceRoot":"","sources":["../../../src/theme/devtools/animationOptions.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,OAAO,GAAG,MAAM,EAAE,CAQtE"}

package/types/theme/readableColor.d.ts

@@ -3,10 +3,30 @@
  * / "$color8", or an already-resolved color value — e.g. the step returned by
  * `useAccentTintedSurface`): the scheme's paper (`$color1`) or ink (`$color12`)
  * anchor, whichever contrasts more on the resolved fill, returned as a concrete
- * value so no nested sub-theme can flip it. Returns `undefined` when any color
- * fails to resolve/parse — callers keep their own default in that case.
+ * value so no nested sub-theme can flip it. When neither anchor clears AA on
+ * the fill, the pole that does (`holdInkFloor`). Returns `undefined` when any
+ * color fails to resolve/parse — callers keep their own default in that case.
  */
 export declare function useReadableTextOn(fill_: string | undefined): string | undefined;
+/**
+ * Pure resolver behind {@link useLegibleInkOn}: `preferred` when it clears AA
+ * on `fill`, otherwise the readable anchor (paper or ink) held to the floor
+ * by `holdInkFloor`. Any unparseable input returns `preferred`.
+ */
+export declare function resolveLegibleInkOn({ fill, preferred, paper, ink, }: {
+    fill?: string;
+    preferred?: string;
+    paper?: string;
+    ink?: string;
+}): string | undefined;
+/**
+ * Keep a component's own ink (`preferred`, e.g. a chip's `$blue12` or a
+ * muted `$color11` title) on `fill` while it clears AA, and hand over to the
+ * readable anchor, then a pole, where it does not. The token comes back
+ * untouched when it passes, so a scheme where the pair already reads keeps
+ * its exact paint; a replacement comes back as a concrete color.
+ */
+export declare function useLegibleInkOn(fill_: string | undefined, preferred: string): string;
 /**
  * Accent-hued text/link color readable on the page surfaces (color1/color2).
  * Scans the theme's own accent ramp for the most chromatic step that clears
@@ -50,11 +70,11 @@ export interface ResolveAaSolidFillInput {
 /**
  * Pick an accent solid that can carry AA text (paper or ink ≥ 4.5).
  *
- * `$accentBackground` in the stock dark ramp is a mid-chroma solid whose
- * better scheme-anchor pair measures 4.02:1 — over the graphic 3:1 tier and
- * under the in-repo text floor. Walking to the nearest passing solid keeps
- * the mark on the accent channel (LC-05) instead of dropping to ink or a
- * tinted surface.
+ * A mid-chroma solid can clear the graphic 3:1 tier and still miss the text
+ * floor with both scheme anchors (the stock dark `#7766cc` measured 4.02:1
+ * before the build held `$accentBackground` to it, MPO-448). Walking to the
+ * nearest passing solid keeps the mark on the accent channel (LC-05) instead
+ * of dropping to ink or a tinted surface.
  *
  * Returns the preferred token when it already clears the floor, otherwise
  * the solid token whose resolved luminance is closest to the preferred fill.

package/types/theme/readableColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"readableColor.d.ts","sourceRoot":"","sources":["../../src/theme/readableColor.ts"],"names":[],"mappings":"AA4CA;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAU/E;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CA8B3C;AA0BD,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,0EAA0E;AAC1E,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,GAAG,GACJ,EAAE,+BAA+B,GAAG,MAAM,GAAG,SAAS,CAQtD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAW3D;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,6DAA6D;IAC7D,SAAS,EAAE,gBAAgB,CAAC;IAC5B;;;OAGG;IACH,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,MAAM,EACN,KAAK,EACL,GAAG,EACH,KAA2B,GAC5B,EAAE,uBAAuB,GAAG,MAAM,CA0BlC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAuB7D"}
+{"version":3,"file":"readableColor.d.ts","sourceRoot":"","sources":["../../src/theme/readableColor.ts"],"names":[],"mappings":"AA4CA;;;;;;;;GAQG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAU/E;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,SAAS,EACT,KAAK,EACL,GAAG,GACJ,EAAE;IACD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG,MAAM,GAAG,SAAS,CAarB;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,CAYpF;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,CA8B3C;AA0BD,MAAM,WAAW,+BAA+B;IAC9C,mEAAmE;IACnE,KAAK,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC9B,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,0EAA0E;AAC1E,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAK,EACL,GAAG,GACJ,EAAE,+BAA+B,GAAG,MAAM,GAAG,SAAS,CAQtD;AAED,wBAAgB,sBAAsB,IAAI,MAAM,GAAG,SAAS,CAW3D;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,uBAAuB;IACtC,6DAA6D;IAC7D,SAAS,EAAE,gBAAgB,CAAC;IAC5B;;;OAGG;IACH,MAAM,EAAE,gBAAgB,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,MAAM,EACN,KAAK,EACL,GAAG,EACH,KAA2B,GAC5B,EAAE,uBAAuB,GAAG,MAAM,CA0BlC;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAuB7D"}

package/types/theme/useResolvedKnobs.d.ts

@@ -18,6 +18,13 @@ export interface UseResolvedKnobsOptions {
     compact?: boolean;
 }
 export declare const solidButtonIntents: Set<string>;
+/**
+ * Themes that are solid by palette shape: the accent slot's steps 1-10 are all
+ * brand surfaces (defaults/accent.ts), so the LC-40 wash ($color3/$color6)
+ * lands one step off the fill and never reads disabled (MPO-433: ΔE 2.5 in
+ * dark). A control themed by one paints the wash from its host scope.
+ */
+export declare const solidPaletteThemes: Set<string>;
 /**
  * Resolve knobs → { knobProps }.
  *

package/types/theme/useResolvedKnobs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResolvedKnobs.d.ts","sourceRoot":"","sources":["../../src/theme/useResolvedKnobs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,SAAS,CAAC;AAIxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAWlE,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAEhE,wBAAgB,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAEhD;AAyDD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAYD,eAAO,MAAM,kBAAkB,aAA2C,CAAC;AAE3E;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,uBAAuB,GAAG,aAAa,CAuGjF"}
+{"version":3,"file":"useResolvedKnobs.d.ts","sourceRoot":"","sources":["../../src/theme/useResolvedKnobs.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAgB,MAAM,SAAS,CAAC;AAIxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAWlE,eAAO,MAAM,aAAa,wCAAqC,CAAC;AAEhE,wBAAgB,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAEhD;AAyDD,MAAM,WAAW,uBAAuB;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;IAC7B,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAYD,eAAO,MAAM,kBAAkB,aAA2C,CAAC;AAE3E;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,aAAsB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,uBAAuB,GAAG,aAAa,CAuGjF"}