@multiplatform.one/components 7.5.0 → 7.6.0

package/src/code/CodeBlock/index.tsx

@@ -7,21 +7,28 @@
  */
 
 import { LinearGradient } from "@tamagui/linear-gradient";
-import { CheckCircleIcon, ClipboardIcon, WarningCircleIcon } from "@phosphor-icons/react";
-import { MIN_PRESS_TARGET, useResolvedKnobs } from "@multiplatform.one/theme";
+import { ClipboardIcon } from "@phosphor-icons/react";
+import {
+  MIN_PRESS_TARGET,
+  isTouchSurface,
+  pressTargetHitSlop,
+  sizeRecipeForToken,
+  useResolvedKnobs,
+} from "@multiplatform.one/theme";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "../../shared/i18n";
 import type { TamaguiElement } from "tamagui";
 import { ScrollView } from "tamagui";
-import { Button, zIndex } from "@multiplatform.one/forms";
-import { Spacer, TooltipSimple, XStack, YStack } from "tamagui";
+import { Button, Input, zIndex } from "@multiplatform.one/forms";
+import { Spacer, XStack, YStack } from "tamagui";
 import { settleMs } from "../../AnimateHeight";
 import { ErrorBoundary } from "../../ErrorBoundary";
+import { NotifyRegion } from "../../feedback/NotifyHost";
+import { copyAndNotify } from "../../feedback/copy";
 import { Code } from "../Code";
 import { HighlightedCode } from "../HighlightedCode";
 import { useShikiTokens } from "../Highlighter";
 import { Pre } from "../Pre";
-import { useClipboard } from "../../hooks/useClipboard";
 
 /** Visible lines before the "show more" clamp (content constraint, LC-18). */
 const VISIBLE_LINES = 22;
@@ -111,7 +118,14 @@ export function CodeBlock({
     }, settleMs(transition));
   };
   const clamped = isCutoff || expandTarget != null;
