@expo/ui 55.0.10 → 55.0.11

package/CHANGELOG.md

@@ -10,6 +10,13 @@
 
 ### 💡 Others
 
+## 55.0.11 — 2026-04-09
+
+### 🛠 Breaking changes
+
+- [iOS] Match `TextField` and `SecureField` API with SwiftUI: replaced `multiline`, `numberOfLines`, `allowNewlines` with `axis` prop. Moved `keyboardType`, `autocorrectionDisabled`, `onSubmit` from props to modifier registry. Renamed events `onValueChanged` → `onValueChange`, `onFocusChanged` → `onFocusChange`, `onSelectionChanged` → `onSelectionChange`. Removed hardcoded `fixedSize`. Added `LineLimitModifier` with `reservesSpace` and range support. Added `OnSubmitModifier` and `KeyboardTypeModifier`. ([#44549](https://github.com/expo/expo/pull/44549) by [@nishan](https://github.com/intergalacticspacehighway))
+- [android] Match `TextField` API to native Compose: renamed `TextInput` to `TextField`/`OutlinedTextField`, replaced individual keyboard props with `keyboardOptions`/`keyboardActions` matching `KeyboardOptions`/`KeyboardActions`, added `enabled`, `readOnly`, `isError`, `singleLine`, `maxLines`, `minLines`, `shape`, `colors`. Added composable slots: `placeholder`, `leadingIcon`, `trailingIcon`, `prefix`, `suffix`, `supportingText`. Added imperative `focus()`/`blur()` and `onFocusChanged` event. ([#44545](https://github.com/expo/expo/pull/44545) by [@nishan](https://github.com/intergalacticspacehighway))
+
 ## 55.0.10 — 2026-04-07
 
 _This version does not introduce any user-facing changes._

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

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

@@ -71,16 +71,20 @@ class ExpoUIModule : Module() {
 
     View(RNHostView::class)
 
-    View(TextInputView::class) {
-      Events("onValueChanged")
-      Prop("defaultValue", "") { view: TextInputView, text: String ->
-        if (view.text == null) {
-          view.text = text
-        }
+    View(TextFieldView::class) {
+      Events("onValueChange", "onFocusChanged", "onKeyboardAction")
+      Prop("defaultValue", "") { view: TextFieldView, text: String ->
+        if (view.text == null) { view.text = text }
       }
-      AsyncFunction("setText") { view: TextInputView, text: String ->
+      AsyncFunction("setText") { view: TextFieldView, text: String ->
         view.text = text
       }
+      AsyncFunction("focus") { view: TextFieldView ->
+        view.focus()
+      }
+      AsyncFunction("blur") { view: TextFieldView ->
+        view.blur()
+      }
     }
 
     View(SlotView::class) {

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

@@ -0,0 +1,326 @@
+package expo.modules.ui
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Color
+import androidx.compose.foundation.text.KeyboardActions
+import androidx.compose.foundation.text.KeyboardOptions
+import androidx.compose.material3.OutlinedTextField
+import androidx.compose.material3.OutlinedTextFieldDefaults
+import androidx.compose.material3.TextField
+import androidx.compose.material3.TextFieldColors
+import androidx.compose.material3.TextFieldDefaults
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.ui.focus.FocusManager
+import androidx.compose.ui.focus.FocusRequester
+import androidx.compose.ui.focus.focusRequester
+import androidx.compose.ui.focus.onFocusChanged
+import androidx.compose.ui.platform.LocalFocusManager
+import androidx.compose.ui.text.input.ImeAction
+import androidx.compose.ui.text.input.KeyboardCapitalization
+import androidx.compose.ui.text.input.KeyboardType
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.types.Enumerable
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+
+// region Records
+
+enum class TextFieldVariant(val value: String) : Enumerable {
+  FILLED("filled"),
+  OUTLINED("outlined"),
+}
+
+data class TextFieldKeyboardOptionsRecord(
+  @Field val capitalization: String? = null,
+  @Field val autoCorrectEnabled: Boolean? = null,
+  @Field val keyboardType: String? = null,
+  @Field val imeAction: String? = null,
+) : Record
+
+data class TextFieldColorsRecord(
+  // Text
+  @Field val focusedTextColor: Color? = null,
+  @Field val unfocusedTextColor: Color? = null,
+  @Field val disabledTextColor: Color? = null,
+  @Field val errorTextColor: Color? = null,
+  // Container
+  @Field val focusedContainerColor: Color? = null,
+  @Field val unfocusedContainerColor: Color? = null,
+  @Field val disabledContainerColor: Color? = null,
+  @Field val errorContainerColor: Color? = null,
+  // Cursor
+  @Field val cursorColor: Color? = null,
+  @Field val errorCursorColor: Color? = null,
+  // Indicator
+  @Field val focusedIndicatorColor: Color? = null,
+  @Field val unfocusedIndicatorColor: Color? = null,
+  @Field val disabledIndicatorColor: Color? = null,
+  @Field val errorIndicatorColor: Color? = null,
+  // Leading icon
+  @Field val focusedLeadingIconColor: Color? = null,
+  @Field val unfocusedLeadingIconColor: Color? = null,
+  @Field val disabledLeadingIconColor: Color? = null,
+  @Field val errorLeadingIconColor: Color? = null,
+  // Trailing icon
+  @Field val focusedTrailingIconColor: Color? = null,
+  @Field val unfocusedTrailingIconColor: Color? = null,
+  @Field val disabledTrailingIconColor: Color? = null,
+  @Field val errorTrailingIconColor: Color? = null,
+  // Label
+  @Field val focusedLabelColor: Color? = null,
+  @Field val unfocusedLabelColor: Color? = null,
+  @Field val disabledLabelColor: Color? = null,
+  @Field val errorLabelColor: Color? = null,
+  // Placeholder
+  @Field val focusedPlaceholderColor: Color? = null,
+  @Field val unfocusedPlaceholderColor: Color? = null,
+  @Field val disabledPlaceholderColor: Color? = null,
+  @Field val errorPlaceholderColor: Color? = null,
+  // Supporting text
+  @Field val focusedSupportingTextColor: Color? = null,
+  @Field val unfocusedSupportingTextColor: Color? = null,
+  @Field val disabledSupportingTextColor: Color? = null,
+  @Field val errorSupportingTextColor: Color? = null,
+  // Prefix
+  @Field val focusedPrefixColor: Color? = null,
+  @Field val unfocusedPrefixColor: Color? = null,
+  @Field val disabledPrefixColor: Color? = null,
+  @Field val errorPrefixColor: Color? = null,
+  // Suffix
+  @Field val focusedSuffixColor: Color? = null,
+  @Field val unfocusedSuffixColor: Color? = null,
+  @Field val disabledSuffixColor: Color? = null,
+  @Field val errorSuffixColor: Color? = null,
+) : Record
+
+// endregion Records
+
+// region Color builder
+
+@Composable
+fun TextFieldColorsRecord.toColors(isOutlined: Boolean): TextFieldColors {
+  val defaults = if (isOutlined) OutlinedTextFieldDefaults.colors() else TextFieldDefaults.colors()
+  // Outlined and Filled TextField both use TextFieldDefault.colors
+  return TextFieldDefaults.colors(
+    focusedTextColor = focusedTextColor.composeOrNull ?: defaults.focusedTextColor,
+    unfocusedTextColor = unfocusedTextColor.composeOrNull ?: defaults.unfocusedTextColor,
+    disabledTextColor = disabledTextColor.composeOrNull ?: defaults.disabledTextColor,
+    errorTextColor = errorTextColor.composeOrNull ?: defaults.errorTextColor,
+    focusedContainerColor = focusedContainerColor.composeOrNull ?: defaults.focusedContainerColor,
+    unfocusedContainerColor = unfocusedContainerColor.composeOrNull ?: defaults.unfocusedContainerColor,
+    disabledContainerColor = disabledContainerColor.composeOrNull ?: defaults.disabledContainerColor,
+    errorContainerColor = errorContainerColor.composeOrNull ?: defaults.errorContainerColor,
+    cursorColor = cursorColor.composeOrNull ?: defaults.cursorColor,
+    errorCursorColor = errorCursorColor.composeOrNull ?: defaults.errorCursorColor,
+    focusedIndicatorColor = focusedIndicatorColor.composeOrNull ?: defaults.focusedIndicatorColor,
+    unfocusedIndicatorColor = unfocusedIndicatorColor.composeOrNull ?: defaults.unfocusedIndicatorColor,
+    disabledIndicatorColor = disabledIndicatorColor.composeOrNull ?: defaults.disabledIndicatorColor,
+    errorIndicatorColor = errorIndicatorColor.composeOrNull ?: defaults.errorIndicatorColor,
+    focusedLeadingIconColor = focusedLeadingIconColor.composeOrNull ?: defaults.focusedLeadingIconColor,
+    unfocusedLeadingIconColor = unfocusedLeadingIconColor.composeOrNull ?: defaults.unfocusedLeadingIconColor,
+    disabledLeadingIconColor = disabledLeadingIconColor.composeOrNull ?: defaults.disabledLeadingIconColor,
+    errorLeadingIconColor = errorLeadingIconColor.composeOrNull ?: defaults.errorLeadingIconColor,
+    focusedTrailingIconColor = focusedTrailingIconColor.composeOrNull ?: defaults.focusedTrailingIconColor,
+    unfocusedTrailingIconColor = unfocusedTrailingIconColor.composeOrNull ?: defaults.unfocusedTrailingIconColor,
+    disabledTrailingIconColor = disabledTrailingIconColor.composeOrNull ?: defaults.disabledTrailingIconColor,
+    errorTrailingIconColor = errorTrailingIconColor.composeOrNull ?: defaults.errorTrailingIconColor,
+    focusedLabelColor = focusedLabelColor.composeOrNull ?: defaults.focusedLabelColor,
+    unfocusedLabelColor = unfocusedLabelColor.composeOrNull ?: defaults.unfocusedLabelColor,
+    disabledLabelColor = disabledLabelColor.composeOrNull ?: defaults.disabledLabelColor,
+    errorLabelColor = errorLabelColor.composeOrNull ?: defaults.errorLabelColor,
+    focusedPlaceholderColor = focusedPlaceholderColor.composeOrNull ?: defaults.focusedPlaceholderColor,
+    unfocusedPlaceholderColor = unfocusedPlaceholderColor.composeOrNull ?: defaults.unfocusedPlaceholderColor,
+    disabledPlaceholderColor = disabledPlaceholderColor.composeOrNull ?: defaults.disabledPlaceholderColor,
+    errorPlaceholderColor = errorPlaceholderColor.composeOrNull ?: defaults.errorPlaceholderColor,
+    focusedSupportingTextColor = focusedSupportingTextColor.composeOrNull ?: defaults.focusedSupportingTextColor,
+    unfocusedSupportingTextColor = unfocusedSupportingTextColor.composeOrNull ?: defaults.unfocusedSupportingTextColor,
+    disabledSupportingTextColor = disabledSupportingTextColor.composeOrNull ?: defaults.disabledSupportingTextColor,
+    errorSupportingTextColor = errorSupportingTextColor.composeOrNull ?: defaults.errorSupportingTextColor,
+    focusedPrefixColor = focusedPrefixColor.composeOrNull ?: defaults.focusedPrefixColor,
+    unfocusedPrefixColor = unfocusedPrefixColor.composeOrNull ?: defaults.unfocusedPrefixColor,
+    disabledPrefixColor = disabledPrefixColor.composeOrNull ?: defaults.disabledPrefixColor,
+    errorPrefixColor = errorPrefixColor.composeOrNull ?: defaults.errorPrefixColor,
+    focusedSuffixColor = focusedSuffixColor.composeOrNull ?: defaults.focusedSuffixColor,
+    unfocusedSuffixColor = unfocusedSuffixColor.composeOrNull ?: defaults.unfocusedSuffixColor,
+    disabledSuffixColor = disabledSuffixColor.composeOrNull ?: defaults.disabledSuffixColor,
+    errorSuffixColor = errorSuffixColor.composeOrNull ?: defaults.errorSuffixColor,
+  )
+}
+
+// endregion Color builder
+
+// region Props
+
+data class TextFieldProps(
+  val defaultValue: MutableState<String> = mutableStateOf(""),
+  val autoFocus: MutableState<Boolean> = mutableStateOf(false),
+  val variant: MutableState<TextFieldVariant> = mutableStateOf(TextFieldVariant.FILLED),
+  val enabled: MutableState<Boolean> = mutableStateOf(true),
+  val readOnly: MutableState<Boolean> = mutableStateOf(false),
+  val isError: MutableState<Boolean> = mutableStateOf(false),
+  val singleLine: MutableState<Boolean> = mutableStateOf(false),
+  val maxLines: MutableState<Int?> = mutableStateOf(null),
+  val minLines: MutableState<Int?> = mutableStateOf(null),
+  val keyboardOptions: MutableState<TextFieldKeyboardOptionsRecord?> = mutableStateOf(null),
+  val shape: MutableState<ShapeRecord?> = mutableStateOf(null),
+  val colors: MutableState<TextFieldColorsRecord?> = mutableStateOf(null),
+  val modifiers: MutableState<ModifierList> = mutableStateOf(emptyList()),
+) : ComposeProps
+
+// endregion Props
+
+// region Mappers
+
+private fun String?.toKeyboardType(): KeyboardType = when (this) {
+  "text" -> KeyboardType.Text
+  "number" -> KeyboardType.Number
+  "email" -> KeyboardType.Email
+  "phone" -> KeyboardType.Phone
+  "decimal" -> KeyboardType.Decimal
+  "password" -> KeyboardType.Password
+  "ascii" -> KeyboardType.Ascii
+  "uri" -> KeyboardType.Uri
+  "numberPassword" -> KeyboardType.NumberPassword
+  else -> KeyboardType.Text
+}
+
+private fun String?.toCapitalization(): KeyboardCapitalization = when (this) {
+  "characters" -> KeyboardCapitalization.Characters
+  "none" -> KeyboardCapitalization.None
+  "sentences" -> KeyboardCapitalization.Sentences
+  "words" -> KeyboardCapitalization.Words
+  else -> KeyboardCapitalization.None
+}
+
+private fun String?.toImeAction(): ImeAction = when (this) {
+  "default" -> ImeAction.Default
+  "none" -> ImeAction.None
+  "go" -> ImeAction.Go
+  "search" -> ImeAction.Search
+  "send" -> ImeAction.Send
+  "previous" -> ImeAction.Previous
+  "next" -> ImeAction.Next
+  "done" -> ImeAction.Done
+  else -> ImeAction.Default
+}
+
+// endregion Mappers
+
+// region View
+
+@SuppressLint("ViewConstructor")
+class TextFieldView(context: Context, appContext: AppContext) :
+  ExpoComposeView<TextFieldProps>(context, appContext) {
+  override val props = TextFieldProps()
+  private val onValueChange by EventDispatcher()
+  private val onFocusChanged by EventDispatcher()
+  private val onKeyboardAction by EventDispatcher()
+
+  private val textState = mutableStateOf<String?>(null)
+  private val focusRequester by lazy { FocusRequester() }
+  private var focusManager: FocusManager? = null
+
+  var text: String?
+    get() = textState.value
+    set(value) {
+      textState.value = value
+    }
+
+  fun focus() = focusRequester.requestFocus()
+  fun blur() = focusManager?.clearFocus()
+
+  @Composable
+  override fun ComposableScope.Content() {
+    focusManager = LocalFocusManager.current
+    val value = textState.value ?: props.defaultValue.value
+    val onValueChange: (String) -> Unit = {
+      textState.value = it
+      onValueChange(mapOf("value" to it))
+    }
+
+    // Slots
+    val label: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "label")?.let { slot -> { slot.renderSlot() } }
+    val placeholder: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "placeholder")?.let { slot -> { slot.renderSlot() } }
+    val leadingIcon: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "leadingIcon")?.let { slot -> { slot.renderSlot() } }
+    val trailingIcon: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "trailingIcon")?.let { slot -> { slot.renderSlot() } }
+    val prefix: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "prefix")?.let { slot -> { slot.renderSlot() } }
+    val suffix: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "suffix")?.let { slot -> { slot.renderSlot() } }
+    val supportingText: (@Composable () -> Unit)? = findChildSlotView(this@TextFieldView, "supportingText")?.let { slot -> { slot.renderSlot() } }
+
+    // Keyboard
+    val kbOpts = props.keyboardOptions.value
+    val keyboardOptions = KeyboardOptions.Default.copy(
+      keyboardType = kbOpts?.keyboardType.toKeyboardType(),
+      autoCorrectEnabled = kbOpts?.autoCorrectEnabled ?: true,
+      capitalization = kbOpts?.capitalization.toCapitalization(),
+      imeAction = kbOpts?.imeAction.toImeAction()
+    )
+    val currentText = { textState.value ?: "" }
+    val keyboardActions = KeyboardActions(
+      onDone = { defaultKeyboardAction(ImeAction.Done); onKeyboardAction(mapOf("action" to "done", "value" to currentText())) },
+      onGo = { defaultKeyboardAction(ImeAction.Go); onKeyboardAction(mapOf("action" to "go", "value" to currentText())) },
+      onNext = { defaultKeyboardAction(ImeAction.Next); onKeyboardAction(mapOf("action" to "next", "value" to currentText())) },
+      onPrevious = { defaultKeyboardAction(ImeAction.Previous); onKeyboardAction(mapOf("action" to "previous", "value" to currentText())) },
+      onSearch = { defaultKeyboardAction(ImeAction.Search); onKeyboardAction(mapOf("action" to "search", "value" to currentText())) },
+      onSend = { defaultKeyboardAction(ImeAction.Send); onKeyboardAction(mapOf("action" to "send", "value" to currentText())) },
+    )
+
+    // Lines
+    val singleLine = props.singleLine.value
+    val maxLines = props.maxLines.value ?: if (singleLine) 1 else Int.MAX_VALUE
+    val minLines = props.minLines.value ?: 1
+
+    // Modifier
+    val modifier = ModifierRegistry.applyModifiers(props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+      .focusRequester(focusRequester)
+      .onFocusChanged { focusState ->
+        onFocusChanged(mapOf("value" to focusState.isFocused))
+      }
+
+    if (props.autoFocus.value) {
+      LaunchedEffect(Unit) { focusRequester.requestFocus() }
+    }
+
+    val isOutlined = props.variant.value == TextFieldVariant.OUTLINED
+    val shape = shapeFromShapeRecord(props.shape.value)
+      ?: if (isOutlined) OutlinedTextFieldDefaults.shape else TextFieldDefaults.shape
+    val colors = props.colors.value?.toColors(isOutlined)
+      ?: if (isOutlined) OutlinedTextFieldDefaults.colors() else TextFieldDefaults.colors()
+
+    if (isOutlined) {
+      OutlinedTextField(
+        value = value, onValueChange = onValueChange, modifier = modifier,
+        enabled = props.enabled.value, readOnly = props.readOnly.value,
+        label = label, placeholder = placeholder,
+        leadingIcon = leadingIcon, trailingIcon = trailingIcon,
+        prefix = prefix, suffix = suffix, supportingText = supportingText,
+        isError = props.isError.value,
+        keyboardOptions = keyboardOptions, keyboardActions = keyboardActions,
+        singleLine = singleLine, maxLines = maxLines, minLines = minLines,
+        shape = shape, colors = colors,
+      )
+    } else {
+      TextField(
+        value = value, onValueChange = onValueChange, modifier = modifier,
+        enabled = props.enabled.value, readOnly = props.readOnly.value,
+        label = label, placeholder = placeholder,
+        leadingIcon = leadingIcon, trailingIcon = trailingIcon,
+        prefix = prefix, suffix = suffix, supportingText = supportingText,
+        isError = props.isError.value,
+        keyboardOptions = keyboardOptions, keyboardActions = keyboardActions,
+        singleLine = singleLine, maxLines = maxLines, minLines = minLines,
+        shape = shape, colors = colors,
+      )
+    }
+  }
+}
+
+// endregion View

package/build/jetpack-compose/SlotView.d.ts

@@ -0,0 +1,7 @@
+type SlotNativeViewProps = {
+    slotName: string;
+    children: React.ReactNode;
+};
+export declare function Slot({ slotName, children }: SlotNativeViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SlotView.d.ts.map

package/build/jetpack-compose/SlotView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SlotView.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/SlotView.tsx"],"names":[],"mappings":"AAEA,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAOF,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,+BAE/D"}

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

@@ -0,0 +1,177 @@
+import { Ref } from 'react';
+import { ColorValue } from 'react-native';
+import { ModifierConfig } from '../../types';
+/**
+ * Can be used for imperatively setting text and focus on the `TextField` component.
+ */
+export type TextFieldRef = {
+    setText: (newText: string) => Promise<void>;
+    focus: () => Promise<void>;
+    blur: () => Promise<void>;
+};
+export type TextFieldCapitalization = 'none' | 'characters' | 'words' | 'sentences';
+export type TextFieldKeyboardType = 'text' | 'number' | 'email' | 'phone' | 'decimal' | 'password' | 'ascii' | 'uri' | 'numberPassword';
+export type TextFieldImeAction = 'default' | 'none' | 'go' | 'search' | 'send' | 'previous' | 'next' | 'done';
+/**
+ * Keyboard options matching Compose `KeyboardOptions`.
+ */
+export type TextFieldKeyboardOptions = {
+    /** @default 'none' */
+    capitalization?: TextFieldCapitalization;
+    /** @default true */
+    autoCorrectEnabled?: boolean;
+    /** @default 'text' */
+    keyboardType?: TextFieldKeyboardType;
+    /** @default 'default' */
+    imeAction?: TextFieldImeAction;
+};
+/**
+ * Keyboard actions matching Compose `KeyboardActions`.
+ * The triggered callback depends on the `imeAction` in `keyboardOptions`.
+ */
+export type TextFieldKeyboardActions = {
+    onDone?: (value: string) => void;
+    onGo?: (value: string) => void;
+    onNext?: (value: string) => void;
+    onPrevious?: (value: string) => void;
+    onSearch?: (value: string) => void;
+    onSend?: (value: string) => void;
+};
+/**
+ * Colors for `TextField` and `OutlinedTextField`.
+ * Maps to `TextFieldColors` in Compose, shared by both variants.
+ */
+export type TextFieldColors = {
+    focusedTextColor?: ColorValue;
+    unfocusedTextColor?: ColorValue;
+    disabledTextColor?: ColorValue;
+    errorTextColor?: ColorValue;
+    focusedContainerColor?: ColorValue;
+    unfocusedContainerColor?: ColorValue;
+    disabledContainerColor?: ColorValue;
+    errorContainerColor?: ColorValue;
+    cursorColor?: ColorValue;
+    errorCursorColor?: ColorValue;
+    focusedIndicatorColor?: ColorValue;
+    unfocusedIndicatorColor?: ColorValue;
+    disabledIndicatorColor?: ColorValue;
+    errorIndicatorColor?: ColorValue;
+    focusedLeadingIconColor?: ColorValue;
+    unfocusedLeadingIconColor?: ColorValue;
+    disabledLeadingIconColor?: ColorValue;
+    errorLeadingIconColor?: ColorValue;
+    focusedTrailingIconColor?: ColorValue;
+    unfocusedTrailingIconColor?: ColorValue;
+    disabledTrailingIconColor?: ColorValue;
+    errorTrailingIconColor?: ColorValue;
+    focusedLabelColor?: ColorValue;
+    unfocusedLabelColor?: ColorValue;
+    disabledLabelColor?: ColorValue;
+    errorLabelColor?: ColorValue;
+    focusedPlaceholderColor?: ColorValue;
+    unfocusedPlaceholderColor?: ColorValue;
+    disabledPlaceholderColor?: ColorValue;
+    errorPlaceholderColor?: ColorValue;
+    focusedSupportingTextColor?: ColorValue;
+    unfocusedSupportingTextColor?: ColorValue;
+    disabledSupportingTextColor?: ColorValue;
+    errorSupportingTextColor?: ColorValue;
+    focusedPrefixColor?: ColorValue;
+    unfocusedPrefixColor?: ColorValue;
+    disabledPrefixColor?: ColorValue;
+    errorPrefixColor?: ColorValue;
+    focusedSuffixColor?: ColorValue;
+    unfocusedSuffixColor?: ColorValue;
+    disabledSuffixColor?: ColorValue;
+    errorSuffixColor?: ColorValue;
+};
+/** Shared props between `TextField` and `OutlinedTextField`. */
+type BaseTextFieldProps = {
+    ref?: Ref<TextFieldRef>;
+    /** Initial value displayed when mounted. Uncontrolled — change `key` to reset. */
+    defaultValue?: string;
+    /** If true, the text field will be focused automatically when mounted. @default false */
+    autoFocus?: boolean;
+    /** @default true */
+    enabled?: boolean;
+    /** @default false */
+    readOnly?: boolean;
+    /** @default false */
+    isError?: boolean;
+    /** @default false */
+    singleLine?: boolean;
+    maxLines?: number;
+    minLines?: number;
+    keyboardOptions?: TextFieldKeyboardOptions;
+    keyboardActions?: TextFieldKeyboardActions;
+    /** A callback triggered when user types text. */
+    onValueChange?: (value: string) => void;
+    /** A callback triggered when the field gains or loses focus. */
+    onFocusChanged?: (focused: boolean) => void;
+    shape?: object;
+    modifiers?: ModifierConfig[];
+    /** Slot children (e.g. `TextField.Label`, `TextField.Placeholder`). */
+    children?: React.ReactNode;
+};
+export type TextFieldProps = BaseTextFieldProps & {
+    colors?: TextFieldColors;
+};
+export type OutlinedTextFieldProps = BaseTextFieldProps & {
+    colors?: TextFieldColors;
+};
+/**
+ * A Material3 `TextField`.
+ */
+declare function TextFieldComponent(props: TextFieldProps): import("react").JSX.Element;
+declare namespace TextFieldComponent {
+    var Label: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var Placeholder: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var LeadingIcon: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var TrailingIcon: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var Prefix: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var Suffix: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var SupportingText: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+}
+/**
+ * A Material3 `OutlinedTextField` with a transparent background and border outline.
+ */
+declare function OutlinedTextFieldComponent(props: OutlinedTextFieldProps): import("react").JSX.Element;
+declare namespace OutlinedTextFieldComponent {
+    var Label: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var Placeholder: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var LeadingIcon: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var TrailingIcon: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var Prefix: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var Suffix: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+    var SupportingText: (props: {
+        children: React.ReactNode;
+    }) => import("react").JSX.Element;
+}
+export { TextFieldComponent as TextField, OutlinedTextFieldComponent as OutlinedTextField };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/TextField/index.tsx"],"names":[],"mappings":"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"}

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

@@ -21,7 +21,7 @@ export * from './Progress';
 export * from './Slider';
 export * from './Spacer';
 export * from './Switch';
-export * from './TextInput';
+export * from './TextField';
 export * from './ToggleButton';
 export * from './Shape';
 export * from './ModalBottomSheet';

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

@@ -1,8 +1,7 @@
 import { Ref } from 'react';
-import { TextFieldKeyboardType } from '../TextField';
 import { type CommonViewModifierProps } from '../types';
 /**
- * Can be used for imperatively setting text on the SecureField component.
+ * Can be used for imperatively setting text and focus on the `SecureField` component.
  */
 export type SecureFieldRef = {
     setText: (newText: string) => Promise<void>;
@@ -11,35 +10,25 @@ export type SecureFieldRef = {
 };
 export type SecureFieldProps = {
     ref?: Ref<SecureFieldRef>;
-    /**
-     * Initial value that the SecureField displays when being mounted. As the SecureField is an uncontrolled component, change the key prop if you need to change the text value.
-     */
+    /** Initial value displayed when mounted. Uncontrolled — change `key` to reset. */
     defaultValue?: string;
+    /** If true, the field will be focused automatically when mounted. @default false */
+    autoFocus?: boolean;
     /**
      * A text that is displayed when the field is empty.
      */
     placeholder?: string;
     /**
-     * A callback triggered when user types in text into the SecureField.
-     */
-    onChangeText?: (value: string) => void;
-    /**
-     * A callback triggered when user submits the TextField by pressing the return key.
-     */
-    onSubmit?: (value: string) => void;
-    /**
-     * A callback triggered when user focuses or blurs the SecureField.
+     * A callback triggered when the text value changes.
      */
-    onChangeFocus?: (focused: boolean) => void;
-    keyboardType?: TextFieldKeyboardType;
+    onValueChange?: (value: string) => void;
     /**
-     * If true, the text input will be focused automatically when the component is mounted.
-     * @default false
+     * A callback triggered when the field gains or loses focus.
      */
-    autoFocus?: boolean;
+    onFocusChange?: (focused: boolean) => void;
 } & CommonViewModifierProps;
 /**
- * Renders a `SecureField` component. Should mostly be used for embedding text inputs inside of SwiftUI lists and sections. Is an uncontrolled component.
+ * Renders a SwiftUI `SecureField` for password input.
  */
 export declare function SecureField(props: SecureFieldProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/SecureField/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,uBAAuB,CAAC;AAiC5B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/SecureField/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI5B,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,kFAAkF;IAClF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oFAAoF;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,GAAG,uBAAuB,CAAC;AA0B5B;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAElD"}