panelui-native 0.84.0 → 0.86.0

package/lib/typescript/src/native/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/native/index.ts"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB;;;;;;;;;;;;WAYG;QACH,aAAa,CAAC,EAAE,OAAO,GAAG;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,UAAU,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QACvE;;;;;;;;;;;;;;;WAeG;QACH,cAAc,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;QAClD,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KACxB,CAAC,CAAC;IACH;;;;OAIG;IACH,UAAU,EAAE,aAAa,CAAC;QACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC,CAAC;IACH;;;;;OAKG;IACH,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG;QAC/C,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;KAC9C,CAAC;IACF,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;CACrD;AAKD;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,cAAc,GAAG,IAAI,CAgBnD;AAED,gEAAgE;AAChE,wBAAgB,WAAW,IAAI,OAAO,CAErC;AAED;;;;;;;;;;;;;GAaG;AACH,UAAU,gBAAgB;IACxB,WAAW,EAAE,CACX,KAAK,EACD,WAAW,GACX,UAAU,GACV,mBAAmB,GACnB,YAAY,GACZ,OAAO,GACP,gBAAgB,GAChB,OAAO,KACR,OAAO,CAAC;IACb,iBAAiB,EAAE,CACjB,KAAK,EAAE,WAAW,GAAG,SAAS,GAAG,kBAAkB,GAAG,QAAQ,EAC9D,YAAY,CAAC,EAAE,MAAM,KAClB,OAAO,CAAC;IACb,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,KAAK,OAAO,CAAC;IACtF;;;;;;;;;;;;OAYG;IACH,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACpD;AAED;;;;;;;;;GASG;AACH,UAAU,iBAAiB;IACzB,IAAI,EAAE,aAAa,CAAC;QAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,aAAa,CAAC,EAAE,OAAO,GAAG;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;YAAC,UAAU,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QACvE,cAAc,CAAC,EAAE,OAAO,CAAC;QACzB,KAAK,CAAC,EAAE,OAAO,CAAC;KACjB,CAAC,CAAC;IACH,UAAU,EAAE,aAAa,CAAC;QAAE,QAAQ,CAAC,EAAE,SAAS,CAAC;QAAC,aAAa,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,aAAa,CAAC;QACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;QACrB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;QACrD,gBAAgB,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;QACxE,SAAS,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;KAChE,CAAC,GAAG;QACH,OAAO,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;SAAE,CAAC,CAAC;QACjD,OAAO,EAAE,aAAa,CAAC;YAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;SAAE,CAAC,CAAC;KAClD,CAAC;CACH;AAKD,wBAAgB,UAAU,IAAI,iBAAiB,GAAG,IAAI,CAoBrD;AAKD,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAc7D;AAED;;;;;;;GAOG;AACH,UAAU,gBAAgB;IACxB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;CACxC;AAKD,wBAAgB,mBAAmB,IAAI,gBAAgB,GAAG,IAAI,CAc7D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/native/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/native/native-host.d.ts

