@expo/ui 56.0.8 → 56.0.10

package/ios/State/ObservableState.swift

@@ -13,7 +13,18 @@ import SwiftUI
  *   Toggle(label, isOn: state.binding(false))
  */
 internal class ObservableState: SharedObject, ObservableObject {
-  @Published var value: Any?
+  var onChange: WorkletCallback?
+  private var isNotifying = false
+
+  @Published var value: Any? {
+    didSet {
+      // Skip re-invoking onChange if state.value was written from inside onChange.
+      guard !isNotifying else { return }
+      isNotifying = true
+      defer { isNotifying = false }
+      onChange?.invoke(arguments: [value ?? NSNull()])
+    }
+  }
 
   init(value: Any?) {
     self.value = value

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.md5

@@ -0,0 +1 @@
+3c31f1e06290c7a6bd79ca48f3891a26

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.sha1

@@ -0,0 +1 @@
+641e106db443c60a45679ceeb012d91ec9a8f92f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.sha256

@@ -0,0 +1 @@
+d6ac0beac572ce308b1132edea5636af62174f38717a944fe96c577764fe15d0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10-sources.jar.sha512

@@ -0,0 +1 @@
+767b2296610e6f8c7a584cc65177bb80da1d6ac06ca34fab03e1ecc261103e45b6ea3cc85df9b91d984dcfa8707392dc9353135245a7b88c25d7416498c9d57b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.md5

@@ -0,0 +1 @@
+fc36f9fce95048c28a4acc8b50509b30

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.sha1

@@ -0,0 +1 @@
+750d3c439cf2196017543dbf4c28e442c895c557

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.sha256

@@ -0,0 +1 @@
+ed094af4f078c995d22d917c31585c648c1183e1da60401608f75e3ad29bf052

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.aar.sha512

@@ -0,0 +1 @@
+b5c54535d0b6873bef37012f7f7e42c19624a7db690cac6b557fa7133c58d7bf2254857248138d5bed3283045f0cbf73312aa4b55842b1d7e550f6a7dc45bad9

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.8/expo.modules.ui-56.0.8.module → 56.0.10/expo.modules.ui-56.0.10.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "56.0.8",
+    "version": "56.0.10",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.8.aar",
-          "url": "expo.modules.ui-56.0.8.aar",
-          "size": 1742873,
-          "sha512": "8111a057a0454d1b10993b2fa75487a3c81d9a991aea915c827f4be17e240bac8114a7e3f7d4403302f97f68e255a52d3348f1cc83529dcba5bcb31b67295542",
-          "sha256": "16d55d07ff8c3287a906b606ab76bf0e2757895d0cf7777a97588daed1804943",
-          "sha1": "2d7e475d6bf490db454783e814b6d7bdf3a3656a",
-          "md5": "7d65df12a162b1158d8d3b62582b8ce9"
+          "name": "expo.modules.ui-56.0.10.aar",
+          "url": "expo.modules.ui-56.0.10.aar",
+          "size": 1836627,
+          "sha512": "b5c54535d0b6873bef37012f7f7e42c19624a7db690cac6b557fa7133c58d7bf2254857248138d5bed3283045f0cbf73312aa4b55842b1d7e550f6a7dc45bad9",
+          "sha256": "ed094af4f078c995d22d917c31585c648c1183e1da60401608f75e3ad29bf052",
+          "sha1": "750d3c439cf2196017543dbf4c28e442c895c557",
+          "md5": "fc36f9fce95048c28a4acc8b50509b30"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-56.0.8.aar",
-          "url": "expo.modules.ui-56.0.8.aar",
-          "size": 1742873,
-          "sha512": "8111a057a0454d1b10993b2fa75487a3c81d9a991aea915c827f4be17e240bac8114a7e3f7d4403302f97f68e255a52d3348f1cc83529dcba5bcb31b67295542",
-          "sha256": "16d55d07ff8c3287a906b606ab76bf0e2757895d0cf7777a97588daed1804943",
-          "sha1": "2d7e475d6bf490db454783e814b6d7bdf3a3656a",
-          "md5": "7d65df12a162b1158d8d3b62582b8ce9"
+          "name": "expo.modules.ui-56.0.10.aar",
+          "url": "expo.modules.ui-56.0.10.aar",
+          "size": 1836627,
+          "sha512": "b5c54535d0b6873bef37012f7f7e42c19624a7db690cac6b557fa7133c58d7bf2254857248138d5bed3283045f0cbf73312aa4b55842b1d7e550f6a7dc45bad9",
+          "sha256": "ed094af4f078c995d22d917c31585c648c1183e1da60401608f75e3ad29bf052",
+          "sha1": "750d3c439cf2196017543dbf4c28e442c895c557",
+          "md5": "fc36f9fce95048c28a4acc8b50509b30"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.8-sources.jar",
-          "url": "expo.modules.ui-56.0.8-sources.jar",
-          "size": 83317,
-          "sha512": "8e7857cfe9376c2a4fdda8902bdaa2c516b53b38366623f8b474f2dc518b39d7988490e8ef011302ec9443d0e60823ba61dadc4b2a2a836e0c576ee81ab817c8",
-          "sha256": "23ba3e9f955c4fbbc30d2d18e007b303692c56ab229f64092e2a21417c7b6fb3",
-          "sha1": "fed75afc6bc0231fa3cf65ec40bfbbbec4ee7203",
-          "md5": "7f944d9b9a5ef111622ffba70c2e3dce"
+          "name": "expo.modules.ui-56.0.10-sources.jar",
+          "url": "expo.modules.ui-56.0.10-sources.jar",
+          "size": 87285,
+          "sha512": "767b2296610e6f8c7a584cc65177bb80da1d6ac06ca34fab03e1ecc261103e45b6ea3cc85df9b91d984dcfa8707392dc9353135245a7b88c25d7416498c9d57b",
+          "sha256": "d6ac0beac572ce308b1132edea5636af62174f38717a944fe96c577764fe15d0",
+          "sha1": "641e106db443c60a45679ceeb012d91ec9a8f92f",
+          "md5": "3c31f1e06290c7a6bd79ca48f3891a26"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.md5

@@ -0,0 +1 @@
+b55341163a3ae06e2fefc06835b1393a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.sha1

@@ -0,0 +1 @@
+b71c8eb0f34676f0c8f7a76488b7421f707ad21f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.sha256

@@ -0,0 +1 @@
+198b4ed7e41e942baee4eaa991399610ea101fde8bce73d83566ebf7df75055e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.module.sha512

@@ -0,0 +1 @@
+4c42d995a74d8cabb4544a4980d91172391b55b23e59b31b52a3fdf0680dd86bc043f34e07051b8a1a2f7255b45b00ff86095cd42b8119fda709138805ca33cc

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.8/expo.modules.ui-56.0.8.pom → 56.0.10/expo.modules.ui-56.0.10.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>56.0.8</version>
+  <version>56.0.10</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.md5

@@ -0,0 +1 @@
+ad29a351aaea28c246a456f3ed5fbcaa

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.sha1

@@ -0,0 +1 @@
+b08134844384a6967513a2042a845a9293bbce8d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.sha256

@@ -0,0 +1 @@
+fb9ffc15a2534764d7862228b4b481c4735c3bed15bf9ca8c7c911e7c5d02a39

package/local-maven-repo/expo/modules/ui/expo.modules.ui/56.0.10/expo.modules.ui-56.0.10.pom.sha512

@@ -0,0 +1 @@
+e454207a2d765563864f1b57c3c597433df193a6cecf46c9a56f9acee6f88e028cf6d68505926f8e6ab2a1a95cf5664d608ca93c570e763fa81d1366013b2b12

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>56.0.8</latest>
-    <release>56.0.8</release>
+    <latest>56.0.10</latest>
+    <release>56.0.10</release>
     <versions>
-      <version>56.0.8</version>
+      <version>56.0.10</version>
     </versions>
-    <lastUpdated>20260515152508</lastUpdated>
+    <lastUpdated>20260520215036</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +1 @@
-07f7ee65741318dec532e697349df568
+1c8319dbe2c319d05f3defce9dfca28f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +1 @@
-0812a12fc3cc429e4a46d7001a5db9fa11faa5fa
+3f9e1260d005ec3203affdfa84145f38f93036a4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +1 @@
-4611d64d0e92ad43d8a487a107ee0422cff861f119287ec7e62fd006bf77ad3e
+194c899143ea1ebba6113856a373494144b8bb9307db4eeaeda9003c40bc1f50

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +1 @@
-4dff8d7ddda323e9df5ee3545288bede281b6a8d89687d580cfdc3502bf3a101ee1fcd95913fb8a5d761f109c74f00354f2e9b8b9d87177bc6f898777fb8b6a9
+d0e985d2f7d710a0b5c6b30cead38097e0174bd188c39296b33348f5749fa1b7351d08e4b823d12af2a708a0e1c69f7032a6e678c89d79dd3d9c0ff837cfbf36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "56.0.8",
+  "version": "56.0.10",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -55,6 +55,10 @@
       "types": "./build/community/menu/index.d.ts",
       "default": "./src/community/menu/index.tsx"
     },
+    "./community/pager-view": {
+      "types": "./build/community/pager-view/index.d.ts",
+      "default": "./src/community/pager-view/index.tsx"
+    },
     "./babel-plugin": {
       "types": "./plugin/babel-plugin.d.ts",
       "default": "./plugin/babel-plugin.js"
@@ -91,7 +95,7 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.3.1",
     "react-native-worklets": "0.8.3",
-    "expo": "56.0.0-preview.12",
+    "expo": "56.0.0",
     "expo-module-scripts": "56.0.2"
   },
   "jest": {
@@ -120,7 +124,7 @@
       "optional": true
     }
   },
