@expo/ui 55.0.1 → 55.0.3

package/ios/ContextMenu/ContextMenu.swift

@@ -21,33 +21,38 @@ struct ContextMenuWithPreview<ActivationElement: View, Preview: View, MenuConten
   }
 }
 
-struct ContextMenu: ExpoSwiftUI.View {
-  @ObservedObject var props: ContextMenuProps
+internal struct LongPressContextMenu<ActivationElement: View, MenuContent: View>: View {
+  let activationElement: ActivationElement
+  let menuContent: MenuContent
 
   var body: some View {
-    let activationElement = (props.children?
-      .compactMap { $0.childView as? ContextMenuActivationElement }
-      .first) ?? ContextMenuActivationElement(props: ContextMenuActivationElementProps())
+    activationElement.contextMenu(menuItems: {
+      menuContent
+    })
+  }
+}
 
-    let menuContent = (props.children?
-      .compactMap { $0.childView as? ContextMenuContent }
-      .first) ?? ContextMenuContent(props: ContextMenuContentProps())
+struct ContextMenu: ExpoSwiftUI.View {
+  @ObservedObject var props: ContextMenuProps
 
-    let preview = props.children?
-      .compactMap { $0.childView as? ContextMenuPreview }
-      .first
+  var body: some View {
+    let activationElement = props.children?.slot("trigger")
+    let menuContent = props.children?.slot("items")
+    let preview = props.children?.slot("preview")
 
-    if let preview {
-      ContextMenuWithPreview(
-        activationElement: activationElement,
-        preview: preview,
-        menuContent: menuContent
-      )
-    } else {
-      LongPressContextMenu(
-        activationElement: activationElement,
-        menuContent: menuContent
-      )
+    if let activationElement {
+      if let preview {
+        ContextMenuWithPreview(
+          activationElement: activationElement,
+          preview: preview,
+          menuContent: menuContent
+        )
+      } else {
+        LongPressContextMenu(
+          activationElement: activationElement,
+          menuContent: menuContent
+        )
+      }
     }
   }
 }

package/ios/ContextMenu/ContextMenuRecords.swift

@@ -1,9 +1,3 @@
 import ExpoModulesCore
 
 internal final class ContextMenuProps: UIBaseViewProps {}
-
-internal final class ContextMenuPreviewProps: ExpoSwiftUI.ViewProps {}
-
-internal final class ContextMenuActivationElementProps: ExpoSwiftUI.ViewProps {}
-
-internal final class ContextMenuContentProps: ExpoSwiftUI.ViewProps {}

package/ios/ControlGroupView.swift

@@ -0,0 +1,33 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import SwiftUI
+import ExpoModulesCore
+
+internal final class ControlGroupViewProps: UIBaseViewProps {
+  @Field var label: String?
+  @Field var systemImage: String?
+}
+
+internal struct ControlGroupView: ExpoSwiftUI.View {
+  @ObservedObject var props: ControlGroupViewProps
+
+  var body: some View {
+    if #available(iOS 15.0, macOS 12.0, tvOS 17.0, *) {
+      if #available(iOS 16.0, macOS 13.0, tvOS 17.0, *) {
+        let labelContent = props.children?.slot("label")
+
+        if let systemImage = props.systemImage, let label = props.label {
+          ControlGroup(label, systemImage: systemImage) { Children() }
+        } else if let labelContent {
+          ControlGroup { Children() } label: { labelContent }
+        } else if let label = props.label {
+          ControlGroup(label) { Children() }
+        } else {
+          ControlGroup { Children() }
+        }
+      } else {
+        ControlGroup { Children() }
+      }
+    }
+  }
+}

package/ios/DatePickerView.swift