@@ -0,0 +1,71 @@
+/**
+ * The host every native control is mounted in, told which appearance to draw.
+ *
+ * A hosting controller resolves its colour scheme from the trait environment
+ * it is placed in, which is the system appearance — not the theme the app is
+ * running. Those are the same thing only by coincidence: an app in a dark
+ * theme on a phone set to light gets a light platform control beside dark
+ * content, and a theme changed at runtime leaves the control where it was,
+ * because nothing in the trait environment moved.
+ *
+ * So the appearance is passed rather than inferred. `colorScheme` is the one
+ * theme signal the platform toolkit accepts, and this is the single place it
+ * is given.
+ *
+ * ```tsx
+ * const { Host, Switch: NativeSwitch } = nativeUI;
+ * <NativeHost host={Host} matchContents ignoreSafeArea="keyboard">
+ *   <NativeSwitch value={on} onValueChange={setOn} />
+ * </NativeHost>
+ * ```
+ *
+ * ## Why the host arrives as a prop
+ *
+ * There are two of them. The universal `Host` comes from `getNativeUI()` and
+ * the SwiftUI-only one from `getSwiftUI()`, and a caller has already resolved
+ * whichever it needs before it renders. Taking the component rather than
+ * resolving it again keeps this file free of the module bridge, which is what
+ * lets the bridge re-export it without the two importing each other.
+ *
+ * ## Why this is a component rather than a hook at each call site
+ *
+ * `useThemeMode` subscribes to theme changes, and a hook cannot be called
+ * conditionally — so reading it inside `Button` would put a subscription on
+ * every button in a list for a branch almost none of them take. Here the
+ * subscription exists only where a native host is actually mounted.
+ */
+import type { ComponentType, ReactNode } from 'react';
+/**
+ * What this renders the host with. A type alias rather than an interface, and
+ * that is load-bearing: only an alias gets an implicit index signature, which
+ * is what makes it assignable to the bridge's own `Host` prop type.
+ */
+type NativeHostRenderProps = {
+    children?: ReactNode;
+    colorScheme?: 'light' | 'dark';
+    matchContents?: boolean | {
+        vertical?: boolean;
+        horizontal?: boolean;
+    };
+    ignoreSafeArea?: 'all' | 'container' | 'keyboard';
+    style?: unknown;
+};
+export interface NativeHostProps {
+    /**
+     * The host component to render — `Host` from `getNativeUI()` for a portable
+     * control, or from `getSwiftUI()` for an iOS-only one.
+     */
+    host: ComponentType<NativeHostRenderProps>;
+    children?: ReactNode;
+    /** Whether the host resizes itself to the platform content. */
+    matchContents?: boolean | {
+        vertical?: boolean;
+        horizontal?: boolean;
+    };
+    /** Which safe areas the host lets the platform inset its content for. */
+    ignoreSafeArea?: 'all' | 'container' | 'keyboard';
+    style?: unknown;
+}
+export declare function NativeHost({ host: Host, children, ...props }: NativeHostProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=native-host.d.ts.map

package/lib/typescript/src/native/native-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-host.d.ts","sourceRoot":"","sources":["../../../../src/native/native-host.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD;;;;GAIG;AACH,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,cAAc,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,IAAI,EAAE,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,GAAG;QAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,yEAAyE;IACzE,cAAc,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,+BAQ7E"}

package/lib/typescript/src/primitives/glass.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../../../src/primitives/glass.tsx"],"names":[],"mappings":"AA6CA,OAAO,EAA8C,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAI1G,iDAAiD;AACjD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAkDrE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAqB,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAI,EACJ,MAAM,EACN,iBAA6B,EAC7B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BAwBZ;yBAjCe,KAAK"}
+{"version":3,"file":"glass.d.ts","sourceRoot":"","sources":["../../../../src/primitives/glass.tsx"],"names":[],"mappings":"AA6CA,OAAO,EAA8C,KAAK,SAAS,EAAkB,MAAM,cAAc,CAAC;AAK1G,iDAAiD;AACjD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAkDrE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,SAAqB,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAmB,EACnB,IAAI,EACJ,MAAM,EACN,iBAA6B,EAC7B,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,+BAmCZ;yBA5Ce,KAAK"}

package/lib/typescript/src/providers/panel-ui-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"panel-ui-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/panel-ui-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA4BrE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,UAAiB,GAClB,EAAE,oBAAoB,+BAiBtB"}
+{"version":3,"file":"panel-ui-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/panel-ui-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAwDrE,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,SAAS,EACT,UAAiB,GAClB,EAAE,oBAAoB,+BAqBtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "panelui-native",
-  "version": "0.84.0",
+  "version": "0.86.0",
   "description": "High-performance React Native UI components for Expo. Semantic design tokens, powered by Uniwind (Tailwind v4) and Reanimated.",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",
@@ -32,6 +32,16 @@
       "react-native": "./src/theme/use-theme.ts",
       "default": "./lib/module/theme/use-theme.js"
     },