-  "gitHead": "f26be3dd9396bf7c399a1d607865d0fabdbc0d64",
+  "gitHead": "c4c9867a0bcbb188e55ecaec4998e38d33108a5d",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/src/State/index.ts

@@ -0,0 +1,10 @@
+// Side-effect: installs the iOS UI worklet runtime and SharedObject
+// support in the worklet runtime. Routed through this barrel so the
+// installation happens exactly once per the bundler's module cache,
+// regardless of which entry consumers import from.
+import './index.fx';
+
+export { useNativeState, type ObservableState } from './useNativeState';
+export { useWorkletProp } from './useWorkletProp';
+export { worklets } from './optionalWorklets';
+export { getStateId } from './utils';

package/src/State/useNativeState.ts

@@ -12,11 +12,39 @@ const ExpoUI = requireNativeModule('ExpoUI');
  */
 export type ObservableState<T> = SharedObject & {
   /**
-   * The current value. Reads are safe from any thread; prefer writing from a worklet
-   * so the update runs on the native UI thread. Updating state from the JS thread
-   * might show a development warning.
+   * The current value.
+   *
+   * Writes from a UI worklet are synchronous and immediately readable. Writes
+   * from the JS thread are scheduled to the UI thread asynchronously, the new value is not readable until the update has been
+   * applied. Prefer writing from a worklet when you need synchronous updates
    */
   value: T;
+
+  /**
+   * A single listener invoked on the native UI runtime whenever the value changes
+   * (after iOS `didSet` and Android's setter). Assigning replaces the previous
+   * listener; assign `null` to clear. The initial value does not fire `onChange`.
+   *
+   * The callback must be a worklet so it can run synchronously on the UI thread.
+   * Attach it inside `useEffect` and clear it in the cleanup so the listener
+   * lifecycle matches the component lifecycle.
+   *
+   * @example
+   * ```tsx
+   * const state = useNativeState(0);
+   *
+   * useEffect(() => {
+   *   state.onChange = (value) => {
+   *     'worklet';
+   *     console.log('changed to', value);
+   *   };
+   *   return () => {
+   *     state.onChange = null;
+   *   };
+   * }, []);
+   * ```
+   */
+  onChange: { listener(value: T): void }['listener'] | null;
 };
 
 /**
@@ -28,6 +56,7 @@ export function useNativeState<T>(initialValue: T): ObservableState<T> {
   return useReleasingSharedObject(() => {
     const state = new ExpoUI.ObservableState({ value: initialValueRef.current });
     defineValueProperty(state);
+    defineOnChangeProperty(state);
     return state;
   }, []) as ObservableState<T>;
 }
@@ -35,6 +64,7 @@ export function useNativeState<T>(initialValue: T): ObservableState<T> {
 type NativeObservableState = {
   getValue(): unknown;
   setValue(v: { value: unknown }): void;
+  setOnChange(callback: object | null): void;
 };
 
 /**
@@ -58,3 +88,41 @@ function defineValueProperty(state: NativeObservableState): void {
     },
   });
 }
+
+/**
+ * Adds an `onChange` property that wraps the user's worklet function as a
+ * `WorkletCallback` SharedObject before handing it to native. The cached
+ * function (not the SharedObject) is what the getter returns, so reading
+ * `state.onChange` gives back what the user assigned.
+ */
+function defineOnChangeProperty(state: NativeObservableState): void {
+  let currentFn: ((value: unknown) => void) | null = null;
+  Object.defineProperty(state, 'onChange', {
+    get() {
+      return currentFn;
+    },
+    set(fn: ((value: unknown) => void) | null | undefined) {
+      if (!fn) {
+        currentFn = null;
+        state.setOnChange(null);
+        return;
+      }
+      if (!worklets) {
+        throw new Error(
+          "ObservableState.onChange requires the 'react-native-worklets' package, which couldn't be loaded. " +
+            'Install react-native-worklets and rebuild the native app, then assign onChange again.'
+        );
+      }
+      if (!worklets.isWorkletFunction(fn)) {
+        throw new Error(
+          'ObservableState.onChange must be a worklet so it can run on the UI runtime when the native value changes. ' +
+            "Add the 'worklet' directive as the first statement in your callback: " +
+            "state.onChange = (value) => { 'worklet'; ... };"
+        );
+      }
+      currentFn = fn;
+      const callback = new ExpoUI.WorkletCallback(worklets.createSerializable(fn));
+      state.setOnChange(callback);
+    },
+  });
+}