@@ -5,19 +5,21 @@ internal struct DatePickerView: ExpoSwiftUI.View {
   @ObservedObject var props: DatePickerProps
   @State private var date = Date()
 
-  init(props: DatePickerProps) {
-    self.props = props
-    _date = State(initialValue: props.selection ?? Date())
-  }
-
   var body: some View {
 #if os(tvOS)
     Text("DatePicker is not supported on tvOS")
 #else
     createDatePicker()
       .onChange(of: date) { newDate in
+        if props.selection == newDate { return }
         props.onDateChange(["date": newDate.timeIntervalSince1970 * 1000])
       }
+      .onChange(of: props.selection) { newValue in
+        date = newValue ?? Date()
+      }
+      .onAppear {
+        date = props.selection ?? Date()
+      }
       .if(props.title == nil && !hasChildren) { $0.labelsHidden() }
 #endif
   }

package/ios/DisclosureGroupView.swift

@@ -13,11 +13,6 @@ internal struct DisclosureGroupView: ExpoSwiftUI.View {
   @ObservedObject var props: DisclosureGroupViewProps
   @State private var isExpanded: Bool = false
 
-  init(props: DisclosureGroupViewProps) {
-    self.props = props
-    _isExpanded = State(initialValue: props.isExpanded)
-  }
-
   var body: some View {
 #if os(tvOS)
     Text("DisclosureGroupView is not supported on tvOS")
@@ -26,12 +21,15 @@ internal struct DisclosureGroupView: ExpoSwiftUI.View {
       Children()
     }
     .onChange(of: isExpanded) { newValue in
-      let payload = ["isExpanded": newValue]
-      props.onIsExpandedChange(payload)
+      if newValue == props.isExpanded { return }
+      props.onIsExpandedChange(["isExpanded": newValue])
     }
     .onChange(of: props.isExpanded) { newValue in
       isExpanded = newValue
     }
+    .onAppear {
+      isExpanded = props.isExpanded
+    }
 #endif
   }
 }

package/ios/ExpoUIModule.swift

@@ -6,11 +6,7 @@ public final class ExpoUIModule: Module {
   public func definition() -> ModuleDefinition {
     Name("ExpoUI")
 
-    View(RNHostView.self) {
-      Prop("matchContents") { (view, matchContents: Bool) in
-        view.matchContents = matchContents
-      }
-    }
+    View(RNHostView.self)
 
     OnDestroy {
       Task { @MainActor in
@@ -24,9 +20,9 @@ public final class ExpoUIModule: Module {
       RefreshableManager.shared.completeRefresh(id: id)
     }
 
-    // MARK: - Views with AsyncFunctions that need to explicitly add `.modifier(UIBaseViewModifier(props: props))`
+    // MARK: - Expo UI Views with AsyncFunctions
 
-    View(SecureFieldView.self) {
+    ExpoUIView(SecureFieldView.self) {
       AsyncFunction("setText") { (view: SecureFieldView, text: String) in
         view.setText(text)
       }
@@ -37,7 +33,7 @@ public final class ExpoUIModule: Module {
         view.focus()
       }
     }
-    View(TextFieldView.self) {
+    ExpoUIView(TextFieldView.self) {
       AsyncFunction("setText") { (view: TextFieldView, text: String) in
         view.setText(text)
       }
@@ -51,7 +47,7 @@ public final class ExpoUIModule: Module {
         view.setSelection(start: start, end: end)
       }
     }
-    View(ShareLinkView.self) {
+    ExpoUIView(ShareLinkView.self) {
       AsyncFunction("setItem") { (view: ShareLinkView, url: String?) in
         guard let url, let validURL = URL(string: url) else {
           view.rejectContinuation()
@@ -63,22 +59,9 @@ public final class ExpoUIModule: Module {
 
     // MARK: - Views don't support common view modifiers
 
-    View(ContextMenuActivationElement.self)
-    View(ContextMenuPreview.self)
-    View(ContextMenuContent.self)
-    View(ConfirmationDialogTrigger.self)
-    View(ConfirmationDialogActions.self)
-    View(ConfirmationDialogMessage.self)
+    View(SlotView.self)
     View(NamespaceView.self)
-    View(PopoverViewContent.self)
-    View(PopoverViewPopContent.self)
-    View(SectionContent.self)
-    View(SectionHeader.self)
-    View(SectionFooter.self)
     View(GridRowView.self)
-    View(LabeledContentLabel.self)
-    View(LabeledContentContent.self)
-    View(LabelIcon.self)
     View(HostView.self)
     View(TextView.self)
 
@@ -93,14 +76,13 @@ public final class ExpoUIModule: Module {
     ExpoUIView(ExpoUI.ContentUnavailableView.self)
     ExpoUIView(ConfirmationDialogView.self)
     ExpoUIView(ExpoUI.ContextMenu.self)
-    
-    // Menu component
+
+    ExpoUIView(ControlGroupView.self)
+
     ExpoUIView(MenuView.self)
-    View(MenuLabel.self)
 
     ExpoUIView(FormView.self)
     ExpoUIView(GaugeView.self)
-    View(GaugeLabelView.self)
     ExpoUIView(GroupView.self)
     ExpoUIView(HStackView.self)
     ExpoUIView(ImageView.self)
@@ -108,17 +90,12 @@ public final class ExpoUIModule: Module {
     ExpoUIView(ListView.self)
     ExpoUIView(ListForEachView.self)
 
-    // Picker
     ExpoUIView(PickerView.self)
-    View(PickerContentView.self)
-    View(PickerLabelView.self)
 
     ExpoUIView(ExpoUI.ProgressView.self)
     ExpoUIView(SectionView.self)
 
-    // Slider
     ExpoUIView(SliderView.self)
-    View(SliderLabelView.self)
 
     ExpoUIView(SpacerView.self)
     ExpoUIView(StepperView.self)
@@ -138,5 +115,6 @@ public final class ExpoUIModule: Module {
     ExpoUIView(DividerView.self)
     ExpoUIView(PopoverView.self)
     ExpoUIView(GridView.self)
+    ExpoUIView(AccessoryWidgetBackgroundView.self)
   }
 }

package/ios/GaugeView.swift

@@ -31,14 +31,10 @@ public struct GaugeView: ExpoSwiftUI.View {
   @ViewBuilder
   private var gaugeContent: some View {
     let range = (props.min ?? 0.0)...(props.max ?? 1.0)
-    let label = props.children?.compactMap { $0.childView as? GaugeLabelView }
-      .first { $0.props.kind == .label }
-    let currentValueLabel = props.children?.compactMap { $0.childView as? GaugeLabelView }
-      .first { $0.props.kind == .currentValue }
-    let minimumValueLabel = props.children?.compactMap { $0.childView as? GaugeLabelView }
-      .first { $0.props.kind == .minimumValue }
-    let maximumValueLabel = props.children?.compactMap { $0.childView as? GaugeLabelView }
-      .first { $0.props.kind == .maximumValue }
+    let label = props.children?.slot("label")
+    let currentValueLabel = props.children?.slot("currentValue")
+    let minimumValueLabel = props.children?.slot("minimumValue")
+    let maximumValueLabel = props.children?.slot("maximumValue")
 
     Gauge(value: props.value, in: range) {
       label
@@ -53,21 +49,3 @@ public struct GaugeView: ExpoSwiftUI.View {
 #endif
 }
 
-internal enum GaugeLabelKind: String, Enumerable {
-  case label
-  case currentValue
-  case minimumValue
-  case maximumValue
-}
-
-internal final class GaugeLabelProps: ExpoSwiftUI.ViewProps {
-  @Field var kind: GaugeLabelKind = .label
-}
-
-internal struct GaugeLabelView: ExpoSwiftUI.View {
-  @ObservedObject var props: GaugeLabelProps
-
-  var body: some View {
-    Children()
-  }
-}

package/ios/HostView.swift

@@ -161,13 +161,12 @@ private struct ViewportSizeMeasurementLayout: Layout {
  */
 private struct GeometryChangeModifier: ViewModifier {
   let props: HostViewProps
-  @EnvironmentObject var shadowNodeProxy: ExpoSwiftUI.ShadowNodeProxy
 
   private func dispatchOnLayoutContent(_ size: CGSize) {
     if props.matchContentsHorizontal || props.matchContentsVertical {
       let styleWidth = props.matchContentsHorizontal ? NSNumber(value: Float(size.width)) : nil
       let styleHeight = props.matchContentsVertical ? NSNumber(value: Float(size.height)) : nil
-      shadowNodeProxy.setStyleSize?(styleWidth, styleHeight)
+      props.shadowNodeProxy.setStyleSize?(styleWidth, styleHeight)
     }
 
     props.onLayoutContent([

package/ios/ImageView.swift

@@ -4,7 +4,8 @@ import SwiftUI
 import ExpoModulesCore
 
 public final class ImageViewProps: UIBaseViewProps {
-  @Field var systemName: String = ""
+  @Field var uiImage: String?
+  @Field var systemName: String?
   @Field var size: Double?
   @Field var color: Color?
   @Field var variableValue: Double?
@@ -19,18 +20,28 @@ public struct ImageView: ExpoSwiftUI.View {
     self.props = props
   }
 
+  @ViewBuilder
   public var body: some View {
-    let image: Image
+    if let systemName = props.systemName {
+      let image: Image = {
+        if #available(iOS 16.0, tvOS 16.0, *) {
+          return Image(systemName: systemName, variableValue: props.variableValue)
+        }
+        return Image(systemName: systemName)
+      }()
 
-    if #available(iOS 16.0, tvOS 16.0, *) {
-      image = Image(systemName: props.systemName, variableValue: props.variableValue)
-    } else {
-      image = Image(systemName: props.systemName)
+      image
+        .font(.system(size: CGFloat(props.size ?? 24)))
+        .foregroundColor(props.color)
+        .applyOnTapGesture(useTapGesture: props.useTapGesture, eventDispatcher: props.onTap)
+    } else if let url = props.uiImage,
+              let url = URL(string: url),
+              let data = try? Data(contentsOf: url),
+              let uiImage = UIImage(data: data) {
+      Image(uiImage: uiImage)
+        .applyImageModifiers(props.modifiers, appContext: props.appContext)
+        .foregroundColor(props.color)
+        .applyOnTapGesture(useTapGesture: props.useTapGesture, eventDispatcher: props.onTap)
     }
-
-    return image
-      .font(.system(size: CGFloat(props.size ?? 24)))
-      .foregroundColor(props.color)
-      .applyOnTapGesture(useTapGesture: props.useTapGesture, eventDispatcher: props.onTap)
   }
 }

package/ios/Label.swift

@@ -8,19 +8,6 @@ public final class LabelViewProps: UIBaseViewProps {
   @Field var systemImage: String?
 }
 
-public final class LabelIconProps: ExpoSwiftUI.ViewProps {}
-public struct LabelIcon: ExpoSwiftUI.View {
-  @ObservedObject public var props: LabelIconProps
-
-  public init(props: LabelIconProps) {
-    self.props = props
-  }
-
-  public var body: some View {
-    Children()
-  }
-}
-
 public struct LabelView: ExpoSwiftUI.View {
   @ObservedObject public var props: LabelViewProps
 
@@ -44,9 +31,7 @@ public struct LabelView: ExpoSwiftUI.View {
     }
   }
 
-  private var customIcon: LabelIcon? {
-    props.children?
-      .compactMap({ $0.childView as? LabelIcon })
-      .first
+  private var customIcon: SlotView? {
+    props.children?.slot("icon")
   }
 }

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/ListView.swift

@@ -11,28 +11,20 @@ final class ListProps: UIBaseViewProps {
 struct ListView: ExpoSwiftUI.View {
   @ObservedObject var props: ListProps
   @State private var selection = Set<AnyHashable>()
-  @State private var prevSelection = Set<AnyHashable>()
-
-  init(props: ListProps) {
-    self.props = props
-    let initialSelection = Self.getHashableSetFromEither(props.selection)
-    _selection = State(initialValue: initialSelection)
-    _prevSelection = State(initialValue: initialSelection)
-  }
 
   var body: some View {
     List(selection: $selection) {
       Children()
     }
+    .onAppear {
+      selection = Self.getHashableSetFromEither(props.selection)
+    }
+    .onChange(of: props.selection) { newValue in
+      selection = Self.getHashableSetFromEither(newValue)
+    }
     .onChange(of: selection) { newSelection in
       handleSelectionChange(selection: newSelection)
     }
-    .onReceive(props.selection.publisher) { newValue in
-      let hashableSet = Self.getHashableSetFromEither(newValue)
-      if prevSelection == hashableSet { return }
-      selection = hashableSet
-      prevSelection = hashableSet
-    }
   }
 
   func handleSelectionChange(selection: Set<AnyHashable>) {

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/DefaultScrollAnchorForRoleModifier.swift

@@ -0,0 +1,32 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal enum ScrollAnchorRoleOptions: String, Enumerable {
+  case initialOffset
+  case sizeChanges
+  case alignment
+
+  @available(iOS 18.0, tvOS 18.0, macOS 15.0, *)
+  var toScrollAnchorRole: ScrollAnchorRole {
+    switch self {
+    case .initialOffset: return .initialOffset
+    case .sizeChanges: return .sizeChanges
+    case .alignment: return .alignment
+    }
+  }
+}
+
+internal struct DefaultScrollAnchorForRoleModifier: ViewModifier, Record {
+  @Field var anchor: UnitPointOptions?
+  @Field var role: ScrollAnchorRoleOptions = .initialOffset
+
+  func body(content: Content) -> some View {
+    if #available(iOS 18.0, tvOS 18.0, macOS 15.0, *) {
+      content.defaultScrollAnchor(anchor?.toUnitPoint, for: role.toScrollAnchorRole)
+    } else {
+      content
+    }
+  }
+}

package/ios/Modifiers/DefaultScrollAnchorModifier.swift

@@ -0,0 +1,16 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal struct DefaultScrollAnchorModifier: ViewModifier, Record {
+  @Field var anchor: UnitPointOptions?
+
+  func body(content: Content) -> some View {
+    if #available(iOS 17.0, tvOS 17.0, macOS 14.0, *) {
+      content.defaultScrollAnchor(anchor?.toUnitPoint)
+    } else {
+      content
+    }
+  }
+}

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
+    }
+  }
+}