@expo/ui 57.0.15 → 57.0.17

package/CHANGELOG.md

@@ -10,6 +10,36 @@
 
 ### 💡 Others
 
+## 57.0.17 — 2026-09-08
+
+### 🎉 New features
+
+- [Android] Added the `enabled` and `colors` props to the Jetpack Compose `RadioButton` component. ([#49852](https://github.com/expo/expo/pull/49852) by [@felipe-software](https://github.com/felipe-software))
+- [iOS] Taught the `presentationBackground` modifier to paint with any `ShapeStyle`, matching SwiftUI, so a sheet can be backed by a material, a gradient or a hierarchical style instead of only a color. iOS 26 renders a material as a flat color rather than a translucent blur. ([#49767](https://github.com/expo/expo/pull/49767) by [@Den1Marshall](https://github.com/Den1Marshall))
+- [iOS] Added the `scrollClipDisabled` modifier, which lets content that draws outside a scrollable view's bounds, such as a shadow or a scaled-up card, stay visible instead of being clipped. ([#49780](https://github.com/expo/expo/pull/49780) by [@Den1Marshall](https://github.com/Den1Marshall))
+- [iOS] Taught the `tint`, `border`, `strokeBorder` and `containerBackground` modifiers to paint with any `ShapeStyle`, matching SwiftUI, where all four take a `ShapeStyle` rather than a color. The `color` parameter of `border` and `strokeBorder` is deprecated in favor of `content`, the name SwiftUI gives it. ([#49838](https://github.com/expo/expo/pull/49838) by [@Den1Marshall](https://github.com/Den1Marshall))
+- [Android] Added the Jetpack Compose `DateRangePicker` and `DateRangePickerDialog` components. ([#49788](https://github.com/expo/expo/pull/49788) by [@felipe-software](https://github.com/felipe-software))
+
+### 🐛 Bug fixes
+
+- [Android][iOS] Fix `community/bottom-sheet` content shrinking to its own width instead of filling the sheet when the sheet sizes to its content. ([#49742](https://github.com/expo/expo/issues/49742) by [@agung-adhinata](https://github.com/agung-adhinata)) ([#49762](https://github.com/expo/expo/pull/49762) by [@intergalacticspacehighway](https://github.com/intergalacticspacehighway))
+- [iOS] Fixed `PlatformColor` and `DynamicColorIOS` values dropping the `backgroundColor` and `borderColor` of a universal component. Both were stringified to `"[object Object]"`, which the native color converter rejects, so the modifier was discarded without a trace. ([#49746](https://github.com/expo/expo/pull/49746) by [@Den1Marshall](https://github.com/Den1Marshall))
+
+## 57.0.16 — 2026-09-04
+
+### 🎉 New features
+
+- [iOS] Taught the `background` modifier to paint with any `ShapeStyle`, so a view can be filled with a material, a gradient or a hierarchical style instead of only a color, and added the `ignoresSafeAreaEdges` option from SwiftUI's signature. Deprecated `backgroundOverlay` in favor of the `background` modifier and the `Background` component. ([#49621](https://github.com/expo/expo/pull/49621) by [@Den1Marshall](https://github.com/Den1Marshall))
+- [android] Added the Jetpack Compose `VerticalSlider` component with support for reversed direction and custom thumb and track slots. ([#49612](https://github.com/expo/expo/pull/49612) by [@felipe-software](https://github.com/felipe-software))
+
+### 🐛 Bug fixes
+
+- [Android] Fixed a `Text` or an `Icon` with no explicit color rendering black inside `Host`, which made it unreadable in the dark color scheme. `Host` now provides `LocalContentColor` from the color scheme. ([#49697](https://github.com/expo/expo/pull/49697) by [@expo-bot](https://github.com/expo-bot))
+
+### 💡 Others
+
+- [Android] Marked `InnerTextFieldProps` and `PlaceholderProps` as optimized, so they no longer fall back to reflection-based props parsing and no longer log a warning on startup. ([#49632](https://github.com/expo/expo/issues/49632) by [@sfourdrinier](https://github.com/sfourdrinier)) ([#46919](https://github.com/expo/expo/pull/46919) by [@lukmccall](https://github.com/lukmccall))
+
 ## 57.0.15 — 2026-09-01
 
 ### 🎉 New features

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

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

@@ -242,10 +242,14 @@ fun rememberSelectableDates(selectableDatesRecord: SelectableDatesRecord?): Sele
 // https://github.com/expo/expo/issues/47206
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
-fun rememberDatePickerYearRange(selectableDatesRecord: SelectableDatesRecord?, initialDateMillis: Long): IntRange {
+fun rememberDatePickerYearRange(
+  selectableDatesRecord: SelectableDatesRecord?,
+  initialDateMillis: Long,
+  initialEndDateMillis: Long? = null
+): IntRange {
   val start = selectableDatesRecord?.start
   val end = selectableDatesRecord?.end
-  return remember(start, end, initialDateMillis) {
+  return remember(start, end, initialDateMillis, initialEndDateMillis) {
     val defaults = DatePickerDefaults.YearRange
     val yearOf = { millis: Long ->
       Calendar.getInstance().apply { timeInMillis = millis }.get(Calendar.YEAR)
@@ -254,8 +258,9 @@ fun rememberDatePickerYearRange(selectableDatesRecord: SelectableDatesRecord?, i
     val endYear = end?.let(yearOf) ?: defaults.last
     // Keep the initially selected/displayed year inside the range so Material3 doesn't discard the
     // selection
-    val initialYear = yearOf(initialDateMillis)
-    minOf(startYear, initialYear)..maxOf(endYear, initialYear)
+    val initialStartYear = yearOf(initialDateMillis)
+    val initialEndYear = initialEndDateMillis?.let(yearOf) ?: initialStartYear
+    minOf(startYear, initialStartYear, initialEndYear)..maxOf(endYear, initialStartYear, initialEndYear)
   }
 }
 
@@ -319,6 +324,25 @@ fun buildTimePickerColors(
   )
 }
 
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+internal fun ApplyDatePickerDialogKeyboardBehavior(displayMode: DisplayMode) {
+  val view = LocalView.current
+  val keyboardController = LocalSoftwareKeyboardController.current
+  val originalSoftInputMode = remember(view) {
+    (view.parent as? DialogWindowProvider)?.window?.attributes?.softInputMode
+  }
+  SideEffect {
+    val window = (view.parent as? DialogWindowProvider)?.window ?: return@SideEffect
+    if (displayMode == DisplayMode.Picker) {
+      window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING)
+      keyboardController?.hide()
+    } else if (originalSoftInputMode != null) {
+      window.setSoftInputMode(originalSoftInputMode)
+    }
+  }
+}
+
 @OptIn(ExperimentalMaterial3Api::class)
 @Composable
 fun ExpoDatePickerDialogContent(props: DatePickerDialogProps, onDateSelected: (DatePickerResult) -> Unit, onDismissRequest: () -> Unit) {
@@ -358,21 +382,8 @@ fun ExpoDatePickerDialogContent(props: DatePickerDialogProps, onDateSelected: (D
     },
     colors = colors
   ) {
-    val view = LocalView.current
-    val keyboardController = LocalSoftwareKeyboardController.current
     val displayMode = state.displayMode
-    val originalSoftInputMode = remember(view) {
-      (view.parent as? DialogWindowProvider)?.window?.attributes?.softInputMode
-    }
-    SideEffect {
-      val window = (view.parent as? DialogWindowProvider)?.window ?: return@SideEffect
-      if (displayMode == DisplayMode.Picker) {
-        window.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING)
-        keyboardController?.hide()
-      } else if (originalSoftInputMode != null) {
-        window.setSoftInputMode(originalSoftInputMode)
-      }
-    }
+    ApplyDatePickerDialogKeyboardBehavior(displayMode)
 
     // Material3's year-selector chevron tints from the ambient LocalContentColor (which defaults to
     // black), not `navigationContentColor`; bind the local so the chevron honors the navigation color.

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

@@ -0,0 +1,191 @@
+package expo.modules.ui
+
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.DatePickerDefaults
+import androidx.compose.material3.DatePickerDialog
+import androidx.compose.material3.DateRangePicker
+import androidx.compose.material3.DateRangePickerState
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.LocalContentColor
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextButton
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.CompositionLocalProvider
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.remember
+import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.res.stringResource
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.types.OptimizedRecord
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.OptimizedComposeProps
+import java.util.Date
+import android.graphics.Color as AndroidColor
+
+@OptimizedRecord
+data class DateRangePickerResult(
+  @Field
+  val start: Long?,
+  @Field
+  val end: Long?
+) : Record
+
+@OptimizedComposeProps
+data class DateRangePickerProps(
+  val initialStartDate: Long? = null,
+  val initialEndDate: Long? = null,
+  val variant: Variant = Variant.PICKER,
+  val showVariantToggle: Boolean = true,
+  val color: AndroidColor? = null,
+  val elementColors: DateTimePickerColorOverrides = DateTimePickerColorOverrides(),
+  val selectableDates: SelectableDatesRecord? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@OptimizedComposeProps
+data class DateRangePickerDialogProps(
+  val initialStartDate: Long? = null,
+  val initialEndDate: Long? = null,
+  val variant: Variant = Variant.PICKER,
+  val showVariantToggle: Boolean = true,
+  val confirmButtonLabel: String? = null,
+  val dismissButtonLabel: String? = null,
+  val color: AndroidColor? = null,
+  val elementColors: DateTimePickerColorOverrides = DateTimePickerColorOverrides(),
+  val selectableDates: SelectableDatesRecord? = null
+) : ComposeProps
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+private fun rememberDateRangePickerState(
+  initialStartDate: Long?,
+  initialEndDate: Long?,
+  variant: Variant,
+  selectableDatesRecord: SelectableDatesRecord?
+): DateRangePickerState {
+  val locale = LocalConfiguration.current.locales[0]
+  val displayMode = variant.toDisplayMode()
+  val selectableDates = rememberSelectableDates(selectableDatesRecord)
+  val fallbackDate = remember { Date().time }
+  val initialDisplayedMonth = initialStartDate ?: fallbackDate
+  val yearRange = rememberDatePickerYearRange(
+    selectableDatesRecord,
+    initialDisplayedMonth,
+    initialEndDate
+  )
+
+  val state = remember(locale, displayMode, selectableDates, yearRange) {
+    DateRangePickerState(
+      locale = locale,
+      initialSelectedStartDateMillis = initialStartDate,
+      initialSelectedEndDateMillis = initialEndDate,
+      initialDisplayedMonthMillis = initialDisplayedMonth,
+      yearRange = yearRange,
+      initialDisplayMode = displayMode,
+      selectableDates = selectableDates
+    )
+  }
+
+  LaunchedEffect(state, initialStartDate, initialEndDate) {
+    if (state.selectedStartDateMillis != initialStartDate || state.selectedEndDateMillis != initialEndDate) {
+      try {
+        state.setSelection(initialStartDate, initialEndDate)
+      } catch (e: IllegalArgumentException) {
+        // Material 3 rejects a range outside the year range or an end date before the start date.
+      }
+    }
+  }
+
+  return state
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ExpoDateRangePickerDialogContent(
+  props: DateRangePickerDialogProps,
+  onDateRangeSelected: (DateRangePickerResult) -> Unit,
+  onDismissRequest: () -> Unit
+) {
+  val state = rememberDateRangePickerState(
+    props.initialStartDate,
+    props.initialEndDate,
+    props.variant,
+    props.selectableDates
+  )
+  val colors = buildDatePickerColors(props.elementColors, props.color.composeOrNull, DatePickerDefaults.colors())
+  val buttonColors = props.color.composeOrNull
+    ?.let { ButtonDefaults.textButtonColors(contentColor = it) } ?: ButtonDefaults.textButtonColors()
+
+  DatePickerDialog(
+    onDismissRequest = { onDismissRequest() },
+    confirmButton = {
+      TextButton(
+        onClick = {
+          onDateRangeSelected(
+            DateRangePickerResult(
+              start = state.selectedStartDateMillis,
+              end = state.selectedEndDateMillis
+            )
+          )
+        },
+        enabled = state.selectedStartDateMillis != null && state.selectedEndDateMillis != null,
+        colors = buttonColors
+      ) {
+        Text(props.confirmButtonLabel ?: stringResource(android.R.string.ok))
+      }
+    },
+    dismissButton = {
+      TextButton(onClick = { onDismissRequest() }, colors = buttonColors) {
+        Text(props.dismissButtonLabel ?: stringResource(android.R.string.cancel))
+      }
+    },
+    colors = colors
+  ) {
+    val displayMode = state.displayMode
+    ApplyDatePickerDialogKeyboardBehavior(displayMode)
+
+    CompositionLocalProvider(LocalContentColor provides colors.navigationContentColor) {
+      DateRangePicker(
+        state = state,
+        showModeToggle = props.showVariantToggle,
+        colors = colors
+      )
+    }
+  }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun FunctionalComposableScope.DateRangePickerContent(
+  props: DateRangePickerProps,
+  onDateRangeSelected: (DateRangePickerResult) -> Unit
+) {
+  val modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+  val state = rememberDateRangePickerState(
+    props.initialStartDate,
+    props.initialEndDate,
+    props.variant,
+    props.selectableDates
+  )
+
+  LaunchedEffect(state.selectedStartDateMillis, state.selectedEndDateMillis) {
+    onDateRangeSelected(
+      DateRangePickerResult(
+        start = state.selectedStartDateMillis,
+        end = state.selectedEndDateMillis
+      )
+    )
+  }
+
+  val colors = buildDatePickerColors(props.elementColors, props.color.composeOrNull)
+  CompositionLocalProvider(LocalContentColor provides colors.navigationContentColor) {
+    DateRangePicker(
+      modifier = modifier,
+      state = state,
+      showModeToggle = props.showVariantToggle,
+      colors = colors
+    )
+  }
+}

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

@@ -350,6 +350,14 @@ class ExpoUIModule : Module() {
       }
     }
 
+    ExpoUIView<VerticalSliderProps>("VerticalSliderView") {
+      Events("onValueChange", "onValueChangeFinished")
+
+      Content { props ->
+        VerticalSliderContent(props)
+      }
+    }
+
     ExpoUIView<ShapeProps>("ShapeView") {
       Content { props ->
         ShapeContent(props)
@@ -376,6 +384,14 @@ class ExpoUIModule : Module() {
       }
     }
 
+    ExpoUIView<DateRangePickerProps>("DateRangePickerView") {
+      val onDateRangeSelected by Event<DateRangePickerResult>()
+
+      Content { props ->
+        DateRangePickerContent(props) { onDateRangeSelected(it) }
+      }
+    }
+
     ExpoUIView<DatePickerDialogProps>("DatePickerDialogView") {
       val onDateSelected by Event<DatePickerResult>()
       val onDismissRequest by Event<Unit>()
@@ -385,6 +401,15 @@ class ExpoUIModule : Module() {
       }
     }
 
+    ExpoUIView<DateRangePickerDialogProps>("DateRangePickerDialogView") {
+      val onDateRangeSelected by Event<DateRangePickerResult>()
+      val onDismissRequest by Event<Unit>()
+
+      Content { props ->
+        ExpoDateRangePickerDialogContent(props, { onDateRangeSelected(it) }, { onDismissRequest(Unit) })
+      }
+    }
+
     ExpoUIView<TimePickerDialogProps>("TimePickerDialogView") {
       val onDateSelected by Event<DatePickerResult>()
       val onDismissRequest by Event<Unit>()

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

@@ -14,6 +14,7 @@ import androidx.compose.foundation.layout.wrapContentHeight
 import androidx.compose.foundation.layout.wrapContentWidth
 import androidx.compose.material3.ColorScheme
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.LocalContentColor
 import androidx.compose.material3.MaterialExpressiveTheme
 import androidx.compose.material3.darkColorScheme
 import androidx.compose.material3.dynamicDarkColorScheme
@@ -118,7 +119,13 @@ internal class HostView(context: Context, appContext: AppContext) :
     }
     val layoutDirection = props.layoutDirection.value.toLayoutDirection()
 
-    CompositionLocalProvider(LocalLayoutDirection provides layoutDirection) {
+    // Material3's `MaterialTheme` does not provide `LocalContentColor` — only `Surface` does — so
+    // without this a `Text` or `Icon` with no explicit color falls back to the `Color.Black`
+    // default of `LocalContentColor` and is unreadable in the dark color scheme.
+    CompositionLocalProvider(
+      LocalLayoutDirection provides layoutDirection,
+      LocalContentColor provides colorScheme.onSurface
+    ) {
       MaterialExpressiveTheme(colorScheme = colorScheme) {
         MaybeMatchContentsLayout {
           Children(this@Content)

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

@@ -1,15 +1,30 @@
 package expo.modules.ui
 
+import android.graphics.Color
 import androidx.compose.material3.RadioButton
+import androidx.compose.material3.RadioButtonDefaults
 import androidx.compose.runtime.Composable
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.types.OptimizedRecord
 import expo.modules.kotlin.views.ComposeProps
 import expo.modules.kotlin.views.FunctionalComposableScope
 import expo.modules.kotlin.views.OptimizedComposeProps
 
+@OptimizedRecord
+data class RadioButtonColors(
+  @Field val selectedColor: Color? = null,
+  @Field val unselectedColor: Color? = null,
+  @Field val disabledSelectedColor: Color? = null,
+  @Field val disabledUnselectedColor: Color? = null
+) : Record
+
 @OptimizedComposeProps
 data class RadioButtonProps(
   val selected: Boolean = false,
+  val enabled: Boolean = true,
   val clickable: Boolean = true,
+  val colors: RadioButtonColors = RadioButtonColors(),
   val modifiers: ModifierList = emptyList()
 ) : ComposeProps
 
@@ -21,6 +36,13 @@ fun FunctionalComposableScope.RadioButtonContent(
   RadioButton(
     selected = props.selected,
     onClick = onClick,
-    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher),
+    enabled = props.enabled,
+    colors = RadioButtonDefaults.colors(
+      selectedColor = props.colors.selectedColor.compose,
+      unselectedColor = props.colors.unselectedColor.compose,
+      disabledSelectedColor = props.colors.disabledSelectedColor.compose,
+      disabledUnselectedColor = props.colors.disabledUnselectedColor.compose
+    )
   )
 }

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

@@ -0,0 +1,145 @@
+package expo.modules.ui
+
+import androidx.compose.foundation.interaction.MutableInteractionSource
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.SliderDefaults
+import androidx.compose.material3.SliderState
+import androidx.compose.material3.VerticalSlider
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.SideEffect
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.mutableFloatStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import expo.modules.kotlin.viewevent.getValue
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.OptimizedComposeProps
+
+@OptimizedComposeProps
+data class VerticalSliderProps(
+  val value: Float = 0.0f,
+  val min: Float = 0.0f,
+  val max: Float = 1.0f,
+  val lowerLimit: Float? = null,
+  val upperLimit: Float? = null,
+  val steps: Int = 0,
+  val enabled: Boolean = true,
+  val reverseDirection: Boolean = false,
+  val colors: SliderColors = SliderColors(),
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@OptIn(ExperimentalMaterial3Api::class, ExperimentalMaterial3ExpressiveApi::class)
+@Composable
+fun FunctionalComposableScope.VerticalSliderContent(props: VerticalSliderProps) {
+  val onValueChange by remember { this@VerticalSliderContent.EventDispatcher<SliderValueChangedEvent>() }
+  val onValueChangeFinished by remember { this@VerticalSliderContent.EventDispatcher<Unit>() }
+  val interactionSource = remember { MutableInteractionSource() }
+
+  val effectiveLower = maxOf(props.min, props.lowerLimit ?: Float.NEGATIVE_INFINITY)
+  val effectiveUpper = minOf(props.max, props.upperLimit ?: Float.POSITIVE_INFINITY)
+
+  var localValue by remember { mutableFloatStateOf(props.value.coerceIn(effectiveLower, effectiveUpper)) }
+  val clampedPropsValue = props.value.coerceIn(effectiveLower, effectiveUpper)
+  var prevPropsValue by remember { mutableFloatStateOf(clampedPropsValue) }
+
+  val sliderState = remember(props.min, props.max, props.steps) {
+    SliderState(
+      value = localValue.coerceIn(effectiveLower, effectiveUpper),
+      steps = props.steps,
+      valueRange = props.min..props.max
+    )
+  }
+
+  if (clampedPropsValue != prevPropsValue) {
+    prevPropsValue = clampedPropsValue
+    if (!sliderState.isDragging) {
+      localValue = clampedPropsValue
+    }
+  }
+
+  val thumbSlotView = findChildSlotView(view, "thumb")
+  val trackSlotView = findChildSlotView(view, "track")
+
+  val sliderColors = SliderDefaults.colors(
+    thumbColor = props.colors.thumbColor.compose,
+    activeTrackColor = props.colors.activeTrackColor.compose,
+    inactiveTrackColor = props.colors.inactiveTrackColor.compose,
+    activeTickColor = props.colors.activeTickColor.compose,
+    inactiveTickColor = props.colors.inactiveTickColor.compose
+  )
+  val modifier = ModifierRegistry.applyModifiers(
+    props.modifiers,
+    appContext,
+    composableScope,
+    globalEventDispatcher
+  )
+
+  SideEffect {
+    sliderState.onValueChange = {
+      val clamped = it.coerceIn(effectiveLower, effectiveUpper)
+      localValue = clamped
+      sliderState.value = clamped
+      onValueChange(SliderValueChangedEvent(clamped))
+    }
+    sliderState.onValueChangeFinished = {
+      onValueChangeFinished(Unit)
+    }
+    val target = localValue.coerceIn(effectiveLower, effectiveUpper)
+    if (sliderState.value != target) {
+      sliderState.value = target
+    }
+  }
+
+  when {
+    thumbSlotView != null && trackSlotView != null -> VerticalSlider(
+      state = sliderState,
+      enabled = props.enabled,
+      reverseDirection = props.reverseDirection,
+      colors = sliderColors,
+      interactionSource = interactionSource,
+      thumb = {
+        with(UIComposableScope()) { with(thumbSlotView) { Content() } }
+      },
+      track = {
+        with(UIComposableScope()) { with(trackSlotView) { Content() } }
+      },
+      modifier = modifier
+    )
+
+    thumbSlotView != null -> VerticalSlider(
+      state = sliderState,
+      enabled = props.enabled,
+      reverseDirection = props.reverseDirection,
+      colors = sliderColors,
+      interactionSource = interactionSource,
+      thumb = {
+        with(UIComposableScope()) { with(thumbSlotView) { Content() } }
+      },
+      modifier = modifier
+    )
+
+    trackSlotView != null -> VerticalSlider(
+      state = sliderState,
+      enabled = props.enabled,
+      reverseDirection = props.reverseDirection,
+      colors = sliderColors,
+      interactionSource = interactionSource,
+      track = {
+        with(UIComposableScope()) { with(trackSlotView) { Content() } }
+      },
+      modifier = modifier
+    )
+
+    else -> VerticalSlider(
+      state = sliderState,
+      enabled = props.enabled,
+      reverseDirection = props.reverseDirection,
+      colors = sliderColors,
+      interactionSource = interactionSource,
+      modifier = modifier
+    )
+  }
+}

package/android/src/main/java/expo/modules/ui/textfield/BasicTextField.kt

@@ -38,6 +38,7 @@ import expo.modules.ui.state.WorkletCallback
  */
 val LocalInnerTextField = compositionLocalOf<(@Composable () -> Unit)?> { null }
 
+@OptimizedComposeProps
 class InnerTextFieldProps : ComposeProps
 
 /**
@@ -63,6 +64,7 @@ class InnerTextFieldView(context: Context, appContext: AppContext) :
  */
 val LocalTextFieldIsEmpty = compositionLocalOf { true }
 
+@OptimizedComposeProps
 class PlaceholderProps : ComposeProps
 
 /**

package/build/community/bottom-sheet/BottomSheet.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.android.d.ts","sourceRoot":"","sources":["../../../src/community/bottom-sheet/BottomSheet.android.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMpE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAqC3C;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+JlD"}
+{"version":3,"file":"BottomSheet.android.d.ts","sourceRoot":"","sources":["../../../src/community/bottom-sheet/BottomSheet.android.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMpE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAqC3C;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAiKlD"}

package/build/community/bottom-sheet/BottomSheet.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheet.ios.d.ts","sourceRoot":"","sources":["../../../src/community/bottom-sheet/BottomSheet.ios.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAepE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAwD3C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA2KlD"}
+{"version":3,"file":"BottomSheet.ios.d.ts","sourceRoot":"","sources":["../../../src/community/bottom-sheet/BottomSheet.ios.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAepE,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAwD3C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA4KlD"}