@expo/ui 55.0.8 → 55.0.10

package/CHANGELOG.md

@@ -10,6 +10,14 @@
 
 ### 💡 Others
 
+## 55.0.10 — 2026-04-07
+
+_This version does not introduce any user-facing changes._
+
+## 55.0.9 — 2026-04-06
+
+_This version does not introduce any user-facing changes._
+
 ## 55.0.8 — 2026-04-02
 
 _This version does not introduce any user-facing changes._
@@ -65,6 +73,8 @@ _This version does not introduce any user-facing changes._
 
 ### 🎉 New features
 
+- [android] Added `TooltipBox`, `PlainTooltip`, and `RichTooltip` components matching native Compose Tooltip API. Supports plain and rich tooltips with slot-based content, programmatic show/dismiss via ref, and `isPersistent`, `hasAction`, `enableUserInput`, `focusable` props. ([#44373](https://github.com/expo/expo/pull/44373) by [@nishan](https://github.com/intergalacticspacehighway))
+- [android] Added `Badge` and `BadgedBox` components wrapping Jetpack Compose's Badge API for status indicators and count overlays. ([#44139](https://github.com/expo/expo/pull/44139) by [@benjaminkomen](https://github.com/benjaminkomen))
 - [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))
@@ -86,6 +96,9 @@ _This version does not introduce any user-facing changes._
 - [Android] Added border color customization for `Switch` and `Checkbox` components. ([#43770](https://github.com/expo/expo/pull/43770) by [@liestig](https://github.com/liestig))
 - [iOS] Added `defaultScrollAnchor` modifier for controlling initial scroll position (iOS 17+). ([#43914](https://github.com/expo/expo/pull/43914) by [@ramonclaudio](https://github.com/ramonclaudio))
 - [iOS] Added `defaultScrollAnchorForRole` modifier for per-role scroll anchor control (iOS 18+). ([#43923](https://github.com/expo/expo/pull/43923) by [@ramonclaudio](https://github.com/ramonclaudio))
+- [iOS] Added `scrollTargetBehavior` and `scrollTargetLayout` modifiers for scroll target configuration (iOS 17+). ([#43955](https://github.com/expo/expo/pull/43955) by [@ramonclaudio](https://github.com/ramonclaudio))
+- [iOS] Added `textInputAutocapitalization` modifier for controlling keyboard autocapitalization behavior (iOS 15+). ([#44547](https://github.com/expo/expo/pull/44547) by [@ramonclaudio](https://github.com/ramonclaudio))
+- [iOS] Added `textContentType` modifier for enabling autofill and semantic text input hints (iOS 13+). ([#44548](https://github.com/expo/expo/pull/44548) by [@ramonclaudio](https://github.com/ramonclaudio))
 - [iOS] Added `rotation3DEffect` modifier for 3D rotation transforms ([#43640](https://github.com/expo/expo/pull/43640) by [@vonovak](https://github.com/vonovak))
 - [iOS] Added `ControlGroup` component. ([#43581](https://github.com/expo/expo/pull/43581) by [@nishan](https://github.com/intergalacticspacehighway))
 - [android] detect FAB in HorizontalFloatingToolbar ([#43601](https://github.com/expo/expo/pull/43601) by [@Ubax](https://github.com/Ubax))

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

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

@@ -0,0 +1,74 @@
+package expo.modules.ui
+
+import android.graphics.Color
+import androidx.compose.foundation.layout.Box
+import androidx.compose.material3.Badge
+import androidx.compose.material3.BadgeDefaults
+import androidx.compose.material3.contentColorFor
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.layout.layout
+import androidx.compose.ui.unit.dp
+import androidx.core.view.size
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+
+data class BadgeProps(
+  val containerColor: Color? = null,
+  val contentColor: Color? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.BadgeContent(props: BadgeProps) {
+  val resolvedContainerColor = props.containerColor.composeOrNull ?: BadgeDefaults.containerColor
+  val modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+
+  if (view.size > 0) {
+    Badge(
+      modifier = modifier,
+      containerColor = resolvedContainerColor,
+      contentColor = props.contentColor.composeOrNull ?: contentColorFor(resolvedContainerColor)
+    ) {
+      Box(
+        modifier = Modifier.ensureBadgeContentCircular(),
+        contentAlignment = Alignment.Center
+      ) {
+        Children(ComposableScope())
+      }
+    }
+  } else {
+    // No content lambda → renders as small 6dp dot per M3 spec
+    Badge(
+      modifier = modifier,
+      containerColor = resolvedContainerColor
+    )
+  }
+}
+
+/**
+ * Layout modifier that sizes the Badge content so the Badge renders as a circle
+ * for narrow content (single digits). Badge internally adds 4dp horizontal padding
+ * on each side (8dp total) but no vertical padding. To make the Badge square
+ * (and thus circular with CornerFull shape), the content width must be
+ * `height - totalHorizontalPadding`. For wide content (e.g. "999+"), the natural
+ * width is used, producing a pill shape.
+ *
+ * This is a workaround for Compose Badge becoming oval at font scales > 1.0.
+ * @see: https://issuetracker.google.com/issues/365493087
+ */
+private fun Modifier.ensureBadgeContentCircular() = layout { measurable, constraints ->
+  val placeable = measurable.measure(constraints)
+  // Badge adds 4dp padding on each side = 8dp total horizontal padding
+  val targetWidth = placeable.height - BadgeHorizontalPaddingTotal.roundToPx()
+  val width = maxOf(placeable.width, targetWidth)
+  layout(width, placeable.height) {
+    placeable.placeRelative((width - placeable.width) / 2, 0)
+  }
+}
+
+// Badge internal horizontal padding: 4dp per side = 8dp total
+// (BadgeWithContentHorizontalPadding is internal in Material 3)
+private val BadgeHorizontalPaddingTotal = 8.dp

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

@@ -0,0 +1,24 @@
+package expo.modules.ui
+
+import androidx.compose.material3.Badge
+import androidx.compose.material3.BadgedBox
+import androidx.compose.runtime.Composable
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+
+data class BadgedBoxProps(
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.BadgedBoxContent(props: BadgedBoxProps) {
+  val badgeSlot = findChildSlotView(view, "badge")
+
+  BadgedBox(
+    badge = { badgeSlot?.renderSlot() ?: Badge() },
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+  ) {
+    Children(ComposableScope()) { !isSlotView(it) }
+  }
+}

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

@@ -407,6 +407,14 @@ class ExpoUIModule : Module() {
       ListItemContent(props)
     }
 
+    ExpoUIView("BadgeView") { props: BadgeProps ->
+      BadgeContent(props)
+    }
+
+    ExpoUIView("BadgedBoxView") { props: BadgedBoxProps ->
+      BadgedBoxContent(props)
+    }
+
     ExpoUIView("SpacerView") { props: SpacerProps ->
       SpacerContent(props)
     }
@@ -430,6 +438,19 @@ class ExpoUIModule : Module() {
       AnimatedVisibilityContent(props)
     }
 
+    // Class-based views so TooltipBoxView can detect them by type via findChildOfType
+    View(PlainTooltipView::class)
+    View(RichTooltipView::class)
+
+    View(TooltipBoxView::class) {
+      AsyncFunction("show") Coroutine { view: TooltipBoxView ->
+        view.show()
+      }
+      AsyncFunction("dismiss") Coroutine { view: TooltipBoxView ->
+        view.dismiss()
+      }
+    }
+
     ExpoUIView("RadioButtonView", events = {
       Events("onButtonPressed")
     }) { props: RadioButtonProps ->

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

@@ -59,3 +59,11 @@ fun findChildSlotView(viewGroup: ViewGroup, slotName: String): SlotView? {
   }
   return null
 }
+
+inline fun <reified T> findChildOfType(viewGroup: ViewGroup): T? {
+  for (index in 0..<viewGroup.size) {
+    val child = viewGroup.getChildAt(index)
+    if (child is T) return child
+  }
+  return null
+}

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

@@ -0,0 +1,177 @@
+@file:OptIn(ExperimentalMaterial3Api::class)
+
+package expo.modules.ui
+
+import android.annotation.SuppressLint
+import android.content.Context
+import android.graphics.Color
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.PlainTooltip
+import androidx.compose.material3.RichTooltip
+import androidx.compose.material3.TooltipBox
+import androidx.compose.material3.TooltipDefaults
+import androidx.compose.material3.TooltipState
+import androidx.compose.material3.rememberTooltipState
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.MutableState
+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.views.ComposableScope
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+
+// --- PlainTooltipView ---
+
+data class PlainTooltipViewProps(
+  val containerColor: MutableState<Color?> = mutableStateOf(null),
+  val contentColor: MutableState<Color?> = mutableStateOf(null),
+  val modifiers: MutableState<ModifierList> = mutableStateOf(emptyList())
+) : ComposeProps
+
+@SuppressLint("ViewConstructor")
+class PlainTooltipView(context: Context, appContext: AppContext) :
+  ExpoComposeView<PlainTooltipViewProps>(context, appContext) {
+  override val props = PlainTooltipViewProps()
+
+  @Composable
+  override fun ComposableScope.Content() {
+    Children(this)
+  }
+}
+
+// --- RichTooltipView ---
+
+data class RichTooltipViewProps(
+  val containerColor: MutableState<Color?> = mutableStateOf(null),
+  val contentColor: MutableState<Color?> = mutableStateOf(null),
+  val titleContentColor: MutableState<Color?> = mutableStateOf(null),
+  val actionContentColor: MutableState<Color?> = mutableStateOf(null),
+  val modifiers: MutableState<ModifierList> = mutableStateOf(emptyList())
+) : ComposeProps
+
+@SuppressLint("ViewConstructor")
+class RichTooltipView(context: Context, appContext: AppContext) :
+  ExpoComposeView<RichTooltipViewProps>(context, appContext) {
+  override val props = RichTooltipViewProps()
+
+  @Composable
+  override fun ComposableScope.Content() {
+    Children(this)
+  }
+}
+
+// --- TooltipBoxView ---
+
+data class TooltipBoxViewProps(
+  val isPersistent: MutableState<Boolean> = mutableStateOf(false),
+  val hasAction: MutableState<Boolean?> = mutableStateOf(null),
+  val enableUserInput: MutableState<Boolean> = mutableStateOf(true),
+  val focusable: MutableState<Boolean> = mutableStateOf(false),
+  val modifiers: MutableState<ModifierList> = mutableStateOf(emptyList())
+) : ComposeProps
+
+@SuppressLint("ViewConstructor")
+class TooltipBoxView(context: Context, appContext: AppContext) :
+  ExpoComposeView<TooltipBoxViewProps>(context, appContext) {
+  override val props = TooltipBoxViewProps()
+  internal var tooltipState: TooltipState? = null
+  private var composeScope: CoroutineScope? = null
+
+  suspend fun show() {
+    val scope = composeScope ?: return
+    val state = tooltipState ?: return
+    try {
+      withContext(scope.coroutineContext) {
+        state.show()
+      }
+    } catch (_: CancellationException) {
+      // Can occur if the compose scope is cancelled (view disposed) or if a
+      // competing show/dismiss call cancels this one. Safe to ignore in both cases.
+    }
+  }
+
+  suspend fun dismiss() {
+    val scope = composeScope ?: return
+    val state = tooltipState ?: return
+    try {
+      withContext(scope.coroutineContext) {
+        state.dismiss()
+      }
+    } catch (_: CancellationException) {
+      // Can occur if the compose scope is cancelled (view disposed) or if a
+      // competing show/dismiss call cancels this one. Safe to ignore in both cases.
+    }
+  }
+
+  @Composable
+  override fun ComposableScope.Content() {
+    val tooltipSlotView = findChildSlotView(this@TooltipBoxView, "tooltip")
+    val plainTooltipView = tooltipSlotView?.let { findChildOfType<PlainTooltipView>(it) }
+    val richTooltipView = tooltipSlotView?.let { findChildOfType<RichTooltipView>(it) }
+
+    val tooltipState = rememberTooltipState(isPersistent = props.isPersistent.value)
+    val scope = rememberCoroutineScope()
+    this@TooltipBoxView.tooltipState = tooltipState
+    this@TooltipBoxView.composeScope = scope
+
+    val actionSlotView = richTooltipView?.let { findChildSlotView(it, "action") }
+    val hasAction = props.hasAction.value ?: (actionSlotView != null)
+
+    val positionProvider = if (richTooltipView != null) {
+      TooltipDefaults.rememberRichTooltipPositionProvider()
+    } else {
+      TooltipDefaults.rememberPlainTooltipPositionProvider()
+    }
+
+    TooltipBox(
+      positionProvider = positionProvider,
+      enableUserInput = props.enableUserInput.value,
+      focusable = props.focusable.value,
+      hasAction = hasAction,
+      tooltip = {
+        if (plainTooltipView != null) {
+          PlainTooltip(
+            containerColor = plainTooltipView.props.containerColor.value.composeOrNull
+              ?: TooltipDefaults.plainTooltipContainerColor,
+            contentColor = plainTooltipView.props.contentColor.value.composeOrNull
+              ?: TooltipDefaults.plainTooltipContentColor,
+            modifier = ModifierRegistry.applyModifiers(plainTooltipView.props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+          ) {
+            with(ComposableScope()) { with(plainTooltipView) { Content() } }
+          }
+        } else if (richTooltipView != null) {
+          val titleSlotView = findChildSlotView(richTooltipView, "title")
+          val textSlotView = findChildSlotView(richTooltipView, "text")
+          val defaultColors = TooltipDefaults.richTooltipColors()
+
+          RichTooltip(
+            title = titleSlotView?.let { { it.renderSlot() } },
+            action = actionSlotView?.let { { it.renderSlot() } },
+            colors = TooltipDefaults.richTooltipColors(
+              containerColor = richTooltipView.props.containerColor.value.composeOrNull
+                ?: defaultColors.containerColor,
+              contentColor = richTooltipView.props.contentColor.value.composeOrNull
+                ?: defaultColors.contentColor,
+              titleContentColor = richTooltipView.props.titleContentColor.value.composeOrNull
+                ?: defaultColors.titleContentColor,
+              actionContentColor = richTooltipView.props.actionContentColor.value.composeOrNull
+                ?: defaultColors.actionContentColor
+            ),
+            modifier = ModifierRegistry.applyModifiers(richTooltipView.props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+          ) {
+            textSlotView?.renderSlot()
+          }
+        }
+      },
+      state = tooltipState,
+      modifier = ModifierRegistry.applyModifiers(props.modifiers.value, appContext, this@Content, globalEventDispatcher)
+    ) {
+      Children(ComposableScope(), filter = { !isSlotView(it) })
+    }
+  }
+}
+

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

@@ -0,0 +1,31 @@
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+export type BadgeProps = {
+    /**
+     * Background color of the badge.
+     * @default BadgeDefaults.containerColor
+     */
+    containerColor?: ColorValue;
+    /**
+     * Content color inside the badge (text/icon tint).
+     * @default BadgeDefaults.contentColor
+     */
+    contentColor?: ColorValue;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+    /**
+     * Optional content inside the badge (for example, a `Text` with a count).
+     * When omitted, renders as a small indicator dot.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * A badge component matching Compose's `Badge`.
+ * Renders as a small colored indicator dot, or with content (for example, a count).
+ *
+ * @see [Jetpack Compose Badge](https://developer.android.com/develop/ui/compose/components/badges)
+ */
+export declare function Badge(props: BadgeProps): import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Badge/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAaF;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,+BAGtC"}

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

@@ -0,0 +1,29 @@
+import { type ModifierConfig } from '../../types';
+export type BadgedBoxProps = {
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+    /**
+     * Children containing the main content and a `BadgedBox.Badge` slot.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * Slot for the badge overlay. Place a `Badge` component inside.
+ */
+declare function BadgeSlot(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * A badged box matching Compose's `BadgedBox`.
+ * Overlays a badge on top of content (for example, an icon).
+ *
+ * @see [Jetpack Compose BadgedBox](https://developer.android.com/develop/ui/compose/components/badges)
+ */
+declare function BadgedBoxComponent(props: BadgedBoxProps): import("react").JSX.Element;
+declare namespace BadgedBoxComponent {
+    var Badge: typeof BadgeSlot;
+}
+export { BadgedBoxComponent as BadgedBox };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/BadgedBox/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAuBF;;GAEG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAEtD;AAED;;;;;GAKG;AACH,iBAAS,kBAAkB,CAAC,KAAK,EAAE,cAAc,+BAGhD;kBAHQ,kBAAkB;;;AAO3B,OAAO,EAAE,kBAAkB,IAAI,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,100 @@
+import { type Ref } from 'react';
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+export type TooltipBoxRef = {
+    /**
+     * Programmatically shows the tooltip.
+     */
+    show: () => Promise<void>;
+    /**
+     * Programmatically dismisses the tooltip.
+     */
+    dismiss: () => Promise<void>;
+};
+export type TooltipBoxProps = {
+    /**
+     * Ref to imperatively show/dismiss the tooltip.
+     */
+    ref?: Ref<TooltipBoxRef>;
+    /**
+     * Whether the tooltip persists instead of auto-dismissing after a short timeout.
+     * @default false
+     */
+    isPersistent?: boolean;
+    /**
+     * Whether the tooltip contains an action. Affects accessibility and dismiss behavior.
+     * When not specified, this is automatically derived from the presence of a `RichTooltip.Action` slot.
+     */
+    hasAction?: boolean;
+    /**
+     * Whether user input (long-press, hover) triggers the tooltip.
+     * @default true
+     */
+    enableUserInput?: boolean;
+    /**
+     * Whether the tooltip popup is focusable.
+     * @default false
+     */
+    focusable?: boolean;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+    /**
+     * Children containing a `TooltipBox.PlainTooltip` or `TooltipBox.RichTooltip` slot and the anchor/trigger content.
+     * The anchor content triggers the tooltip on long-press.
+     */
+    children: React.ReactNode;
+};
+export type PlainTooltipProps = {
+    containerColor?: ColorValue;
+    contentColor?: ColorValue;
+    modifiers?: ModifierConfig[];
+    children: React.ReactNode;
+};
+/**
+ * A simple tooltip. Place inside `TooltipBox` as `TooltipBox.PlainTooltip`.
+ * Children become the tooltip content.
+ */
+declare function PlainTooltipComponent(props: PlainTooltipProps): import("react").JSX.Element;
+export type RichTooltipProps = {
+    containerColor?: ColorValue;
+    contentColor?: ColorValue;
+    titleContentColor?: ColorValue;
+    actionContentColor?: ColorValue;
+    modifiers?: ModifierConfig[];
+    children: React.ReactNode;
+};
+declare function RichTooltipTitle(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+declare function RichTooltipText(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+declare function RichTooltipAction(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * A detailed tooltip with optional title, body text, and action. Place inside `TooltipBox` as `TooltipBox.RichTooltip`.
+ * Content is provided via sub-components: `TooltipBox.RichTooltip.Title`, `TooltipBox.RichTooltip.Text`, `TooltipBox.RichTooltip.Action`.
+ */
+declare function RichTooltipComponent(props: RichTooltipProps): import("react").JSX.Element;
+declare namespace RichTooltipComponent {
+    var Title: typeof RichTooltipTitle;
+    var Text: typeof RichTooltipText;
+    var Action: typeof RichTooltipAction;
+}
+/**
+ * A container that wraps anchor content and shows a tooltip on long-press.
+ * Provide the tooltip content via `TooltipBox.PlainTooltip` or `TooltipBox.RichTooltip`.
+ * All other children are the anchor/trigger.
+ *
+ * Use `ref` to imperatively `show()` or `dismiss()` the tooltip.
+ */
+declare function TooltipBoxComponent(props: TooltipBoxProps): import("react").JSX.Element;
+declare namespace TooltipBoxComponent {
+    var PlainTooltip: typeof PlainTooltipComponent;
+    var RichTooltip: typeof RichTooltipComponent;
+}
+export { TooltipBoxComponent as TooltipBox };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Tooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B;;OAEG;IACH,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AA0BF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAOF;;;GAGG;AACH,iBAAS,qBAAqB,CAAC,KAAK,EAAE,iBAAiB,+BAYtD;AAID,MAAM,MAAM,gBAAgB,GAAG;IAC7B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/B,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAOF,iBAAS,gBAAgB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE7D;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE5D;AAED,iBAAS,iBAAiB,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE9D;AAED;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,+BAYpD;kBAZQ,oBAAoB;;;;;AAoB7B;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,KAAK,EAAE,eAAe,+BAGlD;kBAHQ,mBAAmB;;;;AAQ5B,OAAO,EAAE,mBAAmB,IAAI,UAAU,EAAE,CAAC"}

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

@@ -1,5 +1,7 @@
 import './MaterialSymbolsAssetsTransformer.fx';
 export * from './AlertDialog';
+export * from './Badge';
+export * from './BadgedBox';
 export { BasicAlertDialog, type BasicAlertDialogProps } from './BasicAlertDialog';
 export * from './Card';
 export * from './Checkbox';
@@ -32,6 +34,7 @@ export * from './PullToRefreshBox';
 export * from './RadioButton';
 export * from './Surface';
 export { type TextProps, Text } from './Text';
+export * from './Tooltip';
 export * from './AnimatedVisibility';
 export * from './Box';
 export * from './Row';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/index.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAE/C,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/index.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAE/C,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9C,cAAc,WAAW,CAAC;AAE1B,cAAc,sBAAsB,CAAC;AACrC,cAAc,OAAO,CAAC;AACtB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC"}

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

@@ -476,6 +476,21 @@ export declare const defaultScrollAnchor: (anchor: UnitPointValue | null) => Mod
  * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/defaultscrollanchor(_:for:)).
  */
 export declare const defaultScrollAnchorForRole: (anchor: UnitPointValue | null, role: "initialOffset" | "sizeChanges" | "alignment") => ModifierConfig;
+/**
+ * Sets the scroll snapping behavior for scrollable views.
+ * Use with `scrollTargetLayout` on the content container.
+ * @param behavior - `'paging'` for container-aligned snapping, `'viewAligned'` for view-aligned snapping.
+ * @platform ios 17.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/scrolltargetbehavior(_:)).
+ */
+export declare const scrollTargetBehavior: (behavior: "paging" | "viewAligned") => ModifierConfig;
+/**
+ * Configures a layout container as a scroll target layout for view-aligned snapping.
+ * Apply to `VStack` or `HStack` inside a `ScrollView`.
+ * @platform ios 17.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/scrolltargetlayout(isenabled:)).
+ */
+export declare const scrollTargetLayout: () => ModifierConfig;
 /**
  * Disables the move action for a view in a list.
  * Apply to items within a `ForEach` to prevent them from being moved.
@@ -812,6 +827,21 @@ export declare const gridCellAnchor: (anchor: {
  * ```
  */
 export declare const submitLabel: (submitLabel: "continue" | "done" | "go" | "join" | "next" | "return" | "route" | "search" | "send") => ModifierConfig;
+/**
+ * Sets how often the shift key in the keyboard is automatically enabled.
+ * @param autocapitalization - The autocapitalization behavior.
+ * @platform ios 15.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/textinputautocapitalization(_:)).
+ */
+export declare const textInputAutocapitalization: (autocapitalization: "never" | "words" | "sentences" | "characters") => ModifierConfig;
+/**
+ * Sets the text content type for input text, which the system uses to offer
+ * suggestions (like autofill) while the user enters text.
+ * @param textContentType - The semantic meaning of the text input area.
+ * @platform ios 13.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/textcontenttype(_:)-ufdv).
+ */
+export declare const textContentType: (textContentType: "URL" | "namePrefix" | "name" | "nameSuffix" | "givenName" | "middleName" | "familyName" | "nickname" | "organizationName" | "jobTitle" | "location" | "fullStreetAddress" | "streetAddressLine1" | "streetAddressLine2" | "addressCity" | "addressCityAndState" | "addressState" | "postalCode" | "sublocality" | "countryName" | "username" | "password" | "newPassword" | "oneTimeCode" | "emailAddress" | "telephoneNumber" | "cellularEID" | "cellularIMEI" | "creditCardNumber" | "creditCardExpiration" | "creditCardExpirationMonth" | "creditCardExpirationYear" | "creditCardSecurityCode" | "creditCardType" | "creditCardName" | "creditCardGivenName" | "creditCardMiddleName" | "creditCardFamilyName" | "birthdate" | "birthdateDay" | "birthdateMonth" | "birthdateYear" | "dateTime" | "flightNumber" | "shipmentTrackingNumber") => ModifierConfig;
 /**
  * Sets the content transition type for a view.
  * Useful for animating changes in text content, especially numeric text.
@@ -864,7 +894,7 @@ export declare const resizable: (capInsets?: {
  * This provides type safety for the modifiers array.
  * @hidden
  */
-export type BuiltInModifier = ReturnType<typeof listSectionSpacing> | ReturnType<typeof background> | ReturnType<typeof cornerRadius> | ReturnType<typeof shadow> | ReturnType<typeof frame> | ReturnType<typeof padding> | ReturnType<typeof fixedSize> | ReturnType<typeof ignoreSafeArea> | ReturnType<typeof onTapGesture> | ReturnType<typeof onLongPressGesture> | ReturnType<typeof onAppear> | ReturnType<typeof luminanceToAlpha> | ReturnType<typeof onDisappear> | ReturnType<typeof opacity> | ReturnType<typeof clipShape> | ReturnType<typeof border> | ReturnType<typeof scaleEffect> | ReturnType<typeof rotationEffect> | ReturnType<typeof rotation3DEffect> | ReturnType<typeof offset> | ReturnType<typeof foregroundColor> | ReturnType<typeof foregroundStyle> | ReturnType<typeof bold> | ReturnType<typeof italic> | ReturnType<typeof monospacedDigit> | ReturnType<typeof tint> | ReturnType<typeof hidden> | ReturnType<typeof disabled> | ReturnType<typeof zIndex> | ReturnType<typeof blur> | ReturnType<typeof brightness> | ReturnType<typeof contrast> | ReturnType<typeof saturation> | ReturnType<typeof hueRotation> | ReturnType<typeof colorInvert> | ReturnType<typeof grayscale> | ReturnType<typeof buttonStyle> | ReturnType<typeof toggleStyle> | ReturnType<typeof controlSize> | ReturnType<typeof labelStyle> | ReturnType<typeof labelsHidden> | ReturnType<typeof textFieldStyle> | ReturnType<typeof menuActionDismissBehavior> | ReturnType<typeof accessibilityLabel> | ReturnType<typeof accessibilityHint> | ReturnType<typeof accessibilityValue> | ReturnType<typeof layoutPriority> | ReturnType<typeof mask> | ReturnType<typeof overlay> | ReturnType<typeof backgroundOverlay> | ReturnType<typeof aspectRatio> | ReturnType<typeof clipped> | ReturnType<typeof glassEffect> | ReturnType<typeof glassEffectId> | ReturnType<typeof animation> | ReturnType<typeof containerShape> | ReturnType<typeof contentShape> | ReturnType<typeof containerRelativeFrame> | ReturnType<typeof scrollContentBackground> | ReturnType<typeof scrollDisabled> | ReturnType<typeof defaultScrollAnchor> | ReturnType<typeof defaultScrollAnchorForRole> | ReturnType<typeof moveDisabled> | ReturnType<typeof deleteDisabled> | ReturnType<typeof environment> | ReturnType<typeof listRowBackground> | ReturnType<typeof listRowSeparator> | ReturnType<typeof truncationMode> | ReturnType<typeof allowsTightening> | ReturnType<typeof kerning> | ReturnType<typeof textCase> | ReturnType<typeof underline> | ReturnType<typeof strikethrough> | ReturnType<typeof multilineTextAlignment> | ReturnType<typeof textSelection> | ReturnType<typeof lineSpacing> | ReturnType<typeof lineLimit> | ReturnType<typeof headerProminence> | ReturnType<typeof listRowInsets> | ReturnType<typeof badgeProminence> | ReturnType<typeof badge> | ReturnType<typeof listSectionMargins> | ReturnType<typeof font> | ReturnType<typeof gridCellUnsizedAxes> | ReturnType<typeof gridCellColumns> | ReturnType<typeof gridColumnAlignment> | ReturnType<typeof gridCellAnchor> | ReturnType<typeof submitLabel> | ReturnType<typeof datePickerStyle> | ReturnType<typeof progressViewStyle> | ReturnType<typeof gaugeStyle> | ReturnType<typeof listStyle> | ReturnType<typeof contentTransition> | ReturnType<typeof resizable> | ReturnType<typeof widgetAccentedRenderingMode> | ReturnType<typeof widgetURL>;
+export type BuiltInModifier = ReturnType<typeof listSectionSpacing> | ReturnType<typeof background> | ReturnType<typeof cornerRadius> | ReturnType<typeof shadow> | ReturnType<typeof frame> | ReturnType<typeof padding> | ReturnType<typeof fixedSize> | ReturnType<typeof ignoreSafeArea> | ReturnType<typeof onTapGesture> | ReturnType<typeof onLongPressGesture> | ReturnType<typeof onAppear> | ReturnType<typeof luminanceToAlpha> | ReturnType<typeof onDisappear> | ReturnType<typeof opacity> | ReturnType<typeof clipShape> | ReturnType<typeof border> | ReturnType<typeof scaleEffect> | ReturnType<typeof rotationEffect> | ReturnType<typeof rotation3DEffect> | ReturnType<typeof offset> | ReturnType<typeof foregroundColor> | ReturnType<typeof foregroundStyle> | ReturnType<typeof bold> | ReturnType<typeof italic> | ReturnType<typeof monospacedDigit> | ReturnType<typeof tint> | ReturnType<typeof hidden> | ReturnType<typeof disabled> | ReturnType<typeof zIndex> | ReturnType<typeof blur> | ReturnType<typeof brightness> | ReturnType<typeof contrast> | ReturnType<typeof saturation> | ReturnType<typeof hueRotation> | ReturnType<typeof colorInvert> | ReturnType<typeof grayscale> | ReturnType<typeof buttonStyle> | ReturnType<typeof toggleStyle> | ReturnType<typeof controlSize> | ReturnType<typeof labelStyle> | ReturnType<typeof labelsHidden> | ReturnType<typeof textFieldStyle> | ReturnType<typeof menuActionDismissBehavior> | ReturnType<typeof accessibilityLabel> | ReturnType<typeof accessibilityHint> | ReturnType<typeof accessibilityValue> | ReturnType<typeof layoutPriority> | ReturnType<typeof mask> | ReturnType<typeof overlay> | ReturnType<typeof backgroundOverlay> | ReturnType<typeof aspectRatio> | ReturnType<typeof clipped> | ReturnType<typeof glassEffect> | ReturnType<typeof glassEffectId> | ReturnType<typeof animation> | ReturnType<typeof containerShape> | ReturnType<typeof contentShape> | ReturnType<typeof containerRelativeFrame> | ReturnType<typeof scrollContentBackground> | ReturnType<typeof scrollDisabled> | ReturnType<typeof defaultScrollAnchor> | ReturnType<typeof defaultScrollAnchorForRole> | ReturnType<typeof scrollTargetBehavior> | ReturnType<typeof scrollTargetLayout> | ReturnType<typeof moveDisabled> | ReturnType<typeof deleteDisabled> | ReturnType<typeof environment> | ReturnType<typeof listRowBackground> | ReturnType<typeof listRowSeparator> | ReturnType<typeof truncationMode> | ReturnType<typeof allowsTightening> | ReturnType<typeof kerning> | ReturnType<typeof textCase> | ReturnType<typeof underline> | ReturnType<typeof strikethrough> | ReturnType<typeof multilineTextAlignment> | ReturnType<typeof textSelection> | ReturnType<typeof lineSpacing> | ReturnType<typeof lineLimit> | ReturnType<typeof headerProminence> | ReturnType<typeof listRowInsets> | ReturnType<typeof badgeProminence> | ReturnType<typeof badge> | ReturnType<typeof listSectionMargins> | ReturnType<typeof font> | ReturnType<typeof gridCellUnsizedAxes> | ReturnType<typeof gridCellColumns> | ReturnType<typeof gridColumnAlignment> | ReturnType<typeof gridCellAnchor> | ReturnType<typeof submitLabel> | ReturnType<typeof textInputAutocapitalization> | ReturnType<typeof textContentType> | ReturnType<typeof datePickerStyle> | ReturnType<typeof progressViewStyle> | ReturnType<typeof gaugeStyle> | ReturnType<typeof listStyle> | ReturnType<typeof contentTransition> | ReturnType<typeof resizable> | ReturnType<typeof widgetAccentedRenderingMode> | ReturnType<typeof widgetURL>;
 /**
  * Main ViewModifier type that supports both built-in and 3rd party modifiers.
  * 3rd party modifiers should return ModifierConfig objects with their own type strings.