@expo/ui 55.0.8 → 55.0.9

package/CHANGELOG.md

@@ -10,6 +10,10 @@
 
 ### 💡 Others
 
+## 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 +69,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))

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.9'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "55.0.8"
+    versionName "55.0.9"
     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/expo-module.config.json

@@ -10,7 +10,7 @@
     "publication": {
       "groupId": "expo.modules.ui",
       "artifactId": "expo.modules.ui",
-      "version": "55.0.8",
+      "version": "55.0.9",
       "repository": "local-maven-repo"
     }
   }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9-sources.jar.md5

@@ -0,0 +1 @@
+1f6068b64a52c28e06da5f7a2d25f96c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9-sources.jar.sha1

@@ -0,0 +1 @@
+0fb41718cf502bf1bd5bfeefef2497a791ec4067

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9-sources.jar.sha256

@@ -0,0 +1 @@
+6f17f489b1f61bda39b7219a16731839a2436678e8e1258f862b6f126229a160

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9-sources.jar.sha512

@@ -0,0 +1 @@
+d9c690394b14a26e66a9e2520000d48ab9d98163b4495ff3acf0be27d3c285e3f3c11a4e9843c124d9bbf1d8da51064956af5f3fd7f11e4775ef5d6d32a2487b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.aar.md5

@@ -0,0 +1 @@
+476bb1e92103b2fde36a36bb0b3af37e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.aar.sha1

@@ -0,0 +1 @@
+47a9ad9a4255f9c8a380708a52ffe51ccba93762

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.aar.sha256

@@ -0,0 +1 @@
+0cc100bb063457e6e0be298e51fd87edbe497d86fcf01f7f4e32b83ba71ee443

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.aar.sha512

@@ -0,0 +1 @@
+6eabbcc0f2c5ca30426dc5325e8d02ee5cd43c5c2d3660996b29d5344b609532e4cc79251162be6974dcc54c5722c50b54d59ce0ea8b422db6c1efb5a460c830

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.8/expo.modules.ui-55.0.8.module → 55.0.9/expo.modules.ui-55.0.9.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "55.0.8",
+    "version": "55.0.9",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.8.aar",
-          "url": "expo.modules.ui-55.0.8.aar",
-          "size": 984275,
-          "sha512": "fc12d4f1223dc477347edf00a0ac9884ec8c05935e172588b7a02b4862a2ffaf349bfb3e41e945a60fc426660f421ccffe254bf0f4746503a9a621182aede9b7",
-          "sha256": "f73a8257262c66e8ca0af6247db6e20b17a895d6e88cec7861c967d4336c4e71",
-          "sha1": "aef8c546077f395d701e22459b9557564b60fca0",
-          "md5": "6f7ed7560ebf12a44e7ab271ea245771"
+          "name": "expo.modules.ui-55.0.9.aar",
+          "url": "expo.modules.ui-55.0.9.aar",
+          "size": 1048460,
+          "sha512": "6eabbcc0f2c5ca30426dc5325e8d02ee5cd43c5c2d3660996b29d5344b609532e4cc79251162be6974dcc54c5722c50b54d59ce0ea8b422db6c1efb5a460c830",
+          "sha256": "0cc100bb063457e6e0be298e51fd87edbe497d86fcf01f7f4e32b83ba71ee443",
+          "sha1": "47a9ad9a4255f9c8a380708a52ffe51ccba93762",
+          "md5": "476bb1e92103b2fde36a36bb0b3af37e"
         }
       ]
     },
