@expo/ui 57.0.22 → 57.0.23

package/ios/RNHostView.swift

@@ -4,7 +4,8 @@ import SwiftUI
 import ExpoModulesCore
 
 internal final class RNHostViewProps: ExpoSwiftUI.ViewProps {
-  @Field var matchContents: Bool = false
+  @Field var matchContentsHorizontal: Bool = false
+  @Field var matchContentsVertical: Bool = false
   /**
    Adds LeafNode and MeasurableYogaNode trait in Shadow node
    */
@@ -50,8 +51,13 @@ struct RNHostView: ExpoSwiftUI.View {
 
   @ViewBuilder
   private var hostedContent: some View {
-    if props.matchContents, let childUIView = firstChildUIView {
-      ApplySizeFromYogaNode(childUIView: childUIView) {
+    if matchesContents, let childUIView = firstChildUIView {
+      ApplySizeFromYogaNode(
+        childUIView: childUIView,
+        horizontal: props.matchContentsHorizontal,
+        vertical: props.matchContentsVertical,
+        shadowNodeProxy: props.shadowNodeProxy
+      ) {
         Children()
       }
       .onAppear {
@@ -62,7 +68,7 @@ struct RNHostView: ExpoSwiftUI.View {
       .onDisappear {
         touchHandler.detach()
       }
-    } else if props.matchContents {
+    } else if matchesContents {
       // No hosted UIView (a pure SwiftUI child, e.g. Text/Image). Render it at its
       // natural size instead of falling into the fill branch below, which would
       // stretch a self-sizing SwiftUI view to fill its container.
@@ -87,6 +93,10 @@ struct RNHostView: ExpoSwiftUI.View {
     }
   }
 
+  private var matchesContents: Bool {
+    props.matchContentsHorizontal || props.matchContentsVertical
+  }
+
   private var firstChildUIView: UIView? {
     props.children?.first?.uiView
   }
@@ -143,20 +153,52 @@ private final class RNHostTouchHandler: ObservableObject {
   }
 }
 
-// Sets SwiftUI view size from Yoga node size
+// Sets SwiftUI view size from Yoga node size on the matched axes
 // Listens to Yoga node size changes and updates the SwiftUI view size
+// An axis that is not matched fills the parent and reports its size to the Yoga node instead
 private struct ApplySizeFromYogaNode<Content: SwiftUI.View>: SwiftUI.View {
   @StateObject private var observer: Observer
+  let horizontal: Bool
+  let vertical: Bool
+  let shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
   let content: Content
 
-  init(childUIView: UIView, @ViewBuilder content: () -> Content) {
+  init(
+    childUIView: UIView,
+    horizontal: Bool,
+    vertical: Bool,
+    shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy,
+    @ViewBuilder content: () -> Content
+  ) {
     _observer = StateObject(wrappedValue: Observer(view: childUIView))
+    self.horizontal = horizontal
+    self.vertical = vertical
+    self.shadowNodeProxy = shadowNodeProxy
     self.content = content()
   }
 
   var body: some SwiftUI.View {
-    content
-      .frame(width: observer.size.width, height: observer.size.height)
+    if horizontal && vertical {
+      content
+        .frame(width: observer.size.width, height: observer.size.height)
+    } else {
+      content
+        .frame(
+          width: horizontal ? observer.size.width : nil,
+          height: vertical ? observer.size.height : nil
+        )
+        .frame(
+          maxWidth: horizontal ? nil : .infinity,
+          maxHeight: vertical ? nil : .infinity
+        )
+        .modifier(
+          ReportSizeToYogaNodeModifier(
+            shadowNodeProxy: shadowNodeProxy,
+            reportWidth: !horizontal,
+            reportHeight: !vertical
+          )
+        )
+    }
   }
 
   @MainActor
@@ -183,9 +225,13 @@ private struct ApplySizeFromYogaNode<Content: SwiftUI.View>: SwiftUI.View {
 // Listens to SwiftUI view size changes and updates the Yoga node size
 private struct ReportSizeToYogaNodeModifier: ViewModifier {
   let shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
+  var reportWidth = true
+  var reportHeight = true
 
   private func handleSizeChange(_ size: CGSize) {
-    shadowNodeProxy.setViewSize?(size)
+    shadowNodeProxy.setViewSize?(
+      CGSize(width: reportWidth ? size.width : .nan, height: reportHeight ? size.height : .nan)
+    )
   }
 
   func body(content: Content) -> some View {

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

@@ -0,0 +1 @@
+9e119ee5a1c2c38e6d69d4f866341e7a

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

@@ -0,0 +1 @@
+04332c3498b6b2a56dfb4cbefe592c11f4a8f36a

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

@@ -0,0 +1 @@
+5f4063182b296fa0028d945a2621f9d8a86eb5219b0ad88492a18dfe4d737978

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

@@ -0,0 +1 @@
+0a89146da34d837d01eb682540df3405b70f6b1d18c50bedc2ecc1d0dee3188df777de03a5b629100950a0f6d3c2d9f89f52416641cb22d8f3a715c8e841ff18

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

@@ -0,0 +1 @@
+53230bb5c7cc2bcc0d717bc544974f6c

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

@@ -0,0 +1 @@
+bc99884c9e5f484800ffb10156cc8b50fa4d31c8

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

@@ -0,0 +1 @@
+45594b39ac8f0c6eb37b663d40160b8e93b6d5f56b985a739c8a03c6780d910f

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

@@ -0,0 +1 @@
+7ba6b0ca0e41c0aeaea90cfc7d49664bb88531a251ba79b1124009eba0b724b48ba1c306744111a40871213cdf5767638b931803dc2229c4ba1850b6cc87ca15

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.22/expo.modules.ui-57.0.22.module → 57.0.23/expo.modules.ui-57.0.23.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "57.0.22",
+    "version": "57.0.23",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.22.aar",
-          "url": "expo.modules.ui-57.0.22.aar",
-          "size": 2080513,
-          "sha512": "34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8",
-          "sha256": "a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06",
-          "sha1": "d581a4836a4dd119bfc57aca7152c5f7a45911b8",
-          "md5": "7220f1074490e12c04ff057048d86124"
+          "name": "expo.modules.ui-57.0.23.aar",
+          "url": "expo.modules.ui-57.0.23.aar",
+          "size": 2087870,
+          "sha512": "7ba6b0ca0e41c0aeaea90cfc7d49664bb88531a251ba79b1124009eba0b724b48ba1c306744111a40871213cdf5767638b931803dc2229c4ba1850b6cc87ca15",
+          "sha256": "45594b39ac8f0c6eb37b663d40160b8e93b6d5f56b985a739c8a03c6780d910f",
+          "sha1": "bc99884c9e5f484800ffb10156cc8b50fa4d31c8",
+          "md5": "53230bb5c7cc2bcc0d717bc544974f6c"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-57.0.22.aar",
-          "url": "expo.modules.ui-57.0.22.aar",
-          "size": 2080513,
-          "sha512": "34080b16453bc36824a34471ee76e7da22af80c63cc419ea34d8c2e1e562f72f968ce8faefd5672f33a4c899c0cdf85c2e711318d859ba4d4562b7e0a61482d8",
-          "sha256": "a869c8586462b852b75439dbfeaa7caef538db6eeff7bac5aee0026215a61a06",
-          "sha1": "d581a4836a4dd119bfc57aca7152c5f7a45911b8",
-          "md5": "7220f1074490e12c04ff057048d86124"
+          "name": "expo.modules.ui-57.0.23.aar",
+          "url": "expo.modules.ui-57.0.23.aar",
+          "size": 2087870,
+          "sha512": "7ba6b0ca0e41c0aeaea90cfc7d49664bb88531a251ba79b1124009eba0b724b48ba1c306744111a40871213cdf5767638b931803dc2229c4ba1850b6cc87ca15",
+          "sha256": "45594b39ac8f0c6eb37b663d40160b8e93b6d5f56b985a739c8a03c6780d910f",
+          "sha1": "bc99884c9e5f484800ffb10156cc8b50fa4d31c8",
+          "md5": "53230bb5c7cc2bcc0d717bc544974f6c"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.22-sources.jar",
-          "url": "expo.modules.ui-57.0.22-sources.jar",
-          "size": 105727,
-          "sha512": "81d467c2d81c5fb4545160a5b5563fcf0f6eb3fbb191a507382ad6b0abde41d6c5506edc2281c1e98dee29eb2c861856f8e34d4208972a2dbf2b547c77143627",
-          "sha256": "e1ff6f3760b8699263fd244601e146335a9f853109153f91be6c98d092a9302e",
-          "sha1": "b9f56fabf01aea58b15172683c4a748b8dc3cf55",
-          "md5": "67ccc30c75819937df5e850cb742a4ba"
+          "name": "expo.modules.ui-57.0.23-sources.jar",
+          "url": "expo.modules.ui-57.0.23-sources.jar",
+          "size": 107457,
+          "sha512": "0a89146da34d837d01eb682540df3405b70f6b1d18c50bedc2ecc1d0dee3188df777de03a5b629100950a0f6d3c2d9f89f52416641cb22d8f3a715c8e841ff18",
+          "sha256": "5f4063182b296fa0028d945a2621f9d8a86eb5219b0ad88492a18dfe4d737978",
+          "sha1": "04332c3498b6b2a56dfb4cbefe592c11f4a8f36a",
+          "md5": "9e119ee5a1c2c38e6d69d4f866341e7a"
         }
       ]
     }

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

@@ -0,0 +1 @@
+b3a06b094eae6f84e73699ac32760a44

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

@@ -0,0 +1 @@
+0f57bae59c7621092ebe1c14bfb8c87cc5b7273c

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

@@ -0,0 +1 @@
+0b119d47d60446499106b77dc5f2c57ceec7eba851a407248935ad6e2ecc3539

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

@@ -0,0 +1 @@
+7f583d3b3219882068aec8344ed3dc1018dd834668efb13abb894a7f40383e29d5927b3831e05e6fdeb563cc88c4dfbc7755f2cd1c196f7f94944a7952e43b70

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.22/expo.modules.ui-57.0.22.pom → 57.0.23/expo.modules.ui-57.0.23.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>57.0.22</version>
+  <version>57.0.23</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/57.0.23/expo.modules.ui-57.0.23.pom.md5

@@ -0,0 +1 @@
+39de5794b34d0288ebb94069326a5c68

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

@@ -0,0 +1 @@
+62243ce65c64f455e89ce81503d756d2e527d796

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

@@ -0,0 +1 @@
+44a4eede4dc8a4bded07f608acb42e408ce8f348f356b2da8c9d59e213cd7211

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

@@ -0,0 +1 @@
+cf1da141b64a97372daa7bd1c5df1e9b385ad5fcc99a1bc61405fe63cbdee68ac487cfd7a034fb6a2b103e9be2559c3f8366cdbec67826b71ccb6718ff31ee4c

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>57.0.22</latest>
-    <release>57.0.22</release>
+    <latest>57.0.23</latest>
+    <release>57.0.23</release>
     <versions>
-      <version>57.0.22</version>
+      <version>57.0.23</version>
     </versions>
-    <lastUpdated>20261006120050</lastUpdated>
+    <lastUpdated>20261012142026</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-ec005e8760fa18717c30f9efdbaf8407
+24ee94a25190ebaeb53918c5209d4321

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

@@ -1 +1 @@
-213f89fcaff64a6fdd6b446eda846a2de8851a2e
+19abdc5ee5d92e4d98095aba33600fd7d66cdd9a

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

@@ -1 +1 @@
-fd6986f721f0b9289418efa80805a6cf05ffcaccc5f74b409b7953f92f5a053e
+d5851aa26d95ed5105d695c05844f6188c86f45a8320f41d9e135463fa0294b0

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

@@ -1 +1 @@
-9461340626636adffd749d7a45d2b9ee7741281f8c1507b97ca59fcf2c1a9cdb97cede810b8aa5dbe7f8d22d6076a512501797a90eb796b321ec3a39624f4241
+5ed30451f94f10e9f83d081992d999c14cca93e46c5d37296d2634c82ae630e4c5cc264158a9de4df3db398c3afa42f99f9b4fb64d19f6c432d0919950274cbc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "57.0.22",
+  "version": "57.0.23",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js",
@@ -96,7 +96,7 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.5.1",
     "react-native-worklets": "0.10.1",
-    "expo": "57.0.27",
+    "expo": "57.0.28",
     "expo-module-scripts": "56.0.3"
   },
   "jest": {
@@ -121,7 +121,7 @@
       "optional": true
     }
   },
-  "gitHead": "50ac74f1ab5682c8e32b24da6e5e97dd4dbbb80f",
+  "gitHead": "58da4edafcb043872c3ed9bf8f5957e6544d0a9c",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

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

@@ -199,8 +199,9 @@ export function BottomSheet(props: BottomSheetProps) {
     const bg = extractBackgroundColor(backgroundStyle);
     return [
       ...(fitToContents
-        ? // Makes the iPad sheet size to that content instead of opening near full height.
-          [presentationSizing('fitted')]
+        ? // Fits the sheet height to the content (iPad opens near full height otherwise) and lets
+          // the system choose the width.
+          [presentationSizing('automatic', { fitted: { horizontal: false, vertical: true } })]
         : [
             presentationDetents(detents, {
               selection: selectedDetent,
@@ -231,16 +232,16 @@ export function BottomSheet(props: BottomSheetProps) {
             onDismiss={fireCloseCallbacks}
             fitToContents={fitToContents}>
             <Group modifiers={modifiers}>
-              <RNHostView matchContents={fitToContents}>
+              <RNHostView matchContents={fitToContents ? { vertical: true } : false}>
                 {/* paddingTop compensates for tighter spacing between native drag indicator and content
                     compared to gorhom's handle. flexGrow:1 + height:0 (flex-basis 0) fills the snap-point
                     height without inheriting the scrollable child's intrinsic content height. With matchContents,
-                    RNHostView lays the hosted view out at its own size, so `width` gives it the sheet width
-                    while its height stays content-sized. */}
+                    RNHostView takes the width from the sheet, which can be narrower than the window, and
+                    the height from the content. */}
                 <View
                   style={
                     fitToContents
-                      ? { width, paddingTop: handleComponent !== null ? 16 : 0 }
+                      ? { paddingTop: handleComponent !== null ? 16 : 0 }
                       : { flexGrow: 1, height: 0, paddingTop: handleComponent !== null ? 16 : 0 }
                   }>
                   <SheetScrollContextReset>{children}</SheetScrollContextReset>

package/src/community/datetime-picker/DateTimePicker.android.tsx

@@ -129,6 +129,10 @@ export function DateTimePicker(props: DateTimePickerProps) {
         color={accentColor}
         onDateSelected={onDateSelected}
         showVariantToggle={false}
+        // Match iOS, where the inline picker has no label: hide Material 3's "Select date" title
+        // and its selected-date headline.
+        showTitle={false}
+        showHeadline={false}
         {...(testID ? { testID } : undefined)}
       />
     </Host>

package/src/jetpack-compose/DatePicker/index.tsx

@@ -131,6 +131,20 @@ export interface DateTimePickerProps {
    * @default true
    */
   showVariantToggle?: boolean;
+  /**
+   * Whether the picker shows its title, such as "Select date". When `false`, the picker passes
+   * `null` to Material 3's `title` slot. This prop has no effect when `displayedComponents` is
+   * `'hourAndMinute'`.
+   * @default true
+   */
+  showTitle?: boolean;
+  /**
+   * Whether the picker shows its headline, which displays the current selection. When `false`,
+   * the picker passes `null` to Material 3's `headline` slot. This prop has no effect when
+   * `displayedComponents` is `'hourAndMinute'`.
+   * @default true
+   */
+  showHeadline?: boolean;
   /**
    * The components that the picker should display.
    * On Android, you can have a picker that selects just the date or just the time.
@@ -252,6 +266,18 @@ export interface DateRangePickerProps {
    * @default true
    */
   showVariantToggle?: boolean;
+  /**
+   * Whether the picker shows its title, such as "Select date". When `false`, the picker passes
+   * `null` to Material 3's `title` slot.
+   * @default true
+   */
+  showTitle?: boolean;
+  /**
+   * Whether the picker shows its headline, which displays the current selection. When `false`,
+   * the picker passes `null` to Material 3's `headline` slot.
+   * @default true
+   */
+  showHeadline?: boolean;
   /**
    * The tint color to use on the picker elements.
    */
@@ -332,6 +358,18 @@ export interface DatePickerDialogProps {
   initialDate?: string | null;
   variant?: AndroidVariant;
   showVariantToggle?: boolean;
+  /**
+   * Whether the picker shows its title, such as "Select date". When `false`, the picker passes
+   * `null` to Material 3's `title` slot.
+   * @default true
+   */
+  showTitle?: boolean;
+  /**
+   * Whether the picker shows its headline, which displays the current selection. When `false`,
+   * the picker passes `null` to Material 3's `headline` slot.
+   * @default true
+   */
+  showHeadline?: boolean;
   confirmButtonLabel?: string;
   dismissButtonLabel?: string;
   color?: ColorValue;

package/src/jetpack-compose/RNHostView/index.tsx

@@ -4,6 +4,7 @@ import type { LayoutChangeEvent } from 'react-native';
 
 import { PresentedContentContext, useIsPresentedInOwnWindow } from '../../PresentedContentContext';
 import type { ModifierConfig } from '../../types';
+import { resolveMatchContents } from '../../utils/matchContents';
 import type { PrimitiveBaseProps } from '../layout';
 import { createViewModifierEventListener } from '../modifiers/utils';
 
@@ -11,10 +12,12 @@ export interface RNHostProps extends PrimitiveBaseProps {
   /**
    * When `true`, the RNHost will update its size in the Jetpack Compose view tree to match the children's size.
    * When `false`, the RNHost will use the size of the parent Jetpack Compose View.
+   * Pass an object to choose per axis. For example, `{ vertical: true }` takes the width from the
+   * parent and the height from the children, so text wraps and grows vertically.
    * Can be only set once on mount.
    * @default false
    */
-  matchContents?: boolean;
+  matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };
   /**
    * Called on mount and whenever this view's layout in the React Native view tree changes.
    * With `matchContents`, the reported size is the one measured from the hosted view.
@@ -30,8 +33,10 @@ export interface RNHostProps extends PrimitiveBaseProps {
   modifiers?: ModifierConfig[];
 }
 
-type NativeRNHostProps = RNHostProps & {
+type NativeRNHostProps = Omit<RNHostProps, 'matchContents'> & {
   layoutRoot: boolean;
+  matchContentsHorizontal: boolean;
+  matchContentsVertical: boolean;
   /**
    * Internal. Drives the shadow node's content measurement, see
    * `ExpoViewShadowNode::sizesToContent`.
@@ -44,13 +49,17 @@ const NativeRNHostView: ComponentType<NativeRNHostProps> = requireNativeView(
 );
 
 function transformProps(props: RNHostProps, layoutRoot: boolean): NativeRNHostProps {
-  const { modifiers, ...restProps } = props;
+  const { modifiers, matchContents, ...restProps } = props;
+  const { horizontal: matchContentsHorizontal, vertical: matchContentsVertical } =
+    resolveMatchContents(matchContents);
   return {
     modifiers,
     ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
     ...restProps,
     layoutRoot,
-    expoInternalSizeFromChildren: props.matchContents,
+    matchContentsHorizontal,
+    matchContentsVertical,
+    expoInternalSizeFromChildren: matchContentsHorizontal || matchContentsVertical,
   };
 }
 
@@ -61,12 +70,14 @@ export function RNHostView(props: RNHostProps) {
   // is what makes a `Pressable` drop its press on the first finger movement.
   const layoutRoot = useIsPresentedInOwnWindow();
 
+  const nativeProps = transformProps(props, layoutRoot);
+
   return (
     <NativeRNHostView
-      {...transformProps(props, layoutRoot)}
+      {...nativeProps}
       // `matchContents` can only be used once on mount
       // So we force unmount when it changes to prevent unexpected layout
-      key={props.matchContents ? 'matchContents' : 'noMatchContents'}>
+      key={`${nativeProps.matchContentsHorizontal}-${nativeProps.matchContentsVertical}`}>
       {/* Reset context here so only nearest RNHostView becomes the layout root for its children, and not any other RNHostView above it in the tree. */}
       <PresentedContentContext.Provider value={false}>
         {props.children}

package/src/swift-ui/Chart/index.tsx

@@ -102,6 +102,16 @@ export type PieChartStyle = {
    * Space between slices in points.
    */
   angularInset?: number;
+  /**
+   * Corner radius of each slice in points. On a donut, half the ring's thickness gives fully rounded ends.
+   * @default 0
+   */
+  cornerRadius?: number;
+  /**
+   * Opacity of each slice, from 0 to 1.
+   * @default 0.8
+   */
+  opacity?: number;
 };
 
 /**

package/src/swift-ui/RNHostView.tsx

@@ -2,6 +2,7 @@ import { requireNativeView } from 'expo';
 import type { LayoutChangeEvent } from 'react-native';
 
 import { PresentedContentContext, useIsPresentedInOwnWindow } from '../PresentedContentContext';
+import { resolveMatchContents } from '../utils/matchContents';
 
 const RNHostNativeView: React.ComponentType<any> = requireNativeView('ExpoUI', 'RNHostView');
 
@@ -10,10 +11,12 @@ export interface RNHostViewProps {
    * When `true`, the RNHost will update its size in the React Native view tree to match the
    * children's size.
    * When `false`, the RNHost will use the size of the parent SwiftUI View.
+   * Pass an object to choose per axis. For example, `{ vertical: true }` takes the width from the
+   * parent and the height from the children, so text wraps and grows vertically.
    * Can be only set once on mount.
    * @default false
    */
-  matchContents?: boolean;
+  matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };
   onLayout?: (event: LayoutChangeEvent) => void;
   /**
    * The RN View to be hosted.
@@ -21,21 +24,25 @@ export interface RNHostViewProps {
   children: React.ReactElement;
 }
 
-export function RNHostView(props: RNHostViewProps) {
+export function RNHostView({ matchContents, ...props }: RNHostViewProps) {
   // A sheet or popover presents its content in its own view controller, where the React Native
   // surface root is not an ancestor and so touch dispatches don't work.
   // Hosted content there owns its touches and is the origin it is measured from; native reads
   // this one prop for both.
   const layoutRoot = useIsPresentedInOwnWindow();
+  const { horizontal: matchContentsHorizontal, vertical: matchContentsVertical } =
+    resolveMatchContents(matchContents);
 
   return (
     <RNHostNativeView
       {...props}
       layoutRoot={layoutRoot}
-      expoInternalSizeFromChildren={props.matchContents}
+      matchContentsHorizontal={matchContentsHorizontal}
+      matchContentsVertical={matchContentsVertical}
+      expoInternalSizeFromChildren={matchContentsHorizontal || matchContentsVertical}
       // `matchContents` can only be used once on mount
       // So we force unmount when it changes to prevent unexpected layout
-      key={props.matchContents ? 'matchContents' : 'noMatchContents'}>
+      key={`${matchContentsHorizontal}-${matchContentsVertical}`}>
       {/* Reset context here so only nearest RNHostView becomes the layout root for its children, and not any other RNHostView above it in the tree. */}
       <PresentedContentContext.Provider value={false}>
         {props.children}

package/src/swift-ui/modifiers/index.ts

@@ -1957,6 +1957,7 @@ export * from './presentationModifiers';
 export * from './environment';
 export type { ShapeStyle } from './shapeStyle';
 export * from './scrollPosition';
+export * from './searchable';
 export * from './symbolEffect';
 export * from './scrollObservation';
 export * from './widgets';

package/src/swift-ui/modifiers/presentationModifiers.ts

@@ -130,12 +130,28 @@ export const interactiveDismissDisabled = (isDisabled: boolean = true) =>
  */
 export type PresentationSizingType = 'automatic' | 'fitted' | 'form' | 'page';
 
+/**
+ * Options for the `presentationSizing` modifier.
+ */
+export type PresentationSizingOptions = {
+  /**
+   * The axes on which the sheet fits its content. An axis that is not set keeps the size from
+   * `sizing`. For example, `{ horizontal: false, vertical: true }` fits the height to the content
+   * and lets the system choose the width.
+   * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/presentationsizing/fitted(horizontal:vertical:)).
+   */
+  fitted?: { horizontal?: boolean; vertical?: boolean };
+};
+
 /**
  * Sets the sizing of a sheet presentation.
  * @param sizing - The sizing behavior to apply.
+ * @param options - Additional sizing options.
  * @platform ios 18.0+
  * @platform tvos 18.0+
  * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/presentationsizing(_:)).
  */
-export const presentationSizing = (sizing: PresentationSizingType) =>
-  createModifier('presentationSizing', { sizing });
+export const presentationSizing = (
+  sizing: PresentationSizingType,
+  options?: PresentationSizingOptions
+) => createModifier('presentationSizing', { sizing, ...options });