@multiplatform.one/forms 7.4.0 → 7.5.0

package/dist/cjs/AdaptivePopup/index.cjs

@@ -22,7 +22,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var AdaptivePopup_exports = {};
 __export(AdaptivePopup_exports, {
-  AdaptivePopup: () => AdaptivePopup
+  AdaptivePopup: () => AdaptivePopup,
+  pickAdaptivePopupFace: () => pickAdaptivePopupFace
 });
 module.exports = __toCommonJS(AdaptivePopup_exports);
 var import_react = require("react");
@@ -49,6 +50,24 @@ const sizeToHeight = {
   xl: "auto",
   fullscreen: "90vh"
 };
+function pickAdaptivePopupFace(options) {
+  if (options.viewportWidth <= import_theme.OVERLAY_BREAKPOINT) return "sheet";
+  if (options.size === "fullscreen") return "dialog";
+  if (options.face === "drawer") return "drawer";
+  return "dialog";
+}
+const overlayElevationShadow = {
+  shadowColor: "rgba(0,0,0,0.12)",
+  shadowOffset: {
+    width: 0,
+    height: 12
+  },
+  shadowOpacity: 1,
+  shadowRadius: 24
+};
+function readRtl() {
+  return import_tamagui.isWeb && typeof document !== "undefined" && document.documentElement.getAttribute("dir") === "rtl";
+}
 const overlayFrameFocus = {
   outlineWidth: 0,
   focusStyle: {
@@ -58,19 +77,6 @@ const overlayFrameFocus = {
     outlineWidth: 0
   }
 };
-function VisuallyHidden({
-  children
-}) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    position: "absolute",
-    width: 1,
-    height: 1,
-    overflow: "hidden",
-    opacity: 0,
-    pointerEvents: "none",
-    children
-  });
-}
 function PopupCloseButton({
   onPress
 }) {
@@ -136,6 +142,7 @@ function AdaptivePopup({
   description,
   children,
   size = "md",
+  face = "dialog",
   showCloseButton = true,
   footer,
   disabled
@@ -151,13 +158,24 @@ function AdaptivePopup({
   const media = (0, import_tamagui.useMedia)();
   const viewportGtSm = (0, import_FloatingPanel.useViewportGtSm)();
   const isDesktop = typeof window !== "undefined" ? viewportGtSm : media.sm === true;
-  (0, import_useSheetEscapeDismiss.useSheetEscapeDismiss)(open && !isDesktop, () => onOpenChange(false));
+  const renderedFace = pickAdaptivePopupFace({
+    face,
+    size,
+    viewportWidth: isDesktop ? import_theme.OVERLAY_BREAKPOINT + 1 : import_theme.OVERLAY_BREAKPOINT
+  });
+  const rtl = readRtl();
+  (0, import_useSheetEscapeDismiss.useSheetEscapeDismiss)(open && renderedFace === "sheet", () => onOpenChange(false));
   const sheetFrameRef = (0, import_react.useRef)(null);
-  (0, import_focusManagement.useReturnFocusOnClose)(open && isDesktop);
-  (0, import_focusManagement.useSheetModalFocus)(open && !isDesktop, sheetFrameRef);
+  (0, import_focusManagement.useReturnFocusOnClose)(open && renderedFace !== "sheet");
+  (0, import_focusManagement.useSheetModalFocus)(open && renderedFace === "sheet", sheetFrameRef);
   const maxWidth = sizeToWidth[size];
   const maxHeight = sizeToHeight[size];
   const closePx = nestedKnobs.nestedControl.px;
+  const drawerWidth = typeof maxWidth === "number" ? maxWidth : sizeToWidth.md;
+  const {
+    borderRadius: drawerFreeRadius,
+    ...drawerRadiusRest
+  } = knobProps.containerRadius;
   const openFromTrigger = (0, import_react.useCallback)(() => {
     if (!disabled) onOpenChange(true);
   }, [disabled, onOpenChange]);
@@ -199,7 +217,7 @@ function AdaptivePopup({
     flex: size === "fullscreen" ? 1 : void 0,
     position: "relative",
     ...knobProps.gap,
-    children: [!title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(VisuallyHidden, {
+    children: [!title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
         children: "Dialog"
       })
@@ -208,7 +226,7 @@ function AdaptivePopup({
       ...knobProps.label,
       color: import_colorRamps.formCommonColors.muted,
       children: description
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VisuallyHidden, {
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
         children: " "
       })
@@ -219,7 +237,7 @@ function AdaptivePopup({
       onPress: () => onOpenChange(false)
     }) : null]
   });
-  if (!isDesktop) {
+  if (renderedFace === "sheet") {
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [trigger && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         ...triggerWrap,
@@ -271,6 +289,104 @@ function AdaptivePopup({
       })]
     });
   }
+  if (renderedFace === "drawer") {
+    const attached = 0;
+    const free = drawerFreeRadius;
+    const drawerRadius = rtl ? {
+      borderTopLeftRadius: attached,
+      borderBottomLeftRadius: attached,
+      borderTopRightRadius: free,
+      borderBottomRightRadius: free
+    } : {
+      borderTopRightRadius: attached,
+      borderBottomRightRadius: attached,
+      borderTopLeftRadius: free,
+      borderBottomLeftRadius: free
+    };
+    const slideFromEnd = rtl ? -24 : 24;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
+      modal: true,
+      open,
+      onOpenChange,
+      children: [trigger && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
+        asChild: true,
+        disabled,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          ...triggerWrap,
+          children: trigger
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+        zIndex: import_zIndex.zIndex.dropdown,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+          backgroundColor: "$shadow6",
+          transition: knobProps.transition,
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Content, {
+          unstyled: true,
+          position: "fixed",
+          top: 0,
+          bottom: 0,
+          ...(rtl ? {
+            left: 0
+          } : {
+            right: 0
+          }),
+          height: "100%",
+          width: drawerWidth,
+          maxHeight: "100%",
+          margin: 0,
+          x: 0,
+          y: 0,
+          pointerEvents: "auto",
+          tabIndex: -1,
+          "data-testid": "adaptive-popup-surface",
+          "data-adaptive-popup-mode": "drawer",
+          "data-popup-ground": "$background",
+          "data-drawer-gap": "0",
+          "data-drawer-edge": "inline-end",
+          "data-popup-width": String(drawerWidth),
+          "data-drawer-attached-radius": "0",
+          ...knobProps.elevatedSurface,
+          ...drawerRadiusRest,
+          ...drawerRadius,
+          elevate: false,
+          elevation: knobProps.elevatedSurface.elevation,
+          ...overlayElevationShadow,
+          backgroundColor: "$background",
+          ...overlayFrameFocus,
+          transition: knobProps.transition,
+          animateOnly: ["transform", "opacity"],
+          enterStyle: {
+            opacity: 0,
+            x: slideFromEnd
+          },
+          exitStyle: {
+            opacity: 0,
+            x: slideFromEnd
+          },
+          ...knobProps.panelPadding,
+          onOpenAutoFocus: event => {
+            const root = event.currentTarget;
+            const field = root?.querySelector("input, textarea, select, [contenteditable='true']");
+            if (!field) return;
+            event.preventDefault();
+            field.focus({
+              preventScroll: true
+            });
+          },
+          onCloseAutoFocus: event => {
+            event.preventDefault();
+          },
+          children: body
+        }, "content")]
+      })]
+    });
+  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
     modal: true,
     open,
@@ -327,6 +443,9 @@ function AdaptivePopup({
             preventScroll: true
           });
         },