@@ -120,13 +120,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-55.0.8.aar",
-          "url": "expo.modules.ui-55.0.8.aar",
-          "size": 984275,
-          "sha512": "fc12d4f1223dc477347edf00a0ac9884ec8c05935e172588b7a02b4862a2ffaf349bfb3e41e945a60fc426660f421ccffe254bf0f4746503a9a621182aede9b7",
-          "sha256": "f73a8257262c66e8ca0af6247db6e20b17a895d6e88cec7861c967d4336c4e71",
-          "sha1": "aef8c546077f395d701e22459b9557564b60fca0",
-          "md5": "6f7ed7560ebf12a44e7ab271ea245771"
+          "name": "expo.modules.ui-55.0.9.aar",
+          "url": "expo.modules.ui-55.0.9.aar",
+          "size": 1048460,
+          "sha512": "6eabbcc0f2c5ca30426dc5325e8d02ee5cd43c5c2d3660996b29d5344b609532e4cc79251162be6974dcc54c5722c50b54d59ce0ea8b422db6c1efb5a460c830",
+          "sha256": "0cc100bb063457e6e0be298e51fd87edbe497d86fcf01f7f4e32b83ba71ee443",
+          "sha1": "47a9ad9a4255f9c8a380708a52ffe51ccba93762",
+          "md5": "476bb1e92103b2fde36a36bb0b3af37e"
         }
       ]
     },
@@ -140,13 +140,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.8-sources.jar",
-          "url": "expo.modules.ui-55.0.8-sources.jar",
-          "size": 63052,
-          "sha512": "1498e7baba58e8b17988e3f84b24561032849f1a353da509c8bafcd50abe67027889e2e54b2e5473fa055fbf08dc9cf9b728c3c108e16fc8b9bc20bde019039a",
-          "sha256": "2b50b26af7df4c5211dcb3fb2e0bcbc1e67b9d7643be03944ebdc2ff624283d7",
-          "sha1": "b2262e6bc6fdbba4542a361ca47cc99466fff958",
-          "md5": "8d71e6eff7e8a861b9877b89a6dd84c6"
+          "name": "expo.modules.ui-55.0.9-sources.jar",
+          "url": "expo.modules.ui-55.0.9-sources.jar",
+          "size": 66487,
+          "sha512": "d9c690394b14a26e66a9e2520000d48ab9d98163b4495ff3acf0be27d3c285e3f3c11a4e9843c124d9bbf1d8da51064956af5f3fd7f11e4775ef5d6d32a2487b",
+          "sha256": "6f17f489b1f61bda39b7219a16731839a2436678e8e1258f862b6f126229a160",
+          "sha1": "0fb41718cf502bf1bd5bfeefef2497a791ec4067",
+          "md5": "1f6068b64a52c28e06da5f7a2d25f96c"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.module.md5

@@ -0,0 +1 @@
+8bd0f9bb959ce4664cc2b775f674a2b6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.module.sha1

@@ -0,0 +1 @@
+306436c3ff7f3c30b53ee8b940945dabbc36b24d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.module.sha256

@@ -0,0 +1 @@
+b8df9570f0f933ef85bb704ff46e2cbc9dc22892920f4e0adb47b986365f9b3f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.module.sha512

@@ -0,0 +1 @@
+c8d4a472bf73c83cae71aa7db7153a20c0a13aac6301c5755c0564e5ee24ea4032ba731a5f413e012476378fc5bcc9b911dbcd8e08c78e4b5e07a34227ed18af

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.8/expo.modules.ui-55.0.8.pom → 55.0.9/expo.modules.ui-55.0.9.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>55.0.8</version>
+  <version>55.0.9</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.pom.md5

@@ -0,0 +1 @@
+9b6d657a7af4fd33a7830403a95485f8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.pom.sha1

@@ -0,0 +1 @@
+1d3a9a8f13d6441cda844651c174746d39b381be

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.pom.sha256

@@ -0,0 +1 @@
+527c9694e0973613a33f52492c60646d29299008884ac08ac7bccfec640286dd

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.9/expo.modules.ui-55.0.9.pom.sha512