-  const { hasCopied, hasCopyFailed, onCopy } = useClipboard(codeText);
+  // Copy is the same Input.Button glyph-ring cap the CopyField/Password
+  // slot uses (LC-16); confirm is notify() and the glyph does not flip
+  // (DG-FB-01 — the D-copyfield verdict replaces TooltipSimple + icon-swap).
+  const showCopy = Boolean(codeText) && !disableCopy;
+  const activateCopy = () => {
+    void copyAndNotify(codeText);
+  };
+  const capSquare = sizeRecipeForToken(String(codeSize), { touch: isTouchSurface() }).height;
 
   return (
     <YStack position="relative" marginBottom="$4">
@@ -156,6 +170,7 @@ export function CodeBlock({
                 borderWidth={0}
                 {...knobProps.panelPadding}
                 size={codeSize}
+                data-register="code"
               >
                 <HighlightedCode
                   tokens={tokens}
@@ -168,33 +183,35 @@ export function CodeBlock({
               </Code>
             </ScrollView>
           </Pre>
-          {!disableCopy && (
-            <XStack position="absolute" top="$3" insetInlineEnd="$3">
-              <TooltipSimple
-                label={
-                  hasCopied
-                    ? t("Copied")
-                    : hasCopyFailed
-                      ? t("Copy failed")
-                      : t("Copy to clipboard")
+          {showCopy && (
+            <XStack position="absolute" top={0} insetInlineEnd={0} zIndex={zIndex.localTop}>
+              <Input.Button
+                glyphRing
+                size={codeSize}
+                type="button"
+                aria-label="Copy to clipboard"
+                data-press-min={MIN_PRESS_TARGET}
+                hitSlop={capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : undefined}
+                onPress={activateCopy}
+                onKeyDown={
+                  ((e: KeyboardEvent) => {
+                    if (e.key === "Enter" || e.key === " ") {
+                      e.preventDefault();
+                      e.stopPropagation();
+                      activateCopy();
+                    }
+                  }) as unknown as () => void
                 }
               >
-                <Button
-                  aria-label={t("Copy code to clipboard")}
-                  size={codeSize}
-                  minWidth={MIN_PRESS_TARGET}
-                  minHeight={MIN_PRESS_TARGET}
-                  data-press-min={MIN_PRESS_TARGET}
-                  icon={
-                    hasCopied ? CheckCircleIcon : hasCopyFailed ? WarningCircleIcon : ClipboardIcon
-                  }
-                  onPress={onCopy}
-                />
-              </TooltipSimple>
+                <Input.Icon aria-hidden>
+                  <ClipboardIcon />
+                </Input.Icon>
+              </Input.Button>
             </XStack>
           )}
         </YStack>
       </ErrorBoundary>
+      <NotifyRegion scope="field" compact />
     </YStack>
   );
 }

package/src/index.ts

@@ -15,6 +15,7 @@ export type {
 export * from "./Badge";
 export * from "./Carousel";
 export * from "./Chip";
+export * from "./CopyField";
 export * from "./DotIndicator";
 export * from "./DropdownMenu";
 export * from "./ContextMenu";
@@ -154,12 +155,17 @@ export type { AnchorProps, ParagraphProps, SizableTextProps, TextProps } from ".
 export { H1, H2, H3, H4, H5, H6, Heading } from "./Heading";
 export type { HeadingProps } from "./Heading";
 
-// Shadow tamagui Separator with the house Separator (MPO-47): the raw
-// primitive painted NOTHING — 96 of 96 measured separators were transparent
-// 1px boxes. The house rule is a painted 1px line in $borderColor (measured
-// law §7.3: 1px never 0.5px; quiet = opacity 0.5, never a lighter colour).
-// The curated ./tamagui surface no longer exports the bare name; raw stays
-// reachable as TamaguiSeparator.
+// Shadow tamagui Separator with the house Separator (MPO-47). Two reasons,
+// both measured: LC-45 / LC-70 — a bare name a house barrel exports is a
+// catalog part, and this one resolved to a raw primitive; and DG-OVF-07 —
+// the raw primitive is a `flex: 1` item, so the rule can absorb free space.
+// The house rule is a painted 1px line in $borderColor (measured law §7.3:
+// 1px never 0.5px; quiet = opacity 0.5, never a lighter colour) that cannot
+// flex-grow. The curated ./tamagui surface no longer exports the bare name;
+// raw stays reachable as TamaguiSeparator.
+//
+// Correction 2026-09-01: the ticket's "96 of 96 paint nothing" was a probe
+// artefact, not a defect — see ./Separator/index.tsx for the measurement.
 export { Separator } from "./Separator";
 export type { SeparatorProps } from "./Separator";
 

package/src/overlayElevation.spec.tsx

@@ -0,0 +1,154 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Preset } from "@multiplatform.one/theme";
+import { cleanup } from "@testing-library/react";
+import { AlertDialog, Dialog, Theme } from "tamagui";
+import { afterEach, describe, expect, it } from "vitest";
+import { Button } from "./Button";
+import { AlertDialogContent, DialogContent } from "./surfaces";
+
+afterEach(cleanup);
+
+// ── What this file measures, and why not the class list ──────────────────
+//
+// MPO-49 AC: "DialogContent paints the reference §8 overlay shadow" and "a
+// spec asserts the dialog shadow differs from the Button shadow".
+//
+// The obvious probe — read the frame's `_bxsh-*` atom — passes on a frame
+// that paints something else entirely. `resolveKnobs.elevationPaint` emits
+// its web paint as `style: { boxShadow }`, an INLINE style, and Tamagui only
+// stamps `!important` on PSEUDO atoms (`getCSSStylesAtomic`: `const
+// important = !!pseudo`). A base atom therefore loses the cascade to any
+// inline style on the same node. Measured on `6eb0995`, before this lane:
+//
+//   class  _bxsh-0px12px24px…                      (the §8 value — dead)
+//   style  0 3px 6px rgba(0,0,0,0.15), 0 2px 4px … (the `$2` value — painted)
+//
+// So these assert the INLINE style, which is what a browser paints, and read
+// the class only to prove the two now agree. Reading the class alone is the
+// same hole MPO-40 / MPO-44 / MPO-48 all fell through, one layer further in:
+// the fragment reaches the frame and still never reaches the pixel.
+
+/** Reference §8, tamagui-rendered-reference.md — the one dialog shadow. */
+const referenceOverlayShadow = "0px 12px 24px rgba(0,0,0,0.12)";
+/** Same §8 geometry and alpha, hue inverted — LC-85 forbids a dark umbra. */
+const referenceOverlayShadowDark = "0px 12px 24px rgba(255,255,255,0.12)";
+/** `webShadowLight.$1` — the in-page control stop every Button carries. */
+const controlStopPaint = "0 1px 2px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.08)";
+/** `webShadowLight.$2` — `elevatedSurface`'s own overlay paint. */
+const elevatedSurfacePaint = "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)";
+
+function frame(id: string): HTMLElement {
+  const el = document.querySelector(`[data-testid="${id}"]`);
+  if (!el) throw new Error(`no frame rendered for ${id}`);
+  return el as HTMLElement;
+}
+
+/** The value a browser paints: the inline style wins over every base atom. */
+function paintedShadow(id: string): string {
+  return frame(id).style.boxShadow;
+}
+
+function shadowAtoms(id: string): string[] {
+  return String(frame(id).className || "")
+    .split(/\s+/)
+    .filter((c) => c.startsWith("_bxsh-"))
+    .sort();
+}
+
+function bgAtoms(id: string): string[] {
+  return String(frame(id).className || "")
+    .split(/\s+/)
+    .filter((c) => c.startsWith("_bg-"));
+}
+
+function renderDialogsBesideAButton() {
+  renderWithProviders(
+    <Preset>
+      <Button testID="control">Save</Button>
+      <Dialog modal open>
+        <Dialog.Portal>
+          <DialogContent testID="dialog">dialog</DialogContent>
+        </Dialog.Portal>
+      </Dialog>
+      <AlertDialog open>
+        <AlertDialog.Portal>
+          <AlertDialogContent testID="alertdialog">confirm</AlertDialogContent>
+        </AlertDialog.Portal>
+      </AlertDialog>
+    </Preset>,
+  );
+}
+
+describe("overlay elevation is a different distance off the surface (MPO-49)", () => {
+  it("DialogContent PAINTS the reference §8 shadow, not the $2 fragment underneath it", () => {
+    renderDialogsBesideAButton();
+    expect(paintedShadow("dialog")).toBe(referenceOverlayShadow);
+    expect(paintedShadow("dialog")).not.toBe(elevatedSurfacePaint);
+    expect(paintedShadow("dialog")).not.toBe(controlStopPaint);
+  });
+
+  it("the atom and the inline style agree — no dead §8 class over a live $2 paint", () => {
+    renderDialogsBesideAButton();
+    // The atom half alone does NOT discriminate: it reads `_bxsh-0px12px24px…`
+    // with the defect present too, which is why a class-only probe passes
+    // against a frame painting `$2`. Pair it with the painted value.
+    expect(shadowAtoms("dialog")).toHaveLength(1);
+    expect(shadowAtoms("dialog")[0]).toMatch(/^_bxsh-0px12px24px/);
+    expect(paintedShadow("dialog")).toContain("12px 24px");
+  });
+
+  it("the dialog shadow differs from the Button shadow, and the Button keeps the $1 stop", () => {
+    renderDialogsBesideAButton();
+    // "differs" alone does not discriminate: with the defect present the
+    // dialog paints `$2` and the Button `$1`, which also differ. The §8 value
+    // itself is pinned by the first case in this file; here the control side
+    // is pinned to `$1` so a Button regression cannot fake this one either.
+    expect(paintedShadow("control")).toBe(controlStopPaint);
+    expect(paintedShadow("dialog")).not.toBe(paintedShadow("control"));
+    expect(shadowAtoms("dialog")).not.toEqual(shadowAtoms("control"));
+  });
+
+  it("AlertDialogContent wears the same §8 shadow — one dialog row, one distance", () => {
+    // Tamagui's AlertDialog.Content IS Dialog.Content, and reference §8
+    // carries a single dialog row. confirm-dialog-{destructive,gated,warning}
+    // render through this frame.
+    renderDialogsBesideAButton();
+    expect(paintedShadow("alertdialog")).toBe(referenceOverlayShadow);
+    expect(paintedShadow("alertdialog")).toBe(paintedShadow("dialog"));
+  });
+
+  it("dark inverts the hue and keeps the §8 geometry; the ground steps up the ramp (LC-85)", () => {
+    renderWithProviders(
+      <Preset>
+        <Dialog modal open>
+          <Dialog.Portal>
+            <DialogContent testID="dialog">dialog</DialogContent>
+          </Dialog.Portal>
+        </Dialog>
+      </Preset>,
+    );
+    expect(paintedShadow("dialog")).toBe(referenceOverlayShadow);
+    expect(bgAtoms("dialog")).toEqual(["_bg-background"]);
+    cleanup();
+
+    renderWithProviders(
+      <Theme name="dark">
+        <Preset>
+          <Dialog modal open>
+            <Dialog.Portal>
+              <DialogContent testID="dialog">dialog</DialogContent>
+            </Dialog.Portal>
+          </Dialog>
+        </Preset>
+      </Theme>,
+    );
+    // LC-85 DARK-ELEVATION-TINT: light-coloured shadow, never a black umbra.
+    expect(paintedShadow("dialog")).toBe(referenceOverlayShadowDark);
+    expect(paintedShadow("dialog")).not.toBe(referenceOverlayShadow);
+    expect(paintedShadow("dialog")).not.toMatch(/rgba\(0,\s*0,\s*0/);
+    // resolveKnobs owns the dark ground: `overlayFill` steps the filled rest
+    // fill up the ramp under dark + elevation (LC-85). Asserted so a later
+    // change to that rule shows up here rather than silently on a board.
+    expect(bgAtoms("dialog")).toEqual(["_bg-color2"]);
+  });
+});

package/src/surfaces.spec.tsx

@@ -1,8 +1,12 @@
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Preset } from "@multiplatform.one/theme";
+import { cleanup } from "@testing-library/react";
 import { readFileSync } from "node:fs";
 import { dirname, join } from "node:path";
 import { fileURLToPath } from "node:url";
 import { Card as TamaguiCard, Dialog, Popover, Sheet } from "tamagui";
-import { describe, expect, it } from "vitest";
+import { afterEach, describe, expect, it } from "vitest";
+import { Button } from "./Button";
 import * as pkg from "./index";
 import {
   Card,
@@ -21,6 +25,8 @@ import {
   SheetFrame,
 } from "./surfaces";
 
+afterEach(cleanup);
+
 describe("surfaces package exports", () => {
   it("package Card is the themed surface, not the tamagui primitive", () => {
     expect(pkg.Card).toBe(Card);
@@ -86,3 +92,94 @@ describe("DialogContent overlay elevation (MPO-49)", () => {
     expect(dialog).toContain("panelPadding");
   });
 });
+
+// ── Render proofs ────────────────────────────────────────────────────────
+//
+// The source-text assertions above prove the CALL SITE. These prove the
+// FRAME, which is the distinction MPO-40 / MPO-44 / MPO-48 all fell through:
+// a fragment that exists in source and dies on the way to the frame reads
+// identical to one that never existed.
+//
+// happy-dom cannot cascade Tamagui's class CSS, so — as in Button.spec.tsx —
+// these read the atomic classes the knob emits. The atom name is hashed from
+// the VALUE, so the class IS the value, and no theme config is needed: what
+// the fragment addresses is visible in the class name itself.
+//
+// Measured both ways on 2026-09-01 by reverting each defect in the working
+// tree and re-running (see the MR description):
+//
+//   surface addressing   defect `$color1`  -> `_bg-color1`
+//                        fixed  `$background` -> `_bg-background`
+//   dialog elevation     defect Button/control `$1` -> `_bxsh-0px1px2px…`
+//                        fixed  reference §8        -> `_bxsh-0px12px24px…`
+//
+// A "differs from the Button" assertion does NOT discriminate: the Button
+// paints `0 6px 12px` from its own source in both states, so that comparison
+// passes with the defect present. Assert against the $1 CONTROL stop.
+
+function atomsWithPrefix(el: Element | null, prefix: string): string[] {
+  if (!el) return [];
+  return String((el as HTMLElement).className || "")
+    .split(/\s+/)
+    .filter((c) => c.startsWith(prefix))
+    .sort();
+}
+
+/** The `$1` control paint — `webShadowLight.$1`, "0 1px 2px …" (resolveKnobs.ts). */
+const controlStopShadowAtom = /^_bxsh-0px1px2px/;
+/** Rendered reference §8 DialogContent — `rgba(0,0,0,0.12) 0 12px 24px`. */
+const overlayStopShadowAtom = /^_bxsh-0px12px24px/;
+
+describe("surfaces address $background at the FRAME (MPO-19 X5/X6)", () => {
+  it("Card, Panel and DialogContent all paint _bg-background, never a raw ramp step", () => {
+    renderWithProviders(
+      <Preset>
+        <Card testID="mpo-card">card</Card>
+        <Panel testID="mpo-panel">panel</Panel>
+        <Dialog modal open>
+          <Dialog.Portal>
+            <DialogContent testID="mpo-dialog">dialog</DialogContent>
+          </Dialog.Portal>
+        </Dialog>
+      </Preset>,
+    );
+
+    for (const id of ["mpo-card", "mpo-panel", "mpo-dialog"]) {
+      const frame = document.querySelector(`[data-testid="${id}"]`);
+      expect(frame, `${id} frame`).toBeTruthy();
+      const bg = atomsWithPrefix(frame, "_bg-");
+      expect(bg, `${id} background atom`).toEqual(["_bg-background"]);
+      expect(bg.join(" "), `${id} must not address a raw ramp step`).not.toMatch(/_bg-color[12]\b/);
+    }
+  });
+});
+
+describe("DialogContent paints the OVERLAY elevation stop, not the control one (MPO-49)", () => {
+  it("renders the reference §8 shadow and not the Button $1 stop", () => {
+    renderWithProviders(
+      <Preset>
+        <Button testID="mpo-button-control">Save</Button>
+        <Dialog modal open>
+          <Dialog.Portal>
+            <DialogContent testID="mpo-dialog-overlay">body</DialogContent>
+          </Dialog.Portal>
+        </Dialog>
+      </Preset>,
+    );
+
+    const dialog = document.querySelector('[data-testid="mpo-dialog-overlay"]');
+    const button = document.querySelector('[data-testid="mpo-button-control"]');
+    expect(dialog, "DialogContent frame").toBeTruthy();
+    expect(button, "Button frame").toBeTruthy();
+
+    const dialogShadow = atomsWithPrefix(dialog, "_bxsh-");
+    expect(dialogShadow, "DialogContent paints exactly one shadow atom").toHaveLength(1);
+    expect(dialogShadow[0], "dialog wears the §8 overlay shadow").toMatch(overlayStopShadowAtom);
+    expect(dialogShadow[0], "dialog must not wear the $1 control stop").not.toMatch(
+      controlStopShadowAtom,
+    );
+    expect(dialogShadow, "dialog and control are different distances off the surface").not.toEqual(
+      atomsWithPrefix(button, "_bxsh-"),
+    );
+  });
+});

package/src/surfaces.tsx

@@ -7,6 +7,7 @@ import {
   Popover,
   Sheet,
   View,
+  isWeb,
   type DialogContentProps as TamaguiDialogContentProps,
   type DialogOverlayProps as TamaguiDialogOverlayProps,
   type TamaguiElement,
@@ -101,12 +102,31 @@ export const DialogContent = forwardRef<
   );
 });
 
-/** Reference §8 overlay shadow — rgba(0,0,0,0.12) 0 12px 24px. Not Button $1. */
+/**
+ * Reference §8 overlay shadow — rgba(0,0,0,0.12) 0 12px 24px. Not Button $1,
+ * and not the `$2` fragment `elevatedSurface` carries either: that fragment's
+ * web paint arrives as an INLINE style (`elevationPaint` emits
+ * `style.boxShadow`, and Tamagui stamps `!important` only on pseudo atoms),
+ * so a shadow expressed only as `shadow*` props is a dead class atom under a
+ * live `$2` paint. The §8 value must land on the `style` prop too, replacing
+ * the fragment's. Dark inverts the hue and keeps the geometry — LC-85
+ * DARK-ELEVATION-TINT forbids a black umbra on a dark ground.
+ */
 const overlayElevationShadow = {
-  shadowColor: "rgba(0,0,0,0.12)",
-  shadowOffset: { width: 0, height: 12 },
-  shadowOpacity: 1,
-  shadowRadius: 24,
+  light: {
+    shadowColor: "rgba(0,0,0,0.12)",
+    shadowOffset: { width: 0, height: 12 },
+    shadowOpacity: 1,
+    shadowRadius: 24,
+    ...(isWeb ? { style: { boxShadow: "0px 12px 24px rgba(0,0,0,0.12)" } } : null),
+  },
+  dark: {
+    shadowColor: "rgba(255,255,255,0.12)",
+    shadowOffset: { width: 0, height: 12 },
+    shadowOpacity: 1,
+    shadowRadius: 24,
+    ...(isWeb ? { style: { boxShadow: "0px 12px 24px rgba(255,255,255,0.12)" } } : null),
+  },
 } as const;
 
 const DialogContentInner = forwardRef<
@@ -126,7 +146,7 @@ const DialogContentInner = forwardRef<
       {...knobProps.panelPadding}
       {...knobProps.gap}
       elevate={false}
-      {...overlayElevationShadow}
+      {...overlayElevationShadow[knobProps.scheme]}
       transition={knobProps.transition}
       enterStyle={overlayEnterExit}
       exitStyle={overlayEnterExit}
@@ -205,6 +225,8 @@ const AlertDialogContentInner = forwardRef<
       {...knobProps.containerRadius}
       {...knobProps.panelPadding}
       {...knobProps.gap}
+      elevate={false}
+      {...overlayElevationShadow[knobProps.scheme]}
       transition={knobProps.transition}
       enterStyle={overlayEnterExit}
       exitStyle={overlayEnterExit}

package/src/tamagui.spec.ts

@@ -34,12 +34,19 @@ const EXCLUDED_BARE_NAMES = [
 ] as const;
 
 const ALLOWLIST_VALUE_NAMES = [
-  // layout
+  // layout. Separator left this list 2026-08-28 (MPO-47): a bare catalog name
+  // may not resolve to a raw primitive (LC-45 / LC-70), and the raw one is a
+  // `flex: 1` item that can absorb free space (DG-OVF-07). Bare `Separator` is
+  // the house painted rule in ./Separator; raw rides the TamaguiSeparator
+  // hatch. (It was silently restored here by the MPO-20 typography lane, which
+  // rewrote this file from a pre-MPO-47 copy — tamagui.ts and index.ts kept
+  // the house wiring, so this guardrail was asserting the opposite of the
+  // barrel and had been red ever since. MPO-78: CI runs `turbo run build`
+  // only, so nothing caught it.)
   "Circle",
   "Group",
   "ListItem",
   "ScrollView",
-  "Separator",
   "Spacer",
   "Square",
   "View",
@@ -105,6 +112,7 @@ const ESCAPE_HATCHES: ReadonlyArray<[prefixed: string, raw: string]> = [
   ["TamaguiProgress", "Progress"],
   ["TamaguiRadioGroup", "RadioGroup"],
   ["TamaguiSelect", "Select"],
+  ["TamaguiSeparator", "Separator"],
   ["TamaguiSizableText", "SizableText"],
   ["TamaguiSlider", "Slider"],
   ["TamaguiSpinner", "Spinner"],
@@ -130,6 +138,7 @@ const HOUSE_SHADOWS = [
   "Image",
   "Menu",
   "Paragraph",
+  "Separator",
   "SizableText",
   "Spinner",
   "Tabs",

package/src/tamagui.ts

@@ -23,11 +23,11 @@
 // - The curation is locked by tamagui.spec.ts — update both together.
 
 // Layout primitives (no house replacement).
-// Separator left this list 2026-08-28 (MPO-47): the raw primitive painted
-// nothing on every measured board (96/96 transparent boxes) — the bare name
-// is the house Separator re-exported via index.ts (1px painted line in
-// $borderColor, quiet = opacity 0.5). Raw stays reachable as
-// TamaguiSeparator below.
+// Separator left this list 2026-08-28 (MPO-47): a bare catalog name may not
+// resolve to a raw primitive (LC-45 / LC-70), and the raw one is a `flex: 1`
+// item that can absorb free space (DG-OVF-07). The bare name is the house
+// Separator re-exported via index.ts (1px painted line in $borderColor,
+// quiet = opacity 0.5). Raw stays reachable as TamaguiSeparator below.
 export {
   Circle,
   Group,

package/src/views/index.ts

@@ -42,10 +42,18 @@ export {
   type TreeViewDisplay,
 } from "./TreeView";
 export { ImageGrid, type ImageGridProps, type ImageGridHotkeys } from "./ImageGrid";
+// ProgressCard/ShortcutCard/ListCard ride this barrel on purpose (MPO-53
+// B-meter, the ProgressCard export gap): Dashboard.tsx exports them but they
+// were reachable only through the deep path until the Meter extraction, and
+// 5c7af7134 collaterally dropped them again. Meter.spec.tsx imports them from
+// here so the next revert fails a test instead of shipping.
 export {
   Dashboard,
   KPICard,
   ChartCard,
+  ProgressCard,
+  ShortcutCard,
+  ListCard,
   calculateTrend,
   calculatePercentageChange,
   aggregateData,
@@ -59,6 +67,13 @@ export {
   type ChartDataPoint,
   type ChartType,
   type TrendDirection,
+  type ProgressConfig,
+  type ProgressCardProps,
+  type ShortcutConfig,
+  type ShortcutCardProps,
+  type ListConfig,
+  type ListCardProps,
+  type DashboardListItem,
 } from "./Dashboard";
 export {
   ReportBuilder,

package/types/CopyField/index.d.ts

@@ -1,21 +1,15 @@
 /**
- * CopyField — a read-only Input that will carry a copy end-cap.
+ * CopyField — declared copy on a read-only Input.
  *
- * Intended as the second consumer of the MPO-52 reveal's Input.Button end-cap
- * (LC-16): confirm is notify() success → toast "Copied to clipboard.", failure
- * is field-scoped "Copy failed." — an inline alert, never a toast.
+ * Second consumer of the MPO-52 reveal's Input.Button end-cap (LC-16).
+ * Confirm is notify() success → toast "Copied to clipboard." Failure is
+ * field-scoped "Copy failed." — an inline alert, never a toast.
  *
- * MPO-81: the forms half never landed. `Input` declares neither `copy` nor
- * `onCopyResult` and reads neither, so passing them was inert at runtime and
- * invalid at compile time — it failed `@multiplatform.one/components#build`
- * with TS2322 and blocked every release. The pass is removed rather than the
- * props declared on `Input`, because declaring a prop nothing implements
- * ships a lying API to every consumer.
- *
- * Re-add `copy onCopyResult={reportCopy}` here in the same change that
- * implements the cap in `@multiplatform.one/forms`, not before.
+ * MPO-81 removed the copy/onCopyResult pass while the forms half was
+ * missing; the forms cap is implemented again (Input `copy` +
+ * Input.Button `glyphRing`), so the pass is back.
  */
 import { type InputProps } from "@multiplatform.one/forms";
-export type CopyFieldProps = Omit<InputProps, "secureTextEntry">;
+export type CopyFieldProps = Omit<InputProps, "copy" | "onCopyResult" | "secureTextEntry">;
 export declare function CopyField(props: CopyFieldProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/types/CopyField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CopyField/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAIlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC;AAEjE,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAO9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CopyField/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAKlE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAAC;AAE3F,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAO9C"}

package/types/ProgressSteps/index.d.ts

@@ -36,6 +36,13 @@ export interface ProgressStepsProps extends Omit<GetProps<typeof StepsRoot>, "ch
     linear?: boolean;
     /** Compact markers + type (density compact override). */
     compact?: boolean;
+    /**
+     * Rail label treatment. `"hidden"` keeps markers (and a11y names) and
+     * drops the visible per-step label — the 390 wizard treatment; the
+     * current step's name rides the wizard legend as "Step n of m — X".
+     * @default "visible"
+     */
+    labels?: "visible" | "hidden";
 }
 declare const StepsRoot: import("tamagui").TamaguiComponent<import("@tamagui/web").TamaDefer, import("tamagui").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/web").StackStyleBase, {
     elevation?: number | import("tamagui").SizeTokens | undefined;
@@ -50,6 +57,6 @@ declare const StepsRoot: import("tamagui").TamaguiComponent<import("@tamagui/web
  * helper text, error/optional, linear-by-default. Polaris has no wizard
  * stepper — display-only when `onStepChange` is omitted.
  */
-export declare function ProgressSteps({ steps, current, onStepChange, orientation, allowJump, linear, compact, ...props }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProgressSteps({ steps, current, onStepChange, orientation, allowJump, linear, compact, labels, ...props }: ProgressStepsProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/types/ProgressSteps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressSteps/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOxC,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,CAAC;IACtF,qBAAqB;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,yCAAyC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAOD,QAAA,MAAM,SAAS;;;6CAGb,CAAC;AAkDH;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,WAA0B,EAC1B,SAAgB,EAChB,MAAa,EACb,OAAO,EACP,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAiQpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressSteps/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAOxC,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,KAAK,EAAE,SAAS,CAAC;IACjB,mEAAmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,CAAC;IACtF,qBAAqB;IACrB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,oCAAoC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,oDAAoD;IACpD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,yCAAyC;IACzC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,mEAAmE;IACnE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC/B;AAOD,QAAA,MAAM,SAAS;;;6CAGb,CAAC;AAkDH;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,WAA0B,EAC1B,SAAgB,EAChB,MAAa,EACb,OAAO,EACP,MAAkB,EAClB,GAAG,KAAK,EACT,EAAE,kBAAkB,2CAwQpB"}