@expo/ui 56.0.2 → 56.0.3

package/CHANGELOG.md

@@ -10,6 +10,10 @@
 
 ### 💡 Others
 
+## 56.0.3 — 2026-05-07
+
+_This version does not introduce any user-facing changes._
+
 ## 56.0.2 — 2026-05-06
 
 ### 🐛 Bug fixes
@@ -39,6 +43,7 @@ _This version does not introduce any user-facing changes._
 - [android] Add `colors` prop to `HorizontalFloatingToolbar` to override the variant's default toolbar and FAB container/content colors. ([#45244](https://github.com/expo/expo/pull/45244) by [@Ubax](https://github.com/Ubax))
 - [android] Added `HorizontalPager` component wrapping Compose's `HorizontalPager`. ([#45163](https://github.com/expo/expo/pull/45163) by [@vonovak](https://github.com/vonovak))
 - [compose] Added worklet and `ObservableState` support to `TextField`. Added `value` prop accepting `ObservableState<string | TextFieldValue>` (create via `useNativeState`). `onValueChange` now supports worklets for synchronous UI-thread updates. Added `TextFieldValue` type with `text` + `selection` for worklet-driven caret control. Replaced `defaultValue`, callers pass state via `useNativeState` or omit for an empty field. ([#45024](https://github.com/expo/expo/pull/45024) by [@nishan](https://github.com/intergalacticspacehighway))
+- Added `@expo/ui/community/masked-view` — a drop-in replacement for `@react-native-masked-view/masked-view`. ([#45488](https://github.com/expo/expo/pull/45488) by [@vonovak](https://github.com/vonovak))
 - [android] Add `WorkletCallback` shared object for synchronous UI thread callbacks. ([#44681](https://github.com/expo/expo/pull/44681) by [@nishan](https://github.com/intergalacticspacehighway))
 - [android] Add `ObservableState` shared object and `useNativeState` hook for controlling native Compose state from JS. ([#44655](https://github.com/expo/expo/pull/44655) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
 - [iOS] Added `Mask` component wrapping SwiftUI's `.mask(alignment:_:)` modifier, with a `Mask.Content` slot for the mask element. ([#44934](https://github.com/expo/expo/pull/44934) by [@vonovak](https://github.com/vonovak))

package/android/build.gradle

@@ -12,13 +12,13 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.ui'
-version = '56.0.2'
+version = '56.0.3'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "56.0.2"
+    versionName "56.0.3"
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
   buildFeatures {

package/android/src/main/java/expo/modules/ui/ExpoUIModule.kt

@@ -672,6 +672,12 @@ class ExpoUIModule : Module() {
       }
     }
 
+    ExpoUIView<MaskViewProps>("MaskView") {
+      Content { props ->
+        MaskViewContent(props)
+      }
+    }
+
     //endregion Expo UI views
   }
 }

package/android/src/main/java/expo/modules/ui/MaskView.kt

@@ -0,0 +1,56 @@
+package expo.modules.ui
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.drawWithContent
+import androidx.compose.ui.graphics.BlendMode
+import androidx.compose.ui.graphics.CompositingStrategy
+import androidx.compose.ui.graphics.graphicsLayer
+import androidx.compose.ui.graphics.layer.drawLayer
+import androidx.compose.ui.graphics.rememberGraphicsLayer
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.OptimizedComposeProps
+import expo.modules.ui.convertibles.ContentAlignment
+
+@OptimizedComposeProps
+data class MaskViewProps(
+  val alignment: ContentAlignment = ContentAlignment.CENTER,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.MaskViewContent(props: MaskViewProps) {
+  val maskSlotView = findChildSlotView(view, "content")
+  val maskLayer = rememberGraphicsLayer().apply { blendMode = BlendMode.DstIn }
+
+  Box(
+    modifier = ModifierRegistry
+      .applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+      .graphicsLayer { compositingStrategy = CompositingStrategy.Offscreen }
+      .drawWithContent {
+        drawContent()
+        drawLayer(maskLayer)
+      }
+  ) {
+    Children(UIComposableScope(), filter = { !isSlotView(it) })
+
+    if (maskSlotView != null) {
+      Box(
+        modifier = Modifier
+          .matchParentSize()
+          .drawWithContent {
+            maskLayer.record { this@drawWithContent.drawContent() }
+          },
+        contentAlignment = props.alignment.toComposeAlignment()
+      ) {
+        with(UIComposableScope()) {
+          with(maskSlotView) {
+            Content()
+          }
+        }
+      }
+    }
+  }
+}

package/build/community/masked-view/MaskedView.android.d.ts

@@ -0,0 +1,8 @@
+import type { MaskedViewProps } from './types';
+/**
+ * Android implementation of `MaskedView`. Bridges arbitrary React Native children
+ * (and `maskElement`) into the Compose `MaskView` primitive via `RNHostView`.
+ */
+export declare function MaskedView(props: MaskedViewProps): import("react/jsx-runtime").JSX.Element;
+export default MaskedView;
+//# sourceMappingURL=MaskedView.android.d.ts.map

package/build/community/masked-view/MaskedView.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedView.android.d.ts","sourceRoot":"","sources":["../../../src/community/masked-view/MaskedView.android.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAY/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkBhD;AAED,eAAe,UAAU,CAAC"}

package/build/community/masked-view/MaskedView.d.ts

@@ -0,0 +1,10 @@
+import type { MaskedViewProps } from './types';
+/**
+ * Renders `children` with the alpha channel of `maskElement` applied as a mask:
+ * opaque pixels of `maskElement` reveal `children`, transparent pixels hide them.
+ *
+ * API-compatible with `@react-native-masked-view/masked-view`.
+ */
+export declare function MaskedView(props: MaskedViewProps): import("react/jsx-runtime").JSX.Element;
+export default MaskedView;
+//# sourceMappingURL=MaskedView.d.ts.map

package/build/community/masked-view/MaskedView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedView.d.ts","sourceRoot":"","sources":["../../../src/community/masked-view/MaskedView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C;;;;;GAKG;AAGH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAgBhD;AAED,eAAe,UAAU,CAAC"}

package/build/community/masked-view/MaskedView.ios.d.ts

@@ -0,0 +1,8 @@
+import type { MaskedViewProps } from './types';
+/**
+ * iOS implementation of `MaskedView`. Bridges arbitrary React Native children
+ * (and `maskElement`) into the SwiftUI `Mask` primitive via `RNHostView`.
+ */
+export declare function MaskedView(props: MaskedViewProps): import("react/jsx-runtime").JSX.Element;
+export default MaskedView;
+//# sourceMappingURL=MaskedView.ios.d.ts.map

package/build/community/masked-view/MaskedView.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaskedView.ios.d.ts","sourceRoot":"","sources":["../../../src/community/masked-view/MaskedView.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAkBhD;AAED,eAAe,UAAU,CAAC"}

package/build/community/masked-view/index.d.ts

@@ -0,0 +1,4 @@
+export { MaskedView } from './MaskedView';
+export { MaskedView as default } from './MaskedView';
+export type { MaskedViewProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/build/community/masked-view/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/community/masked-view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/build/community/masked-view/types.d.ts

@@ -0,0 +1,19 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+/**
+ * Drop-in props for `@react-native-masked-view/masked-view`'s `MaskedView`.
+ *
+ * @see https://github.com/callstack/masked-view
+ */
+export interface MaskedViewProps extends ViewProps {
+    /**
+     * The element used as the mask. Only opaque pixels of `maskElement` make the
+     * masked content visible — transparent pixels hide it.
+     */
+    maskElement: ReactElement;
+    /**
+     * Content rendered behind the mask.
+     */
+    children?: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/build/community/masked-view/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/community/masked-view/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD;;;OAGG;IACH,WAAW,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

package/build/community/picker/Picker.android.d.ts

@@ -1,3 +1,11 @@
-import { type PickerWithItems } from './types';
-export declare const Picker: PickerWithItems;
+import * as React from 'react';
+import { type PickerItemProps, type PickerItemValue, type PickerProps } from './types';
+/**
+ * A drop-in replacement for `@react-native-picker/picker` on Android.
+ * Renders a Material 3 `ExposedDropdownMenuBox` wrapped in a Host.
+ */
+export declare function Picker<T extends PickerItemValue>(props: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Picker {
+    var Item: React.ComponentType<PickerItemProps>;
+}
 //# sourceMappingURL=Picker.android.d.ts.map

package/build/community/picker/Picker.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.android.d.ts","sourceRoot":"","sources":["../../../src/community/picker/Picker.android.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAGrB,MAAM,SAAS,CAAC;AAyDjB,eAAO,MAAM,MAAM,EAAE,eAAiE,CAAC"}
+{"version":3,"file":"Picker.android.d.ts","sourceRoot":"","sources":["../../../src/community/picker/Picker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAYjB;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CA8CtE;yBA9Ce,MAAM"}

package/build/community/picker/Picker.d.ts

@@ -1,3 +1,11 @@
-import { type PickerWithItems } from './types';
-export declare const Picker: PickerWithItems;
+import * as React from 'react';
+import { type PickerItemProps, type PickerItemValue, type PickerProps } from './types';
+/**
+ * A drop-in replacement for `@react-native-picker/picker` on web.
+ * Renders a native `<select>` element.
+ */
+export declare function Picker<T extends PickerItemValue>(props: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Picker {
+    var Item: React.ComponentType<PickerItemProps>;
+}
 //# sourceMappingURL=Picker.d.ts.map

package/build/community/picker/Picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/community/picker/Picker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAGrB,MAAM,SAAS,CAAC;AA0CjB,eAAO,MAAM,MAAM,EAAE,eAAiE,CAAC"}
+{"version":3,"file":"Picker.d.ts","sourceRoot":"","sources":["../../../src/community/picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAEjB;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CAiCtE;yBAjCe,MAAM"}

package/build/community/picker/Picker.ios.d.ts

@@ -1,3 +1,11 @@
-import { type PickerWithItems } from './types';
-export declare const Picker: PickerWithItems;
+import * as React from 'react';
+import { type PickerItemProps, type PickerItemValue, type PickerProps } from './types';
+/**
+ * A drop-in replacement for `@react-native-picker/picker` on iOS.
+ * Renders a SwiftUI wheel picker wrapped in a Host.
+ */
+export declare function Picker<T extends PickerItemValue>(props: PickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace Picker {
+    var Item: React.ComponentType<PickerItemProps>;
+}
 //# sourceMappingURL=Picker.ios.d.ts.map

package/build/community/picker/Picker.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.ios.d.ts","sourceRoot":"","sources":["../../../src/community/picker/Picker.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,eAAe,EAGrB,MAAM,SAAS,CAAC;AAgEjB,eAAO,MAAM,MAAM,EAAE,eAAiE,CAAC"}
+{"version":3,"file":"Picker.ios.d.ts","sourceRoot":"","sources":["../../../src/community/picker/Picker.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,eAAe,EACpB,KAAK,WAAW,EACjB,MAAM,SAAS,CAAC;AAejB;;;GAGG;AACH,wBAAgB,MAAM,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,2CA8CtE;yBA9Ce,MAAM"}

package/build/community/picker/types.d.ts

@@ -1,11 +1,11 @@
 import { type Ref, type ReactNode, type ReactElement } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
 export type PickerItemValue = string | number | null;
 /**
  * Props for the `Picker.Item` component.
  * Compatible with `@react-native-picker/picker`.
  */
-export type PickerItemProps<T extends PickerItemValue> = {
+export type PickerItemProps<T extends PickerItemValue = PickerItemValue> = {
     /**
      * Display text for the item.
      */
@@ -15,15 +15,19 @@ export type PickerItemProps<T extends PickerItemValue> = {
      */
     value?: T;
     /**
-     * Text color for the item.
-     * @platform ios
+     * Text color for the item. Equivalent to setting `color` in the `style` prop.
      */
     color?: string;
     /**
-     * Custom font family for the item.
-     * @platform ios
+     * Custom font family for the item. Equivalent to setting `fontFamily` in the `style` prop.
      */
     fontFamily?: string;
+    /**
+     * Style applied to the item label. Only the following values take effect:
+     * `color`, `backgroundColor`, `fontFamily`, and `fontSize`. When also set
+     * via the top-level `color` or `fontFamily` props, values from `style` win.
+     */
+    style?: StyleProp<TextStyle>;
     /**
      * Whether the item is enabled.
      * @platform android
@@ -89,15 +93,13 @@ export type PickerRef = {
      */
     blur: () => void;
 };
-export type PickerWithItems = {
-    <T extends PickerItemValue>(props: PickerProps<T>): ReactElement | null;
-    Item: typeof PickerItem;
-};
 export type ExtractedPickerItem<T extends PickerItemValue = PickerItemValue> = {
     label: string;
     value: T;
     color?: string;
+    backgroundColor?: string;
     fontFamily?: string;
+    fontSize?: number;
     enabled?: boolean;
 };
 /**

package/build/community/picker/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/community/picker/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,IAAI;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAClD,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,GACzB,YAAY,GAAG,IAAI,CAErB;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACrE;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,CAAC,CAAC,SAAS,eAAe,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,GAAG,IAAI,CAAC;IACxE,IAAI,EAAE,OAAO,UAAU,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,eAAe,EAC1D,QAAQ,EAAE,SAAS,GAClB,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAa1B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/community/picker/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA4B,KAAK,GAAG,EAAE,KAAK,SAAS,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC9F,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1F,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAErD;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACzE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,CAAC;IACV;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;GAGG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,eAAe,EAClD,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,GACzB,YAAY,GAAG,IAAI,CAErB;AAED;;;GAGG;AACH,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IACrE;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB;;;OAGG;IACH,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,eAAe,GAAG,eAAe,IAAI;IAC7E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,eAAe,EAC1D,QAAQ,EAAE,SAAS,GAClB,mBAAmB,CAAC,CAAC,CAAC,EAAE,CAkB1B"}

package/build/jetpack-compose/modifiers/index.d.ts

@@ -82,7 +82,7 @@ export declare const imePadding: () => import("./createModifier").ModifierConfig
 export declare const offset: (x: number, y: number) => import("./createModifier").ModifierConfig;
 /**
  * Sets the background color.
- * @param color - Color string (hex, e.g., '#FF0000').
+ * @param color - A color string (hex, e.g., `'#FF0000'`).
  */
 export declare const background: (color: ColorValue) => import("./createModifier").ModifierConfig;
 /**

package/expo-module.config.json

@@ -10,7 +10,7 @@
     "publication": {
       "groupId": "expo.modules.ui",
       "artifactId": "expo.modules.ui",
-      "version": "56.0.2",
+      "version": "56.0.3",
       "repository": "local-maven-repo"
     }
   }

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

@@ -0,0 +1 @@
+813c4db4263146688584a4c5f309f653

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

@@ -0,0 +1 @@
+15482bf66b78fc5bb944571c2ee52b665c21b307

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

@@ -0,0 +1 @@
+e144b778f1df5f7e73be22ffe120819c376f3309599468cc22a5c5528ce3ad84

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

@@ -0,0 +1 @@
+788dc7a233524ec8b7eed4a0f242bf546284f3a2ea501806e2e90047c3221702430584413d684677dc330195a378feed1bb1956e2d980c8f689ebce716cf54b6

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

@@ -0,0 +1 @@
+ec6173e86a8ac7f1e588b08dc6ff96b1

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

@@ -0,0 +1 @@
+f071c18852f0767d13d3b64a54aac75cb42108bd

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

@@ -0,0 +1 @@
+c04258a22308940aa735f6f81a47fa83d842db257c39396b2e3d9007cb6802fb

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

@@ -0,0 +1 @@
+24e656ae1e397c8abea2fb5a2d49bc826a58f84afd58b3104ff22cede3fcf720f86ac532223279fa5efda5c402d0c75f3ab700bdcbb5b0847c2618028243c04c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.2/expo.modules.ui-56.0.2.module → 56.0.3/expo.modules.ui-56.0.3.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "56.0.2",
+    "version": "56.0.3",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.2.aar",
-          "url": "expo.modules.ui-56.0.2.aar",
-          "size": 1700493,
-          "sha512": "222495b3d9e3c00846f79962ed79cdd46c2a2a2df76077b8752576200bfd728c3cc885cc0e0762869c57b24391882b9ee65ffa3f02a2c2490faa44e983640dd4",
-          "sha256": "7c0946b01b4c9e3cc7c3790f36779a0d5ff3bb832562de233badb2168d613e45",
-          "sha1": "a60331ab720130c5c2ab6c627a68c5c8f15aa917",
-          "md5": "c9daa8165fdcd9ceb61785e0c560a949"
+          "name": "expo.modules.ui-56.0.3.aar",
+          "url": "expo.modules.ui-56.0.3.aar",
+          "size": 1740154,
+          "sha512": "24e656ae1e397c8abea2fb5a2d49bc826a58f84afd58b3104ff22cede3fcf720f86ac532223279fa5efda5c402d0c75f3ab700bdcbb5b0847c2618028243c04c",
+          "sha256": "c04258a22308940aa735f6f81a47fa83d842db257c39396b2e3d9007cb6802fb",
+          "sha1": "f071c18852f0767d13d3b64a54aac75cb42108bd",
+          "md5": "ec6173e86a8ac7f1e588b08dc6ff96b1"
         }
       ]
     },
@@ -135,19 +135,19 @@
           "group": "io.github.lukmccall.pika",
           "module": "pika-api",
           "version": {
-            "requires": "0.2.1-2.1.20"
+            "requires": "0.3.2"
           }
         }
       ],
       "files": [
         {
-          "name": "expo.modules.ui-56.0.2.aar",
-          "url": "expo.modules.ui-56.0.2.aar",
-          "size": 1700493,
-          "sha512": "222495b3d9e3c00846f79962ed79cdd46c2a2a2df76077b8752576200bfd728c3cc885cc0e0762869c57b24391882b9ee65ffa3f02a2c2490faa44e983640dd4",
-          "sha256": "7c0946b01b4c9e3cc7c3790f36779a0d5ff3bb832562de233badb2168d613e45",
-          "sha1": "a60331ab720130c5c2ab6c627a68c5c8f15aa917",
-          "md5": "c9daa8165fdcd9ceb61785e0c560a949"
+          "name": "expo.modules.ui-56.0.3.aar",
+          "url": "expo.modules.ui-56.0.3.aar",
+          "size": 1740154,
+          "sha512": "24e656ae1e397c8abea2fb5a2d49bc826a58f84afd58b3104ff22cede3fcf720f86ac532223279fa5efda5c402d0c75f3ab700bdcbb5b0847c2618028243c04c",
+          "sha256": "c04258a22308940aa735f6f81a47fa83d842db257c39396b2e3d9007cb6802fb",
+          "sha1": "f071c18852f0767d13d3b64a54aac75cb42108bd",
+          "md5": "ec6173e86a8ac7f1e588b08dc6ff96b1"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-56.0.2-sources.jar",
-          "url": "expo.modules.ui-56.0.2-sources.jar",
-          "size": 81393,
-          "sha512": "69bc561d70dc77219abb25903821b7f0f170b1a06c4cd40714ece8709b85404ad09bcd4fc9cbe67faf9a04e413a625e4880be8a5c78fd6426ed8f78f4b7ce4f6",
-          "sha256": "30e043f7f04143f7b44a22ed5db105d71be86f4aa49f21d082d3c9acd84ea32a",
-          "sha1": "fcc61a62df8eb780a822914cee4b167b6e70519d",
-          "md5": "25616b6077449f887cfccb76c53298bf"
+          "name": "expo.modules.ui-56.0.3-sources.jar",
+          "url": "expo.modules.ui-56.0.3-sources.jar",
+          "size": 82167,
+          "sha512": "788dc7a233524ec8b7eed4a0f242bf546284f3a2ea501806e2e90047c3221702430584413d684677dc330195a378feed1bb1956e2d980c8f689ebce716cf54b6",
+          "sha256": "e144b778f1df5f7e73be22ffe120819c376f3309599468cc22a5c5528ce3ad84",
+          "sha1": "15482bf66b78fc5bb944571c2ee52b665c21b307",
+          "md5": "813c4db4263146688584a4c5f309f653"
         }
       ]
     }

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

@@ -0,0 +1 @@
+9a80adc4e838c59474bb9026acd53433

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

@@ -0,0 +1 @@
+5a7ca98cf0b7d42beb78532a4de00ee4d1597e6e

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

@@ -0,0 +1 @@
+1b1e0569740ff5fbfa0a3412f1efbf8f7a5b3d577239f108ba4a5d51b39d41e6

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

@@ -0,0 +1 @@
+5d627db27038fcf6c659f4b5d030a112c19097b15258e490b60da47867204ddffed145a62b649b24be23e8ddb6668b98c31a14059489398be5c8f76782138a82

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{56.0.2/expo.modules.ui-56.0.2.pom → 56.0.3/expo.modules.ui-56.0.3.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>56.0.2</version>
+  <version>56.0.3</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>
@@ -117,7 +117,7 @@
     <dependency>
       <groupId>io.github.lukmccall.pika</groupId>
       <artifactId>pika-api</artifactId>
-      <version>0.2.1-2.1.20</version>
+      <version>0.3.2</version>
       <scope>runtime</scope>
     </dependency>
   </dependencies>

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

@@ -0,0 +1 @@
+0d85db163ef7ad2031fd783734fbbfc2

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

@@ -0,0 +1 @@
+b6801cacf665cc9e2aecf9d0bb04c98f0ed1aa29

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

@@ -0,0 +1 @@
+8879720c37c6bebdc6150d3fed464da86ddcece3b0e75759ce3ab7f48943fe06

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

@@ -0,0 +1 @@
+2ecda699c389b7f19611c8a6c00c5011f69fdfb9d25c02997f93ee1e8037fc441b499a230e68ad1683bd3a3f3b5e08c139e04268319788a2c9852eb148bbb356

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.2</latest>
-    <release>56.0.2</release>
+    <latest>56.0.3</latest>
+    <release>56.0.3</release>
     <versions>
-      <version>56.0.2</version>
+      <version>56.0.3</version>
     </versions>
-    <lastUpdated>20260506162907</lastUpdated>
+    <lastUpdated>20260507183248</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-62565e0bc43f40239455f1984b6f2783
+2702a9cd8caa702a371daaa128e279b6

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

@@ -1 +1 @@
-ede29291f881a1a89bcda42bec68cca142494629
+28b12bfa1f6047e1d7d83a26d0634e6ea132984d

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

@@ -1 +1 @@
-6b80d88f119d1131b0152eb0c2bc170614baac7a8b4b601c46f98e77b3e6e638
+bec6765e9b4021cab658bdd7166664ad2965e243fe454dceb03eee957a882710

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

@@ -1 +1 @@
-13ed149e856276890b0fdc417974b41e8064a36cf93e2a59e2f8fdc2bb19f3d4df19eb6ea0d10f28194231b9774a27eb05ae835f6ad5a1dcba7c63c3755e11ef
+7d81095908e1c9f3e0480cb0787557ebc93b0721ba5da187bbabf0b2efb1f05ca77ff00d9fac3de537706e203024f5439428a890074ef651b619864bd44e2d44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "56.0.2",
+  "version": "56.0.3",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -43,6 +43,10 @@
       "types": "./build/community/picker/index.d.ts",
       "default": "./src/community/picker/index.tsx"
     },
+    "./community/masked-view": {
+      "types": "./build/community/masked-view/index.d.ts",
+      "default": "./src/community/masked-view/index.tsx"
+    },
     "./babel-plugin": {
       "types": "./plugin/babel-plugin.d.ts",
       "default": "./plugin/babel-plugin.js"
@@ -79,8 +83,8 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.3.0",
     "react-native-worklets": "0.8.3",
-    "expo": "56.0.0-preview.3",
-    "expo-module-scripts": "56.0.1"
+    "expo": "56.0.0-preview.6",
+    "expo-module-scripts": "56.0.2"
   },
   "jest": {
     "preset": "expo-module-scripts"
@@ -108,7 +112,7 @@
       "optional": true
     }
   },
-  "gitHead": "71ec800b2fa6133d22d69b70945132e22f1b7ae8",
+  "gitHead": "d7b4e5edff4bf2e619d2c2f16d158798c6d592ef",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/src/community/masked-view/MaskedView.android.tsx

@@ -0,0 +1,40 @@
+import { requireNativeView } from 'expo';
+import { StyleSheet, View } from 'react-native';
+
+import type { MaskedViewProps } from './types';
+import { Host } from '../../jetpack-compose/Host';
+import { RNHostView } from '../../jetpack-compose/RNHostView';
+import { Slot } from '../../jetpack-compose/SlotView';
+import { fillMaxSize } from '../../jetpack-compose/modifiers';
+
+const MaskNativeView: React.ComponentType<{
+  alignment?: 'topStart';
+  modifiers?: ReturnType<typeof fillMaxSize>[];
+  children?: React.ReactNode;
+}> = requireNativeView('ExpoUI', 'MaskView');
+
+/**
+ * Android implementation of `MaskedView`. Bridges arbitrary React Native children
+ * (and `maskElement`) into the Compose `MaskView` primitive via `RNHostView`.
+ */
+export function MaskedView(props: MaskedViewProps) {
+  const { maskElement, children, style, ...viewProps } = props;
+  return (
+    <View {...viewProps} style={style}>
+      <Host style={StyleSheet.absoluteFill}>
+        <MaskNativeView alignment="topStart" modifiers={[fillMaxSize()]}>
+          <RNHostView modifiers={[fillMaxSize()]}>
+            <View style={[StyleSheet.absoluteFill, style]}>{children}</View>
+          </RNHostView>
+          <Slot slotName="content">
+            <RNHostView modifiers={[fillMaxSize()]}>
+              <View style={[StyleSheet.absoluteFill, style]}>{maskElement}</View>
+            </RNHostView>
+          </Slot>
+        </MaskNativeView>
+      </Host>
+    </View>
+  );
+}
+
+export default MaskedView;

package/src/community/masked-view/MaskedView.ios.tsx

@@ -0,0 +1,32 @@
+import { StyleSheet, View } from 'react-native';
+
+import type { MaskedViewProps } from './types';
+import { Host } from '../../swift-ui/Host';
+import { Mask } from '../../swift-ui/Mask';
+import { RNHostView } from '../../swift-ui/RNHostView';
+
+/**
+ * iOS implementation of `MaskedView`. Bridges arbitrary React Native children
+ * (and `maskElement`) into the SwiftUI `Mask` primitive via `RNHostView`.
+ */
+export function MaskedView(props: MaskedViewProps) {
+  const { maskElement, children, style, ...viewProps } = props;
+  return (
+    <View {...viewProps} style={style}>
+      <Host style={StyleSheet.absoluteFill}>
+        <Mask alignment="topLeading">
+          <RNHostView>
+            <View style={[StyleSheet.absoluteFill, style]}>{children}</View>
+          </RNHostView>
+          <Mask.Content>
+            <RNHostView>
+              <View style={[StyleSheet.absoluteFill, style]}>{maskElement}</View>
+            </RNHostView>
+          </Mask.Content>
+        </Mask>
+      </Host>
+    </View>
+  );
+}
+
+export default MaskedView;

package/src/community/masked-view/MaskedView.tsx

@@ -0,0 +1,34 @@
+import { useEffect } from 'react';
+import { View } from 'react-native';
+
+import type { MaskedViewProps } from './types';
+
+let warned = false;
+
+/**
+ * Renders `children` with the alpha channel of `maskElement` applied as a mask:
+ * opaque pixels of `maskElement` reveal `children`, transparent pixels hide them.
+ *
+ * API-compatible with `@react-native-masked-view/masked-view`.
+ */
+// This default file is used on platforms without a `.<platform>.tsx` override
+// (notably web). It renders children unmasked and warns once.
+export function MaskedView(props: MaskedViewProps) {
+  const { maskElement: _maskElement, children, style, ...rest } = props;
+  useEffect(() => {
+    if (!warned) {
+      warned = true;
+      console.warn(
+        '[@expo/ui/community/masked-view] MaskedView is not implemented on this platform. ' +
+          'Children will render without a mask.'
+      );
+    }
+  }, []);
+  return (
+    <View {...rest} style={style}>
+      {children}
+    </View>
+  );
+}
+
+export default MaskedView;

package/src/community/masked-view/index.tsx

@@ -0,0 +1,3 @@
+export { MaskedView } from './MaskedView';
+export { MaskedView as default } from './MaskedView';
+export type { MaskedViewProps } from './types';

package/src/community/masked-view/types.ts

@@ -0,0 +1,19 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { ViewProps } from 'react-native';
+
+/**
+ * Drop-in props for `@react-native-masked-view/masked-view`'s `MaskedView`.
+ *
+ * @see https://github.com/callstack/masked-view
+ */
+export interface MaskedViewProps extends ViewProps {
+  /**
+   * The element used as the mask. Only opaque pixels of `maskElement` make the
+   * masked content visible — transparent pixels hide it.
+   */
+  maskElement: ReactElement;
+  /**
+   * Content rendered behind the mask.
+   */
+  children?: ReactNode;
+}

package/src/community/picker/Picker.android.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import {
   extractPickerItems,
   PickerItem,
-  type PickerWithItems,
+  type PickerItemProps,
   type PickerItemValue,
   type PickerProps,
 } from './types';
@@ -22,7 +22,7 @@ import { menuAnchor } from '../../jetpack-compose/modifiers';
  * A drop-in replacement for `@react-native-picker/picker` on Android.
  * Renders a Material 3 `ExposedDropdownMenuBox` wrapped in a Host.
  */
-function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
+export function Picker<T extends PickerItemValue>(props: PickerProps<T>) {
   const { selectedValue, onValueChange, enabled, style, children, ref } = props;
   const items = extractPickerItems<T>(children);
   const [expanded, setExpanded] = React.useState(false);
@@ -52,7 +52,15 @@ function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
                 setExpanded(false);
               }}>
               <DropdownMenuItem.Text>
-                <Text>{item.label}</Text>
+                <Text
+                  color={item.color}
+                  style={{
+                    fontFamily: item.fontFamily,
+                    fontSize: item.fontSize,
+                    background: item.backgroundColor,
+                  }}>
+                  {item.label}
+                </Text>
               </DropdownMenuItem.Text>
             </DropdownMenuItem>
           ))}
@@ -62,5 +70,4 @@ function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
   );
 }
 
-PickerImpl.displayName = 'Picker';
-export const Picker: PickerWithItems = Object.assign(PickerImpl, { Item: PickerItem });
+Picker.Item = PickerItem as React.ComponentType<PickerItemProps>;

package/src/community/picker/Picker.ios.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import {
   extractPickerItems,
   PickerItem,
-  type PickerWithItems,
+  type PickerItemProps,
   type PickerItemValue,
   type PickerProps,
 } from './types';
@@ -11,6 +11,7 @@ import { Host } from '../../swift-ui/Host';
 import { Picker as SwiftUIPicker } from '../../swift-ui/Picker';
 import { Text } from '../../swift-ui/Text';
 import {
+  backgroundOverlay,
   disabled as disabledModifier,
   fixedSize,
   foregroundStyle,
@@ -24,7 +25,7 @@ import { type ModifierConfig } from '../../types';
  * A drop-in replacement for `@react-native-picker/picker` on iOS.
  * Renders a SwiftUI wheel picker wrapped in a Host.
  */
-function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
+export function Picker<T extends PickerItemValue>(props: PickerProps<T>) {
   const { selectedValue, onValueChange, enabled, style, children, ref } = props;
   const items = extractPickerItems<T>(children);
   const modifiers = [
@@ -55,8 +56,11 @@ function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
           if (item.color) {
             itemModifiers.push(foregroundStyle(item.color));
           }
-          if (item.fontFamily) {
-            itemModifiers.push(font({ family: item.fontFamily }));
+          if (item.fontFamily || item.fontSize != null) {
+            itemModifiers.push(font({ family: item.fontFamily, size: item.fontSize }));
+          }
+          if (item.backgroundColor) {
+            itemModifiers.push(backgroundOverlay({ color: item.backgroundColor }));
           }
           return (
             <Text key={String(item.value ?? index)} modifiers={itemModifiers}>
@@ -69,5 +73,4 @@ function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
   );
 }
 
-PickerImpl.displayName = 'Picker';
-export const Picker: PickerWithItems = Object.assign(PickerImpl, { Item: PickerItem });
+Picker.Item = PickerItem as React.ComponentType<PickerItemProps>;

package/src/community/picker/Picker.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import {
   extractPickerItems,
   PickerItem,
-  type PickerWithItems,
+  type PickerItemProps,
   type PickerItemValue,
   type PickerProps,
 } from './types';
@@ -12,7 +12,7 @@ import {
  * A drop-in replacement for `@react-native-picker/picker` on web.
  * Renders a native `<select>` element.
  */
-function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
+export function Picker<T extends PickerItemValue>(props: PickerProps<T>) {
   const { selectedValue, onValueChange, enabled, style, children, ref } = props;
   const items = extractPickerItems<T>(children);
   const selectRef = React.useRef<HTMLSelectElement>(null);
@@ -47,5 +47,4 @@ function PickerImpl<T extends PickerItemValue>(props: PickerProps<T>) {
   );
 }
 
-PickerImpl.displayName = 'Picker';
-export const Picker: PickerWithItems = Object.assign(PickerImpl, { Item: PickerItem });
+Picker.Item = PickerItem as React.ComponentType<PickerItemProps>;

package/src/community/picker/types.tsx

@@ -1,5 +1,5 @@
 import { Children, isValidElement, type Ref, type ReactNode, type ReactElement } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import { StyleSheet, type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
 
 export type PickerItemValue = string | number | null;
 
@@ -7,7 +7,7 @@ export type PickerItemValue = string | number | null;
  * Props for the `Picker.Item` component.
  * Compatible with `@react-native-picker/picker`.
  */
-export type PickerItemProps<T extends PickerItemValue> = {
+export type PickerItemProps<T extends PickerItemValue = PickerItemValue> = {
   /**
    * Display text for the item.
    */
@@ -17,15 +17,19 @@ export type PickerItemProps<T extends PickerItemValue> = {
    */
   value?: T;
   /**
-   * Text color for the item.
-   * @platform ios
+   * Text color for the item. Equivalent to setting `color` in the `style` prop.
    */
   color?: string;
   /**
-   * Custom font family for the item.
-   * @platform ios
+   * Custom font family for the item. Equivalent to setting `fontFamily` in the `style` prop.
    */
   fontFamily?: string;
+  /**
+   * Style applied to the item label. Only the following values take effect:
+   * `color`, `backgroundColor`, `fontFamily`, and `fontSize`. When also set
+   * via the top-level `color` or `fontFamily` props, values from `style` win.
+   */
+  style?: StyleProp<TextStyle>;
   /**
    * Whether the item is enabled.
    * @platform android
@@ -99,16 +103,13 @@ export type PickerRef = {
   blur: () => void;
 };
 
-export type PickerWithItems = {
-  <T extends PickerItemValue>(props: PickerProps<T>): ReactElement | null;
-  Item: typeof PickerItem;
-};
-
 export type ExtractedPickerItem<T extends PickerItemValue = PickerItemValue> = {
   label: string;
   value: T;
   color?: string;
+  backgroundColor?: string;
   fontFamily?: string;
+  fontSize?: number;
   enabled?: boolean;
 };
 
@@ -123,11 +124,16 @@ export function extractPickerItems<T extends PickerItemValue>(
       (child): child is ReactElement<PickerItemProps<T>> =>
         isValidElement(child) && child.type === PickerItem
     )
-    .map(({ props: { label = '', value, color, fontFamily, enabled } }) => ({
-      label,
-      value: value as T,
-      color,
-      fontFamily,
-      enabled,
-    }));
+    .map(({ props: { label = '', value, color, fontFamily, style, enabled } }) => {
+      const flat = StyleSheet.flatten(style);
+      return {
+        label,
+        value: value as T,
+        color: (flat?.color as string | undefined) ?? color,
+        backgroundColor: flat?.backgroundColor as string | undefined,
+        fontFamily: flat?.fontFamily ?? fontFamily,
+        fontSize: flat?.fontSize,
+        enabled,
+      };
+    });
 }

package/src/jetpack-compose/modifiers/index.ts

@@ -142,7 +142,7 @@ export const offset = (x: number, y: number) => createModifier('offset', { x, y
 
 /**
  * Sets the background color.
- * @param color - Color string (hex, e.g., '#FF0000').
+ * @param color - A color string (hex, e.g., `'#FF0000'`).
  */
 export const background = (color: ColorValue) => createModifier('background', { color });
 

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

@@ -1 +0,0 @@
-25616b6077449f887cfccb76c53298bf

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

@@ -1 +0,0 @@
-fcc61a62df8eb780a822914cee4b167b6e70519d

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

@@ -1 +0,0 @@
-30e043f7f04143f7b44a22ed5db105d71be86f4aa49f21d082d3c9acd84ea32a

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

@@ -1 +0,0 @@
-69bc561d70dc77219abb25903821b7f0f170b1a06c4cd40714ece8709b85404ad09bcd4fc9cbe67faf9a04e413a625e4880be8a5c78fd6426ed8f78f4b7ce4f6

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

@@ -1 +0,0 @@
-c9daa8165fdcd9ceb61785e0c560a949

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

@@ -1 +0,0 @@
-a60331ab720130c5c2ab6c627a68c5c8f15aa917

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

@@ -1 +0,0 @@
-7c0946b01b4c9e3cc7c3790f36779a0d5ff3bb832562de233badb2168d613e45

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

@@ -1 +0,0 @@
-222495b3d9e3c00846f79962ed79cdd46c2a2a2df76077b8752576200bfd728c3cc885cc0e0762869c57b24391882b9ee65ffa3f02a2c2490faa44e983640dd4

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

@@ -1 +0,0 @@
-fe21a3ebc77261ba42803b0badb6b4b0

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

@@ -1 +0,0 @@
-7462e9cebfaf3618633f57bc7ccb3b20a78b1535

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

@@ -1 +0,0 @@
-ee0321724e44b775e5f24bf1712946ac3d8e8d71fffb8f567cfd13a631a3fd49

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

@@ -1 +0,0 @@
-30a3a47f5c5c292e336d0eaf7363d8e4efabd422856c4012f90ae524197559a099c8bb06597ab67b976bd35f9dcd6db468520ab1c0460a6a057a1c117cb1ad8d

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

@@ -1 +0,0 @@
-c2c86437b146e2fb044d5ec4d1ecf5fe

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

@@ -1 +0,0 @@
-ae97b3c0a7e08063fe763d3aa22eb4a39d49e893

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

@@ -1 +0,0 @@
-94e0b9c22f4243dd3fae58fdff830551be50f8d9ee42e83c55c1dcb3dd50f6bb

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

@@ -1 +0,0 @@
-e716bb9fb13a6f3a41154d67632da322143d58a8313021c86a7725304a9b6159fb13672249e717876b6750f16d205dde1fd8291903c19e23835a3c626532ecfa