package/src/community/bottom-sheet/BottomSheet.ios.tsx

@@ -84,12 +84,6 @@ export function BottomSheet(props: BottomSheetProps) {
   } = props;
   const { width } = useWindowDimensions();
 
-  // Two-state pattern for animated close:
-  // - isMounted: whether the native sheet tree exists in the React tree
-  // - isPresented: passed to native isPresented prop (controls SwiftUI animation)
-  // On close: isPresented→false (native animates out) → onIsPresentedChange fires → isMounted→false (unmount)
-  // On open: isMounted→true + isPresented→true (mount + native animates in)
-  const [isMounted, setIsMounted] = useState(indexProp >= 0);
   const [isPresented, setIsPresented] = useState(indexProp >= 0);
   const [currentIndex, setCurrentIndex] = useState(Math.max(indexProp, 0));
   // Ref mirrors currentIndex for use in handleDetentChange without adding it as a useCallback dep
@@ -129,7 +123,6 @@ export function BottomSheet(props: BottomSheetProps) {
       fireCloseCallbacks();
     } else if (indexProp >= 0) {
       closedRef.current = false;
-      setIsMounted(true);
       setIsPresented(true);
       const clampedIndex = Math.min(indexProp, detents.length - 1);
       setCurrentIndex(clampedIndex);
@@ -141,7 +134,6 @@ export function BottomSheet(props: BottomSheetProps) {
     (presented: boolean) => {
       if (!presented) {
         setIsPresented(false);
-        setIsMounted(false);
         fireCloseCallbacks();
       }
     },
@@ -169,7 +161,6 @@ export function BottomSheet(props: BottomSheetProps) {
       }
       const clampedIndex = Math.min(Math.max(index, 0), detents.length - 1);
       closedRef.current = false;
-      setIsMounted(true);
       setIsPresented(true);
       currentIndexRef.current = clampedIndex;
       setCurrentIndex(clampedIndex);
@@ -224,14 +215,6 @@ export function BottomSheet(props: BottomSheetProps) {
     ]
   );
 
-  if (!isMounted) {
-    return (
-      <BottomSheetInternalContext.Provider value={internalContextValue}>
-        <BottomSheetContext.Provider value={methods}>{null}</BottomSheetContext.Provider>
-      </BottomSheetInternalContext.Provider>
-    );
-  }
-
   return (
     <BottomSheetInternalContext.Provider value={internalContextValue}>
       <BottomSheetContext.Provider value={methods}>

package/src/community/pager-view/PagerView.android.tsx

@@ -0,0 +1,223 @@
+import {
+  Children,
+  isValidElement,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState,
+  type ReactElement,
+} from 'react';
+import { StyleSheet } from 'react-native';
+
+import { wrapNativeEvent, type PagerViewProps } from './types';
+import { worklets } from '../../State';
+import { HorizontalPager, type HorizontalPagerHandle } from '../../jetpack-compose/HorizontalPager';
+import { Host } from '../../jetpack-compose/Host';
+import { RNHostView } from '../../jetpack-compose/RNHostView';
+import { type BuiltinShape, Shapes, clip, fillMaxSize } from '../../jetpack-compose/modifiers';
+
+/**
+ * Drop-in replacement for `react-native-pager-view` on Android.
+ * Renders a Jetpack Compose `HorizontalPager`.
+ */
+export function PagerView(props: PagerViewProps) {
+  const {
+    ref,
+    initialPage = 0,
+    scrollEnabled = true,
+    pageMargin,
+    offscreenPageLimit,
+    layoutDirection,
+    onPageScroll,
+    onPageScrollStateChanged,
+    onPageSelected,
+    children,
+    style,
+  } = props;
+
+  const pagerRef = useRef<HorizontalPagerHandle>(null);
+  const [scrollEnabledState, setScrollEnabledState] = useState(scrollEnabled);
+  useEffect(() => {
+    setScrollEnabledState(scrollEnabled);
+  }, [scrollEnabled]);
+
+  // Synthesize pager-view's `idle | dragging | settling` from Compose's raw
+  // signals: `isScrollInProgress` (drag or snap-animation in flight) plus
+  // drag interactions (start/stop/cancel).
+  const isScrollInProgressRef = useRef(false);
+  const isDraggingRef = useRef(false);
+  const lastEmittedScrollStateRef = useRef<'idle' | 'dragging' | 'settling' | null>(null);
+  const emitPageScrollStateIfChanged = (state: 'idle' | 'dragging' | 'settling') => {
+    if (state === lastEmittedScrollStateRef.current) return;
+    lastEmittedScrollStateRef.current = state;
+    onPageScrollStateChanged?.(wrapNativeEvent({ pageScrollState: state }));
+  };
+
+  useImperativeHandle(
+    ref,
+    () => ({
+      setPage: (page: number) => {
+        pagerRef.current?.animateScrollToPage(page);
+      },
+      setPageWithoutAnimation: (page: number) => {
+        pagerRef.current?.scrollToPage(page);
+      },
+      setScrollEnabled: setScrollEnabledState,
+    }),
+    []
+  );
+
+  const pages = Children.toArray(children)
+    .filter((child): child is ReactElement => isValidElement(child))
+    .map((child, index) => (
+      <RNHostView key={child.key ?? String(index)} modifiers={[fillMaxSize()]}>
+        {child}
+      </RNHostView>
+    ));
+
+  const pageScrollHandler = useMemo(
+    () => (onPageScroll ? buildOnPageScrollHandler(onPageScroll) : undefined),
+    [onPageScroll]
+  );
+
+  // RN's `borderRadius` on the host View doesn't reliably clip Compose's draw
+  // pass — translate it into a Compose `clip` modifier instead.
+  const pagerModifiers = [fillMaxSize()];
+  const cornerShape = borderRadiusShape(style, layoutDirection === 'rtl');
+  if (cornerShape) {
+    pagerModifiers.push(clip(cornerShape));
+  }
+
+  return (
+    <Host style={style ?? { flex: 1 }}>
+      <HorizontalPager
+        ref={pagerRef}
+        initialPage={initialPage}
+        userScrollEnabled={scrollEnabledState}
+        reverseLayout={layoutDirection === 'rtl'}
+        pageSpacing={pageMargin}
+        beyondViewportPageCount={offscreenPageLimit}
+        modifiers={pagerModifiers}
+        onSettledPageChange={(page) => {
+          onPageSelected?.(wrapNativeEvent({ position: page }));
+        }}
+        onPageScroll={pageScrollHandler}
+        onScrollInProgressChange={
+          onPageScrollStateChanged
+            ? (inProgress) => {
+                isScrollInProgressRef.current = inProgress;
+                if (!inProgress) {
+                  emitPageScrollStateIfChanged('idle');
+                } else if (!isDraggingRef.current) {
+                  emitPageScrollStateIfChanged('settling');
+                }
+              }
+            : undefined
+        }
+        onDragInteraction={
+          onPageScrollStateChanged
+            ? (kind) => {
+                if (kind === 'start') {
+                  isDraggingRef.current = true;
+                  emitPageScrollStateIfChanged('dragging');
+                } else {
+                  isDraggingRef.current = false;
+                  emitPageScrollStateIfChanged(isScrollInProgressRef.current ? 'settling' : 'idle');
+                }
+              }
+            : undefined
+        }>
+        {pages}
+      </HorizontalPager>
+    </Host>
+  );
+}
+
+// Compose's `(currentPage, fraction ∈ [-0.5, 0.5))` is anchored to the snapped
+// page; pager-view's `(position, offset ∈ [0, 1))` is anchored to the leading
+// page. Re-anchor negative fractions onto the previous page.
+function composePageToPageScroll(
+  currentPage: number,
+  currentPageOffsetFraction: number
+): { position: number; offset: number } {
+  'worklet';
+  if (currentPageOffsetFraction >= 0) {
+    return { position: currentPage, offset: currentPageOffsetFraction };
+  }
+  return { position: currentPage - 1, offset: 1 + currentPageOffsetFraction };
+}
+
+// Mirrors the worklet-ness of the user's callback so the per-frame mapping
+// stays on the UI runtime when the user is also on it.
+function buildOnPageScrollHandler(
+  userOnPageScroll: NonNullable<PagerViewProps['onPageScroll']>
+): (currentPage: number, currentPageOffsetFraction: number) => void {
+  if (worklets?.isWorkletFunction?.(userOnPageScroll)) {
+    return (currentPage, currentPageOffsetFraction) => {
+      'worklet';
+      userOnPageScroll(
+        wrapNativeEvent(composePageToPageScroll(currentPage, currentPageOffsetFraction))
+      );
+    };
+  }
+  return (currentPage, currentPageOffsetFraction) => {
+    userOnPageScroll(
+      wrapNativeEvent(composePageToPageScroll(currentPage, currentPageOffsetFraction))
+    );
+  };
+}
+
+// Translates RN border-radius style keys to a Compose `RoundedCornerShape`.
+// Physical (`borderTopLeftRadius`) and logical (`borderTopStartRadius`) keys
+// collapse onto Compose's start/end edges, swapped under RTL.
+function borderRadiusShape(style: PagerViewProps['style'], rtl: boolean): BuiltinShape | undefined {
+  const flat = StyleSheet.flatten(style) as Record<string, unknown> | undefined;
+  if (!flat) return undefined;
+  // Compose `RoundedCornerShape` only takes Dp (numeric); RN's string values
+  // like `'50%'` are dropped — `__DEV__` warns once so the no-clip isn't silent.
+  const num = (key: string): number | undefined => {
+    const v = flat[key];
+    if (typeof v === 'number') return v > 0 ? v : undefined;
+    if (__DEV__ && typeof v === 'string') {
+      warnAboutStringBorderRadiusOnce(key, v);
+    }
+    return undefined;
+  };
+  const uniform = num('borderRadius');
+  const topLeft = num('borderTopLeftRadius');
+  const topRight = num('borderTopRightRadius');
+  const bottomLeft = num('borderBottomLeftRadius');
+  const bottomRight = num('borderBottomRightRadius');
+  const topStart = num('borderTopStartRadius') ?? (rtl ? topRight : topLeft);
+  const topEnd = num('borderTopEndRadius') ?? (rtl ? topLeft : topRight);
+  const bottomStart = num('borderBottomStartRadius') ?? (rtl ? bottomRight : bottomLeft);
+  const bottomEnd = num('borderBottomEndRadius') ?? (rtl ? bottomLeft : bottomRight);
+  const hasPerCorner =
+    topStart != null || topEnd != null || bottomStart != null || bottomEnd != null;
+  if (hasPerCorner) {
+    const fallback = uniform ?? 0;
+    return Shapes.RoundedCorner({
+      topStart: topStart ?? fallback,
+      topEnd: topEnd ?? fallback,
+      bottomStart: bottomStart ?? fallback,
+      bottomEnd: bottomEnd ?? fallback,
+    });
+  }
+  if (uniform != null) {
+    return Shapes.RoundedCorner(uniform);
+  }
+  return undefined;
+}
+
+let didWarnStringBorderRadius = false;
+function warnAboutStringBorderRadiusOnce(key: string, value: string): void {
+  if (didWarnStringBorderRadius) return;
+  didWarnStringBorderRadius = true;
+  console.warn(
+    `[expo-ui PagerView] ${key}: ${JSON.stringify(value)} — string border-radius values ` +
+      `aren't supported on the Android pager (Jetpack Compose's RoundedCornerShape requires ` +
+      `numeric Dp values). The corner radius is being dropped, so the pager won't clip. ` +
+      `Use a numeric pixel value, or omit the style key.`
+  );
+}