+        onCloseAutoFocus: event => {
+          event.preventDefault();
+        },
         children: body
       }, "content")]
     })]

package/dist/cjs/AdaptivePopup/index.native.js

@@ -24,7 +24,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var AdaptivePopup_exports = {};
 __export(AdaptivePopup_exports, {
-  AdaptivePopup: () => AdaptivePopup
+  AdaptivePopup: () => AdaptivePopup,
+  pickAdaptivePopupFace: () => pickAdaptivePopupFace
 });
 module.exports = __toCommonJS(AdaptivePopup_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -51,6 +52,24 @@ var sizeToHeight = {
   xl: "auto",
   fullscreen: "90vh"
 };
+function pickAdaptivePopupFace(options) {
+  if (options.viewportWidth <= import_theme.OVERLAY_BREAKPOINT) return "sheet";
+  if (options.size === "fullscreen") return "dialog";
+  if (options.face === "drawer") return "drawer";
+  return "dialog";
+}
+var overlayElevationShadow = {
+  shadowColor: "rgba(0,0,0,0.12)",
+  shadowOffset: {
+    width: 0,
+    height: 12
+  },
+  shadowOpacity: 1,
+  shadowRadius: 24
+};
+function readRtl() {
+  return import_tamagui.isWeb && typeof document !== "undefined" && document.documentElement.getAttribute("dir") === "rtl";
+}
 var overlayFrameFocus = {
   outlineWidth: 0,
   focusStyle: {
@@ -60,20 +79,6 @@ var overlayFrameFocus = {
     outlineWidth: 0
   }
 };
-function VisuallyHidden(param) {
-  var {
-    children
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    position: "absolute",
-    width: 1,
-    height: 1,
-    overflow: "hidden",
-    opacity: 0,
-    pointerEvents: "none",
-    children
-  });
-}
 function PopupCloseButton(param) {
   var {
     onPress
@@ -142,6 +147,7 @@ function AdaptivePopup(param) {
     description,
     children,
     size = "md",
+    face = "dialog",
     showCloseButton = true,
     footer,
     disabled
@@ -157,15 +163,26 @@ function AdaptivePopup(param) {
   var media = (0, import_tamagui.useMedia)();
   var viewportGtSm = (0, import_FloatingPanel.useViewportGtSm)();
   var isDesktop = typeof window !== "undefined" ? viewportGtSm : media.sm === true;
-  (0, import_useSheetEscapeDismiss.useSheetEscapeDismiss)(open && !isDesktop, function () {
+  var renderedFace = pickAdaptivePopupFace({
+    face,
+    size,
+    viewportWidth: isDesktop ? import_theme.OVERLAY_BREAKPOINT + 1 : import_theme.OVERLAY_BREAKPOINT
+  });
+  var rtl = readRtl();
+  (0, import_useSheetEscapeDismiss.useSheetEscapeDismiss)(open && renderedFace === "sheet", function () {
     return onOpenChange(false);
   });
   var sheetFrameRef = (0, import_react.useRef)(null);
-  (0, import_focusManagement.useReturnFocusOnClose)(open && isDesktop);
-  (0, import_focusManagement.useSheetModalFocus)(open && !isDesktop, sheetFrameRef);
+  (0, import_focusManagement.useReturnFocusOnClose)(open && renderedFace !== "sheet");
+  (0, import_focusManagement.useSheetModalFocus)(open && renderedFace === "sheet", sheetFrameRef);
   var maxWidth = sizeToWidth[size];
   var maxHeight = sizeToHeight[size];
   var closePx = nestedKnobs.nestedControl.px;
+  var drawerWidth = typeof maxWidth === "number" ? maxWidth : sizeToWidth.md;
+  var {
+    borderRadius: drawerFreeRadius,
+    ...drawerRadiusRest
+  } = knobProps.containerRadius;
   var openFromTrigger = (0, import_react.useCallback)(function () {
     if (!disabled) onOpenChange(true);
   }, [disabled, onOpenChange]);
@@ -207,7 +224,7 @@ function AdaptivePopup(param) {
     flex: size === "fullscreen" ? 1 : void 0,
     position: "relative",
     ...knobProps.gap,
-    children: [!title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(VisuallyHidden, {
+    children: [!title ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
         children: "Dialog"
       })
@@ -216,7 +233,7 @@ function AdaptivePopup(param) {
       ...knobProps.label,
       color: import_colorRamps.formCommonColors.muted,
       children: description
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(VisuallyHidden, {
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.VisuallyHidden, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
         children: " "
       })
@@ -229,7 +246,7 @@ function AdaptivePopup(param) {
       }
     }) : null]
   });
-  if (!isDesktop) {
+  if (renderedFace === "sheet") {
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
       children: [trigger && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         ...triggerWrap,
@@ -284,6 +301,104 @@ function AdaptivePopup(param) {
       })]
     });
   }
+  if (renderedFace === "drawer") {
+    var attached = 0;
+    var free = drawerFreeRadius;
+    var drawerRadius = rtl ? {
+      borderTopLeftRadius: attached,
+      borderBottomLeftRadius: attached,
+      borderTopRightRadius: free,
+      borderBottomRightRadius: free
+    } : {
+      borderTopRightRadius: attached,
+      borderBottomRightRadius: attached,
+      borderTopLeftRadius: free,
+      borderBottomLeftRadius: free
+    };
+    var slideFromEnd = rtl ? -24 : 24;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
+      modal: true,
+      open,
+      onOpenChange,
+      children: [trigger && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, {
+        asChild: true,
+        disabled,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+          ...triggerWrap,
+          children: trigger
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, {
+        zIndex: import_zIndex.zIndex.dropdown,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+          backgroundColor: "$shadow6",
+          transition: knobProps.transition,
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Content, {
+          unstyled: true,
+          position: "fixed",
+          top: 0,
+          bottom: 0,
+          ...(rtl ? {
+            left: 0
+          } : {
+            right: 0
+          }),
+          height: "100%",
+          width: drawerWidth,
+          maxHeight: "100%",
+          margin: 0,
+          x: 0,
+          y: 0,
+          pointerEvents: "auto",
+          tabIndex: -1,
+          "data-testid": "adaptive-popup-surface",
+          "data-adaptive-popup-mode": "drawer",
+          "data-popup-ground": "$background",
+          "data-drawer-gap": "0",
+          "data-drawer-edge": "inline-end",
+          "data-popup-width": String(drawerWidth),
+          "data-drawer-attached-radius": "0",
+          ...knobProps.elevatedSurface,
+          ...drawerRadiusRest,
+          ...drawerRadius,
+          elevate: false,
+          elevation: knobProps.elevatedSurface.elevation,
+          ...overlayElevationShadow,
+          backgroundColor: "$background",
+          ...overlayFrameFocus,
+          transition: knobProps.transition,
+          animateOnly: ["transform", "opacity"],
+          enterStyle: {
+            opacity: 0,
+            x: slideFromEnd
+          },
+          exitStyle: {
+            opacity: 0,
+            x: slideFromEnd
+          },
+          ...knobProps.panelPadding,
+          onOpenAutoFocus: function onOpenAutoFocus(event) {
+            var root = event.currentTarget;
+            var field = root === null || root === void 0 ? void 0 : root.querySelector("input, textarea, select, [contenteditable='true']");
+            if (!field) return;
+            event.preventDefault();
+            field.focus({
+              preventScroll: true
+            });
+          },
+          onCloseAutoFocus: function onCloseAutoFocus(event) {
+            event.preventDefault();
+          },
+          children: body
+        }, "content")]
+      })]
+    });
+  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Dialog, {
     modal: true,
     open,
@@ -344,6 +459,9 @@ function AdaptivePopup(param) {
             preventScroll: true
           });
         },
