@expo/ui 55.0.3 → 55.0.4

package/CHANGELOG.md

@@ -10,6 +10,13 @@
 
 ### 💡 Others
 
+## 55.0.4 — 2026-03-18
+
+### 🎉 New features
+
+- [iOS] Add `Link` view. ([#43983](https://github.com/expo/expo/pull/43983) by [@jakex7](https://github.com/jakex7))
+- [iOS] Add `widgetURL` modifier. ([#43984](https://github.com/expo/expo/pull/43984) by [@jakex7](https://github.com/jakex7))
+
 ## 55.0.3 — 2026-03-17
 
 ### 🛠 Breaking changes
@@ -30,6 +37,10 @@
 
 ### 🎉 New features
 
+- [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))
+- [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))
 - [android] Added `Checkbox` and `TriStateCheckbox` components. ([#43887](https://github.com/expo/expo/pull/43887) by [@nishan](https://github.com/intergalacticspacehighway))
 - [Android] Added `DatePickerDialog` and `TimePickerDialog` components, and `selectableDates` prop to `DateTimePicker`. ([#43895](https://github.com/expo/expo/pull/43895) by [@vonovak](https://github.com/vonovak))

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

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

@@ -2,28 +2,106 @@
 
 package expo.modules.ui
 
+import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Color
+import androidx.compose.material3.BottomSheetDefaults
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.ModalBottomSheetProperties
+import androidx.compose.material3.SheetState
+import androidx.compose.material3.contentColorFor
 import androidx.compose.material3.rememberModalBottomSheetState
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.rememberCoroutineScope
+import kotlin.coroutines.cancellation.CancellationException
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.withContext
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.viewevent.EventDispatcher
 import expo.modules.kotlin.views.ComposableScope
 import expo.modules.kotlin.views.ComposeProps
-import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.ExpoComposeView
 
-data class ModalBottomSheetProps(
-  val skipPartiallyExpanded: Boolean = false,
-  val modifiers: ModifierList = emptyList()
+data class ModalBottomSheetPropertiesRecord(
+  @Field val shouldDismissOnBackPress: Boolean = true,
+  @Field val shouldDismissOnClickOutside: Boolean = true
+) : Record
+
+data class ModalBottomSheetViewProps(
+  val skipPartiallyExpanded: MutableState<Boolean> = mutableStateOf(false),
+  val containerColor: MutableState<Color?> = mutableStateOf(null),
+  val contentColor: MutableState<Color?> = mutableStateOf(null),
+  val scrimColor: MutableState<Color?> = mutableStateOf(null),
+  val showDragHandle: MutableState<Boolean> = mutableStateOf(true),
+  val sheetGesturesEnabled: MutableState<Boolean> = mutableStateOf(true),
+  val properties: MutableState<ModalBottomSheetPropertiesRecord> = mutableStateOf(ModalBottomSheetPropertiesRecord()),
+  val modifiers: MutableState<ModifierList> = mutableStateOf(emptyList())
 ) : ComposeProps
 
-@Composable
-fun FunctionalComposableScope.ModalBottomSheetContent(props: ModalBottomSheetProps, onDismissRequest: () -> Unit) {
-  val sheetState = rememberModalBottomSheetState(props.skipPartiallyExpanded)
+@SuppressLint("ViewConstructor")
+class ModalBottomSheetView(context: Context, appContext: AppContext) :
+  ExpoComposeView<ModalBottomSheetViewProps>(context, appContext) {
+  override val props = ModalBottomSheetViewProps()
+  internal val onDismissRequest by EventDispatcher<Unit>()
+
+  internal var sheetState: SheetState? = null
+  private var composeScope: CoroutineScope? = null
+
+  suspend fun hide() {
+    val scope = composeScope ?: return
+    val state = sheetState ?: return
+    try {
+      withContext(scope.coroutineContext) {
+        state.hide()
+      }
+    } catch (_: CancellationException) {
+      // Swipe-dismiss may cancel the coroutine scope while hide() is in-flight.
+      // Swallowing the exception avoids an unhandled promise rejection on the JS side.
+    }
+  }
+
+  @Composable
+  override fun ComposableScope.Content() {
+    val sheetState = rememberModalBottomSheetState(props.skipPartiallyExpanded.value)
+    val scope = rememberCoroutineScope()
+    this@ModalBottomSheetView.sheetState = sheetState
+    this@ModalBottomSheetView.composeScope = scope
+
+    val resolvedContainerColor = props.containerColor.value.composeOrNull ?: BottomSheetDefaults.ContainerColor
+    val resolvedContentColor = props.contentColor.value.composeOrNull ?: contentColorFor(resolvedContainerColor)
+    val resolvedScrimColor = props.scrimColor.value.composeOrNull ?: BottomSheetDefaults.ScrimColor
+    val dragHandleSlotView = findChildSlotView(this@ModalBottomSheetView, "dragHandle")
 
-  ModalBottomSheet(
-    sheetState = sheetState,
-    onDismissRequest = { onDismissRequest() },
-    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
-  ) {
-    Children(ComposableScope())
+    ModalBottomSheet(
+      sheetState = sheetState,
+      onDismissRequest = {
+        onDismissRequest(Unit)
+      },
+      containerColor = resolvedContainerColor,
+      contentColor = resolvedContentColor,
+      scrimColor = resolvedScrimColor,
+      sheetGesturesEnabled = props.sheetGesturesEnabled.value,
+      dragHandle = when {
+        dragHandleSlotView != null -> {
+          { with(ComposableScope()) { with(dragHandleSlotView) { Content() } } }
+        }
+        props.showDragHandle.value -> {
+          { BottomSheetDefaults.DragHandle() }
+        }
+        else -> null
+      },
+      properties = ModalBottomSheetProperties(
+        shouldDismissOnBackPress = props.properties.value.shouldDismissOnBackPress,
+        shouldDismissOnClickOutside = props.properties.value.shouldDismissOnClickOutside
+      ),
+      modifier = ModifierRegistry.applyModifiers(props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+    ) {
+      Children(ComposableScope(), filter = { !isSlotView(it) })
+    }
   }
 }

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

@@ -6,6 +6,7 @@ import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.SwitchDefaults
 import androidx.compose.material3.ToggleButtonDefaults
 import androidx.compose.runtime.remember
+import expo.modules.kotlin.functions.Coroutine
 import expo.modules.kotlin.modules.Module
 import expo.modules.kotlin.modules.ModuleDefinition
 import expo.modules.kotlin.viewevent.getValue
@@ -92,11 +93,11 @@ class ExpoUIModule : Module() {
 
     //region Expo UI views
 
-    ExpoUIView("ModalBottomSheetView", events = {
+    View(ModalBottomSheetView::class) {
       Events("onDismissRequest")
-    }) { props: ModalBottomSheetProps ->
-      val onDismissRequest by remember { EventDispatcher<Unit>() }
-      ModalBottomSheetContent(props) { onDismissRequest(Unit) }
+      AsyncFunction("hide") Coroutine { view: ModalBottomSheetView ->
+        view.hide()
+      }
     }
 
     ExpoUIView("SingleChoiceSegmentedButtonRowView") { props: SingleChoiceSegmentedButtonRowProps ->

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

@@ -1,7 +1,9 @@
 package expo.modules.ui
 
+import android.annotation.SuppressLint
 import android.content.Context
 import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.Text
 import androidx.compose.material3.TextField
 import androidx.compose.runtime.Composable
@@ -18,6 +20,7 @@ import expo.modules.kotlin.views.ExpoComposeView
 data class TextInputProps(
   val defaultValue: MutableState<String> = mutableStateOf(""),
   val placeholder: MutableState<String> = mutableStateOf(""),
+  val variant: MutableState<String> = mutableStateOf("filled"),
   val multiline: MutableState<Boolean> = mutableStateOf(false),
   val numberOfLines: MutableState<Int?> = mutableStateOf(null),
   val keyboardType: MutableState<String> = mutableStateOf("default"),
@@ -52,6 +55,7 @@ private fun String.autoCapitalize(): KeyboardCapitalization {
   }
 }
 
+@SuppressLint("ViewConstructor")
 class TextInputView(context: Context, appContext: AppContext) :
   ExpoComposeView<TextInputProps>(context, appContext) {
   override val props = TextInputProps()
@@ -68,21 +72,41 @@ class TextInputView(context: Context, appContext: AppContext) :
 
   @Composable
   override fun ComposableScope.Content() {
-    TextField(
-      value = requireNotNull(textState.value),
-      onValueChange = {
-        textState.value = it
-        onValueChanged(mapOf("value" to it))
-      },
-      placeholder = { Text(props.placeholder.value) },
-      maxLines = if (props.multiline.value) props.numberOfLines.value ?: Int.MAX_VALUE else 1,
-      singleLine = !props.multiline.value,
-      keyboardOptions = KeyboardOptions.Default.copy(
-        keyboardType = props.keyboardType.value.keyboardType(),
-        autoCorrectEnabled = props.autocorrection.value,
-        capitalization = props.autoCapitalize.value.autoCapitalize()
-      ),
-      modifier = ModifierRegistry.applyModifiers(props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+    val value = textState.value ?: props.defaultValue.value
+    val onValueChange: (String) -> Unit = {
+      textState.value = it
+      onValueChanged(mapOf("value" to it))
+    }
+    val placeholder: @Composable () -> Unit = { Text(props.placeholder.value) }
+    val maxLines = if (props.multiline.value) props.numberOfLines.value ?: Int.MAX_VALUE else 1
+    val singleLine = !props.multiline.value
+    val keyboardOptions = KeyboardOptions.Default.copy(
+      keyboardType = props.keyboardType.value.keyboardType(),
+      autoCorrectEnabled = props.autocorrection.value,
+      capitalization = props.autoCapitalize.value.autoCapitalize()
     )
+    val modifier = ModifierRegistry.applyModifiers(props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+
+    if (props.variant.value == "outlined") {
+      OutlinedTextField(
+        value = value,
+        onValueChange = onValueChange,
+        placeholder = placeholder,
+        maxLines = maxLines,
+        singleLine = singleLine,
+        keyboardOptions = keyboardOptions,
+        modifier = modifier
+      )
+    } else {
+      TextField(
+        value = value,
+        onValueChange = onValueChange,
+        placeholder = placeholder,
+        maxLines = maxLines,
+        singleLine = singleLine,
+        keyboardOptions = keyboardOptions,
+        modifier = modifier
+      )
+    }
   }
 }

package/build/datetime-picker/DateTimePicker.android.d.ts

@@ -0,0 +1,3 @@
+import { type DateTimePickerProps } from './types';
+export declare function DateTimePicker(props: DateTimePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=DateTimePicker.android.d.ts.map

package/build/datetime-picker/DateTimePicker.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.android.d.ts","sourceRoot":"","sources":["../../src/datetime-picker/DateTimePicker.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAmCjF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BA0FxD"}

package/build/datetime-picker/DateTimePicker.d.ts

@@ -0,0 +1,3 @@
+import { type DateTimePickerProps } from './types';
+export declare function DateTimePicker(props: DateTimePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=DateTimePicker.d.ts.map

package/build/datetime-picker/DateTimePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../src/datetime-picker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAoCjF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,+BAyDxD"}

package/build/datetime-picker/DateTimePicker.web.d.ts

@@ -0,0 +1,3 @@
+import type { DateTimePickerProps } from './types';
+export declare function DateTimePicker(_props: DateTimePickerProps): null;
+//# sourceMappingURL=DateTimePicker.web.d.ts.map

package/build/datetime-picker/DateTimePicker.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.web.d.ts","sourceRoot":"","sources":["../../src/datetime-picker/DateTimePicker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,cAAc,CAAC,MAAM,EAAE,mBAAmB,QAEzD"}

package/build/datetime-picker/index.d.ts

@@ -0,0 +1,5 @@
+import { DateTimePicker } from './DateTimePicker';
+export { type DateTimePickerEvent, type DateTimePickerChangeEvent, type DateTimePickerProps, } from './types';
+export default DateTimePicker;
+export { DateTimePicker };
+//# sourceMappingURL=index.d.ts.map

package/build/datetime-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/datetime-picker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,yBAAyB,EAC9B,KAAK,mBAAmB,GACzB,MAAM,SAAS,CAAC;AAEjB,eAAe,cAAc,CAAC;AAE9B,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/build/datetime-picker/types.d.ts

@@ -0,0 +1,128 @@
+import type { ViewProps } from 'react-native';
+/**
+ * @deprecated used with the deprecated `onChange` prop
+ * */
+export type DateTimePickerEvent = {
+    /**
+     * `'set'` when the user selects a date. `'dismissed'` when the user cancels
+     * an Android dialog picker. iOS never fires `'dismissed'`.
+     */
+    type: 'set' | 'dismissed';
+    nativeEvent: {
+        timestamp: number;
+        utcOffset: number;
+    };
+};
+export type DateTimePickerChangeEvent = {
+    nativeEvent: {
+        timestamp: number;
+        utcOffset: number;
+    };
+};
+export type DateTimePickerProps = {
+    /**
+     * The current date value (controlled).
+     */
+    value: Date;
+    /**
+     * @deprecated Use `onValueChange` and `onDismiss` instead.
+     *
+     * Called when the user changes the date/time or dismisses the picker.
+     * The event type is encoded in `event.type`.
+     * If the new specific listeners are provided, they take precedence.
+     */
+    onChange?: (event: DateTimePickerEvent, date?: Date) => void;
+    /**
+     * Called when the user selects a date or time.
+     */
+    onValueChange?: (event: DateTimePickerChangeEvent, date: Date) => void;
+    /**
+     * Called when the picker is dismissed without selecting a value.
+     * @platform android
+     */
+    onDismiss?: () => void;
+    /**
+     * The picker mode.
+     * @default 'date'
+     */
+    mode?: 'date' | 'time' | 'datetime';
+    /**
+     * The earliest selectable date.
+     */
+    minimumDate?: Date;
+    /**
+     * The latest selectable date.
+     */
+    maximumDate?: Date;
+    /**
+     * A test ID forwarded to the native view.
+     * Note: on Android dialog presentation, the test ID is not forwarded.
+     */
+    testID?: string;
+    /**
+     * Display style. Android supports `'default' | 'spinner'` — `'spinner'` shows a text input
+     * rather than a scroll wheel (Material 3 does not have a wheel-style picker).
+     * iOS supports `'default' | 'spinner' | 'compact' | 'inline'`.
+     * @default 'default'
+     */
+    display?: 'default' | 'spinner' | 'compact' | 'inline' | 'calendar' | 'clock';
+    /**
+     * Use 24-hour format.
+     * @platform android
+     */
+    is24Hour?: boolean;
+    /**
+     * Accent/tint color applied to the picker.
+     * Maps to `color` on Android and `tint` on iOS.
+     */
+    accentColor?: string;
+    /**
+     * Whether the picker is disabled.
+     * @platform ios
+     */
+    disabled?: boolean;
+    /**
+     * Locale identifier (e.g. 'en_US', 'fr_FR') for the picker display.
+     * @platform ios
+     */
+    locale?: string;
+    /**
+     * Force a specific color scheme on the picker.
+     * @platform ios
+     */
+    themeVariant?: 'dark' | 'light';
+    /**
+     * IANA time zone name (e.g. 'America/New_York') for the picker display.
+     * @platform ios
+     */
+    timeZoneName?: string;
+    /**
+     * How the picker is presented.
+     * - `'inline'` renders the picker directly in the view hierarchy.
+     * - `'dialog'` shows a modal dialog that opens on mount. Fires `onValueChange` on confirmation, `onDismiss` on cancel. The caller should
+     *   unmount the component in response.
+     *
+     * On iOS this prop is accepted but ignored (always inline).
+     * On Android the default is `'dialog'`.
+     * @default 'dialog'
+     * @platform android
+     */
+    presentation?: 'inline' | 'dialog';
+    /**
+     * Set the positive (confirm) button label.
+     * @platform android
+     */
+    positiveButton?: {
+        label?: string;
+    };
+    /**
+     * Set the negative (cancel) button label.
+     * @platform android
+     */
+    negativeButton?: {
+        label?: string;
+    };
+} & Pick<ViewProps, 'style'>;
+export declare function buildEvent(date: Date): DateTimePickerEvent;
+export declare function buildChangeEvent(date: Date): DateTimePickerChangeEvent;
+//# sourceMappingURL=types.d.ts.map

package/build/datetime-picker/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/datetime-picker/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C;;KAEK;AACL,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,IAAI,EAAE,KAAK,GAAG,WAAW,CAAC;IAC1B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,WAAW,EAAE;QACX,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,KAAK,EAAE,IAAI,CAAC;IACZ;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAC9E;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;;OAUG;IACH,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACnC;;;OAGG;IACH,cAAc,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACrC,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AAI7B,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,GAAG,mBAAmB,CAQ1D;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,GAAG,yBAAyB,CAOtE"}

package/build/jetpack-compose/ModalBottomSheet/index.d.ts

@@ -1,12 +1,38 @@
-import React from 'react';
-import { type ExpoModifier } from '../../types';
+import React, { Ref } from 'react';
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+export type ModalBottomSheetRef = {
+    /**
+     * Programmatically hides the bottom sheet with an animation.
+     * The returned promise resolves after the dismiss animation completes.
+     */
+    hide: () => Promise<void>;
+};
+export type ModalBottomSheetProperties = {
+    /**
+     * Whether the bottom sheet can be dismissed by pressing the back button.
+     * @default true
+     */
+    shouldDismissOnBackPress?: boolean;
+    /**
+     * Whether the bottom sheet can be dismissed by clicking outside (on the scrim).
+     * @default true
+     */
+    shouldDismissOnClickOutside?: boolean;
+};
 export type ModalBottomSheetProps = {
     /**
      * The children of the `ModalBottomSheet` component.
+     * Can include a `ModalBottomSheet.DragHandle` slot for a custom drag handle.
      */
     children: React.ReactNode;
     /**
-     * Callback function that is called when the bottom sheet is dismissed.
+     * Can be used to imperatively hide the bottom sheet with an animation.
+     */
+    ref?: Ref<ModalBottomSheetRef>;
+    /**
+     * Callback function that is called when the user dismisses the bottom sheet
+     * (via swipe, back press, or tapping outside the scrim).
      */
     onDismissRequest: () => void;
     /**
@@ -14,21 +40,47 @@ export type ModalBottomSheetProps = {
      * @default false
      */
     skipPartiallyExpanded?: boolean;
+    /**
+     * The background color of the bottom sheet.
+     */
+    containerColor?: ColorValue;
+    /**
+     * The preferred color of the content inside the bottom sheet.
+     */
+    contentColor?: ColorValue;
+    /**
+     * The color of the scrim overlay behind the bottom sheet.
+     */
+    scrimColor?: ColorValue;
+    /**
+     * Whether to show the default drag handle at the top of the bottom sheet.
+     * Ignored if a custom `ModalBottomSheet.DragHandle` slot is provided.
+     * @default true
+     */
+    showDragHandle?: boolean;
+    /**
+     * Whether gestures (swipe to dismiss) are enabled on the bottom sheet.
+     * @default true
+     */
+    sheetGesturesEnabled?: boolean;
+    /**
+     * Properties for the modal window behavior.
+     */
+    properties?: ModalBottomSheetProperties;
     /**
      * Modifiers for the component.
      */
-    modifiers?: ExpoModifier[];
+    modifiers?: ModifierConfig[];
 };
 /**
  * A Material Design modal bottom sheet.
  */
-export declare function ModalBottomSheet(props: ModalBottomSheetProps): React.JSX.Element;
-/**
- * @deprecated Use `ModalBottomSheet` instead.
- */
-export declare const BottomSheet: typeof ModalBottomSheet;
-/**
- * @deprecated Use `ModalBottomSheetProps` instead.
- */
-export type BottomSheetProps = ModalBottomSheetProps;
+declare function ModalBottomSheetComponent(props: ModalBottomSheetProps): React.JSX.Element;
+declare namespace ModalBottomSheetComponent {
+    var DragHandle: (props: {
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+}
+export declare const ModalBottomSheet: typeof ModalBottomSheetComponent;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/build/jetpack-compose/ModalBottomSheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/ModalBottomSheet/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,YAAY,EAAkB,MAAM,aAAa,CAAC;AAGhE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAqBF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAE5D;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,yBAAmB,CAAC;AAE5C;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/ModalBottomSheet/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAalD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B;;;OAGG;IACH,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,UAAU,CAAC,EAAE,0BAA0B,CAAC;IACxC;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAgCF;;GAEG;AACH,iBAAS,yBAAyB,CAAC,KAAK,EAAE,qBAAqB,qBAE9D;kBAFQ,yBAAyB;4BAPP;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;AAaxD,eAAO,MAAM,gBAAgB,kCAA4B,CAAC"}

package/build/jetpack-compose/TextInput/index.d.ts

@@ -7,6 +7,7 @@ export type TextInputRole = 'default' | 'cancel' | 'destructive';
 export type TextInputRef = {
     setText: (newText: string) => Promise<void>;
 };
+export type TextInputVariant = 'filled' | 'outlined';
 export type TextInputProps = {
     /**
      * Can be used for imperatively setting text on the TextInput component.
@@ -16,6 +17,14 @@ export type TextInputProps = {
      * Initial value that the TextInput displays when being mounted. As the TextInput is an uncontrolled component, change the key prop if you need to change the text value.
      */
     defaultValue?: string;
+    /**
+     * The visual style of the text input field.
+     * - `filled` - A text field with a filled background (default).
+     * - `outlined` - A text field with a transparent background and a border outline.
+     * @default filled
+     * @platform android
+     */
+    variant?: TextInputVariant;
     /**
      * A callback triggered when user types in text into the TextInput.
      */

package/build/jetpack-compose/TextInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/TextInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGtD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EACT,SAAS,GACT,eAAe,GACf,SAAS,GACT,WAAW,GACX,eAAe,GACf,KAAK,GACL,aAAa,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,SAAS,CACpF,gBAAgB,EAChB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAClB,CAAC;AAoBJ;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/TextInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGtD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EACT,SAAS,GACT,eAAe,GACf,SAAS,GACT,WAAW,GACX,eAAe,GACf,KAAK,GACL,aAAa,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,MAAM,GAAG,WAAW,GAAG,aAAa,GAAG,OAAO,CAAC;IAE/E;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,cAAc,EAAE,cAAc,CAAC,GAAG,EAAE,GAAG,SAAS,CACpF,gBAAgB,EAChB;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAClB,CAAC;AAoBJ;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BAE9C"}

package/build/swift-ui/Link/index.d.ts

@@ -0,0 +1,36 @@
+import { type CommonViewModifierProps } from '../types';
+export type LinkProps = {
+    /**
+     * The text label for the Link. Use this for simple text links.
+     */
+    label?: string;
+    /**
+     * The URL for the link.
+     */
+    destination: string;
+    /**
+     * Custom content for the link label. Use this for custom label views.
+     * Only nested elements are supported, not plain strings.
+     */
+    children?: React.ReactElement | React.ReactElement[];
+} & CommonViewModifierProps;
+/**
+ * Displays a native link component.
+ *
+ * @example
+ * ```tsx
+ * import { Link } from '@expo/ui/swift-ui';
+ * import { foregroundStyle, font } from '@expo/ui/swift-ui/modifiers';
+ *
+ * <Link
+ *   label="Open"
+ *   destination="https://expo.dev"
+ *   modifiers={[
+ *     foregroundStyle('red'),
+ *     font({ size: 24, weight: 'bold' })
+ *   ]}
+ * />
+ * ```
+ */
+export declare function Link(props: LinkProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/build/swift-ui/Link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/Link/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC;CACtD,GAAG,uBAAuB,CAAC;AAI5B;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,+BAUpC"}

package/build/swift-ui/index.d.ts

@@ -40,5 +40,6 @@ export * from './Shapes';
 export * from './Popover';
 export * from './Grid';
 export * from './RNHostView';
+export * from './Link';
 export { type CommonViewModifierProps } from './types';
 //# sourceMappingURL=index.d.ts.map

package/build/swift-ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swift-ui/index.tsx"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,SAAS,CAAC"}