@multiplatform.one/forms 7.5.0 → 7.6.1

package/dist/jsx/shared/utils.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","utils_exports","clampRadiusForControl","clampRadiusForLargeComponent","clampRadiusInStateProps","getElevationWrapperProps","getFieldError","getFieldHeight","getOTPCellRadius","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","module","exports","import_react","require","import_theme","import_Form","import_validateOn","_type_of","obj","Symbol","constructor","sizeToken","rows","arguments","length","sizeRecipeForToken","String","touch","isTouchSurface","height","clampRadius","radiusToken","maxTokenNum","fallback","startsWith","num","Number","parseInt","slice","OTP_RADIUS_STOPS","keys","borderRadiusMap","otpRadiusStop","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","stop","err","return","Error","heightPx","resolveRadiusClass","knobProps","elevationRecipe","_elevationRecipe_hoverKnobProps","_elevationRecipe_pressKnobProps","_elevationRecipe_focusVisibleKnobProps","elevation","hoverKnobProps","pressKnobProps","focusVisibleKnobProps","props","overflow","elevationChrome","hoverStyle","pressStyle","focusVisibleStyle","transition","animation","formContext","useFormContext","resolvedForm","form","resolved","useResolvedKnobs","compact","generatedId","useId","id","field","propError","fieldError","state","meta","errors","defaultIsEmpty","defaultIsEmpty2","v","required","validators","label","isEmpty","validateOn","hasSubmitted","useFormValidate","effective","resolveEffectiveValidateOn","useMemo","requiredValidator","requiredValidator2","param","onSubmit","existingOnSubmit","composedOnSubmit","_existingOnSubmit"],"sources":["../../../src/shared/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","utils_exports","clampRadiusForControl","clampRadiusForLargeComponent","clampRadiusInStateProps","getElevationWrapperProps","getFieldError","getFieldHeight","getOTPCellRadius","mergeFieldHandler","stripRadiusFromStateProps","useFormField","useResolvedValidators","module","exports","import_react","require","import_theme","import_Form","import_validateOn","_type_of","obj","Symbol","constructor","sizeToken","rows","arguments","length","sizeRecipeForToken","String","touch","isTouchSurface","height","clampRadius","radiusToken","maxTokenNum","fallback","startsWith","num","Number","parseInt","slice","OTP_RADIUS_STOPS","keys","borderRadiusMap","otpRadiusStop","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","stop","err","return","Error","heightPx","resolveRadiusClass","knobProps","elevationRecipe","_elevationRecipe_hoverKnobProps","_elevationRecipe_pressKnobProps","_elevationRecipe_focusVisibleKnobProps","elevation","hoverKnobProps","pressKnobProps","focusVisibleKnobProps","props","overflow","elevationChrome","hoverStyle","pressStyle","focusVisibleStyle","transition","animation","formContext","useFormContext","resolvedForm","form","resolved","useResolvedKnobs","compact","generatedId","useId","id","field","propError","fieldError","state","meta","errors","defaultIsEmpty","defaultIsEmpty2","v","required","validators","label","isEmpty","validateOn","hasSubmitted","useFormValidate","effective","resolveEffectiveValidateOn","useMemo","requiredValidator","requiredValidator2","param","onSubmit","existingOnSubmit","composedOnSubmit","_existingOnSubmit"],"sources":["../../../src/shared/utils.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/forms",
-  "version": "7.5.0",
+  "version": "7.6.1",
   "description": "Cross-platform form components with URL state management",
   "keywords": [
     "cross-platform",
@@ -70,9 +70,9 @@
     "perfect-freehand": "^1.2.3",
     "react-native-svg": "15.15.4",
     "tamagui": "2.7.6",
-    "@multiplatform.one/table-primitives": "7.5.0",
-    "@multiplatform.one/theme": "7.5.0",
-    "@multiplatform.one/router": "7.5.0"
+    "@multiplatform.one/router": "7.6.1",
+    "@multiplatform.one/table-primitives": "7.6.1",
+    "@multiplatform.one/theme": "7.6.1"
   },
   "devDependencies": {
     "@tamagui/build": "2.7.6",
@@ -95,9 +95,9 @@
     "react-i18next": "^16.6.6",
     "react-native-web": "^0.21.2",
     "vitest": "^4.1.5",
-    "@multiplatform.one/test-utils": "7.5.0",
-    "@multiplatform.one/config": "7.5.0",
-    "@multiplatform.one/storybook": "7.5.0"
+    "@multiplatform.one/config": "7.6.1",
+    "@multiplatform.one/storybook": "7.6.1",
+    "@multiplatform.one/test-utils": "7.6.1"
   },
   "peerDependencies": {
     "expo-haptics": "55.0.17",

package/src/Button/Button.density.spec.tsx

@@ -2,17 +2,25 @@
  * @vitest-environment jsdom
  *
  * MPO-42 / LC-76: the density knob and the `compact` PROP must land the
- * SAME padX. Height stays 44 at both stops — density moves pad/gap only.
+ * SAME padX. Height stays 44 at both stops — density moves space, not size.
+ *
+ * LC-79 / LC-80: the internals come from the size recipe, so density picks
+ * the recipe FAMILY (`control` -> `controlCompact`) and never subtracts a
+ * hand-set delta. The delta drifted from the generated table at every token
+ * but `$4`, and at `$2` it INVERTED — `max(8, 7 - 2)` painted a compact
+ * Button 8px wider than the comfortable 7px one.
  */
 
 import { renderWithProviders } from "@multiplatform.one/test-utils";
-import { Preset } from "@multiplatform.one/theme";
+import { Preset, recipeFamilies } from "@multiplatform.one/theme";
 import { cleanup, screen } from "@testing-library/react";
 import { afterEach, describe, expect, it } from "vitest";
-import { Button } from "./index";
+import { Button, buttonDensityFamily, resolveButtonSizeRecipe } from "./index";
 
 afterEach(cleanup);
 
+const sizes = ["$2", "$3", "$4"] as const;
+
 /** Last `_pl-Npx` / `_pr-Npx` class wins (paddingHorizontal expands to both). */
 function paddingPxFromClass(el: HTMLElement): number | null {
   let found: number | null = null;
@@ -23,56 +31,134 @@ function paddingPxFromClass(el: HTMLElement): number | null {
   return found;
 }
 
+function gapPxFromClass(el: HTMLElement): number | null {
+  for (const c of String(el.className || "").split(/\s+/)) {
+    const m = c.match(/^_gap-(\d+)px$/);
+    if (m) return Number(m[1]);
+  }
+  return null;
+}
+
+function renderProp(size: (typeof sizes)[number]) {
+  renderWithProviders(
+    <Button compact size={size} icon={<span>i</span>}>
+      Save
+    </Button>,
+  );
+  return screen.getByRole("button");
+}
+
+function renderKnob(size: (typeof sizes)[number]) {
+  renderWithProviders(
+    <Preset overrides={{ density: "compact" }}>
+      <Button size={size} icon={<span>i</span>}>
+        Save
+      </Button>
+    </Preset>,
+  );
+  return screen.getByRole("button");
+}
+
+function renderComfortable(size: (typeof sizes)[number]) {
+  renderWithProviders(
+    <Button size={size} icon={<span>i</span>}>
+      Save
+    </Button>,
+  );
+  return screen.getByRole("button");
+}
+
 describe("Button density knob = compact PROP (MPO-42)", () => {
   it("compact PROP and density:compact knob land the SAME padX", () => {
-    renderWithProviders(
-      <Button compact size="$4">
-        Save
-      </Button>,
-    );
-    const viaProp = screen.getByRole("button");
+    const viaProp = renderProp("$4");
     const propPad = paddingPxFromClass(viaProp);
     expect(viaProp.getAttribute("data-mp-density")).toBe("compact");
     expect(propPad).toBe(16);
     cleanup();
 
-    renderWithProviders(
-      <Preset overrides={{ density: "compact" }}>
-        <Button size="$4">Save</Button>
-      </Preset>,
-    );
-    const viaKnob = screen.getByRole("button");
-    const knobPad = paddingPxFromClass(viaKnob);
+    const viaKnob = renderKnob("$4");
     expect(viaKnob.getAttribute("data-mp-density")).toBe("compact");
-    expect(knobPad).toBe(propPad);
-    expect(knobPad).toBe(16);
+    expect(paddingPxFromClass(viaKnob)).toBe(propPad);
+    expect(paddingPxFromClass(viaKnob)).toBe(16);
+  });
+
+  it("both channels land the SAME padX at every size step, not just $4", () => {
+    for (const size of sizes) {
+      const viaProp = paddingPxFromClass(renderProp(size));
+      cleanup();
+      const viaKnob = paddingPxFromClass(renderKnob(size));
+      cleanup();
+      expect(viaKnob, `padX at ${size}`).toBe(viaProp);
+    }
   });
 
   it("height stays 44 at comfortable and compact density stops", () => {
-    renderWithProviders(<Button size="$4">Save</Button>);
-    const comfortable = screen.getByRole("button");
+    const comfortable = renderComfortable("$4");
     expect(comfortable.getAttribute("data-mp-button-height")).toBe("44");
     expect(comfortable.className).toMatch(/_h-44px/);
     expect(paddingPxFromClass(comfortable)).toBe(18);
     cleanup();
 
-    renderWithProviders(
-      <Preset overrides={{ density: "compact" }}>
-        <Button size="$4">Save</Button>
-      </Preset>,
-    );
-    const viaKnob = screen.getByRole("button");
+    const viaKnob = renderKnob("$4");
     expect(viaKnob.getAttribute("data-mp-button-height")).toBe("44");
     expect(viaKnob.className).toMatch(/_h-44px/);
     cleanup();
 
-    renderWithProviders(
-      <Button compact size="$4">
-        Save
-      </Button>,
-    );
-    const viaProp = screen.getByRole("button");
+    const viaProp = renderProp("$4");
     expect(viaProp.getAttribute("data-mp-button-height")).toBe("44");
     expect(viaProp.className).toMatch(/_h-44px/);
   });
+
+  it("density never changes the painted height at any size step (LC-76)", () => {
+    for (const size of sizes) {
+      const relaxed = renderComfortable(size).getAttribute("data-mp-button-height");
+      cleanup();
+      const tight = renderKnob(size).getAttribute("data-mp-button-height");
+      cleanup();
+      expect(tight, `height at ${size}`).toBe(relaxed);
+    }
+  });
+});
+
+describe("Button density comes from the recipe family (LC-79 / LC-80)", () => {
+  it("density picks the family, it does not subtract from the recipe", () => {
+    expect(buttonDensityFamily("control", true)).toBe("controlCompact");
+    expect(buttonDensityFamily("control", false)).toBe("control");
+    // An explicit controlCompact consumer (Chip) does not tighten twice.
+    expect(buttonDensityFamily("controlCompact", true)).toBe("controlCompact");
+  });
+
+  it("compact padX is the generated controlCompact table, at every size", () => {
+    for (const size of sizes) {
+      const expected = resolveButtonSizeRecipe(size, "controlCompact").paddingHorizontal;
+      const viaKnob = paddingPxFromClass(renderKnob(size));
+      cleanup();
+      expect(viaKnob, `padX at ${size}`).toBe(expected);
+    }
+  });
+
+  it("compact is never WIDER than comfortable — the $2 inversion stays fixed", () => {
+    for (const size of sizes) {
+      const relaxed = paddingPxFromClass(renderComfortable(size)) ?? 0;
+      cleanup();
+      const tight = paddingPxFromClass(renderKnob(size)) ?? 0;
+      cleanup();
+      expect(tight, `padX at ${size}`).toBeLessThan(relaxed);
+    }
+  });
+
+  it("the inner gap stays the recipe gap — gap == radius at both stops", () => {
+    for (const size of sizes) {
+      const radius = recipeFamilies.controlCompact.radii[size];
+      const relaxed = gapPxFromClass(renderComfortable(size));
+      cleanup();
+      const tight = gapPxFromClass(renderKnob(size));
+      cleanup();
+      expect(tight, `gap at ${size}`).toBe(resolveButtonSizeRecipe(size, "controlCompact").gap);
+      expect(tight, `gap == radius at ${size}`).toBe(radius);
+      expect(relaxed, `comfortable gap at ${size}`).toBe(
+        resolveButtonSizeRecipe(size, "control").gap,
+      );
+    }
+  });
 });

package/src/Button/Button.labelInk.spec.tsx

@@ -9,21 +9,20 @@
  *
  * jsdom cannot cascade Tamagui CSS, so the DOM arm reads the atomic
  * classes the text node emits (`_col-color11`, `_fow-400`). Contrast is
- * the theme-table arm: intent `$color11` vs the page `$background` in
- * both schemes.
+ * the theme-table arm: intent `$color11` against EVERY page surface the
+ * house theme paints, in both schemes — `$background`/`$color1` (white)
+ * and `$color2` (#f9f9fa, what the gallery boards are shot on).
  */
 
 import { render, cleanup, screen } from "@testing-library/react";
 import {
   aaTextContrastRatio,
-  contrastRatio,
   createDefaultThemeConfig,
   createThemesBuilder,
   defaultAccentTheme,
   defaultBaseTheme,
   defaultBuilderOptions,
-  normalizeToHex,
-  relativeLuminance,
+  measureContrast,
 } from "@multiplatform.one/theme";
 import { afterEach, describe, expect, it } from "vitest";
 import { TamaguiProvider, YStack } from "tamagui";
@@ -40,6 +39,15 @@ const houseThemes = createThemesBuilder(
 
 const INTENTS = ["error", "warning", "success"] as const;
 const SCHEMES = ["light", "dark"] as const;
+/**
+ * The house theme has THREE page surfaces and they are not interchangeable:
+ * `$background` and `$color1` are pure white, `$color2` is #f9f9fa. Every
+ * gallery board paints `$color2` (actionFeedbackMain.tsx board root), so a
+ * contrast arm that only reads `$background` certifies on a surface the
+ * boards never shoot — the same shape of hole as measuring the FRAME
+ * instead of the text node. All three are measured here.
+ */
+const WHITE_PAGE_SURFACES = ["background", "color1"] as const;
 
 function houseRender(ui: React.ReactElement, theme: "light" | "dark" = "light") {
   return render(
@@ -53,12 +61,13 @@ function labelNode(text: string): HTMLElement {
   return screen.getByText(text);
 }
 
-function contrastAgainstPage(ink: string, ground: string): number {
-  const inkHex = normalizeToHex(ink);
-  const groundHex = normalizeToHex(ground);
-  expect(inkHex, `ink ${ink}`).toBeTruthy();
-  expect(groundHex, `ground ${ground}`).toBeTruthy();
-  return contrastRatio(relativeLuminance(inkHex!), relativeLuminance(groundHex!));
+/**
+ * One implementation of the arithmetic (the point of exporting
+ * `measureContrast`), and the REPORTED 2-decimal ratio, so the number a
+ * failure prints is the number the verdict used.
+ */
+function pageRatio(ink: string, ground: string, label: string): number {
+  return measureContrast({ foreground: ink, background: ground, label }).ratio;
 }
 
 describe("Button MPO-40 outlined intent label ink", () => {
@@ -121,23 +130,67 @@ describe("Button MPO-40 outlined intent label ink", () => {
     }
   });
 
-  it("intent $color11 vs page ground is >= 4.5:1 in both schemes; on-fill $color is not", () => {
+  it("intent $color11 clears 4.5:1 on the white page surfaces in both schemes; on-fill $color never does", () => {
     for (const scheme of SCHEMES) {
-      const ground = houseThemes[scheme].background;
       for (const intent of INTENTS) {
         const ink = houseThemes[`${scheme}_${intent}`].color11;
-        const ratio = contrastAgainstPage(ink, ground);
-        expect(
-          ratio,
-          `${scheme}_${intent}.color11 ${ink} vs ${ground}`,
-        ).toBeGreaterThanOrEqual(aaTextContrastRatio);
+        for (const surface of WHITE_PAGE_SURFACES) {
+          const ground = houseThemes[scheme][surface];
+          const label = `${scheme}_${intent}.color11 ${ink} on ${scheme}.${surface} ${ground}`;
+          expect(pageRatio(ink, ground, label), label).toBeGreaterThanOrEqual(aaTextContrastRatio);
+        }
 
         const onFill = houseThemes[`${scheme}_${intent}_Button`].color;
+        const ground = houseThemes[scheme].background;
         expect(
-          contrastAgainstPage(onFill, ground),
+          pageRatio(onFill, ground, `${scheme}_${intent}_Button.color`),
           `${scheme}_${intent}_Button.color is the on-fill foreground`,
         ).toBeLessThan(2);
       }
     }
   });
+
+  it("dark intent $color11 clears 4.5:1 on the $color2 page surface too", () => {
+    for (const intent of INTENTS) {
+      const ink = houseThemes[`dark_${intent}`].color11;
+      const ground = houseThemes.dark.color2;
+      const label = `dark_${intent}.color11 ${ink} on dark.color2 ${ground}`;
+      expect(pageRatio(ink, ground, label), label).toBeGreaterThanOrEqual(aaTextContrastRatio);
+    }
+  });
+
+  // PINNED MISS — MPO-40's own secondary finding, still OPEN.
+  //
+  // Fixing the plumbing (the arm above) was necessary, not sufficient. On
+  // $color2 — the surface every gallery board is shot on — light warning
+  // and success $color11 are under mpo's own floor, and those are exactly
+  // the numbers button-anatomy already prints for its CONTRACT row. The
+  // step that would close them is a PALETTE change (Radix yellow-11
+  // #9e6c00 / green-11 #218358), owned by the contrast-floor lane, not by
+  // the Button. colorRules.ts pins the same warning miss on the intent's
+  // own color1 (#fcfcf7, 4.44:1); this pins it on the page ground.
+  //
+  // These numbers are asserted EXACTLY on purpose. Step the palette and
+  // this test fails, which is the reminder to re-measure the board and
+  // tick MPO-40's contrast criterion — never a regression to re-baseline.
+  it("light warning/success $color11 are STILL under 4.5:1 on the $color2 page surface", () => {
+    const ground = houseThemes.light.color2;
+    const measured = Object.fromEntries(
+      INTENTS.map((intent): [string, number] => [
+        intent,
+        pageRatio(
+          houseThemes[`light_${intent}`].color11,
+          ground,
+          `light_${intent}.color11 on light.color2`,
+        ),
+      ]),
+    );
+    expect(measured, `light.color2 is ${ground}`).toEqual({
+      error: 4.95,
+      warning: 4.34,
+      success: 4.48,
+    });
+    expect(measured.warning).toBeLessThan(aaTextContrastRatio);
+    expect(measured.success).toBeLessThan(aaTextContrastRatio);
+  });
 });

package/src/Button/Button.lc71.spec.tsx

@@ -6,7 +6,7 @@ import { cleanup, fireEvent, screen } from "@testing-library/react";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
 import { Preset } from "@multiplatform.one/theme";
 import { afterEach, describe, expect, it, vi } from "vitest";
-import { Button, buttonDensityPad, buttonSizeRecipes, resolveButtonSizeRecipe } from "./index";
+import { Button, buttonDensityFamily, buttonSizeRecipes, resolveButtonSizeRecipe } from "./index";
 
 afterEach(cleanup);
 
@@ -52,8 +52,15 @@ describe("Button size recipes", () => {
 
 describe("Button density ≠ size", () => {
   it("compact tightens pad without shrinking recipe height", () => {
-    expect(buttonDensityPad(12, true)).toBe(10);
-    expect(buttonDensityPad(12, false)).toBe(12);
+    // Density picks the FAMILY; it never subtracts from the recipe (LC-79).
+    expect(buttonDensityFamily("control", true)).toBe("controlCompact");
+    expect(buttonDensityFamily("control", false)).toBe("control");
+    expect(resolveButtonSizeRecipe("$4", "controlCompact").paddingHorizontal).toBeLessThan(
+      resolveButtonSizeRecipe("$4", "control").paddingHorizontal,
+    );
+    expect(resolveButtonSizeRecipe("$4", "controlCompact").height).toBe(
+      resolveButtonSizeRecipe("$4", "control").height,
+    );
     renderWithProviders(
       <Button compact size="$4">
         Save

package/src/Button/Button.stories.tsx

@@ -1,7 +1,12 @@
 import { action } from "@multiplatform.one/storybook";
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { Activity, Airplay, Download, Trash } from "@tamagui/lucide-icons-2";
-import { Button as TamaguiButton, Paragraph, XStack, YStack } from "tamagui";
+import {
+  FOCUS_RING_CLIPPED_OFFSET,
+  FOCUS_RING_MIN_CONTRAST,
+  ensureFocusVisibleRing,
+} from "@multiplatform.one/theme";
+import { Button as TamaguiButton, Paragraph, XStack, YStack, useTheme } from "tamagui";
 import { Button } from "./index";
 
 const pressed = (name: string) => () => action(name)();
@@ -57,11 +62,12 @@ export const Basic: Story = {
       options: ["$2", "$3", "$4", "$5", "$6"],
       description: "Tamagui size token",
     },
-    variant: {
-      control: "select",
-      options: [undefined, "outlined"],
-      description: "Structural variant",
-    },
+    // The house fill channel is the `outlined` boolean. `variant="outlined"`
+    // is raw-tamagui API this component does not read (only the
+    // `@multiplatform.one/components` shim maps it), so a `variant` control
+    // here drove nothing — MPO-19 X3 measured the board's own "Outlined"
+    // specimen rendering as a filled button with a transparent edge.
+    outlined: { control: "boolean", description: "Outlined fill style" },
     chromeless: { control: "boolean", description: "Transparent, text-only style" },
     disabled: { control: "boolean", description: "Disable the button" },
     skeleton: { control: "boolean", description: "Show skeleton placeholder" },
@@ -210,7 +216,7 @@ export const Comparison: Story = {
         <Button icon={Activity} onPress={pressed("custom.icon")}>
           With Icon
         </Button>
-        <Button variant="outlined" onPress={pressed("custom.outlined")}>
+        <Button outlined onPress={pressed("custom.outlined")}>
           Outlined
         </Button>
         <Button disabled disabledReason="Needs a completed draft">
@@ -241,3 +247,87 @@ export const Comparison: Story = {
     </XStack>
   ),
 };
+
+/**
+ * MPO-41 FOCUS-RING BOARD. Mirrors design-mockups-v3
+ * gallery/html/action-and-feedback/button-state-focus.html so the board is
+ * re-shot from the repo instead of the retired scratchpad harness
+ * (mpo-main-wt @ 8bd3a90da, which no longer exists).
+ *
+ * `forceStyle="focusVisible"` paints the REAL focus-visible ring. Button reads
+ * `pageOutlineColor` outside the intent Theme and spreads it into
+ * focusVisibleStyle, so the ring stays neutral on an accent or error fill.
+ * Never spread FOCUS_VISIBLE_RING onto an intent Button here: inside the
+ * sub-theme `$outlineColor` re-resolves to the fill and measures 1.00:1.
+ *
+ * Row 3 is the deliberate FOCUS_VISIBLE_RING_INSET specimen (offset -2, the
+ * clipped-composite carve-out). On an intent fill it is EXPECTED to miss the
+ * 3:1 floor, which `parameters.focusRingBoard.expectedBelowFloor` tells the
+ * shooter; the old board reported those as severe findings because the
+ * specimen was built from a bare ensureFocusVisibleRing() that now returns 0.
+ * The shooter measures the painted composition (computed outline colour and
+ * offset, then the surface the band actually lands on), never the declaration.
+ */
+/**
+ * The LC-71 §4 clipping carve-out at page scope. A consumer `focusVisibleStyle`
+ * REPLACES Button's own ring (it rides the `{...props}` spread), so the inset
+ * row has to carry the whole ring itself, and it resolves `$outlineColor` at
+ * PAGE scope the way Button does (DG-A11Y-01): inside the intent sub-theme the
+ * token derives a ring for the inverted surface, which is the 1.00:1 trap.
+ */
+function InsetRow() {
+  const pageOutlineColor = useTheme().outlineColor?.val as string | undefined;
+  const inset = ensureFocusVisibleRing({
+    outlineOffset: FOCUS_RING_CLIPPED_OFFSET,
+    ...(pageOutlineColor ? { outlineColor: pageOutlineColor } : undefined),
+  });
+  return (
+    <XStack gap="$3" alignItems="center" flexWrap="wrap">
+      <Button testID="inset-accent" accent forceStyle="focusVisible" focusVisibleStyle={inset}>
+        Accent, offset -2
+      </Button>
+      <Button testID="inset-error" error forceStyle="focusVisible" focusVisibleStyle={inset}>
+        Error, offset -2
+      </Button>
+    </XStack>
+  );
+}
+
+export const StateFocus: Story = {
+  name: "State: focus (MPO-41 board)",
+  parameters: {
+    focusRingBoard: {
+      floor: FOCUS_RING_MIN_CONTRAST,
+      specimens: ["focus-default", "focus-accent", "focus-error", "inset-accent", "inset-error"],
+      expectedBelowFloor: ["inset-accent", "inset-error"],
+    },
+    docs: {
+      description: {
+        story:
+          'MPO-41 board. Rings forced on with forceStyle="focusVisible" so light and dark ' +
+          "shoot in one pass. Rows: rest vs focus on the neutral fill; focus on accent and " +
+          "error (offset 0, band on the page ground, must be >= 3:1); the inset carve-out " +
+          "(offset -2, band on the control's own fill, expected below the floor on intent).",
+      },
+    },
+  },
+  render: () => (
+    <YStack testID="focus-ring-board" gap="$4" padding="$4" backgroundColor="$background">
+      <XStack gap="$3" alignItems="center" flexWrap="wrap">
+        <Button testID="rest">Rest</Button>
+        <Button testID="focus-default" forceStyle="focusVisible">
+          Focus
+        </Button>
+      </XStack>
+      <XStack gap="$3" alignItems="center" flexWrap="wrap">
+        <Button testID="focus-accent" accent forceStyle="focusVisible">
+          Accent focus
+        </Button>
+        <Button testID="focus-error" error forceStyle="focusVisible">
+          Error focus
+        </Button>
+      </XStack>
+      <InsetRow />
+    </YStack>
+  ),
+};

package/src/Button/index.tsx

@@ -76,13 +76,18 @@ export function resolveButtonSizeRecipe(
   return sizeRecipeForToken(size == null ? "$true" : String(size), { family });
 }
 
-/** Density tightens pad/gap only — never height, type, or icon (density ≠ size). */
-export function buttonDensityPad(padX: number, densityTight: boolean): number {
-  return densityTight ? Math.max(8, padX - 2) : padX;
-}
-
-export function buttonDensityGap(gap: number, densityTight: boolean): number {
-  return densityTight ? Math.max(4, gap - 1) : gap;
+/**
+ * Density selects the recipe FAMILY, it does not subtract from the recipe
+ * (LC-79 / LC-80): control -> controlCompact, same heights, tighter ratios.
+ * A hand-set delta is a second density writer and it drifts from the
+ * generated table at every token but `$4` — it inverted at `$2`, where
+ * `max(8, 7 - 2)` painted a compact Button WIDER than a comfortable one.
+ */
+export function buttonDensityFamily(
+  family: RecipeFamilyName,
+  densityTight: boolean,
+): RecipeFamilyName {
+  return densityTight ? "controlCompact" : family;
 }
 
 /**
@@ -416,9 +421,11 @@ export function Button({
     (warning && "warning") ||
     (success && "success") ||
     undefined;
-  // compact is density (pad/gap), not a size step — do not pass it through
+  // compact is density, not a size step — do not pass it through
   // useResolvedKnobs (size stays on the size axis; LC-76). The PROP and the
-  // density knob must share this channel so both land the same padX/gap.
+  // density knob share one channel: both pick the recipe FAMILY, the same
+  // way resolveKnobs picks it for every other control, so both land the
+  // same padX and the internals stay recipe-generated (LC-75 / LC-79).
   const { knobProps, control, text, disabledState } = useResolvedKnobs({
     intent,
     component: "Button",
@@ -430,10 +437,13 @@ export function Button({
   const grouped = useControlGrouped();
   const sizeProp = (props as { size?: SizeTokens | number }).size;
   const resolvedSize = sizeProp ?? knobProps.sizeToken;
-  const recipe = resolveButtonSizeRecipe(resolvedSize, recipeFamily);
   const densityTight = compact !== undefined ? compact === true : knobProps.density === "compact";
-  const padX = buttonDensityPad(recipe.paddingHorizontal, densityTight);
-  const innerGap = buttonDensityGap(recipe.gap, densityTight);
+  const recipe = resolveButtonSizeRecipe(
+    resolvedSize,
+    buttonDensityFamily(recipeFamily, densityTight),
+  );
+  const padX = recipe.paddingHorizontal;
+  const innerGap = recipe.gap;
   if (skeleton) {
     return (
       <View

package/src/ContextualSaveBar/UnsavedChangesDialog.tsx

@@ -102,7 +102,6 @@ export function UnsavedChangesDialog({
             </Button>
             <Button
               error
-              theme="red"
               actionRole="primary"
               data-mp-savebar-discard-confirm=""
               onPress={() => {