@expo/ui 55.0.0 → 55.0.2

package/ios/LabeledContentView.swift

@@ -7,24 +7,6 @@ final class LabeledContentProps: UIBaseViewProps {
   @Field var label: String?
 }
 
-internal final class LabeledContentLabelProps: ExpoSwiftUI.ViewProps {}
-internal struct LabeledContentLabel: ExpoSwiftUI.View {
-  @ObservedObject var props: LabeledContentLabelProps
-
-  var body: some View {
-    Children()
-  }
-}
-
-internal final class LabeledContentContentProps: ExpoSwiftUI.ViewProps {}
-internal struct LabeledContentContent: ExpoSwiftUI.View {
-  @ObservedObject var props: LabeledContentContentProps
-
-  var body: some View {
-    Children()
-  }
-}
-
 internal struct LabeledContentView: ExpoSwiftUI.View {
   @ObservedObject var props: LabeledContentProps
 
@@ -45,25 +27,19 @@ internal struct LabeledContentView: ExpoSwiftUI.View {
   }
 
   private var hasCustomLabel: Bool {
-    props.children?
-      .compactMap({ $0.childView as? LabeledContentLabel })
-      .first != nil
+    props.children?.slot("label") != nil
   }
 
   @ViewBuilder
   private var contentChildren: some View {
-    if let content = props.children?
-      .compactMap({ $0.childView as? LabeledContentContent })
-      .first {
+    if let content = props.children?.slot("content") {
       content
     }
   }
 
   @ViewBuilder
   private var customLabelContent: some View {
-    if let labelContent = props.children?
-      .compactMap({ $0.childView as? LabeledContentLabel })
-      .first {
+    if let labelContent = props.children?.slot("label") {
       labelContent
     }
   }

package/ios/Menu/MenuRecords.swift

@@ -8,5 +8,3 @@ internal final class MenuProps: UIBaseViewProps {
   @Field var hasPrimaryAction: Bool = false
   var onPrimaryAction = EventDispatcher()
 }
-
-internal final class MenuLabelProps: ExpoSwiftUI.ViewProps {}

package/ios/Menu/MenuView.swift

@@ -9,8 +9,7 @@ internal struct MenuView: ExpoSwiftUI.View {
   // If label is a component, it is passed as a child, so we need to exclude it in order to display the menu content
   @ViewBuilder
   func ChildrenWithoutLabel() -> some View {
-    let labelView = props.children?.first(where: { $0.childView is MenuLabel })
-    ForEach(props.children?.filter { $0.id != labelView?.id } ?? [], id: \.id) { child in
+    ForEach(props.children?.withoutSlot("label") ?? [], id: \.id) { child in
       let view: any View = child.childView
       AnyView(view)
     }
@@ -18,9 +17,7 @@ internal struct MenuView: ExpoSwiftUI.View {
 
   var body: some View {
     if #available(iOS 14.0, tvOS 17.0, *) {
-      let labelContent = props.children?
-        .compactMap { $0.childView as? MenuLabel }
-        .first
+      let labelContent = props.children?.slot("label")
 
       if props.hasPrimaryAction {
         // With primaryAction, tap triggers callback and long-press shows menu

package/ios/Modifiers/ResizableModifier.swift

@@ -0,0 +1,24 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal enum ResizingModeOptions: String, Enumerable {
+  case stretch
+  case tile
+
+  var toResizingMode: Image.ResizingMode {
+    switch self {
+    case .stretch: return .stretch
+    case .tile: return .tile
+    }
+  }
+}
+
+internal struct ResizableModifier: Record {
+  @Field var top: CGFloat = 0
+  @Field var leading: CGFloat = 0
+  @Field var bottom: CGFloat = 0
+  @Field var trailing: CGFloat = 0
+  @Field var resizingMode: ResizingModeOptions = .stretch
+}

package/ios/Modifiers/Rotation3DEffectModifier.swift

@@ -0,0 +1,20 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct Rotation3DEffectModifier: ViewModifier, Record {
+  @Field var angle: Double = 0
+  @Field var axisX: CGFloat = 0
+  @Field var axisY: CGFloat = 0
+  @Field var axisZ: CGFloat = 0
+  @Field var perspective: CGFloat = 1
+
+  func body(content: Content) -> some View {
+    content.rotation3DEffect(
+      .degrees(angle),
+      axis: (x: axisX, y: axisY, z: axisZ),
+      perspective: perspective
+    )
+  }
+}

package/ios/Modifiers/View+ModifierArray.swift

@@ -50,3 +50,32 @@ internal extension Text {
     }
   }
 }
+
+internal extension Image {
+  @ViewBuilder
+  func applyImageModifiers(_ modifiers: ModifierArray?, appContext: AppContext?) -> some View {
+    if let modifiers, let appContext {
+      let image = modifiers.reduce(self) { currentImage, modifierConfig in
+        guard let type = modifierConfig["$type"] as? String else {
+          return currentImage
+        }
+        return ViewModifierRegistry.shared.applyImageModifier(
+          type,
+          to: currentImage,
+          appContext: appContext,
+          params: modifierConfig
+        )
+      }
+
+      if #available(iOS 18.0, *),
+         let modifierConfig = modifiers.first(where: { $0["$type"] as? String == "widgetAccentedRenderingMode" }),
+         let modifier = try? WidgetAccentedRenderingModeModifier(from: modifierConfig, appContext: appContext) {
+        modifier.apply(to: image)
+      } else {
+        image
+      }
+    } else {
+      self
+    }
+  }
+}

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -158,6 +158,12 @@ internal struct ForegroundColorModifier: ViewModifier, Record {
   }
 }
 
+internal struct LuminanceToAlphaModifier: ViewModifier, Record {
+  func body(content: Content) -> some View {
+    content.luminanceToAlpha()
+  }
+}
+
 internal struct BoldModifier: ViewModifier, Record {
   func body(content: Content) -> some View {
     if #available(iOS 16.0, tvOS 16.0, *) {
@@ -774,7 +780,6 @@ internal struct ListRowBackground: ViewModifier, Record {
   }
 }
 
-
 internal enum VerticalEdgeOptions: String, Enumerable {
   case all
   case top
@@ -1100,7 +1105,7 @@ internal enum AxisOptions: String, Enumerable {
   case horizontal
   case vertical
   case both
-  
+
   func toAxis() -> Axis.Set {
     switch self {
     case .vertical:
@@ -1301,7 +1306,7 @@ public class ViewModifierRegistry {
   }
 
   /**
-    * Applies `Text returning modifiers. Useful for Text concatenation in TextView.
+   * Applies Text returning modifiers. Useful for Text concatenation in TextView.
    */
   func applyTextModifier(
     _ type: String,
@@ -1347,6 +1352,29 @@ public class ViewModifierRegistry {
     }
   }
 
+  /**
+   * Applies Image returning modifiers.
+   */
+  func applyImageModifier(
+    _ type: String,
+    to image: Image,
+    appContext: AppContext,
+    params: [String: Any]
+  ) -> Image {
+    switch type {
+    case "resizable":
+      guard let modifier = try? ResizableModifier(from: params, appContext: appContext)
+      else { return image.resizable() }
+      return image.resizable(capInsets: EdgeInsets(top: modifier.top, leading: modifier.leading, bottom: modifier.bottom, trailing: modifier.trailing), resizingMode: modifier.resizingMode.toResizingMode)
+    default:
+      #if DEBUG
+      return image
+      #else
+      return image
+      #endif
+    }
+  }
+
   /**
    * Checks if a modifier type is registered.
    */
@@ -1494,6 +1522,10 @@ extension ViewModifierRegistry {
       return try RotationEffectModifier(from: params, appContext: appContext)
     }
 
+    register("rotation3DEffect") { params, appContext, _ in
+      return try Rotation3DEffectModifier(from: params, appContext: appContext)
+    }
+
     register("offset") { params, appContext, _ in
       return try OffsetModifier(from: params, appContext: appContext)
     }
@@ -1506,6 +1538,10 @@ extension ViewModifierRegistry {
       return try ForegroundStyleModifier(from: params, appContext: appContext)
     }
 
+    register("luminanceToAlpha") { params, appContext, _ in
+      return try LuminanceToAlphaModifier(from: params, appContext: appContext)
+    }
+
     register("bold") { params, appContext, _ in
       return try BoldModifier(from: params, appContext: appContext)
     }

package/ios/Modifiers/WidgetModifiers.swift

@@ -0,0 +1,46 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+#if !os(tvOS)
+import WidgetKit
+#endif
+
+internal enum WidgetAccentedRenderingModeOptions: String, Enumerable {
+  case accented
+  case desaturated
+  case accentedDesaturated
+  case fullColor
+
+#if !os(tvOS)
+  @available(iOS 18.0, *)
+  var toWidgetAccentedRenderingMode: WidgetAccentedRenderingMode {
+    switch self {
+    case .accented: return .accented
+    case .accentedDesaturated: return .accentedDesaturated
+    case .desaturated: return .desaturated
+    case .fullColor: return .fullColor
+    }
+  }
+#endif
+}
+
+/**
+ * This is a unique modifier that exists only on Image, but returns some View, and for this reason it cannot be a ViewModifier.
+ */
+internal struct WidgetAccentedRenderingModeModifier: Record {
+  @Field var renderingMode: WidgetAccentedRenderingModeOptions?
+
+  @ViewBuilder
+  func apply(to image: Image) -> some View {
+#if !os(tvOS)
+    if #available(iOS 18.0, *), renderingMode != nil {
+      image.widgetAccentedRenderingMode(renderingMode?.toWidgetAccentedRenderingMode)
+    } else {
+      image
+    }
+#else
+    image
+#endif
+  }
+}

package/ios/Picker/PickerView.swift

@@ -24,13 +24,9 @@ internal struct PickerView: ExpoSwiftUI.View {
 
   @ViewBuilder
   private func makePicker() -> some View {
-    let content = (props.children?
-      .compactMap { $0.childView as? PickerContentView }
-      .first)
+    let content = props.children?.slot("content")
 
-    let labelContent = props.children?
-      .compactMap { $0.childView as? PickerLabelView }
-      .first
+    let labelContent = props.children?.slot("label")
 
     if let systemImage = props.systemImage, let label = props.label {
       Picker(label, systemImage: systemImage, selection: $selection) { content }

package/ios/Popover/PopoverProps.swift

@@ -8,10 +8,6 @@ internal class PopoverViewProps: UIBaseViewProps {
   @Field var arrowEdge: PopoverArrowEdgeOption?
 }
 
-internal final class PopoverViewContentPorps: ExpoSwiftUI.ViewProps {}
-
-internal final class PopoverViewPopContentPorps: ExpoSwiftUI.ViewProps {}
-
 internal enum PopoverAttachmentAnchorOption: String, Enumerable {
   case top
   case center

package/ios/Popover/PopoverView.swift

@@ -45,18 +45,14 @@ internal struct PopoverView: ExpoSwiftUI.View {
 
   @ViewBuilder
   private var triggerContent: some View {
-    if let content = props.children?
-      .compactMap({ $0.childView as? PopoverViewContent })
-      .first {
+    if let content = props.children?.slot("trigger") {
       content
     }
   }
 
   @ViewBuilder
   private var popoverContent: some View {
-    if let content = props.children?
-      .compactMap({ $0.childView as? PopoverViewPopContent })
-      .first {
+    if let content = props.children?.slot("popover") {
       content
     }
   }

package/ios/RNHostView.swift

@@ -1,21 +1,102 @@
 // Copyright 2015-present 650 Industries. All rights reserved.
 
+import SwiftUI
 import ExpoModulesCore
 
-public final class RNHostView: ExpoView, ExpoSwiftUI.RNHostViewProtocol {
-  public required init(appContext: AppContext? = nil) {
-    super.init(appContext: appContext)
-    ExpoUITouchHandlerHelper.createAndAttachTouchHandler(for: self)
+internal final class RNHostViewProps: ExpoSwiftUI.ViewProps {
+  @Field var matchContents: Bool = false
+}
+
+struct RNHostView: ExpoSwiftUI.View {
+  
+  @ObservedObject var props: RNHostViewProps
+
+  var body: some View {
+    if props.matchContents, let childUIView = firstChildUIView {
+      ApplySizeFromYogaNode(childUIView: childUIView) {
+        Children()
+      }
+      .onAppear {
+        ExpoUITouchHandlerHelper.createAndAttachTouchHandler(for: childUIView)
+      }
+    } else {
+      Children()
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .modifier(ReportSizeToYogaNodeModifier(shadowNodeProxy: props.shadowNodeProxy))
+        .onAppear {
+          if let view = firstChildUIView {
+            ExpoUITouchHandlerHelper.createAndAttachTouchHandler(for: view)
+          }
+        }
+    }
+  }
+
+  private var firstChildUIView: UIView? {
+    props.children?.first?.uiView
+  }
+}
+
+// Sets SwiftUI view size from Yoga node size
+// Listens to Yoga node size changes and updates the SwiftUI view size
+private struct ApplySizeFromYogaNode<Content: SwiftUI.View>: SwiftUI.View {
+  @StateObject private var observer: Observer
+  let content: Content
+
+  init(childUIView: UIView, @ViewBuilder content: () -> Content) {
+    _observer = StateObject(wrappedValue: Observer(view: childUIView))
+    self.content = content()
   }
 
-  public var matchContents: Bool = false
+  var body: some SwiftUI.View {
+    content
+      .frame(width: observer.size.width, height: observer.size.height)
+  }
+
+  @MainActor
+  fileprivate class Observer: ObservableObject {
+    @Published var size: CGSize
+    private var kvoToken: NSKeyValueObservation?
+
+    init(view: UIView) {
+      self.size = view.bounds.size
+      kvoToken = view.observe(\.bounds) { [weak self] view, _ in
+        MainActor.assumeIsolated {
+          self?.size = view.bounds.size
+        }
+      }
+    }
+
+    deinit {
+      kvoToken?.invalidate()
+    }
+  }
+}
+
+// Sets Yoga node size from SwiftUI view size
+// Listens to SwiftUI view size changes and updates the Yoga node size
+private struct ReportSizeToYogaNodeModifier: ViewModifier {
+  let shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
+
+  private func handleSizeChange(_ size: CGSize) {
+    shadowNodeProxy.setViewSize?(size)
+  }
 
-  public override func layoutSubviews() {
-    super.layoutSubviews()
-    if matchContents, let subview = self.subviews.first {
-      self.setViewSize(subview.bounds.size)
+  func body(content: Content) -> some View {
+    if #available(iOS 16.0, tvOS 16.0, macOS 13.0, *) {
+      content.onGeometryChange(for: CGSize.self, of: { proxy in proxy.size }) { size in
+        handleSizeChange(size)
+      }
     } else {
-      self.setViewSize(bounds.size)
+      content.overlay {
+        GeometryReader { geometry in
+          Color.clear
+            .hidden()
+            .onAppear {
+              handleSizeChange(geometry.size)
+            }
+            .onChange(of: geometry.size) { handleSizeChange($0) }
+        }
+      }
     }
   }
 }

package/ios/SectionView.swift

@@ -95,21 +95,15 @@ internal struct SectionView: ExpoSwiftUI.View {
     }
   }
   
-  private var contentChildren: SectionContent? {
-    props.children?
-      .compactMap({ $0.childView as? SectionContent })
-      .first
+  private var contentChildren: SlotView? {
+    props.children?.slot("content")
   }
 
-  private var headerView: SectionHeader? {
-    props.children?
-      .compactMap({ $0.childView as? SectionHeader })
-      .first
+  private var headerView: SlotView? {
+    props.children?.slot("header")
   }
 
-  private var footerView: SectionFooter? {
-    props.children?
-      .compactMap({ $0.childView as? SectionFooter })
-      .first
+  private var footerView: SlotView? {
+    props.children?.slot("footer")
   }
 }

package/ios/SecureFieldView.swift

@@ -46,7 +46,6 @@ struct SecureFieldView: ExpoSwiftUI.View, ExpoSwiftUI.FocusableView {
       props.placeholder,
       text: $textManager.text
     )
-      .modifier(UIBaseViewModifier(props: props))
       .fixedSize(horizontal: false, vertical: true)
       .focused($isFocused)
       .onSubmit({

package/ios/ShareLink/ShareLinkView.swift

@@ -97,7 +97,7 @@ struct ShareLinkView: ExpoSwiftUI.View {
 
   var body: some View {
  #if !os(tvOS)
-    shareLink.modifier(UIBaseViewModifier(props: props))
+    shareLink
       .onDisappear {
         // cleanup if unmounted mid async request
         if #available(iOS 16.0, *) {

package/ios/SliderView.swift

@@ -6,6 +6,7 @@ import ExpoModulesCore
 struct SliderView: ExpoSwiftUI.View {
   @ObservedObject var props: SliderProps
   @State var value: Float = 0.0
+  @State var isEditing: Bool = false
 
   init(props: SliderProps) {
     self.props = props
@@ -23,8 +24,8 @@ struct SliderView: ExpoSwiftUI.View {
         }
       }
       .onReceive(props.value.publisher, perform: { newValue in
-        var sliderValue = newValue
-        value = sliderValue
+        guard !isEditing else { return }
+        value = newValue
       })
 #else
     Text("Slider is not supported on tvOS")
@@ -34,14 +35,9 @@ struct SliderView: ExpoSwiftUI.View {
 #if !os(tvOS)
   @ViewBuilder
   private var sliderContent: some View {
-    let label = props.children?.compactMap({ $0.childView as? SliderLabelView })
-    .first(where: { $0.props.kind == .label })
-    let minimumValueLabel = props.children?
-      .compactMap({ $0.childView as? SliderLabelView })
-      .first(where: { $0.props.kind == .minimum })
-    let maximumValueLabel = props.children?
-      .compactMap({ $0.childView as? SliderLabelView })
-      .first(where: { $0.props.kind == .maximum })
+    let label = props.children?.slot("label")
+    let minimumValueLabel = props.children?.slot("minimum")
+    let maximumValueLabel = props.children?.slot("maximum")
 
     if let min = props.min, let max = props.max, let step = props.step {
       Slider(
@@ -52,6 +48,7 @@ struct SliderView: ExpoSwiftUI.View {
         minimumValueLabel: { minimumValueLabel },
         maximumValueLabel: { maximumValueLabel }
       ) { isEditing in
+        self.isEditing = isEditing
         props.onEditingChanged(["isEditing": isEditing])
       }
     } else if let min = props.min, let max = props.max {
@@ -62,6 +59,7 @@ struct SliderView: ExpoSwiftUI.View {
         minimumValueLabel: { minimumValueLabel },
         maximumValueLabel: { maximumValueLabel }
       ) { isEditing in
+        self.isEditing = isEditing
         props.onEditingChanged(["isEditing": isEditing])
       }
     } else if let step = props.step {
@@ -73,6 +71,7 @@ struct SliderView: ExpoSwiftUI.View {
         minimumValueLabel: { minimumValueLabel },
         maximumValueLabel: { maximumValueLabel }
       ) { isEditing in
+        self.isEditing = isEditing
         props.onEditingChanged(["isEditing": isEditing])
       }
     } else {
@@ -82,6 +81,7 @@ struct SliderView: ExpoSwiftUI.View {
         minimumValueLabel: { minimumValueLabel },
         maximumValueLabel: { maximumValueLabel }
       ) { isEditing in
+        self.isEditing = isEditing
         props.onEditingChanged(["isEditing": isEditing])
       }
     }
@@ -98,20 +98,3 @@ final class SliderProps: UIBaseViewProps {
   var onEditingChanged = EventDispatcher()
 }
 
-internal enum SliderLabelKind: String, Enumerable {
-  case label
-  case minimum
-  case maximum
-}
-
-internal final class SliderLabelProps: ExpoSwiftUI.ViewProps {
-  @Field var kind: SliderLabelKind = .minimum
-}
-
-internal struct SliderLabelView: ExpoSwiftUI.View {
-  @ObservedObject var props: SliderLabelProps
-
-  var body: some View {
-    Children()
-  }
-}

package/ios/SlotView.swift

@@ -0,0 +1,38 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import SwiftUI
+import ExpoModulesCore
+
+internal final class SlotViewProps: ExpoSwiftUI.ViewProps {
+  @Field var name: String = ""
+}
+
+internal struct SlotView: ExpoSwiftUI.View {
+  @ObservedObject var props: SlotViewProps
+
+  init(props: SlotViewProps) {
+    self.props = props
+  }
+
+  var body: some View {
+    Children()
+  }
+}
+
+extension [any ExpoSwiftUI.AnyChild] {
+  func slot(_ name: String) -> SlotView? {
+    compactMap { $0.childView as? SlotView }
+      .first { $0.props.name == name }
+  }
+
+  func withoutSlot(_ name: String) -> [any ExpoSwiftUI.AnyChild] {
+    filter {
+      guard let slot = $0.childView as? SlotView else { return true }
+      return slot.props.name != name
+    }
+  }
+
+  func withoutSlots() -> [any ExpoSwiftUI.AnyChild] {
+    filter { !($0.childView is SlotView) }
+  }
+}

package/ios/TextFieldView.swift

@@ -161,7 +161,6 @@ struct TextFieldView: ExpoSwiftUI.View, ExpoSwiftUI.FocusableView {
       )
     }
     return text.lineLimit((props.multiline && allowMultiLine()) ? props.numberOfLines : 1)
-      .modifier(UIBaseViewModifier(props: props))
       .fixedSize(horizontal: false, vertical: true)
       .keyboardType(getKeyboardType(props.keyboardType))
       .autocorrectionDisabled(!props.autocorrection)