+        onCloseAutoFocus: function onCloseAutoFocus(event) {
+          event.preventDefault();
+        },
         children: body
       }, "content")]
     })]

package/dist/cjs/AdaptivePopup/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AdaptivePopup_exports","__export","AdaptivePopup","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_lucide_icons_2","import_colorRamps","import_focusManagement","import_useSheetEscapeDismiss","import_zIndex","import_FloatingPanel","sizeToWidth","sm","md","lg","xl","fullscreen","sizeToHeight","overlayFrameFocus","outlineWidth","focusStyle","focusVisibleStyle","VisuallyHidden","param","children","jsx","YStack","position","width","height","overflow","opacity","pointerEvents","PopupCloseButton","onPress","knobProps","useResolvedKnobs","compact","px","hitSlop","box","nestedControl","glyph","Math","max","round","onKeyDown","onKeyDown2","e","key","_e_preventDefault","preventDefault","call","View","top","right","zIndex","role","cursor","alignItems","justifyContent","borderRadius","pointy","ensureFocusVisibleRing","isWeb","tabIndex","accessible","accessibilityRole","accessibilityLabel","X","size","color","formCommonColors","muted","open","onOpenChange","trigger","title","description","showCloseButton","footer","disabled","nestedKnobs","media","useMedia","viewportGtSm","useViewportGtSm","isDesktop","window","useSheetEscapeDismiss","sheetFrameRef","useRef","useReturnFocusOnClose","useSheetModalFocus","maxWidth","maxHeight","closePx","openFromTrigger","useCallback","triggerActivation","onClickCapture","triggerWrap","headerContent","Unspaced","XStack","paddingRight","minHeight","flex","Dialog","Title","heading","footerContent","paddingTop","body","jsxs","gap","Description","label","Fragment","Sheet","modal","dismissOnSnapToBottom","dismissOnOverlayPress","moveOnKeyboardChange","snapPointsMode","snapPoints","sheet","transition","Overlay","backgroundColor","enterStyle","exitStyle","Handle","Frame","ref","unstyled"],"sources":["../../../src/AdaptivePopup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AdaptivePopup_exports","__export","AdaptivePopup","pickAdaptivePopupFace","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_lucide_icons_2","import_colorRamps","import_focusManagement","import_useSheetEscapeDismiss","import_zIndex","import_FloatingPanel","sizeToWidth","sm","md","lg","xl","fullscreen","sizeToHeight","options","viewportWidth","OVERLAY_BREAKPOINT","size","face","overlayElevationShadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","readRtl","isWeb","document","documentElement","getAttribute","overlayFrameFocus","outlineWidth","focusStyle","focusVisibleStyle","PopupCloseButton","param","onPress","knobProps","useResolvedKnobs","compact","px","hitSlop","box","nestedControl","glyph","Math","max","round","onKeyDown","onKeyDown2","e","key","_e_preventDefault","preventDefault","call","jsx","View","position","top","right","zIndex","role","cursor","alignItems","justifyContent","borderRadius","pointy","ensureFocusVisibleRing","tabIndex","accessible","accessibilityRole","accessibilityLabel","children","X","color","formCommonColors","muted","open","onOpenChange","trigger","title","description","showCloseButton","footer","disabled","nestedKnobs","media","useMedia","viewportGtSm","useViewportGtSm","isDesktop","window","renderedFace","rtl","useSheetEscapeDismiss","sheetFrameRef","useRef","useReturnFocusOnClose","useSheetModalFocus","maxWidth","maxHeight","closePx","drawerWidth","drawerFreeRadius","drawerRadiusRest","containerRadius","openFromTrigger","useCallback","triggerActivation","onClickCapture","triggerWrap","opacity","headerContent","Unspaced","XStack","paddingRight","minHeight","YStack","flex","Dialog","Title","heading","footerContent","paddingTop","body","jsxs","gap","VisuallyHidden","Description","label","Fragment","Sheet","modal","dismissOnSnapToBottom","dismissOnOverlayPress","moveOnKeyboardChange","snapPointsMode","snapPoints","sheet","transition","Overlay","backgroundColor","enterStyle","exitStyle","Handle","Frame","ref","unstyled","elevatedSurface","borderBottomLeftRadius","borderBottomRightRadius","panelPadding","attached","free","drawerRadius","borderTopLeftRadius","borderTopRightRadius","slideFromEnd","Trigger","asChild","Portal","dropdown","Content","bottom","left","margin","x","y","pointerEvents","String"],"sources":["../../../src/AdaptivePopup/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Button/index.cjs

