@multiplatform.one/components 7.7.6 → 7.8.0

package/dist/jsx/views/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["List","ListRow","ListRowMeta","useListItemState","Kanban","Calendar","computeEventMoveRange","eventChipTextColor","findDayKeyAtPoint","snapMinutes","layoutDayBlocks","computeResizeRange","moveRangeToSlot","createRangeFromDrag","moveFocusDate","moveFocusSlot","eventAccessibleLabel","formatTimeRangeLabel","TreeView","ImageGrid","Dashboard","KPICard","ChartCard","ProgressCard","ShortcutCard","ListCard","calculateTrend","calculatePercentageChange","aggregateData","resolveTrendColor","ReportBuilder","GanttView","barGeometry","computeGanttRange","dateToX","dxToDayDelta","ganttTaskAccessibleLabel","generateTicks","normalizeSpanEdges","shiftSpanByDays","todayLineX","renumberIdx"],"sources":["../../../src/views/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,IAAA,EACAC,OAAA,EACAC,WAAA,EACAC,gBAAA,QAKK;AACP,SAASC,MAAA,QAAuE;AAChF,SACEC,QAAA,EACAC,qBAAA,EACAC,kBAAA,EACAC,iBAAA,QAOK;AACP,SACEC,WAAA,EACAC,eAAA,EACAC,kBAAA,EACAC,eAAA,EACAC,mBAAA,EACAC,aAAA,EACAC,aAAA,EACAC,oBAAA,EACAC,oBAAA,QAGK;AACP,SACEC,QAAA,QAKK;AACP,SAASC,SAAA,QAA6D;AAMtE,SACEC,SAAA,EACAC,OAAA,EACAC,SAAA,EACAC,YAAA,EACAC,YAAA,EACAC,QAAA,EACAC,cAAA,EACAC,yBAAA,EACAC,aAAA,EACAC,iBAAA,QAiBK;AACP,SACEC,aAAA,QAIK;AACP,SAASC,SAAA,QAA+E;AACxF,SACEC,WAAA,EACAC,iBAAA,EACAC,OAAA,EACAC,YAAA,EACAC,wBAAA,EACAC,aAAA,EACAC,kBAAA,EACAC,eAAA,EACAC,UAAA,QAMK;AAKP,SAASC,WAAA,QAAmB;AAI5B,cAAc","ignoreList":[]}
+{"version":3,"names":["List","ListRow","ListRowMeta","useListItemState","Kanban","Calendar","computeEventMoveRange","eventChipTextColor","findDayKeyAtPoint","snapMinutes","layoutDayBlocks","computeResizeRange","moveRangeToSlot","createRangeFromDrag","moveFocusDate","moveFocusSlot","eventAccessibleLabel","formatTimeRangeLabel","TreeView","ImageGrid","Dashboard","KPICard","ChartCard","ProgressCard","ShortcutCard","ListCard","calculateTrend","calculatePercentageChange","aggregateData","resolveTrendColor","ReportBuilder","GanttView","addDays","barGeometry","clampResizeDayDelta","computeGanttRange","dateLineX","dateToX","dayDiff","dxToDayDelta","formatRangeLabel","formatSpanLabel","ganttTaskAccessibleLabel","generateTicks","isBoundedSpan","isEternalSpan","MS_PER_DAY","normalizeSpanEdges","openBarGeometry","openSpanExtent","openSpanExtents","openSpanLabelParts","rangeDays","resizeSpanByDays","scrollAnchorX","shiftSpanByDays","spanInclusiveDays","startOfDay","todayLineX","xToDate","renumberIdx"],"sources":["../../../src/views/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,IAAA,EACAC,OAAA,EACAC,WAAA,EACAC,gBAAA,QAKK;AACP,SAASC,MAAA,QAAuE;AAChF,SACEC,QAAA,EACAC,qBAAA,EACAC,kBAAA,EACAC,iBAAA,QAOK;AACP,SACEC,WAAA,EACAC,eAAA,EACAC,kBAAA,EACAC,eAAA,EACAC,mBAAA,EACAC,aAAA,EACAC,aAAA,EACAC,oBAAA,EACAC,oBAAA,QAGK;AACP,SACEC,QAAA,QAKK;AACP,SAASC,SAAA,QAA6D;AAMtE,SACEC,SAAA,EACAC,OAAA,EACAC,SAAA,EACAC,YAAA,EACAC,YAAA,EACAC,QAAA,EACAC,cAAA,EACAC,yBAAA,EACAC,aAAA,EACAC,iBAAA,QAiBK;AACP,SACEC,aAAA,QAIK;AACP,SACEC,SAAA,QAMK;AAeP,SACEC,OAAA,EACAC,WAAA,EACAC,mBAAA,EACAC,iBAAA,EACAC,SAAA,EACAC,OAAA,EACAC,OAAA,EACAC,YAAA,EACAC,gBAAA,EACAC,eAAA,EACAC,wBAAA,EACAC,aAAA,EACAC,aAAA,EACAC,aAAA,EACAC,UAAA,EACAC,kBAAA,EACAC,eAAA,EACAC,cAAA,EACAC,eAAA,EACAC,kBAAA,EACAC,SAAA,EACAC,gBAAA,EACAC,aAAA,EACAC,eAAA,EACAC,iBAAA,EACAC,UAAA,EACAC,UAAA,EACAC,OAAA,QASK;AAKP,SAASC,WAAA,QAAmB;AAI5B,cAAc","ignoreList":[]}

package/dist/jsx/views/index.native.js

@@ -36,37 +36,56 @@ __export(views_exports, {
   ListCard: () => import_Dashboard.ListCard,
   ListRow: () => import_List.ListRow,
   ListRowMeta: () => import_List.ListRowMeta,
+  MS_PER_DAY: () => import_ganttMath.MS_PER_DAY,
   ProgressCard: () => import_Dashboard.ProgressCard,
   ReportBuilder: () => import_ReportBuilder.ReportBuilder,
   ShortcutCard: () => import_Dashboard.ShortcutCard,
   TreeView: () => import_TreeView.TreeView,
+  addDays: () => import_ganttMath.addDays,
   aggregateData: () => import_Dashboard.aggregateData,
   barGeometry: () => import_ganttMath.barGeometry,
   calculatePercentageChange: () => import_Dashboard.calculatePercentageChange,
   calculateTrend: () => import_Dashboard.calculateTrend,
+  clampResizeDayDelta: () => import_ganttMath.clampResizeDayDelta,
   computeEventMoveRange: () => import_Calendar.computeEventMoveRange,
   computeGanttRange: () => import_ganttMath.computeGanttRange,
   computeResizeRange: () => import_calendarMath.computeResizeRange,
   createRangeFromDrag: () => import_calendarMath.createRangeFromDrag,
+  dateLineX: () => import_ganttMath.dateLineX,
   dateToX: () => import_ganttMath.dateToX,
+  dayDiff: () => import_ganttMath.dayDiff,
   dxToDayDelta: () => import_ganttMath.dxToDayDelta,
   eventAccessibleLabel: () => import_calendarMath.eventAccessibleLabel,
   eventChipTextColor: () => import_Calendar.eventChipTextColor,
   findDayKeyAtPoint: () => import_Calendar.findDayKeyAtPoint,
+  formatRangeLabel: () => import_ganttMath.formatRangeLabel,
+  formatSpanLabel: () => import_ganttMath.formatSpanLabel,
   formatTimeRangeLabel: () => import_calendarMath.formatTimeRangeLabel,
   ganttTaskAccessibleLabel: () => import_ganttMath.ganttTaskAccessibleLabel,
   generateTicks: () => import_ganttMath.generateTicks,
+  isBoundedSpan: () => import_ganttMath.isBoundedSpan,
+  isEternalSpan: () => import_ganttMath.isEternalSpan,
   layoutDayBlocks: () => import_calendarMath.layoutDayBlocks,
   moveFocusDate: () => import_calendarMath.moveFocusDate,
   moveFocusSlot: () => import_calendarMath.moveFocusSlot,
   moveRangeToSlot: () => import_calendarMath.moveRangeToSlot,
   normalizeSpanEdges: () => import_ganttMath.normalizeSpanEdges,
+  openBarGeometry: () => import_ganttMath.openBarGeometry,
+  openSpanExtent: () => import_ganttMath.openSpanExtent,
+  openSpanExtents: () => import_ganttMath.openSpanExtents,
+  openSpanLabelParts: () => import_ganttMath.openSpanLabelParts,
+  rangeDays: () => import_ganttMath.rangeDays,
   renumberIdx: () => import_kanbanDnd.renumberIdx,
+  resizeSpanByDays: () => import_ganttMath.resizeSpanByDays,
   resolveTrendColor: () => import_Dashboard.resolveTrendColor,
+  scrollAnchorX: () => import_ganttMath.scrollAnchorX,
   shiftSpanByDays: () => import_ganttMath.shiftSpanByDays,
   snapMinutes: () => import_calendarMath.snapMinutes,
+  spanInclusiveDays: () => import_ganttMath.spanInclusiveDays,
+  startOfDay: () => import_ganttMath.startOfDay,
   todayLineX: () => import_ganttMath.todayLineX,
-  useListItemState: () => import_List.useListItemState
+  useListItemState: () => import_List.useListItemState,
+  xToDate: () => import_ganttMath.xToDate
 });
 module.exports = __toCommonJS(views_exports);
 var import_List = require("./List.native.js");

package/dist/jsx/views/index.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","__reExport","mod","secondTarget","__toCommonJS","value","views_exports","Calendar","import_Calendar","ChartCard","import_Dashboard","Dashboard","GanttView","import_Gantt","ImageGrid","import_ImageGrid","KPICard","Kanban","import_Kanban","List","import_List","ListCard","ListRow","ListRowMeta","ProgressCard","ReportBuilder","import_ReportBuilder","ShortcutCard","TreeView","import_TreeView","aggregateData","barGeometry","import_ganttMath","calculatePercentageChange","calculateTrend","computeEventMoveRange","computeGanttRange","computeResizeRange","import_calendarMath","createRangeFromDrag","dateToX","dxToDayDelta","eventAccessibleLabel","eventChipTextColor","findDayKeyAtPoint","formatTimeRangeLabel","ganttTaskAccessibleLabel","generateTicks","layoutDayBlocks","moveFocusDate","moveFocusSlot","moveRangeToSlot","normalizeSpanEdges"],"sources":["../../../src/views/index.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","__reExport","mod","secondTarget","__toCommonJS","value","views_exports","Calendar","import_Calendar","ChartCard","import_Dashboard","Dashboard","GanttView","import_Gantt","ImageGrid","import_ImageGrid","KPICard","Kanban","import_Kanban","List","import_List","ListCard","ListRow","ListRowMeta","MS_PER_DAY","import_ganttMath","ProgressCard","ReportBuilder","import_ReportBuilder","ShortcutCard","TreeView","import_TreeView","addDays","aggregateData","barGeometry","calculatePercentageChange","calculateTrend","clampResizeDayDelta","computeEventMoveRange","computeGanttRange","computeResizeRange","import_calendarMath","createRangeFromDrag","dateLineX","dateToX","dayDiff","dxToDayDelta","eventAccessibleLabel","eventChipTextColor","findDayKeyAtPoint","formatRangeLabel","formatSpanLabel","formatTimeRangeLabel","ganttTaskAccessibleLabel","generateTicks","isBoundedSpan","isEternalSpan","layoutDayBlocks","moveFocusDate","moveFocusSlot","moveRangeToSlot","normalizeSpanEdges","openBarGeometry","openSpanExtent","openSpanExtents","openSpanLabelParts","rangeDays","renumberIdx","import_kanbanDnd","resizeSpanByDays","resolveTrendColor","scrollAnchorX","shiftSpanByDays","snapMinutes","spanInclusiveDays"],"sources":["../../../src/views/index.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "7.7.6",
+  "version": "7.8.0",
   "description": "multiplatform.one ui components",
   "keywords": [
     "components",
@@ -59,8 +59,10 @@
     "@floating-ui/react": "^0.27.19",
     "@phosphor-icons/react": "^2.1.10",
     "@shopify/flash-list": "^2.3.1",
+    "@tamagui/core": "2.7.6",
     "@tamagui/font-inter": "2.7.6",
     "@tamagui/logo": "2.7.6",
+    "@tamagui/lucide-icons-2": "2.7.6",
     "@tamagui/react-native-media-driver": "2.7.6",
     "@tamagui/react-native-svg": "2.7.6",
     "@tamagui/shorthands": "2.7.6",
@@ -75,11 +77,11 @@
     "link": "^2.1.2",
     "shiki": "^4.0.2",
     "tamagui": "2.7.6",
-    "@multiplatform.one/forms": "7.7.6",
-    "@multiplatform.one/i18n": "7.7.6",
-    "@multiplatform.one/platform": "7.7.6",
-    "@multiplatform.one/router": "7.7.6",
-    "@multiplatform.one/theme": "7.7.6"
+    "@multiplatform.one/router": "7.8.0",
+    "@multiplatform.one/i18n": "7.8.0",
+    "@multiplatform.one/platform": "7.8.0",
+    "@multiplatform.one/theme": "7.8.0",
+    "@multiplatform.one/forms": "7.8.0"
   },
   "devDependencies": {
     "@tamagui/build": "2.7.6",
@@ -99,9 +101,9 @@
     "react-native-svg": "15.15.4",
     "react-native-web": "^0.21.2",
     "vitest": "^4.1.5",
-    "@multiplatform.one/config": "7.7.6",
-    "@multiplatform.one/storybook": "7.7.6",
-    "@multiplatform.one/test-utils": "7.7.6"
+    "@multiplatform.one/config": "7.8.0",
+    "@multiplatform.one/storybook": "7.8.0",
+    "@multiplatform.one/test-utils": "7.8.0"
   },
   "peerDependencies": {
     "@mdx-js/mdx": "^3.1.1",

package/src/Button.tsx

@@ -29,8 +29,16 @@ import {
   type ButtonProps as FormsButtonProps,
 } from "@multiplatform.one/forms";
 
-/** House Button API — the forms Button contract (raw `variant` included via TamaguiButtonProps). */
-export type ButtonProps = FormsButtonProps;
+/**
+ * House Button API — the forms Button contract, plus the raw-tamagui `variant`
+ * this shim exists to translate.
+ *
+ * MPO-91: the forms Button now OMITS `variant`, because it never read it and an
+ * inherited-but-ignored prop is how 75 call sites rendered filled while asking
+ * for outlined. So the prop is declared HERE, where something actually
+ * consumes it, instead of being inherited from a component that drops it.
+ */
+export type ButtonProps = FormsButtonProps & { variant?: "outlined" };
 
 export function Button({ variant, outlined, ...props }: ButtonProps) {
   // Raw-tamagui prop-compat: `variant="outlined"` is tamagui Button API that

package/src/Card.spec.tsx

@@ -1,12 +1,15 @@
-import { Preset, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Preset, useResolvedKnobs, type Knobs } from "@multiplatform.one/theme";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
 import { readFileSync } from "node:fs";
 import { join } from "node:path";
-import { cleanup } from "@testing-library/react";
-import { Card as TamaguiCard } from "tamagui";
+import { cleanup, render } from "@testing-library/react";
+import { defaultConfig } from "@tamagui/config/v5";
+import { Card as TamaguiCard, createTamagui, TamaguiProvider } from "tamagui";
 import { afterEach, describe, expect, it } from "vitest";
 import { Card, CardFooter, CardHeader } from "./Card";
 
+const cardConfig = createTamagui(defaultConfig);
+
 function readSibling(name: string) {
   return readFileSync(join(import.meta.dirname, name), "utf8");
 }
@@ -38,6 +41,75 @@ describe("Card R12 / LC-73 — NestedScale only, no Tint", () => {
 describe("Card host data attributes", () => {
   afterEach(cleanup);
 
+  for (const tier of ["content", "elevated"] as const) {
+    for (const [borderRadius, stop] of Object.entries({
+      none: 0,
+      small: 5,
+      medium: 9,
+      large: 16,
+      full: 50,
+    })) {
+      for (const [space, inset] of Object.entries({ small: 13, medium: 18, large: 32 })) {
+        it(`renders ${tier}/${borderRadius}/${space} with the documented cap`, () => {
+          const { container } = render(
+            <TamaguiProvider config={cardConfig} defaultTheme="light">
+              <Preset
+                overrides={{
+                  borderRadius: borderRadius as Knobs["borderRadius"],
+                  space: space as Knobs["space"],
+                  density: "comfortable",
+                }}
+              >
+                <Card tier={tier}>Measured Card</Card>
+              </Preset>
+            </TamaguiProvider>,
+          );
+          const frame = container.querySelector(`[data-tier="${tier}"]`)!;
+          const style = getComputedStyle(frame);
+          for (const corner of [
+            "borderTopLeftRadius",
+            "borderTopRightRadius",
+            "borderBottomRightRadius",
+            "borderBottomLeftRadius",
+          ] as const) {
+            expect(style[corner]).toBe(`${Math.min(stop, inset)}px`);
+          }
+          for (const side of [
+            "paddingTop",
+            "paddingRight",
+            "paddingBottom",
+            "paddingLeft",
+          ] as const) {
+            expect(style[side]).toBe(`${inset}px`);
+          }
+          expect(frame).toHaveAttribute("data-radius-knob", borderRadius);
+          expect(frame).toHaveAttribute("data-space-knob", space);
+        });
+      }
+    }
+  }
+
+  it("does not reclassify the feature identity recipe as a capped container", () => {
+    const { container } = renderWithProviders(<Card tier="feature">Feature</Card>);
+    expect(container.querySelector('[data-tier="feature"]')).not.toHaveAttribute(
+      "data-constraint-container",
+    );
+  });
+
+  it("declares effective nested radius and space without computing an audit verdict", () => {
+    const { container } = renderWithProviders(
+      <Preset overrides={{ borderRadius: "none", space: "large", density: "comfortable" }}>
+        <Preset overrides={{ borderRadius: "full", density: "compact" }}>
+          <Card tier="elevated">Nested</Card>
+        </Preset>
+      </Preset>,
+    );
+    const frame = container.querySelector('[data-tier="elevated"]');
+    expect(frame).toHaveAttribute("data-constraint-container", "Card");
+    expect(frame).toHaveAttribute("data-radius-knob", "full");
+    expect(frame).toHaveAttribute("data-space-knob", "medium");
+  });
+
   it("writes tier, density, nested-scale and nested-px onto the frame", () => {
     const { container } = renderWithProviders(
       <Card>
@@ -49,6 +121,7 @@ describe("Card host data attributes", () => {
     expect(frame.getAttribute("data-density")).toBe("comfortable");
     expect(frame.getAttribute("data-nested-scale")).toBe("root");
     expect(Number(frame.getAttribute("data-nested-px"))).toBeGreaterThan(0);
+    expect(frame.hasAttribute("dataset")).toBe(false);
   });
 
   it("elevated and feature tiers stamp data-tier", () => {

package/src/Card.stories.tsx

@@ -61,7 +61,7 @@ export const WithHeaderFooter: Story = {
       <Paragraph>Main content between header and footer.</Paragraph>
       <Card.Footer>
         <XStack gap="$2">
-          <Button variant="outlined">Cancel</Button>
+          <Button>Cancel</Button>
           <Button>Confirm</Button>
         </XStack>
       </Card.Footer>

package/src/Card.tsx

@@ -1,4 +1,4 @@
-import { Preset, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Preset, borderRadiusMap, useResolvedKnobs } from "@multiplatform.one/theme";
 import type { ReactNode } from "react";
 import { CardFooter } from "./CardFooter";
 import { CardHeader } from "./CardHeader";
@@ -69,6 +69,11 @@ function CardRoot({ children, tier = "content", ...props }: CardProps) {
         ? knobProps.featureSurface
         : knobProps.cardSurface;
   const nested = knobProps.density === "compact";
+  // Decode the uncapped token through the canonical map. This preserves the
+  // effective nested knob without asserting anything about the painted cap.
+  const radiusKnob = Object.entries(borderRadiusMap).find(
+    ([, token]) => token === knobProps.borderRadius.borderRadius,
+  )?.[0];
   // panelPadding first so tier recipes may override (feature uses a larger
   // inset); elevatedSurface carries no padding of its own.
   return (
@@ -81,6 +86,13 @@ function CardRoot({ children, tier = "content", ...props }: CardProps) {
         "data-density": knobProps.density,
         "data-nested-scale": nested ? "nested" : "root",
         "data-nested-px": String(knobProps.nestedControl.px),
+        ...(tier !== "feature" && radiusKnob
+          ? {
+              "data-constraint-container": "Card",
+              "data-radius-knob": radiusKnob,
+              "data-space-knob": knobProps.space,
+            }
+          : {}),
       })}
       {...props}
     >

package/src/CardFooter.stories.tsx

@@ -31,7 +31,7 @@ export const Default: Story = {
       <Card.Footer>
         Ready to submit
         <XStack gap="$2">
-          <Button variant="outlined">Cancel</Button>
+          <Button>Cancel</Button>
           <Button>Confirm</Button>
         </XStack>
       </Card.Footer>
@@ -55,12 +55,8 @@ export const ManyActionsNarrow: Story = {
         <Paragraph>Narrow card body.</Paragraph>
         <Card.Footer>
           <XStack gap="$2" flexWrap="wrap">
-            <Button size="$2" variant="outlined">
-              A very long action label
-            </Button>
-            <Button size="$2" variant="outlined">
-              Another action
-            </Button>
+            <Button size="$2">A very long action label</Button>
+            <Button size="$2">Another action</Button>
             <Button size="$2">Primary confirm</Button>
           </XStack>
         </Card.Footer>

package/src/CardFooter.tsx

@@ -8,7 +8,8 @@ import { wrapBareTextChildren } from "./shared/textRidesText";
  *
  * Nested hue is opt-in on the Card frame (R12) — this part does not wrap Tint.
  * NestedScale stays on Card (LC-73). This host is a zero-padding slot
- * (LC-09); T-BODY rides caption TEXT nodes (LC-82 / R7), never the View.
+ * (LC-09); children own their row layout and wrap within the card width.
+ * T-BODY rides caption TEXT nodes (LC-82 / R7), never the View.
  */
 
 export type CardFooterProps = ViewProps & { children?: ReactNode };
@@ -34,6 +35,7 @@ export function CardFooter({ children, ...props }: CardFooterProps) {
   return (
     <TamaguiCard.Footer
       padding={0}
+      flexDirection="column"
       {...knobProps.gap}
       {...hostData({ "data-slot": "footer" })}
       {...props}

package/src/CardHeader.stories.tsx

@@ -40,9 +40,7 @@ export const WithActions: Story = {
       <Card.Header>
         <XStack justifyContent="space-between" alignItems="center" gap="$2" flexWrap="wrap">
           <SizableText fontWeight="700">Header with actions</SizableText>
-          <Button size="$2" variant="outlined">
-            Edit
-          </Button>
+          <Button size="$2">Edit</Button>
         </XStack>
       </Card.Header>
     </Card>

package/src/Collapsible.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react-native-web-vite";
 import { Button } from "@multiplatform.one/forms";
-import { Text, YStack } from "tamagui";
-import { Collapsible } from "./tamagui";
+import { Text } from "./Text";
+import { Collapsible, YStack } from "./tamagui";
 
 const meta: Meta<typeof Collapsible> = {
   title: "Components/Collapsible",

package/src/CopyField/CopyField.spec.tsx

@@ -3,6 +3,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
 import { getToasts, resetToasts } from "../Toast/store";
 import { getFeedback, resetFeedback } from "../feedback/store";
+import { NotifyHost } from "../feedback";
 import { CopyField } from "./index";
 
 function copyOf(container: HTMLElement) {
@@ -35,13 +36,16 @@ describe("CopyField", () => {
     const copy = copyOf(result.container);
     if (!copy) throw new Error("copy not found");
     expect(copy.getAttribute("tabindex")).toBe("0");
+    expect(copy.getAttribute("aria-label")).toBe("Copy to clipboard");
     expect(copy.className).toMatch(/mp-chip-dismiss/);
     expect(copy.querySelector(".mp-chip-dismiss-ring")).not.toBeNull();
   });
 
   it("success routes through notify() as a one-line past-tense toast", async () => {
     const result = renderWithProviders(
-      <CopyField label="API token" value="mpo_live_4f2a9c81e0b3" />,
+      <NotifyHost>
+        <CopyField label="API token" value="mpo_live_4f2a9c81e0b3" />
+      </NotifyHost>,
     );
     const copy = copyOf(result.container);
     if (!copy) throw new Error("copy not found");
@@ -54,6 +58,11 @@ describe("CopyField", () => {
     expect(toast?.title).not.toMatch(/success/i);
     expect(getFeedback()).toHaveLength(0);
     expect(copyOf(result.container)?.querySelector(".mp-chip-dismiss-ring")).not.toBeNull();
+    expect(await result.findByText("Copied to clipboard.")).toBeInTheDocument();
+    await vi.waitFor(() => {
+      const live = document.querySelector("[aria-live]:not([aria-live='off'])");
+      expect(live?.textContent ?? "").toMatch(/Copied to clipboard/);
+    });
   });
 
   it("failure is a field-scoped inline alert and never a toast", async () => {
@@ -72,5 +81,61 @@ describe("CopyField", () => {
     expect(alert?.scope).toBe("field");
     expect(alert?.body).toBe("Copy failed.");
     expect(alert?.body).not.toMatch(/success/i);
+    expect(await result.findByText("Copy failed.")).toBeInTheDocument();
+  });
+
+  it("shows a failed copy only beside its own field and clears it after success", async () => {
+    const result = renderWithProviders(
+      <>
+        <div data-testid="first-copy">
+          <CopyField label="First token" value="first" />
+        </div>
+        <div data-testid="second-copy">
+          <CopyField label="Second token" value="second" />
+        </div>
+      </>,
+    );
+    const first = result.getByTestId("first-copy");
+    const second = result.getByTestId("second-copy");
+    writeText.mockRejectedValueOnce(new Error("Denied"));
+    fireEvent.click(copyOf(first)!);
+    await vi.waitFor(() => expect(first.textContent).toContain("Copy failed."));
+    expect(second.textContent).not.toContain("Copy failed.");
+    writeText.mockRejectedValueOnce(new Error("Denied"));
+    fireEvent.click(copyOf(second)!);
+    await vi.waitFor(() => expect(second.textContent).toContain("Copy failed."));
+    fireEvent.click(copyOf(first)!);
+    await vi.waitFor(() => expect(first.textContent).not.toContain("Copy failed."));
+    expect(second.textContent).toContain("Copy failed.");
+    expect(getToasts()).toHaveLength(1);
+  });
+
+  it("replaces repeated failures and removes its feedback on unmount", async () => {
+    writeText.mockRejectedValue(new Error("Denied"));
+    const result = renderWithProviders(<CopyField label="Token" value="first" />);
+    fireEvent.click(copyOf(result.container)!);
+    await vi.waitFor(() => expect(getFeedback()).toHaveLength(1));
+    fireEvent.click(copyOf(result.container)!);
+    await vi.waitFor(() => expect(writeText).toHaveBeenCalledTimes(2));
+    expect(result.getAllByText("Copy failed.")).toHaveLength(1);
+    expect(getFeedback()).toHaveLength(1);
+    result.unmount();
+    expect(getFeedback()).toHaveLength(0);
+  });
+
+  it("ignores a clipboard result after its field unmounts", async () => {
+    let rejectCopy!: (reason: Error) => void;
+    writeText.mockReturnValue(
+      new Promise((_, reject) => {
+        rejectCopy = reject;
+      }),
+    );
+    const result = renderWithProviders(<CopyField label="Token" value="first" />);
+    fireEvent.click(copyOf(result.container)!);
+    result.unmount();
+    rejectCopy(new Error("Denied"));
+    await new Promise((resolve) => setTimeout(resolve, 0));
+    expect(getFeedback()).toHaveLength(0);
+    expect(getToasts()).toHaveLength(0);
   });
 });

package/src/CopyField/index.tsx

@@ -12,15 +12,16 @@
 import { Input, type InputProps } from "@multiplatform.one/forms";
 import { YStack } from "tamagui";
 import { NotifyRegion } from "../feedback/NotifyHost";
-import { reportCopy } from "../feedback/copy";
+import { useCopyFeedback } from "../feedback/copy";
 
 export type CopyFieldProps = Omit<InputProps, "copy" | "onCopyResult" | "secureTextEntry">;
 
 export function CopyField(props: CopyFieldProps) {
+  const { region, report } = useCopyFeedback();
   return (
     <YStack width="100%">
-      <Input {...props} readOnly copy onCopyResult={reportCopy} />
-      <NotifyRegion scope="field" compact />
+      <Input {...props} readOnly copy onCopyResult={report} />
+      <NotifyRegion scope="field" region={region} compact />
     </YStack>
   );
 }

package/src/DropdownMenu/DropdownMenu.spec.tsx

@@ -1,4 +1,5 @@
-import { fireEvent, waitFor } from "@testing-library/react";
+import { useState } from "react";
+import { act, fireEvent, waitFor } from "@testing-library/react";
 import { __resetDevWarnSeen } from "@multiplatform.one/theme";
 import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import { renderWithProviders } from "@multiplatform.one/test-utils";
@@ -509,3 +510,113 @@ describe("DropdownMenu FloatingPanel cover contract", () => {
     expect(edit.getAttribute("data-mp-ring-offset")).toBe("0");
   });
 });
+
+describe("DropdownMenu.Content onCloseAutoFocus (MPO-29)", () => {
+  for (const preventRestore of [false, true]) {
+    it(`${preventRestore ? "suppresses" : "performs"} actual delayed trigger restoration on Escape`, async () => {
+      const onCloseAutoFocus = vi.fn((event) => {
+        if (preventRestore) event.preventDefault();
+      });
+      const result = renderWithProviders(
+        <DropdownMenu>
+          <DropdownMenu.Trigger asChild>
+            <Button>Heading</Button>
+          </DropdownMenu.Trigger>
+          <DropdownMenu.Content onCloseAutoFocus={onCloseAutoFocus}>
+            <DropdownMenu.Item>H1</DropdownMenu.Item>
+          </DropdownMenu.Content>
+        </DropdownMenu>,
+      );
+      const trigger = result.getByText("Heading").closest("button")!;
+      trigger.focus();
+      fireEvent.click(trigger);
+      await waitFor(() => expect(document.querySelector('[role="menuitem"]')).toBeTruthy());
+      const item = document.querySelector('[role="menuitem"]') as HTMLElement;
+      item.focus();
+      fireEvent.keyDown(item, { key: "Escape" });
+      await waitFor(() => expect(document.querySelector('[role="menu"]')).toBeFalsy());
+      await act(() => new Promise((resolve) => setTimeout(resolve, 400)));
+      expect(onCloseAutoFocus).toHaveBeenCalledTimes(1);
+      if (preventRestore) expect(document.activeElement).not.toBe(trigger);
+      else expect(document.activeElement).toBe(trigger);
+    });
+  }
+
+  it("fires once when an item select closes the menu", async () => {
+    const onCloseAutoFocus = vi.fn();
+    renderWithProviders(
+      <DropdownMenu defaultOpen>
+        <DropdownMenu.Trigger asChild>
+          <Button>Actions</Button>
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content onCloseAutoFocus={onCloseAutoFocus}>
+          <DropdownMenu.Item>Edit</DropdownMenu.Item>
+        </DropdownMenu.Content>
+      </DropdownMenu>,
+    );
+    await waitFor(() => {
+      expect(document.querySelector('[role="menu"]')).toBeTruthy();
+    });
+    fireEvent.click(document.querySelector('[role="menuitem"]') as HTMLElement);
+    await waitFor(() => {
+      expect(document.querySelector('[role="menu"]')).toBeFalsy();
+    });
+    expect(onCloseAutoFocus).toHaveBeenCalledTimes(1);
+    const event = onCloseAutoFocus.mock.calls[0][0] as {
+      preventDefault: () => void;
+      defaultPrevented: boolean;
+    };
+    expect(event.defaultPrevented).toBe(false);
+    event.preventDefault();
+    expect(event.defaultPrevented).toBe(true);
+  });
+
+  it("fires once when a closeOnSelect=false item closes via the parent open state", async () => {
+    // HeadingPicker / ListPicker / MoreDropdown: they keep closeOnSelect
+    // false so the item does not ctx.close(), then they setOpen(false)
+    // themselves after executeCommand. That is a controlled close, not
+    // ctx.close() and not FloatingPanel dismissing on its own.
+    const onCloseAutoFocus = vi.fn();
+    function Harness() {
+      const [open, setOpen] = useState(true);
+      return (
+        <DropdownMenu open={open} onOpenChange={setOpen}>
+          <DropdownMenu.Trigger asChild>
+            <Button>Heading</Button>
+          </DropdownMenu.Trigger>
+          <DropdownMenu.Content onCloseAutoFocus={onCloseAutoFocus}>
+            <DropdownMenu.Item closeOnSelect={false} onSelect={() => setOpen(false)}>
+              H1
+            </DropdownMenu.Item>
+          </DropdownMenu.Content>
+        </DropdownMenu>
+      );
+    }
+    renderWithProviders(<Harness />);
+    await waitFor(() => {
+      expect(document.querySelector('[role="menu"]')).toBeTruthy();
+    });
+    fireEvent.click(document.querySelector('[role="menuitem"]') as HTMLElement);
+    await waitFor(() => {
+      expect(document.querySelector('[role="menu"]')).toBeFalsy();
+    });
+    expect(onCloseAutoFocus).toHaveBeenCalledTimes(1);
+  });
+
+  it("puts Content aria-label on the role=menu node", async () => {
+    renderWithProviders(
+      <DropdownMenu defaultOpen>
+        <DropdownMenu.Trigger asChild>
+          <Button>Status</Button>
+        </DropdownMenu.Trigger>
+        <DropdownMenu.Content aria-label="Status">
+          <DropdownMenu.Item>Open</DropdownMenu.Item>
+        </DropdownMenu.Content>
+      </DropdownMenu>,
+    );
+    await waitFor(() => {
+      expect(document.querySelector('[role="menu"]')).toBeTruthy();
+    });
+    expect(document.querySelector('[role="menu"]')?.getAttribute("aria-label")).toBe("Status");
+  });
+});

package/src/DropdownMenu/DropdownMenu.stories.tsx

@@ -220,9 +220,7 @@ export const Controlled: Story = {
           >
             <Button>Controlled menu</Button>
           </DropdownMenu>
-          <Button variant="outlined" onPress={() => setOpen(!open)}>
-            Toggle from outside
-          </Button>
+          <Button onPress={() => setOpen(!open)}>Toggle from outside</Button>
         </XStack>
         <Text color="$color11" fontSize="$2">
           {last ? `Last action: ${last}` : "No action selected yet"}