@expo/ui 56.0.8 → 56.0.9

package/CHANGELOG.md

@@ -10,6 +10,24 @@
 
 ### 💡 Others
 
+## 56.0.9 — 2026-05-19
+
+### 🎉 New features
+
+- [iOS][android] Added `onChange` listener to `useNativeState`. ([#45961](https://github.com/expo/expo/pull/45961) by [@nishan](https://github.com/intergalacticspacehighway))
+- Allow writing to native state from the JS thread. ([#45901](https://github.com/expo/expo/pull/45901) by [@nishan](https://github.com/intergalacticspacehighway))
+- [iOS] Added `withAnimation(animation, body)` in `@expo/ui/swift-ui`, mirroring SwiftUI's [`withAnimation(_:_:)`](<https://developer.apple.com/documentation/swiftui/withanimation(_:_:)>). ([#45893](https://github.com/expo/expo/pull/45893) by [@nishan](https://github.com/intergalacticspacehighway))
+- [jetpack-compose] Added `Snackbar` component. ([#45667](https://github.com/expo/expo/pull/45667) by [@nishan](https://github.com/intergalacticspacehighway))
+- [android] Added `LoadingIndicator` and `ContainedLoadingIndicator` components. ([#41169](https://github.com/expo/expo/pull/41169) by [@suveshmoza](https://github.com/suveshmoza))
+
+### 🐛 Bug fixes
+
+- [iOS] Unmount `BottomSheet` when it is dismissed. ([#45846](https://github.com/expo/expo/pull/45846) by [@nishan](https://github.com/intergalacticspacehighway))
+
+### 💡 Others
+
+- [universal] Add base styling to universal Picker on web ([#45932](https://github.com/expo/expo/pull/45932) by [@zoontek](https://github.com/zoontek))
+
 ## 56.0.8 — 2026-05-15
 
 ### 🎉 New features
@@ -34,6 +52,9 @@ _This version does not introduce any user-facing changes._
 - Make `ChartView` public. ([#45674](https://github.com/expo/expo/pull/45674) by [@jakex7](https://github.com/jakex7))
 - Added `@expo/ui/community/menu`, a drop-in replacement for `@react-native-menu/menu`. ([#45670](https://github.com/expo/expo/pull/45670) by [@vonovak](https://github.com/vonovak))
 - [android] Added Compose `combinedClickable` modifier. ([#45670](https://github.com/expo/expo/pull/45670) by [@vonovak](https://github.com/vonovak))
+- [universal] Added `Collapsible`, `List`, `ListItem`, and `Picker` components. ([#45754](https://github.com/expo/expo/pull/45754) by [@kudo](https://github.com/kudo))
+- [universal] Added `snapPoints` prop on `BottomSheet` and `colorScheme` / `layoutDirection` props on `Host`. ([#45754](https://github.com/expo/expo/pull/45754) by [@kudo](https://github.com/kudo))
+- [jetpack-compose] `background(color, { animationSpec })` accepts an optional `animationSpec` and wraps the color in `animateColorAsState` so changes between renders animate smoothly. ([#45754](https://github.com/expo/expo/pull/45754) by [@kudo](https://github.com/kudo))
 
 ### 🐛 Bug fixes
 
@@ -333,7 +354,7 @@ _This version does not introduce any user-facing changes._
 
 - [iOS] Remove leftover `Switch` TypeScript exports from swift-ui package. Use `Toggle` instead. ([#42571](https://github.com/expo/expo/pull/42571) by [@shubh73](https://github.com/shubh73))
 - Improved Jetpack Compose integration for Expo UI. ([#42450](https://github.com/expo/expo/pull/42450) by [@kudo](https://github.com/kudo))
-- [iOS] Added `contentShape` modifier for SwiftUI ([#42813](https://github.com/expo/expo pull/42813) by [@sam-shubham](https://github.com/sam-shubham))
+- [iOS] Added `contentShape` modifier for SwiftUI ([#42813](https://github.com/expo/expo/pull/42813) by [@sam-shubham](https://github.com/sam-shubham))
 
 ## 55.0.0-beta.3 — 2026-01-27
 

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

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

@@ -2,6 +2,7 @@
 
 package expo.modules.ui
 
+import android.os.Looper
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.SwitchDefaults
 import androidx.compose.material3.ToggleButtonDefaults
@@ -39,6 +40,7 @@ import expo.modules.ui.menu.ExposedDropdownMenuBoxContent
 import expo.modules.ui.menu.ExposedDropdownMenuBoxProps
 import expo.modules.ui.menu.ExposedDropdownMenuContent
 import expo.modules.ui.menu.ExposedDropdownMenuProps
+import kotlinx.coroutines.launch
 import okhttp3.OkHttpClient
 
 class ExpoUIModule : Module() {
@@ -79,7 +81,20 @@ class ExpoUIModule : Module() {
       }
 
       Function("setValue") { state: ObservableState, wrapper: Map<String, Any?> ->
-        state.value = wrapper["value"]
+        val newValue = wrapper["value"]
+        val mainLooper = Looper.getMainLooper()
+        // Update state on the UI thread
+        if (mainLooper.isCurrentThread) {
+          state.value = newValue
+        } else {
+          appContext.mainQueue.launch {
+            state.value = newValue
+          }
+        }
+      }
+
+      Function("setOnChange") { state: ObservableState, callback: WorkletCallback? ->
+        state.onChange = callback
       }
     }
 
@@ -139,6 +154,8 @@ class ExpoUIModule : Module() {
     // Class-based views so TooltipBoxView can detect them by type via findChildOfType
     View(PlainTooltipView::class)
     View(RichTooltipView::class)
+    // Class-based view so SnackbarHostView can read its styling via findChildOfType
+    View(SnackbarView::class)
 
     //endregion Views use expo-modules-core DSL for uncommon features
 
@@ -340,6 +357,18 @@ class ExpoUIModule : Module() {
       }
     }
 
+    ExpoUIView<LoadingIndicatorProps>("LoadingIndicatorView") {
+      Content { props ->
+        LoadingIndicatorContent(props)
+      }
+    }
+
+    ExpoUIView<ContainedLoadingIndicatorProps>("ContainedLoadingIndicatorView") {
+      Content { props ->
+        ContainedLoadingIndicatorContent(props)
+      }
+    }
+
     ExpoUIView<LinearProgressIndicatorProps>("LinearProgressIndicatorView") {
       Content { props ->
         LinearProgressIndicatorContent(props)
@@ -596,6 +625,14 @@ class ExpoUIModule : Module() {
       }
     }
 
+    ExpoUIView<SnackbarHostProps>("SnackbarHostView") {
+      val showSnackbar by AsyncFunction<SnackbarShowOptions>()
+
+      Content { props ->
+        SnackbarHostContent(props, showSnackbar)
+      }
+    }
+
     ExpoUIView<TooltipBoxViewProps>("TooltipBoxView") {
       val show by AsyncFunction()
       val dismiss by AsyncFunction()

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

@@ -0,0 +1,80 @@
+@file:OptIn(ExperimentalMaterial3ExpressiveApi::class)
+
+package expo.modules.ui
+
+import android.graphics.Color
+import androidx.compose.material3.ContainedLoadingIndicator
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
+import androidx.compose.material3.LoadingIndicator
+import androidx.compose.material3.LoadingIndicatorDefaults
+import androidx.compose.runtime.Composable
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.OptimizedComposeProps
+import expo.modules.ui.state.ObservableState
+
+// region LoadingIndicator
+
+@OptimizedComposeProps
+data class LoadingIndicatorProps(
+  val progress: ObservableState? = null,
+  val color: Color? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.LoadingIndicatorContent(props: LoadingIndicatorProps) {
+  val modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+  val indicatorColor = props.color.composeOrNull ?: LoadingIndicatorDefaults.indicatorColor
+
+  val progressState = props.progress
+  if (progressState != null) {
+    LoadingIndicator(
+      progress = { (progressState.value as? Number)?.toFloat() ?: 0f },
+      modifier = modifier,
+      color = indicatorColor
+    )
+  } else {
+    LoadingIndicator(
+      modifier = modifier,
+      color = indicatorColor
+    )
+  }
+}
+
+// endregion
+
+// region ContainedLoadingIndicator
+
+@OptimizedComposeProps
+data class ContainedLoadingIndicatorProps(
+  val progress: ObservableState? = null,
+  val color: Color? = null,
+  val containerColor: Color? = null,
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.ContainedLoadingIndicatorContent(props: ContainedLoadingIndicatorProps) {
+  val modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+  val indicatorColor = props.color.composeOrNull ?: LoadingIndicatorDefaults.containedIndicatorColor
+  val containerColor = props.containerColor.composeOrNull ?: LoadingIndicatorDefaults.containedContainerColor
+
+  val progressState = props.progress
+  if (progressState != null) {
+    ContainedLoadingIndicator(
+      progress = { (progressState.value as? Number)?.toFloat() ?: 0f },
+      modifier = modifier,
+      indicatorColor = indicatorColor,
+      containerColor = containerColor
+    )
+  } else {
+    ContainedLoadingIndicator(
+      modifier = modifier,
+      indicatorColor = indicatorColor,
+      containerColor = containerColor
+    )
+  }
+}
+
+// endregion

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

@@ -3,9 +3,13 @@
 package expo.modules.ui
 
 import android.graphics.Color
+import androidx.compose.animation.animateColorAsState
 import androidx.compose.animation.animateContentSize
+import androidx.compose.animation.core.AnimationSpec
 import androidx.compose.animation.core.Spring
+import androidx.compose.animation.core.snap
 import androidx.compose.animation.core.spring
+import androidx.compose.animation.core.tween
 import androidx.compose.foundation.BorderStroke
 import androidx.compose.foundation.ExperimentalFoundationApi
 import androidx.compose.foundation.background
@@ -38,6 +42,7 @@ import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.ExposedDropdownMenuAnchorType
 import androidx.compose.material3.toShape
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.alpha
 import androidx.compose.ui.draw.blur
@@ -147,6 +152,24 @@ internal data class BackgroundParams(
   @Field val color: Color? = null
 ) : Record
 
+// Color animation specs reuse the JS `$type` shape from `@expo/ui/jetpack-compose/modifiers/animation` (spring / tween / snap).
+// Keyframes are float-only and aren't supported for colors.
+private fun parseColorAnimationSpec(raw: Any?): AnimationSpec<androidx.compose.ui.graphics.Color>? {
+  if (raw !is Map<*, *>) return null
+  return when (raw["\$type"]) {
+    "spring" -> spring(
+      dampingRatio = (raw["dampingRatio"] as? Number)?.toFloat() ?: Spring.DampingRatioNoBouncy,
+      stiffness = (raw["stiffness"] as? Number)?.toFloat() ?: Spring.StiffnessMedium
+    )
+    "tween" -> tween(
+      durationMillis = (raw["durationMillis"] as? Number)?.toInt() ?: 300,
+      delayMillis = (raw["delayMillis"] as? Number)?.toInt() ?: 0
+    )
+    "snap" -> snap(delayMillis = (raw["delayMillis"] as? Number)?.toInt() ?: 0)
+    else -> null
+  }
+}
+
 @OptimizedRecord
 internal data class BorderParams(
   @Field val borderWidth: Int = 1,
@@ -457,9 +480,14 @@ object ModifierRegistry {
     // Appearance modifiers
     register("background") { map, _, _, _ ->
       val params = recordFromMap<BackgroundParams>(map)
-      params.color?.let { color ->
-        Modifier.background(color.compose)
-      } ?: Modifier
+      val color = params.color?.compose ?: return@register Modifier
+      val spec = parseColorAnimationSpec(map["animationSpec"])
+      if (spec != null) {
+        val animated by animateColorAsState(color, spec, label = "background-color")
+        Modifier.background(animated)
+      } else {
+        Modifier.background(color)
+      }
     }
 
     register("border") { map, _, _, _ ->

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

@@ -0,0 +1,126 @@
+@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.Snackbar
+import androidx.compose.material3.SnackbarDefaults
+import androidx.compose.material3.SnackbarDuration
+import androidx.compose.material3.SnackbarHost
+import androidx.compose.material3.SnackbarHostState
+import androidx.compose.material3.SnackbarResult
+import androidx.compose.runtime.Composable
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.rememberCoroutineScope
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.records.Field
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.types.OptimizedRecord
+import expo.modules.kotlin.views.AsyncFunctionHandle
+import expo.modules.kotlin.views.ComposableScope
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+import expo.modules.kotlin.views.FunctionalComposableScope
+import expo.modules.kotlin.views.OptimizedComposeProps
+import kotlinx.coroutines.withContext
+import kotlin.coroutines.cancellation.CancellationException
+
+// Holds styling props that `SnackbarHost` reads via `findChildOfType`.
+
+@OptimizedComposeProps
+data class SnackbarViewProps(
+  val containerColor: MutableState<Color?> = mutableStateOf(null),
+  val contentColor: MutableState<Color?> = mutableStateOf(null),
+  val actionContentColor: MutableState<Color?> = mutableStateOf(null),
+  val dismissActionContentColor: MutableState<Color?> = mutableStateOf(null),
+  val actionOnNewLine: MutableState<Boolean> = mutableStateOf(false),
+  val modifiers: MutableState<ModifierList> = mutableStateOf(emptyList())
+) : ComposeProps
+
+@SuppressLint("ViewConstructor")
+class SnackbarView(context: Context, appContext: AppContext) :
+  ExpoComposeView<SnackbarViewProps>(context, appContext) {
+  override val props = SnackbarViewProps()
+
+  @Composable
+  override fun ComposableScope.Content() {
+    // Empty by design: `SnackbarHost` renders the snackbar using the props above.
+  }
+}
+
+// --- SnackbarHostView ---
+
+@OptimizedRecord
+data class SnackbarShowOptions(
+  @Field val message: String = "",
+  @Field val actionLabel: String? = null,
+  @Field val withDismissAction: Boolean = false,
+  @Field val duration: String? = null
+) : Record
+
+@OptimizedComposeProps
+data class SnackbarHostProps(
+  val modifiers: ModifierList = emptyList()
+) : ComposeProps
+
+@Composable
+fun FunctionalComposableScope.SnackbarHostContent(
+  props: SnackbarHostProps,
+  showSnackbar: AsyncFunctionHandle<SnackbarShowOptions>
+) {
+  val hostState = remember { SnackbarHostState() }
+  val scope = rememberCoroutineScope()
+  val snackbarConfig = findChildOfType<SnackbarView>(view)
+
+  showSnackbar.handle { options ->
+    val duration = when (options.duration) {
+      "short" -> SnackbarDuration.Short
+      "long" -> SnackbarDuration.Long
+      "indefinite" -> SnackbarDuration.Indefinite
+      // M3 default: indefinite when there's an action label, else short.
+      else -> if (options.actionLabel == null) SnackbarDuration.Short else SnackbarDuration.Indefinite
+    }
+    val result = try {
+      withContext(scope.coroutineContext) {
+        hostState.showSnackbar(
+          message = options.message,
+          actionLabel = options.actionLabel,
+          withDismissAction = options.withDismissAction,
+          duration = duration
+        )
+      }
+    } catch (_: CancellationException) {
+      // The compose scope can be cancelled if the view is disposed before user dismisses the snackbar or performs the action.
+      // In that case, we treat it as if the snackbar was dismissed.
+      SnackbarResult.Dismissed
+    }
+    when (result) {
+      SnackbarResult.ActionPerformed -> "actionPerformed"
+      SnackbarResult.Dismissed -> "dismissed"
+    }
+  }
+
+  SnackbarHost(
+    hostState = hostState,
+    modifier = ModifierRegistry.applyModifiers(props.modifiers, appContext, composableScope, globalEventDispatcher)
+  ) { data ->
+    Snackbar(
+      snackbarData = data,
+      modifier = snackbarConfig?.let {
+        ModifierRegistry.applyModifiers(it.props.modifiers.value, appContext, composableScope, globalEventDispatcher)
+      } ?: androidx.compose.ui.Modifier,
+      actionOnNewLine = snackbarConfig?.props?.actionOnNewLine?.value ?: false,
+      containerColor = snackbarConfig?.props?.containerColor?.value.composeOrNull ?: SnackbarDefaults.color,
+      contentColor = snackbarConfig?.props?.contentColor?.value.composeOrNull ?: SnackbarDefaults.contentColor,
+      actionContentColor = snackbarConfig?.props?.actionContentColor?.value.composeOrNull
+        ?: SnackbarDefaults.actionContentColor,
+      dismissActionContentColor = snackbarConfig?.props?.dismissActionContentColor?.value.composeOrNull
+        ?: SnackbarDefaults.dismissActionContentColor
+    )
+  }
+}

package/android/src/main/java/expo/modules/ui/state/ObservableState.kt

@@ -11,11 +11,21 @@ import expo.modules.kotlin.sharedobjects.SharedObject
  */
 class ObservableState(initialValue: Any? = null) : SharedObject() {
   private val _state: MutableState<Any?> = mutableStateOf(initialValue)
+  internal var onChange: WorkletCallback? = null
+  private var isNotifying = false
 
   var value: Any?
     get() = _state.value
     set(v) {
       _state.value = v
+      // Skip re-invoking onChange if state.value was written from inside onChange.
+      if (isNotifying) return
+      isNotifying = true
+      try {
+        onChange?.invoke(v)
+      } finally {
+        isNotifying = false
+      }
     }
 
   @Suppress("UNCHECKED_CAST")

package/assets/keyboard_arrow_down.xml

@@ -0,0 +1,10 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="960"
+    android:viewportHeight="960"
+    android:tint="?attr/colorControlNormal">
+  <path
+      android:fillColor="@android:color/white"
+      android:pathData="M480,616L240,376L296,320L480,504L664,320L720,376L480,616Z"/>
+</vector>

package/build/State/useNativeState.d.ts

@@ -5,11 +5,40 @@ import { type SharedObject } from 'expo-modules-core';
  */
 export type ObservableState<T> = SharedObject & {
     /**
-     * The current value. Reads are safe from any thread; prefer writing from a worklet
-     * so the update runs on the native UI thread. Updating state from the JS thread
-     * might show a development warning.
+     * The current value.
+     *
+     * Writes from a UI worklet are synchronous and immediately readable. Writes
+     * from the JS thread are scheduled to the UI thread asynchronously, the new value is not readable until the update has been
+     * applied. Prefer writing from a worklet when you need synchronous updates
      */
     value: T;
+    /**
+     * A single listener invoked on the native UI runtime whenever the value changes
+     * (after iOS `didSet` and Android's setter). Assigning replaces the previous
+     * listener; assign `null` to clear. The initial value does not fire `onChange`.
+     *
+     * The callback must be a worklet so it can run synchronously on the UI thread.
+     * Attach it inside `useEffect` and clear it in the cleanup so the listener
+     * lifecycle matches the component lifecycle.
+     *
+     * @example
+     * ```tsx
+     * const state = useNativeState(0);
+     *
+     * useEffect(() => {
+     *   state.onChange = (value) => {
+     *     'worklet';
+     *     console.log('changed to', value);
+     *   };
+     *   return () => {
+     *     state.onChange = null;
+     *   };
+     * }, []);
+     * ```
+     */
+    onChange: {
+        listener(value: T): void;
+    }['listener'] | null;
 };
 /**
  * Creates an observable native state that is automatically cleaned up when the

package/build/State/useNativeState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeState.d.ts","sourceRoot":"","sources":["../../src/State/useNativeState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAA4B,MAAM,mBAAmB,CAAC;AAOhF;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,YAAY,GAAG;IAC9C;;;;OAIG;IACH,KAAK,EAAE,CAAC,CAAC;CACV,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAOrE"}
+{"version":3,"file":"useNativeState.d.ts","sourceRoot":"","sources":["../../src/State/useNativeState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAA4B,MAAM,mBAAmB,CAAC;AAOhF;;;GAGG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,YAAY,GAAG;IAC9C;;;;;;OAMG;IACH,KAAK,EAAE,CAAC,CAAC;IAET;;;;;;;;;;;;;;;;;;;;;;;OAuBG;IACH,QAAQ,EAAE;QAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;KAAE,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;CAC3D,CAAC;AAEF;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAQrE"}

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

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

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

@@ -0,0 +1,41 @@
+import { type ColorValue } from 'react-native';
+import type { ObservableState } from '../../State/useNativeState';
+import { type ModifierConfig } from '../../types';
+/**
+ * Common props shared by loading indicator variants.
+ */
+export type LoadingIndicatorCommonConfig = {
+    /**
+     * An observable state that holds the current progress value.
+     * Create one with `useNativeState(0)`. Omit for indeterminate loading.
+     */
+    progress?: ObservableState<number | null>;
+    /**
+     * Loading indicator color.
+     */
+    color?: ColorValue;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * A loading indicator that displays loading using morphing shapes.
+ *
+ * Matches the Jetpack Compose `LoadingIndicator`.
+ */
+export declare const LoadingIndicator: import("react").ComponentType<LoadingIndicatorCommonConfig>;
+export type ContainedLoadingIndicatorProps = LoadingIndicatorCommonConfig & {
+    /**
+     * Loading indicator's container color
+     */
+    containerColor?: ColorValue;
+};
+/**
+ * A loading indicator that displays loading using morphing shapes inside a container.
+ *
+ * Matches the Jetpack Compose `ContainedLoadingIndicator`.
+ */
+export declare const ContainedLoadingIndicator: import("react").ComponentType<ContainedLoadingIndicatorProps>;
+export { type ObservableState };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/LoadingIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAElE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD;;GAEG;AACH,MAAM,MAAM,4BAA4B,GAAG;IACzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAsCF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,6DAA0D,CAAC;AAMxF,MAAM,MAAM,8BAA8B,GAAG,4BAA4B,GAAG;IAC1E;;OAEG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;CAC7B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,yBAAyB,+DAC4D,CAAC;AAInG,OAAO,EAAE,KAAK,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,94 @@
+import { type Ref } from 'react';
+import { type ColorValue } from 'react-native';
+import { type ModifierConfig } from '../../types';
+export type SnackbarProps = {
+    /**
+     * The background color of the snackbar container.
+     */
+    containerColor?: ColorValue;
+    /**
+     * The preferred content color used for the message text.
+     */
+    contentColor?: ColorValue;
+    /**
+     * The content color used for the action button.
+     */
+    actionContentColor?: ColorValue;
+    /**
+     * The content color used for the dismiss-action icon button.
+     */
+    dismissActionContentColor?: ColorValue;
+    /**
+     * Whether the action should be placed on a new line below the message.
+     * Useful for long action labels.
+     * @default false
+     */
+    actionOnNewLine?: boolean;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+};
+/**
+ * Styling configuration for the snackbar shown by `SnackbarHost`. Pass as a
+ * child to override colors or place the action on a new line.
+ */
+export declare function Snackbar(props: SnackbarProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * How long the snackbar is shown. Mirrors Compose's `SnackbarDuration` enum.
+ */
+export type SnackbarDuration = 'short' | 'long' | 'indefinite';
+/**
+ * Reason a snackbar invocation resolved. Mirrors Compose's `SnackbarResult` enum.
+ */
+export type SnackbarResult = 'actionPerformed' | 'dismissed';
+export type SnackbarShowOptions = {
+    /**
+     * The message body of the snackbar.
+     */
+    message: string;
+    /**
+     * Label for the optional action button. When omitted, no action button is shown.
+     */
+    actionLabel?: string;
+    /**
+     * Whether to show a trailing close (X) icon button to dismiss the snackbar.
+     * @default false
+     */
+    withDismissAction?: boolean;
+    /**
+     * How long to show the snackbar. Defaults to `'short'` when an `actionLabel`
+     * is not provided, and `'indefinite'` when it is, matching Compose.
+     */
+    duration?: SnackbarDuration;
+};
+export type SnackbarHostRef = {
+    /**
+     * Shows a snackbar and resolves with `'actionPerformed'` when the user taps
+     * the action, or `'dismissed'` when it times out or the dismiss-action
+     * button is tapped. Subsequent calls queue and show after the current
+     * snackbar is dismissed.
+     */
+    showSnackbar: (options: SnackbarShowOptions) => Promise<SnackbarResult>;
+};
+export type SnackbarHostProps = {
+    /**
+     * Ref exposing the imperative `showSnackbar` method.
+     */
+    ref?: Ref<SnackbarHostRef>;
+    /**
+     * Modifiers for the component.
+     */
+    modifiers?: ModifierConfig[];
+    /**
+     * Optional `Snackbar` child supplying styling for shown snackbars. Mirrors
+     * Compose's `SnackbarHost(hostState) { data -> Snackbar(data, ...) }` lambda.
+     */
+    children?: React.ReactNode;
+};
+/**
+ * A Material 3 [SnackbarHost](https://developer.android.com/develop/ui/compose/components/snackbar)
+ * that displays snackbars triggered via its ref's `showSnackbar` method.
+ */
+export declare function SnackbarHost(props: SnackbarHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Snackbar/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,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,kBAAkB,CAAC,EAAE,UAAU,CAAC;IAChC;;OAEG;IACH,yBAAyB,CAAC,EAAE,UAAU,CAAC;IACvC;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B,CAAC;AAOF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAS5C;AAID;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;AAE/D;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG,WAAW,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;;;;OAKG;IACH,YAAY,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC;CACzE,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAOF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAUpD"}

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

@@ -33,6 +33,7 @@ export * from './ModalBottomSheet';
 export * from './Carousel';
 export { HorizontalPager, type HorizontalPagerHandle, type HorizontalPagerProps, } from './HorizontalPager';
 export * from './SearchBar';
+export * from './Snackbar';
 export * from './DockedSearchBar';
 export * from './HorizontalFloatingToolbar';
 export * from './FloatingActionButton';
@@ -41,6 +42,7 @@ export * from './RadioButton';
 export * from './Surface';
 export { type TextProps, Text } from './Text';
 export * from './Tooltip';
+export * from './LoadingIndicator';
 export * from './AnimatedVisibility';
 export * from './Box';
 export * from './Row';