@@ -0,0 +1 @@
+250fc082bf23c5d924a4df3ceb01525ce618d9ac449c6ed6140fde52215afbda4ab114fa249ba0b24de739942e810567f69adbf412d57e1423480c4c865cc8a7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>55.0.8</latest>
-    <release>55.0.8</release>
+    <latest>55.0.9</latest>
+    <release>55.0.9</release>
     <versions>
-      <version>55.0.8</version>
+      <version>55.0.9</version>
     </versions>
-    <lastUpdated>20260402192239</lastUpdated>
+    <lastUpdated>20260406145353</lastUpdated>
   </versioning>
 </metadata>

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.md5

@@ -1 +1 @@
-41b55d67de06a836cb210a1fbc0381aa
+512c30401c335ddaa5c8a143422f5f3f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha1

@@ -1 +1 @@
-3ffd124a37694a413211da5f1179a8b937064d62
+bffac0e03358cb495aff9195a3bf93ad3d004c4b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha256

@@ -1 +1 @@
-09b95c75c7133d35cf5a0b1032f7cc4426df0631807e4aeb8abaef3163271d13
+7ce3b849501b2897111d27627b715a85b21f39a0a9c3f3005d4429af92279f60

package/local-maven-repo/expo/modules/ui/expo.modules.ui/maven-metadata.xml.sha512

@@ -1 +1 @@
-b34691b570f517153a04446d597b3a3441e830cd3a0e7cffc0bc61d519867f4efc2f4762e3023fb2fd8716c6639a205a06f49b556d919695ca7a23ca25e7570b
+3e96702666bb6d88dfbed286974dd194a9ea50aa55de5f9a2ec267383b0c3ef556e5984ac83c5d83ca951f35f07ecc19382fdd0eefe110f8d94a64b5a62f7264

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "55.0.8",
+  "version": "55.0.9",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -67,5 +67,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "20029879d2f953a428d70197fc7e25e4d791848a"
+  "gitHead": "9cfae0185951ef0eb335e1c1270c7682ff761f69"
 }

package/src/jetpack-compose/Badge/index.tsx

@@ -0,0 +1,49 @@
+import { requireNativeView } from 'expo';
+import { type ColorValue } from 'react-native';
+
+import { type ModifierConfig } from '../../types';
+import { createViewModifierEventListener } from '../modifiers/utils';
+
+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;
+};
+
+const BadgeNativeView: React.ComponentType<BadgeProps> = requireNativeView('ExpoUI', 'BadgeView');
+
+function transformProps(props: BadgeProps): BadgeProps {
+  const { modifiers, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+  };
+}
+
+/**
+ * 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 function Badge(props: BadgeProps) {
+  const { children, ...restProps } = props;
+  return <BadgeNativeView {...transformProps(restProps)}>{children}</BadgeNativeView>;
+}

package/src/jetpack-compose/BadgedBox/index.tsx

@@ -0,0 +1,58 @@
+import { requireNativeView } from 'expo';
+
+import { type ModifierConfig } from '../../types';
+import { createViewModifierEventListener } from '../modifiers/utils';
+
+export type BadgedBoxProps = {
+  /**
+   * Modifiers for the component.
+   */
+  modifiers?: ModifierConfig[];
+  /**
+   * Children containing the main content and a `BadgedBox.Badge` slot.
+   */
+  children?: React.ReactNode;
+};
+
+type SlotProps = {
+  slotName: string;
+  children: React.ReactNode;
+};
+
+const BadgedBoxNativeView: React.ComponentType<BadgedBoxProps> = requireNativeView(
+  'ExpoUI',
+  'BadgedBoxView'
+);
+
+const SlotNativeView: React.ComponentType<SlotProps> = requireNativeView('ExpoUI', 'SlotView');
+
+function transformProps(props: BadgedBoxProps): BadgedBoxProps {
+  const { modifiers, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+  };
+}
+
+/**
+ * Slot for the badge overlay. Place a `Badge` component inside.
+ */
+function BadgeSlot(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="badge">{props.children}</SlotNativeView>;
+}
+
+/**
+ * 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)
+ */
+function BadgedBoxComponent(props: BadgedBoxProps) {
+  const { children, ...restProps } = props;
+  return <BadgedBoxNativeView {...transformProps(restProps)}>{children}</BadgedBoxNativeView>;
+}
+
+BadgedBoxComponent.Badge = BadgeSlot;
+
+export { BadgedBoxComponent as BadgedBox };

