@expo/ui 55.0.4 → 55.0.6

package/CHANGELOG.md

@@ -10,6 +10,24 @@
 
 ### 💡 Others
 
+## 55.0.6 — 2026-03-27
+
+### 🛠 Breaking changes
+
+- [android] Refactored `PullToRefreshBox` indicator props: replaced `loadingIndicatorModifiers` with nested `indicator` prop containing `color`, `containerColor`, and `modifiers`. Added `contentAlignment` prop. ([#44079](https://github.com/expo/expo/pull/44079) by [@nishan](https://github.com/intergalacticspacehighway))
+- [android] Split `Divider` into `HorizontalDivider` and `VerticalDivider` matching native Compose components. Added `thickness` and `color` props. ([#44035](https://github.com/expo/expo/pull/44035) by [@nishan](https://github.com/intergalacticspacehighway))
+- [android] Match `AlertDialog` API to native Compose: replaced string props (`title`, `text`, `confirmButtonText`, `dismissButtonText`) with slot sub-components (`AlertDialog.Title`, `AlertDialog.Text`, `AlertDialog.ConfirmButton`, `AlertDialog.DismissButton`, `AlertDialog.Icon`). Removed `visible` prop (use conditional rendering), `onConfirmPressed`/`onDismissPressed` (renamed to `onDismissRequest`), and `confirmButtonColors`/`dismissButtonColors` (replaced with dialog-level `colors`). ([#43997](https://github.com/expo/expo/pull/43997) by [@nishan](https://github.com/intergalacticspacehighway))
+
+### 🎉 New features
+
+- [android] add `imePadding` modifier ([#43652](https://github.com/expo/expo/pull/43652) by [@Ubax](https://github.com/Ubax))
+
+## 55.0.5 — 2026-03-19
+
+### 🛠 Breaking changes
+
+- [android] Split `Carousel` into `HorizontalCenteredHeroCarousel`, `HorizontalMultiBrowseCarousel`, and `HorizontalUncontainedCarousel` matching native Compose components. Added `HorizontalCenteredHeroCarousel`. ([#44034](https://github.com/expo/expo/pull/44034) by [@nishan](https://github.com/intergalacticspacehighway))
+
 ## 55.0.4 — 2026-03-18
 
 ### 🎉 New features
@@ -37,8 +55,10 @@
 
 ### 🎉 New features
 
+- [android] Added `shape`, `border`, `selected`, `checked`, `onClick`, and `onCheckedChange` props to `Surface`, supporting clickable, selectable, and toggleable variants. ([#44079](https://github.com/expo/expo/pull/44079) by [@nishan](https://github.com/intergalacticspacehighway))
+- [android] Added nested text support for Compose `Text` with style inheritance, custom fonts via `expo-font`, `background`, `shadow`, and `lineBreak` properties. ([#44094](https://github.com/expo/expo/pull/44094) by [@nishan](https://github.com/intergalacticspacehighway))
 - [android] Added `outlined` variant to `TextInput` component. ([#43719](https://github.com/expo/expo/pull/43719) by [@benjaminkomen](https://github.com/benjaminkomen))
-- Added `@expo/ui/datetimepicker` — a cross-platform `DateTimePicker` drop-in replacement for `@react-native-community/datetimepicker`.  ([#44014](https://github.com/expo/expo/pull/44014) by [@vonovak](https://github.com/vonovak))
+- Added `@expo/ui/datetimepicker` — a cross-platform `DateTimePicker` drop-in replacement for `@react-native-community/datetimepicker`. ([#44014](https://github.com/expo/expo/pull/44014) by [@vonovak](https://github.com/vonovak))
 - [iOS] Added `locale` and `timeZone` support to `modifiers`. ([#44013](https://github.com/expo/expo/pull/44013) by [@vonovak](https://github.com/vonovak))
 - [android] Added `ref.hide()` for animated dismiss and more configurable props (`containerColor`, `contentColor`, `scrimColor`, `showDragHandle`, `sheetGesturesEnabled`, `properties`, `DragHandle` slot) to `BottomSheet`. ([#43972](https://github.com/expo/expo/pull/43972) by [@nishan](https://github.com/intergalacticspacehighway))
 - [iOS] Added `date`, `dateStyle`, `timerInterval`, `countsDown`, and `pauseTime` props to `Text` component for displaying auto-updating dates, timers, and countdowns using SwiftUI's `Text.DateStyle`. ([#43552](https://github.com/expo/expo/pull/43552) by [@LouisRaverdy](https://github.com/LouisRaverdy))
@@ -238,6 +258,7 @@ _This version does not introduce any user-facing changes._
 
 ### 🎉 New features
 
+- [Android] Add `label`, and `placeholder` props to TextField component. ([#40452](https://github.com/expo/expo/pull/40452) by [@akshayjadhav4](https://github.com/akshayjadhav4))
 - [iOS] Add `refreshable` modifier. ([#40201](https://github.com/expo/expo/pull/40201) by [@christianwooldridge](https://github.com/christianwooldridge))
 - [iOS] Add RTL support in swiftui. ([#40335](https://github.com/expo/expo/pull/40335) by [@kfirfitousi](https://github.com/kfirfitousi))
 - [Android] Add Carousel component. ([#40325](https://github.com/expo/expo/pull/40325) by [@aleqsio](https://github.com/aleqsio))

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 = '55.0.4'
+version = '55.0.6'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "55.0.4"
+    versionName "55.0.6"
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
   buildFeatures {

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

@@ -1,52 +1,80 @@
 package expo.modules.ui
 
+import android.graphics.Color
 import androidx.compose.material3.AlertDialog
-import androidx.compose.material3.Text
-import androidx.compose.material3.TextButton
+import androidx.compose.material3.AlertDialogDefaults
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.DialogProperties
+import expo.modules.kotlin.records.Field
 import expo.modules.kotlin.records.Record
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
-import java.io.Serializable
 
-open class AlertDialogButtonPressedEvent() : Record, Serializable
+data class AlertDialogColors(
+  @Field val containerColor: Color? = null,
+  @Field val iconContentColor: Color? = null,
+  @Field val titleContentColor: Color? = null,
+  @Field val textContentColor: Color? = null
+) : Record
+
+data class ExpoDialogProperties(
+  @Field val dismissOnBackPress: Boolean = true,
+  @Field val dismissOnClickOutside: Boolean = true,
+  @Field val usePlatformDefaultWidth: Boolean = true,
+  @Field val decorFitsSystemWindows: Boolean = true
+) : Record
 
 data class AlertDialogProps(
-  val title: String? = null,
-  val text: String? = null,
-  val confirmButtonText: String? = null,
-  val dismissButtonText: String? = null,
-  val visible: Boolean = false,
+  val colors: AlertDialogColors = AlertDialogColors(),
+  val tonalElevation: Double? = null,
+  val properties: ExpoDialogProperties = ExpoDialogProperties(),
   val modifiers: ModifierList = emptyList()
 ) : ComposeProps
 
 @Composable
 fun FunctionalComposableScope.AlertDialogContent(
   props: AlertDialogProps,
-  onDismissPressed: (AlertDialogButtonPressedEvent) -> Unit,
-  onConfirmPressed: (AlertDialogButtonPressedEvent) -> Unit
+  onDismissRequest: () -> Unit
 ) {
-  if (!props.visible) {
-    return
-  }
+  val titleSlotView = findChildSlotView(view, "title")
+  val textSlotView = findChildSlotView(view, "text")
+  val confirmButtonSlotView = findChildSlotView(view, "confirmButton")
+  val dismissButtonSlotView = findChildSlotView(view, "dismissButton")
+  val iconSlotView = findChildSlotView(view, "icon")
 
   AlertDialog(
+    onDismissRequest = { onDismissRequest() },
     confirmButton = {
-      props.confirmButtonText?.let {
-        TextButton(onClick = { onConfirmPressed(AlertDialogButtonPressedEvent()) }) {
-          Text(it)
-        }
-      }
+      confirmButtonSlotView?.renderSlot()
+    },
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    dismissButton = dismissButtonSlotView?.let {
+      { it.renderSlot() }
+    },
+    title = titleSlotView?.let {
+      { it.renderSlot() }
+    },
+    text = textSlotView?.let {
+      { it.renderSlot() }
     },
-    dismissButton = {
-      props.dismissButtonText?.let {
-        TextButton(onClick = { onDismissPressed(AlertDialogButtonPressedEvent()) }) {
-          Text(it)
-        }
-      }
+    icon = iconSlotView?.let {
+      { it.renderSlot() }
     },
-    onDismissRequest = { onDismissPressed(AlertDialogButtonPressedEvent()) },
-    title = { props.title?.let { Text(it) } },
-    text = { props.text?.let { Text(it) } }
+    containerColor = props.colors.containerColor.composeOrNull
+      ?: AlertDialogDefaults.containerColor,
+    iconContentColor = props.colors.iconContentColor.composeOrNull
+      ?: AlertDialogDefaults.iconContentColor,
+    titleContentColor = props.colors.titleContentColor.composeOrNull
+      ?: AlertDialogDefaults.titleContentColor,
+    textContentColor = props.colors.textContentColor.composeOrNull
+      ?: AlertDialogDefaults.textContentColor,
+    tonalElevation = props.tonalElevation?.dp ?: AlertDialogDefaults.TonalElevation,
+    properties = DialogProperties(
+      dismissOnBackPress = props.properties.dismissOnBackPress,
+      dismissOnClickOutside = props.properties.dismissOnClickOutside,
+      usePlatformDefaultWidth = props.properties.usePlatformDefaultWidth,
+      decorFitsSystemWindows = props.properties.decorFitsSystemWindows
+    )
   )
 }

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

@@ -3,11 +3,13 @@ package expo.modules.ui
 import androidx.compose.material3.BasicAlertDialog
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.window.DialogProperties
 import expo.modules.kotlin.views.ComposableScope
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
 
 data class BasicAlertDialogProps(
+  val properties: ExpoDialogProperties = ExpoDialogProperties(),
   val modifiers: ModifierList = emptyList()
 ) : ComposeProps
 
@@ -19,7 +21,13 @@ fun FunctionalComposableScope.BasicAlertDialogContent(
 ) {
   BasicAlertDialog(
     onDismissRequest = { onDismissRequest() },
-    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    properties = DialogProperties(
+      dismissOnBackPress = props.properties.dismissOnBackPress,
+      dismissOnClickOutside = props.properties.dismissOnClickOutside,
+      usePlatformDefaultWidth = props.properties.usePlatformDefaultWidth,
+      decorFitsSystemWindows = props.properties.decorFitsSystemWindows
+    )
   ) {
     Children(ComposableScope())
   }

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

@@ -4,10 +4,12 @@ import androidx.compose.foundation.gestures.TargetedFlingBehavior
 import androidx.compose.foundation.layout.PaddingValues
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.carousel.CarouselDefaults
+import androidx.compose.material3.carousel.HorizontalCenteredHeroCarousel
 import androidx.compose.material3.carousel.HorizontalMultiBrowseCarousel
 import androidx.compose.material3.carousel.HorizontalUncontainedCarousel
 import androidx.compose.material3.carousel.rememberCarouselState
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.unit.Dp
 import androidx.compose.ui.unit.dp
 import androidx.core.view.size
 import expo.modules.kotlin.records.Field
@@ -18,28 +20,16 @@ import expo.modules.kotlin.views.ComposableScope
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
 
-enum class CarouselVariant(val value: String) : Enumerable {
-  MULTI_BROWSE("multiBrowse"),
-  UNCONSTRAINED("unconstrained")
-}
-
 enum class FlingBehaviorType(val value: String) : Enumerable {
   SINGLE_ADVANCE("singleAdvance"),
   NO_SNAP("noSnap")
 }
 
 class PaddingValuesRecord : Record {
-  @Field
-  val start: Float? = null
-
-  @Field
-  val top: Float? = null
-
-  @Field
-  val end: Float? = null
-
-  @Field
-  val bottom: Float? = null
+  @Field val start: Float? = null
+  @Field val top: Float? = null
+  @Field val end: Float? = null
+  @Field val bottom: Float? = null
 
   fun toPaddingValues(): PaddingValues {
     return PaddingValues(
@@ -63,77 +53,113 @@ fun paddingValuesFromEither(either: Either<Float, PaddingValuesRecord>?): Paddin
   }
 }
 
-data class CarouselProps(
-  val variant: CarouselVariant? = null,
+data class HorizontalCenteredHeroCarouselProps(
+  val maxItemWidth: Float? = null,
   val itemSpacing: Float? = null,
   val contentPadding: Either<Float, PaddingValuesRecord>? = null,
   val minSmallItemWidth: Float? = null,
   val maxSmallItemWidth: Float? = null,
   val flingBehavior: FlingBehaviorType? = null,
-  val preferredItemWidth: Float? = null,
-  val itemWidth: Float? = null,
+  val userScrollEnabled: Boolean? = null,
   val modifiers: ModifierList = emptyList()
 ) : ComposeProps
 
-const val DEFAULT_MIN_SMALL_ITEM_WIDTH = 40f
-const val DEFAULT_MAX_SMALL_ITEM_WIDTH = 56f
-const val DEFAULT_PREFERRED_ITEM_WIDTH = 200f
-const val DEFAULT_ITEM_WIDTH = 200f
-
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun FunctionalComposableScope.CarouselContent(props: CarouselProps) {
-  val variant = props.variant ?: CarouselVariant.MULTI_BROWSE
-  val modifiers = props.modifiers ?: emptyList()
-  val itemSpacing = (props.itemSpacing ?: 0f).dp
-  val minSmallItemWidth = (props.minSmallItemWidth ?: DEFAULT_MIN_SMALL_ITEM_WIDTH).dp
-
-  // we need to constrain maxSmallItemWidth to be at least minSmallItemWidth or the app will crash
-  val maxSmallItemWidth = minSmallItemWidth.coerceAtLeast((props.maxSmallItemWidth ?: DEFAULT_MAX_SMALL_ITEM_WIDTH).dp)
-  val preferredItemWidth = (props.preferredItemWidth ?: DEFAULT_PREFERRED_ITEM_WIDTH).dp
-  val itemWidth = (props.itemWidth ?: DEFAULT_ITEM_WIDTH).dp
-  val flingBehaviorType = props.flingBehavior ?: FlingBehaviorType.SINGLE_ADVANCE
+fun FunctionalComposableScope.HorizontalCenteredHeroCarouselContent(props: HorizontalCenteredHeroCarouselProps) {
   val contentPadding = paddingValuesFromEither(props.contentPadding)
-
   val carouselState = rememberCarouselState(0) { view.size }
+  val flingBehavior: TargetedFlingBehavior = when (props.flingBehavior ?: FlingBehaviorType.SINGLE_ADVANCE) {
+    FlingBehaviorType.SINGLE_ADVANCE -> CarouselDefaults.singleAdvanceFlingBehavior(state = carouselState)
+    FlingBehaviorType.NO_SNAP -> CarouselDefaults.noSnapFlingBehavior()
+  }
+
+  val minSmallItemWidth = props.minSmallItemWidth?.dp ?: CarouselDefaults.MinSmallItemSize
+  val maxSmallItemWidth = (props.maxSmallItemWidth?.dp ?: CarouselDefaults.MaxSmallItemSize).coerceAtLeast(minSmallItemWidth)
+
+  HorizontalCenteredHeroCarousel(
+    state = carouselState,
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    maxItemWidth = props.maxItemWidth?.dp ?: Dp.Unspecified,
+    itemSpacing = (props.itemSpacing ?: 0f).dp,
+    flingBehavior = flingBehavior,
+    userScrollEnabled = props.userScrollEnabled ?: true,
+    minSmallItemWidth = minSmallItemWidth,
+    maxSmallItemWidth = maxSmallItemWidth,
+    contentPadding = contentPadding
+  ) { itemIndex ->
+    Child(ComposableScope(), itemIndex)
+  }
+}
+
+data class HorizontalMultiBrowseCarouselProps(
+  val preferredItemWidth: Float = 200f,
+  val itemSpacing: Float? = null,
+  val contentPadding: Either<Float, PaddingValuesRecord>? = null,
+  val minSmallItemWidth: Float? = null,
+  val maxSmallItemWidth: Float? = null,
+  val flingBehavior: FlingBehaviorType? = null,
+  val userScrollEnabled: Boolean? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
 
-  val flingBehavior: TargetedFlingBehavior = when (flingBehaviorType) {
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun FunctionalComposableScope.HorizontalMultiBrowseCarouselContent(props: HorizontalMultiBrowseCarouselProps) {
+  val contentPadding = paddingValuesFromEither(props.contentPadding)
+  val carouselState = rememberCarouselState(0) { view.size }
+  val flingBehavior: TargetedFlingBehavior = when (props.flingBehavior ?: FlingBehaviorType.SINGLE_ADVANCE) {
     FlingBehaviorType.SINGLE_ADVANCE -> CarouselDefaults.singleAdvanceFlingBehavior(state = carouselState)
     FlingBehaviorType.NO_SNAP -> CarouselDefaults.noSnapFlingBehavior()
   }
 
-  @Composable
-  fun MultiBrowseCarouselComposable() {
-    HorizontalMultiBrowseCarousel(
-      state = carouselState,
-      preferredItemWidth = preferredItemWidth,
-      modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
-      itemSpacing = itemSpacing,
-      flingBehavior = flingBehavior,
-      minSmallItemWidth = minSmallItemWidth,
-      maxSmallItemWidth = maxSmallItemWidth,
-      contentPadding = contentPadding
-    ) { itemIndex ->
-      Child(ComposableScope(), itemIndex)
-    }
+  val minSmallItemWidth = props.minSmallItemWidth?.dp ?: CarouselDefaults.MinSmallItemSize
+  val maxSmallItemWidth = (props.maxSmallItemWidth?.dp ?: CarouselDefaults.MaxSmallItemSize).coerceAtLeast(minSmallItemWidth)
+
+  HorizontalMultiBrowseCarousel(
+    state = carouselState,
+    preferredItemWidth = props.preferredItemWidth.dp,
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    itemSpacing = (props.itemSpacing ?: 0f).dp,
+    flingBehavior = flingBehavior,
+    userScrollEnabled = props.userScrollEnabled ?: true,
+    minSmallItemWidth = minSmallItemWidth,
+    maxSmallItemWidth = maxSmallItemWidth,
+    contentPadding = contentPadding
+  ) { itemIndex ->
+    Child(ComposableScope(), itemIndex)
   }
+}
 
-  @Composable
-  fun UnconstrainedCarouselComposable() {
-    HorizontalUncontainedCarousel(
-      state = carouselState,
-      itemWidth = itemWidth,
-      modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
-      itemSpacing = itemSpacing,
-      flingBehavior = flingBehavior,
-      contentPadding = contentPadding
-    ) { itemIndex ->
-      Child(ComposableScope(), itemIndex)
-    }
+data class HorizontalUncontainedCarouselProps(
+  val itemWidth: Float = 200f,
+  val itemSpacing: Float? = null,
+  val contentPadding: Either<Float, PaddingValuesRecord>? = null,
+  val flingBehavior: FlingBehaviorType? = null,
+  val userScrollEnabled: Boolean? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun FunctionalComposableScope.HorizontalUncontainedCarouselContent(props: HorizontalUncontainedCarouselProps) {
+  val contentPadding = paddingValuesFromEither(props.contentPadding)
+  val carouselState = rememberCarouselState(0) { view.size }
+  // Uncontained defaults to noSnap, unlike the other two which default to singleAdvance
+  val flingBehavior: TargetedFlingBehavior = when (props.flingBehavior ?: FlingBehaviorType.NO_SNAP) {
+    FlingBehaviorType.SINGLE_ADVANCE -> CarouselDefaults.singleAdvanceFlingBehavior(state = carouselState)
+    FlingBehaviorType.NO_SNAP -> CarouselDefaults.noSnapFlingBehavior()
   }
 
-  when (variant) {
-    CarouselVariant.MULTI_BROWSE -> MultiBrowseCarouselComposable()
-    CarouselVariant.UNCONSTRAINED -> UnconstrainedCarouselComposable()
+  HorizontalUncontainedCarousel(
+    state = carouselState,
+    itemWidth = props.itemWidth.dp,
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    itemSpacing = (props.itemSpacing ?: 0f).dp,
+    flingBehavior = flingBehavior,
+    userScrollEnabled = props.userScrollEnabled ?: true,
+    contentPadding = contentPadding
+  ) { itemIndex ->
+    Child(ComposableScope(), itemIndex)
   }
 }

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

@@ -1,15 +1,34 @@
 package expo.modules.ui
 
+import android.graphics.Color
+import androidx.compose.material3.DividerDefaults
 import androidx.compose.material3.HorizontalDivider
+import androidx.compose.material3.VerticalDivider
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.unit.dp
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
 
 data class DividerProps(
+  val thickness: Float? = null,
+  val color: Color? = null,
   val modifiers: ModifierList = emptyList()
 ) : ComposeProps
 
 @Composable
-fun FunctionalComposableScope.DividerContent(props: DividerProps) {
-  HorizontalDivider(modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher))
+fun FunctionalComposableScope.HorizontalDividerContent(props: DividerProps) {
+  HorizontalDivider(
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    thickness = props.thickness?.dp ?: DividerDefaults.Thickness,
+    color = props.color.composeOrNull ?: DividerDefaults.color
+  )
+}
+
+@Composable
+fun FunctionalComposableScope.VerticalDividerContent(props: DividerProps) {
+  VerticalDivider(
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    thickness = props.thickness?.dp ?: DividerDefaults.Thickness,
+    color = props.color.composeOrNull ?: DividerDefaults.color
+  )
 }

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

@@ -210,8 +210,12 @@ class ExpoUIModule : Module() {
       ShapeContent(props)
     }
 
-    ExpoUIView("DividerView") { props: DividerProps ->
-      DividerContent(props)
+    ExpoUIView("HorizontalDividerView") { props: DividerProps ->
+      HorizontalDividerContent(props)
+    }
+
+    ExpoUIView("VerticalDividerView") { props: DividerProps ->
+      VerticalDividerContent(props)
     }
 
     ExpoUIView("DateTimePickerView", events = {
@@ -312,23 +316,23 @@ class ExpoUIModule : Module() {
       PullToRefreshBoxContent(props) { onRefresh(Unit) }
     }
 
-    ExpoUIView("CarouselView") { props: CarouselProps ->
-      CarouselContent(props)
+    ExpoUIView("HorizontalCenteredHeroCarouselView") { props: HorizontalCenteredHeroCarouselProps ->
+      HorizontalCenteredHeroCarouselContent(props)
+    }
+
+    ExpoUIView("HorizontalMultiBrowseCarouselView") { props: HorizontalMultiBrowseCarouselProps ->
+      HorizontalMultiBrowseCarouselContent(props)
+    }
+
+    ExpoUIView("HorizontalUncontainedCarouselView") { props: HorizontalUncontainedCarouselProps ->
+      HorizontalUncontainedCarouselContent(props)
     }
 
     ExpoUIView("AlertDialogView", events = {
-      Events(
-        "onDismissPressed",
-        "onConfirmPressed"
-      )
+      Events("onDismissRequest")
     }) { props: AlertDialogProps ->
-      val onDismissPressed by remember { EventDispatcher<AlertDialogButtonPressedEvent>() }
-      val onConfirmPressed by remember { EventDispatcher<AlertDialogButtonPressedEvent>() }
-      AlertDialogContent(
-        props,
-        { onDismissPressed(it) },
-        { onConfirmPressed(it) }
-      )
+      val onDismissRequest by remember { EventDispatcher<Unit>() }
+      AlertDialogContent(props) { onDismissRequest(Unit) }
     }
 
     ExpoUIView("AssistChipView", events = {
@@ -414,8 +418,12 @@ class ExpoUIModule : Module() {
       BasicAlertDialogContent(props) { onDismissRequest(Unit) }
     }
 
-    ExpoUIView("SurfaceView") { props: SurfaceProps ->
-      SurfaceContent(props)
+    ExpoUIView("SurfaceView", events = {
+      Events("onSurfaceClick", "onCheckedChange")
+    }) { props: SurfaceProps ->
+      val onSurfaceClick by remember { EventDispatcher<Unit>() }
+      val onCheckedChange by remember { EventDispatcher<GenericEventPayload1<Boolean>>() }
+      SurfaceContent(props, onClick = { onSurfaceClick(Unit) }, onCheckedChange = { onCheckedChange(GenericEventPayload1(it)) })
     }
 
     ExpoUIView("AnimatedVisibilityView") { props: AnimatedVisibilityProps ->

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

@@ -14,6 +14,7 @@ import androidx.compose.foundation.layout.fillMaxHeight
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.imePadding
 import androidx.compose.foundation.layout.offset
 import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
@@ -365,6 +366,11 @@ object ModifierRegistry {
       } ?: Modifier.wrapContentHeight()
     }
 
+    // Inset modifiers
+    register("imePadding") { _, _, _, _ ->
+      Modifier.imePadding()
+    }
+
     // Position modifiers
     register("offset") { map, _, _, _ ->
       val params = recordFromMap<OffsetParams>(map)

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

@@ -2,19 +2,33 @@
 
 package expo.modules.ui
 
+import android.graphics.Color
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.pulltorefresh.PullToRefreshBox
 import androidx.compose.material3.pulltorefresh.PullToRefreshDefaults
 import androidx.compose.material3.pulltorefresh.rememberPullToRefreshState
 import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
 import expo.modules.kotlin.views.ComposableScope
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.ui.convertibles.ContentAlignment
+
+data class PullToRefreshIndicatorProps(
+  @Field val color: Color? = null,
+  @Field val containerColor: Color? = null,
+  @Field val modifiers: ModifierList = emptyList()
+) : Record
 
 data class PullToRefreshBoxProps(
   val isRefreshing: Boolean = false,
-  val modifiers: ModifierList = emptyList(),
-  val loadingIndicatorModifiers: ModifierList = emptyList()
+  val contentAlignment: ContentAlignment? = null,
+  val indicator: PullToRefreshIndicatorProps = PullToRefreshIndicatorProps(),
+  val modifiers: ModifierList = emptyList()
 ) : ComposeProps
 
 @Composable
@@ -26,11 +40,14 @@ fun FunctionalComposableScope.PullToRefreshBoxContent(props: PullToRefreshBoxPro
     isRefreshing = isRefreshing,
     onRefresh = { onRefresh() },
     state = pullToRefreshState,
+    contentAlignment = props.contentAlignment?.toComposeAlignment() ?: Alignment.TopStart,
     indicator = {
       PullToRefreshDefaults.LoadingIndicator(
         isRefreshing = isRefreshing,
         state = pullToRefreshState,
-        modifier = ModifierRegistry.applyModifiers(props.loadingIndicatorModifiers, appContext, composableScope, globalEventDispatcher)
+        modifier = ModifierRegistry.applyModifiers(props.indicator.modifiers, appContext, composableScope, globalEventDispatcher),
+        color = props.indicator.color.composeOrNull ?: MaterialTheme.colorScheme.primary,
+        containerColor = props.indicator.containerColor.composeOrNull ?: MaterialTheme.colorScheme.surfaceContainerHigh
       )
     },
     modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)

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

@@ -34,6 +34,14 @@ class SlotView(context: Context, appContext: AppContext) :
   }
 }
 
+/**
+ * Renders the slot content within a new [ComposableScope].
+ */
+@Composable
+fun SlotView.renderSlot() {
+  with(ComposableScope()) { with(this@renderSlot) { Content() } }
+}
+
 fun isSlotWithName(view: ExpoComposeView<*>, slotName: String): Boolean {
   return view is SlotView && view.props.slotName.value == slotName
 }