+    "./icons": {
+      "types": "./lib/typescript/src/icons/index.d.ts",
+      "react-native": "./src/icons/index.tsx",
+      "default": "./lib/module/icons/index.js"
+    },
+    "./primitives/text": {
+      "types": "./lib/typescript/src/primitives/text.d.ts",
+      "react-native": "./src/primitives/text.tsx",
+      "default": "./lib/module/primitives/text.js"
+    },
     "./primitives/animated-pressable": {
       "types": "./lib/typescript/src/primitives/animated-pressable.d.ts",
       "react-native": "./src/primitives/animated-pressable.tsx",

package/src/components/bottom-sheet/index.tsx

@@ -26,7 +26,6 @@ import Animated, {
   FadeIn,
   cancelAnimation,
   interpolate,
-  SlideInDown,
   runOnJS,
   useAnimatedScrollHandler,
   useAnimatedStyle,
@@ -38,7 +37,7 @@ import Animated, {
 } from 'react-native-reanimated';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { tv } from 'tailwind-variants';
-import { getComposeModifiers, getNativeUI, getSwiftUIModifiers } from '../../native';
+import { NativeHost, getComposeModifiers, getNativeUI, getSwiftUIModifiers } from '../../native';
 import { XIcon } from '../../icons';
 import { ModalPortal } from '../../primitives/portal';
 import { Scrim } from '../../primitives/scrim';
@@ -75,12 +74,6 @@ const EXIT_SPRING = { duration: 380, dampingRatio: 1, overshootClamping: true }
 const DISMISS_DISTANCE = 120;
 const DISMISS_VELOCITY = 800;
 
-/*
- * Built once at module scope. A layout-animation builder constructed in render
- * is a new object every commit, and the sheet re-renders while it is open.
- */
-const ENTERING = SlideInDown.springify().dampingRatio(0.9).duration(420);
-
 /**
  * Where a flick would come to rest if it kept decelerating — Apple's
  * exponential-decay form.
@@ -407,7 +400,21 @@ function BottomSheetContent({
   const { height: screenHeight, width: screenWidth } = useWindowDimensions();
   const reducedMotion = useReducedMotion();
   const insets = useSafeAreaInsets();
-  const translateY = useSharedValue(0);
+  /*
+   * Starts off screen, and the entrance is this value moving to zero.
+   *
+   * It used to start at rest and hand the travel to a `SlideInDown` layout
+   * animation, which is a different mechanism with a different owner: the
+   * backdrop is interpolated from `translateY`, so a sheet parked at that
+   * animation's initial offset while `translateY` read zero drew a fully opaque
+   * scrim over an empty screen. A layout animation that does not replay on a
+   * remount inside the portal — two sheets sharing a screen is enough — left it
+   * there for good, with no way back.
+   *
+   * Under reduced motion there is no travel to make, so it starts at rest and
+   * the scrim's fade carries the change on its own.
+   */
+  const translateY = useSharedValue(reducedMotion ? 0 : screenHeight);
   const closeTint = useCSSVariable('--color-muted-foreground');
   // Read unconditionally, used only by the native branch: the platform draws
   // that sheet's container, so a token can only reach it as a colour handed
@@ -456,10 +463,13 @@ function BottomSheetContent({
     if (open) {
       cancelAnimation(translateY);
       if (!presented) {
-        // A fresh mount starts at rest and ENTERING does the travel. Catching
-        // one that is still on screen must not reset it under the finger, so
-        // this only runs when the sheet had actually gone.
-        translateY.value = 0;
+        /*
+         * A fresh mount starts off screen and this effect's own re-run — it
+         * depends on `presented` — springs it up. Catching one that is still on
+         * screen must not reset it under the finger, so this only runs when the
+         * sheet had actually gone.
+         */
+        translateY.value = reducedMotion ? 0 : screenHeight;
         setPresented(true);
         return;
       }
@@ -700,7 +710,12 @@ function BottomSheetContent({
     // sheet cannot measure RN views directly. Without it the sheet sizes to
     // nothing and the content spills outside its container.
     return (
-      <Host matchContents ignoreSafeArea="keyboard" style={{ position: 'absolute' }}>
+      <NativeHost
+        host={Host}
+        matchContents
+        ignoreSafeArea="keyboard"
+        style={{ position: 'absolute' }}
+      >
         <NativeBottomSheet
           isPresented={nativePresented}
           onDismiss={onNativeDismiss}
@@ -734,7 +749,7 @@ function BottomSheetContent({
             </BottomSheetContext.Provider>
           </RNHostView>
         </NativeBottomSheet>
-      </Host>
+      </NativeHost>
     );
   }
 
@@ -774,7 +789,7 @@ function BottomSheetContent({
              * state change still has to be legible, and it is the travel that
              * setting is about.
              */
-            entering={reducedMotion ? FadeIn.duration(150) : ENTERING}
+            entering={reducedMotion ? FadeIn.duration(150) : undefined}
             accessibilityViewIsModal
             className={sheetVariants({ detached, className })}
             {...props}

package/src/components/button/index.tsx

@@ -9,7 +9,7 @@ import {
 import { Text, textChildren } from '../../primitives/text';
 import { cn } from '../../utils/cn';
 import { IconColorProvider } from '../../icons';
-import { getNativeUI, getSwiftUIModifiers } from '../../native';
+import { NativeHost, getNativeUI, getSwiftUIModifiers } from '../../native';
 import { Spinner } from '../spinner';
 
 const buttonVariants = tv({
@@ -233,13 +233,15 @@ export interface ButtonProps
 /**
  * Height given to the platform button, matching the styled scale above.
  *
- * It goes on the button rather than on the host, and that distinction is the
- * whole fix for the jump. A host sized to a number with an unsized control
- * inside it hands the platform a box the control never agreed to: SwiftUI and
- * Compose both lay out against their own intrinsic size and only settle into
- * the box when something forces a second pass — which for a button is the
- * first press. Given a definite height of its own, the button has nothing left
- * to recompute, and the host follows it with `matchContents`.
+ * It goes on the host as well as on the button, and the host is the half that
+ * stops the jump. `matchContents` does not mean "size the host once" — it
+ * means the host keeps its React Native box equal to whatever SwiftUI most
+ * recently laid out, and a button laying itself out again is what a press is.
+ * So the box moved under the press, and everything below it moved with it.
+ *
+ * A height we already know is not a question worth asking the platform, so it
+ * is not asked: the host states it, and `matchContents` is narrowed to the
+ * axis that is genuinely unknown. See the host in the native branch below.
  */
 const NATIVE_HEIGHT: Record<NonNullable<ButtonVariantProps['size']>, number> = {
   sm: 36,
@@ -402,8 +404,31 @@ export const Button = forwardRef<View, ButtonProps>(
        */
       const nativeContent = prominent ? '#ffffff' : contentColor;
 
+      /*
+       * The box React Native reserves for the platform button, stated rather
+       * than measured.
+       *
+       * An icon button is a square we chose, so both axes are known and the
+       * host is asked to match nothing. A labelled button's width is its
+       * text's and known only to the platform, so the height is stated and
+       * only the width is matched.
+       *
+       * Leaving both to `matchContents` is what made the button move on its
+       * first press: the host tracks SwiftUI's latest layout, and a pressed
+       * button lays out again.
+       */
+      const hostFrame =
+        resolvedSize === 'icon'
+          ? { width: NATIVE_ICON_FRAME, height: NATIVE_ICON_FRAME }
+          : { height: NATIVE_HEIGHT[resolvedSize ?? 'md'] };
+
       return (
-        <Host matchContents ignoreSafeArea="keyboard">
+        <NativeHost
+          host={Host}
+          matchContents={resolvedSize === 'icon' ? false : { horizontal: true }}
+          ignoreSafeArea="keyboard"
+          style={hostFrame}
+        >
           <NativeButton
             label={isStringLabel ? children : undefined}
             // The platform only reads a symbol beside a label it drew itself,
@@ -421,11 +446,7 @@ export const Button = forwardRef<View, ButtonProps>(
              * background around. The frame only has to be large enough to hold
              * the result.
              */
-            style={
-              resolvedSize === 'icon'
-                ? { width: NATIVE_ICON_FRAME, height: NATIVE_ICON_FRAME }
-                : { height: NATIVE_HEIGHT[resolvedSize ?? 'md'] }
-            }
+            style={hostFrame}
             modifiers={nativeModifiers.length ? nativeModifiers : undefined}
             onPress={props.onPress}
           >
@@ -461,7 +482,7 @@ export const Button = forwardRef<View, ButtonProps>(
               </RNHostView>
             )}
           </NativeButton>
-        </Host>
+        </NativeHost>
       );
     }