@@ -159,7 +159,10 @@ const ButtonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   flexWrap: "nowrap",
   flexDirection: "row",
   backgroundColor: "$background",
-  borderColor: "$borderColor",
+  // MPO-19 X3 / tamagui-rendered-reference §6.1: every button carries a 1px
+  // border with a TRANSPARENT colour so filled and outlined share identical
+  // box geometry — only the outlined variant paints `$borderColor`.
+  borderColor: "transparent",
   outlineWidth: 0,
   hoverStyle: {
     backgroundColor: "$backgroundHover"
@@ -171,6 +174,7 @@ const ButtonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
     outlined: {
       true: {
         backgroundColor: "transparent",
+        borderColor: "$borderColor",
         borderWidth: 1,
         hoverStyle: {
           backgroundColor: "transparent"
@@ -313,7 +317,7 @@ function Button({
   const sizeProp = props.size;
   const resolvedSize = sizeProp ?? knobProps.sizeToken;
   const recipe = resolveButtonSizeRecipe(resolvedSize, recipeFamily);
-  const densityTight = compact === true;
+  const densityTight = compact !== void 0 ? compact === true : knobProps.density === "compact";
   const padX = buttonDensityPad(recipe.paddingHorizontal, densityTight);
   const innerGap = buttonDensityGap(recipe.gap, densityTight);
   if (skeleton) {
@@ -345,8 +349,7 @@ function Button({
   outlined = outlined ?? knobProps.outlined;
   const isLow = knobProps.textAccent === "low";
   const isMedium = knobProps.textAccent === "medium";
-  const baseBorderWidth = knobProps.borderRadius.borderWidth;
-  const resolvedBorderWidth = outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
+  const resolvedBorderWidth = knobProps.borderRadius.borderWidth;
   const [hovering, setHovering] = (0, import_react.useState)(false);
   const [pressing, setPressing] = (0, import_react.useState)(false);
   const handlePressIn = (0, import_react.useCallback)(() => {
@@ -360,6 +363,7 @@ function Button({
   }, []);
   const handlePressOut = (0, import_react.useCallback)(() => setPressing(false), []);
   const textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? import_colorRamps.formCommonColors.text : void 0;
+  const outlinedIntentInk = Boolean(outlined && intent && import_theme.solidButtonIntents.has(intent));
   const resolvedRole = actionRole ?? (accent ? "primary" : void 0);
   const labelFromParts = children == null && verb != null ? (0, import_actionLabel.formatActionLabel)({
     verb,
@@ -383,8 +387,11 @@ function Button({
     }),
     ...(textColor ? {
       color: textColor
+    } : outlinedIntentInk ? {
+      color: "$color11"
     } : void 0),
     ...(isDisabled ? disabledState.textKnobProps : void 0),
+    fontWeight: "400",
     transition: knobProps.transition,
     children: label
   }, key);
@@ -442,7 +449,9 @@ function Button({
     transition: knobProps.transition,
     ...knobProps.borderRadius,
     borderWidth: resolvedBorderWidth,
+    borderColor: outlined ? "$borderColor" : "transparent",
     size: resolvedSize,
+    ...(chromeless ? void 0 : knobProps.elevationChrome),
     elevation: knobProps.elevation,
     outlined,
     circular: !nested && isCircular ? true : void 0,
@@ -562,7 +571,7 @@ function Button({
       "data-mp-action-role": resolvedRole
     } : void 0),
     "data-mp-button-height": String(nested ? visualPx : isCircular ? Math.max(circularTokenPx, import_theme.MIN_PRESS_TARGET) : visualPx),
-    "data-mp-density": densityTight ? "compact" : knobProps.density,
+    "data-mp-density": densityTight ? "compact" : "comfortable",
     ...(selectedFill ? {
       "aria-pressed": true,
       "data-mp-selected": "true"

package/dist/cjs/Button/index.native.js

@@ -190,7 +190,10 @@ var ButtonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   flexWrap: "nowrap",
   flexDirection: "row",
   backgroundColor: "$background",
-  borderColor: "$borderColor",
+  // MPO-19 X3 / tamagui-rendered-reference §6.1: every button carries a 1px
+  // border with a TRANSPARENT colour so filled and outlined share identical
+  // box geometry — only the outlined variant paints `$borderColor`.
+  borderColor: "transparent",
   outlineWidth: 0,
   hoverStyle: {
     backgroundColor: "$backgroundHover"
@@ -202,6 +205,7 @@ var ButtonFrame = (0, import_tamagui.styled)(import_tamagui.View, {
     outlined: {
       true: {
         backgroundColor: "transparent",
+        borderColor: "$borderColor",
         borderWidth: 1,
         hoverStyle: {
           backgroundColor: "transparent"
@@ -350,7 +354,7 @@ function Button(param) {
   var sizeProp = props.size;
   var resolvedSize = sizeProp !== null && sizeProp !== void 0 ? sizeProp : knobProps.sizeToken;
   var recipe = resolveButtonSizeRecipe(resolvedSize, recipeFamily);
-  var densityTight = compact === true;
+  var densityTight = compact !== void 0 ? compact === true : knobProps.density === "compact";
   var padX = buttonDensityPad(recipe.paddingHorizontal, densityTight);
   var innerGap = buttonDensityGap(recipe.gap, densityTight);
   if (skeleton) {
@@ -383,8 +387,7 @@ function Button(param) {
   outlined = outlined !== null && outlined !== void 0 ? outlined : knobProps.outlined;
   var isLow = knobProps.textAccent === "low";
   var isMedium = knobProps.textAccent === "medium";
-  var baseBorderWidth = knobProps.borderRadius.borderWidth;
-  var resolvedBorderWidth = outlined ? Math.max(baseBorderWidth, 1) : baseBorderWidth;
+  var resolvedBorderWidth = knobProps.borderRadius.borderWidth;
   var [hovering, setHovering] = (0, import_react.useState)(false);
   var [pressing, setPressing] = (0, import_react.useState)(false);
   var handlePressIn = (0, import_react.useCallback)(function () {
@@ -402,6 +405,7 @@ function Button(param) {
     return setPressing(false);
   }, []);
   var textColor = isLow ? pressing ? textAccentLow.press : hovering ? textAccentLow.hover : textAccentLow.default : isMedium ? import_colorRamps.formCommonColors.text : void 0;
+  var outlinedIntentInk = Boolean(outlined && intent && import_theme.solidButtonIntents.has(intent));
   var resolvedRole = actionRole !== null && actionRole !== void 0 ? actionRole : accent ? "primary" : void 0;
   var labelFromParts = children == null && verb != null ? (0, import_actionLabel.formatActionLabel)({
     verb,
@@ -426,10 +430,15 @@ function Button(param) {
       }),
       ...(textColor ? {
         color: textColor
+      } : outlinedIntentInk ? {
+        color: "$color11"
       } : void 0),
       // LC-40: on the washed disabled chrome the label leaves the on-fill
       // foreground and pins to the lowest AA tier (keepLabel keeps >=4.5:1).
       ...(isDisabled ? disabledState.textKnobProps : void 0),
+      // Boards measure ink.weight on the TEXT NODE, never the frame.
+      // Regular 400 — SizableText size variants otherwise leak 500/600.
+      fontWeight: "400",
       transition: knobProps.transition,
       children: label
     }, key);
@@ -490,7 +499,13 @@ function Button(param) {
     transition: knobProps.transition,
     ...knobProps.borderRadius,
     borderWidth: resolvedBorderWidth,
+    // MPO-19 X3: the borderRadius knob fragment carries `$borderColor` for
+    // bordered chrome, but a filled Button's edge is transparent by contract
+    // (reference §6.1) — same-width invisible border keeps filled and
+    // outlined boxes identical without the filled one showing a ring.
+    borderColor: outlined ? "$borderColor" : "transparent",
     size: resolvedSize,
+    ...(chromeless ? void 0 : knobProps.elevationChrome),
     elevation: knobProps.elevation,
     outlined,
     circular: !nested && isCircular ? true : void 0,
@@ -637,7 +652,7 @@ function Button(param) {
       "data-mp-action-role": resolvedRole
     } : void 0),
     "data-mp-button-height": String(nested ? visualPx : isCircular ? Math.max(circularTokenPx, import_theme.MIN_PRESS_TARGET) : visualPx),
-    "data-mp-density": densityTight ? "compact" : knobProps.density,
+    "data-mp-density": densityTight ? "compact" : "comfortable",
     ...(selectedFill ? {
       "aria-pressed": true,
       "data-mp-selected": "true"