package/src/jetpack-compose/Tooltip/index.tsx

@@ -0,0 +1,176 @@
+import { requireNativeView } from 'expo';
+import { type Ref } from 'react';
+import { type ColorValue } from 'react-native';
+
+import { type ModifierConfig } from '../../types';
+import { createViewModifierEventListener } from '../modifiers/utils';
+
+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;
+};
+
+const TooltipBoxNativeView: React.ComponentType<TooltipBoxProps> = requireNativeView(
+  'ExpoUI',
+  'TooltipBoxView'
+);
+
+const SlotNativeView: React.ComponentType<{ slotName: string; children: React.ReactNode }> =
+  requireNativeView('ExpoUI', 'SlotView');
+
+function transformProps(
+  props: Omit<TooltipBoxProps, 'children'>
+): Omit<TooltipBoxProps, 'children'> {
+  const { modifiers, ...restProps } = props;
+  return {
+    modifiers,
+    ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
+    ...restProps,
+    isPersistent: props.isPersistent ?? false,
+    enableUserInput: props.enableUserInput ?? true,
+    focusable: props.focusable ?? false,
+  };
+}
+
+// --- PlainTooltip (compound component of TooltipBox) ---
+
+export type PlainTooltipProps = {
+  containerColor?: ColorValue;
+  contentColor?: ColorValue;
+  modifiers?: ModifierConfig[];
+  children: React.ReactNode;
+};
+
+const PlainTooltipNativeView: React.ComponentType<PlainTooltipProps> = requireNativeView(
+  'ExpoUI',
+  'PlainTooltipView'
+);
+
+/**
+ * A simple tooltip. Place inside `TooltipBox` as `TooltipBox.PlainTooltip`.
+ * Children become the tooltip content.
+ */
+function PlainTooltipComponent(props: PlainTooltipProps) {
+  const { children, modifiers, ...restProps } = props;
+  return (
+    <SlotNativeView slotName="tooltip">
+      <PlainTooltipNativeView
+        modifiers={modifiers}
+        {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+        {...restProps}>
+        {children}
+      </PlainTooltipNativeView>
+    </SlotNativeView>
+  );
+}
+
+// --- RichTooltip (compound component of TooltipBox) ---
+
+export type RichTooltipProps = {
+  containerColor?: ColorValue;
+  contentColor?: ColorValue;
+  titleContentColor?: ColorValue;
+  actionContentColor?: ColorValue;
+  modifiers?: ModifierConfig[];
+  children: React.ReactNode;
+};
+
+const RichTooltipNativeView: React.ComponentType<RichTooltipProps> = requireNativeView(
+  'ExpoUI',
+  'RichTooltipView'
+);
+
+function RichTooltipTitle(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="title">{props.children}</SlotNativeView>;
+}
+
+function RichTooltipText(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="text">{props.children}</SlotNativeView>;
+}
+
+function RichTooltipAction(props: { children: React.ReactNode }) {
+  return <SlotNativeView slotName="action">{props.children}</SlotNativeView>;
+}
+
+/**
+ * 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`.
+ */
+function RichTooltipComponent(props: RichTooltipProps) {
+  const { children, modifiers, ...restProps } = props;
+  return (
+    <SlotNativeView slotName="tooltip">
+      <RichTooltipNativeView
+        modifiers={modifiers}
+        {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+        {...restProps}>
+        {children}
+      </RichTooltipNativeView>
+    </SlotNativeView>
+  );
+}
+
+RichTooltipComponent.Title = RichTooltipTitle;
+RichTooltipComponent.Text = RichTooltipText;
+RichTooltipComponent.Action = RichTooltipAction;
+
+// --- TooltipBox ---
+
+/**
+ * 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.
+ */
+function TooltipBoxComponent(props: TooltipBoxProps) {
+  const { children, ...restProps } = props;
+  return <TooltipBoxNativeView {...transformProps(restProps)}>{children}</TooltipBoxNativeView>;
+}
+
+TooltipBoxComponent.PlainTooltip = PlainTooltipComponent;
+TooltipBoxComponent.RichTooltip = RichTooltipComponent;
+
+export { TooltipBoxComponent as TooltipBox };

package/src/jetpack-compose/index.ts

@@ -1,6 +1,8 @@
 import './MaterialSymbolsAssetsTransformer.fx';
 
 export * from './AlertDialog';
+export * from './Badge';
+export * from './BadgedBox';
 export { BasicAlertDialog, type BasicAlertDialogProps } from './BasicAlertDialog';
 export * from './Card';
 export * from './Checkbox';
@@ -33,6 +35,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';

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.md5

@@ -1 +0,0 @@
-8d71e6eff7e8a861b9877b89a6dd84c6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.sha1

@@ -1 +0,0 @@
-b2262e6bc6fdbba4542a361ca47cc99466fff958

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.sha256

@@ -1 +0,0 @@
-2b50b26af7df4c5211dcb3fb2e0bcbc1e67b9d7643be03944ebdc2ff624283d7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8-sources.jar.sha512

@@ -1 +0,0 @@
-1498e7baba58e8b17988e3f84b24561032849f1a353da509c8bafcd50abe67027889e2e54b2e5473fa055fbf08dc9cf9b728c3c108e16fc8b9bc20bde019039a

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.md5

@@ -1 +0,0 @@
-6f7ed7560ebf12a44e7ab271ea245771

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.sha1

@@ -1 +0,0 @@
-aef8c546077f395d701e22459b9557564b60fca0

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.sha256

@@ -1 +0,0 @@
-f73a8257262c66e8ca0af6247db6e20b17a895d6e88cec7861c967d4336c4e71

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.aar.sha512

@@ -1 +0,0 @@
-fc12d4f1223dc477347edf00a0ac9884ec8c05935e172588b7a02b4862a2ffaf349bfb3e41e945a60fc426660f421ccffe254bf0f4746503a9a621182aede9b7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.md5

@@ -1 +0,0 @@
-0fd04c3974a9d4ab801cbc2d30de0dd6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.sha1

@@ -1 +0,0 @@
-0fb19752cbcb266f74e76036d3cef74203a9a4eb

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.sha256

@@ -1 +0,0 @@
-9a63c2d7b1e9a3c979fb96fda599f1e9b14b3de71871d2c02fc36903aefc819f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.module.sha512

@@ -1 +0,0 @@
-c708991b4b1a7d877cb9005157be52a5dcbacfd25a422f72644f685801a433e8358318d8f7173f653b6d2acd1b22b64d945dac181e59a2d1e9c367334ab62fb7

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.md5

@@ -1 +0,0 @@
-a31b7c5717adf18fe84c85cdefcd0fb5

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.sha1

@@ -1 +0,0 @@
-8b11a53b5d9ac4dad5ad3f7476eb1c1afe64a84f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.sha256

@@ -1 +0,0 @@
-a2eff80dd6b361f49c98929155e1a73d2889a31899b971962477a7dbacc9d32d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.8/expo.modules.ui-55.0.8.pom.sha512

@@ -1 +0,0 @@
-f643fc246aa36733fdbc844da05a798063146dd49cff5b38ac98eec20bf6cc0ffe992ed5f9d906daf8e3872054cfc8947b1f38ce6968fd6046b012a5b1577bb5