@expo/ui 0.2.0-beta.0 → 0.2.0-beta.2

package/CHANGELOG.md

@@ -10,6 +10,16 @@
 
 ### 💡 Others
 
+## 0.2.0-beta.2 — 2025-09-12
+
+_This version does not introduce any user-facing changes._
+
+## 0.2.0-beta.1 — 2025-09-11
+
+### 🐛 Bug fixes
+
+- [iOS] Fix tvOS compilation. ([#39542](https://github.com/expo/expo/pull/39542) by [@douglowder](https://github.com/douglowder))
+
 ## 0.2.0-beta.0 — 2025-09-10
 
 ### 🎉 New features
@@ -73,6 +83,7 @@ _This version does not introduce any user-facing changes._
 
 - [Android] Add compose modifier support. ([#38630](https://github.com/expo/expo/pull/38630) by [@aleqsio](https://github.com/aleqsio))
 - [iOS] Add `glassEffect` modifier. ([#38876](https://github.com/expo/expo/pull/38876) by [@nishan](https://github.com/intergalacticspacehighway))
+- [Android] Add Chip component for Android. ([#39094](https://github.com/expo/expo/pull/39094) by [@hryhoriiK97](https://github.com/hryhoriiK97))
 
 ## 0.2.0-alpha.0 — 2025-08-13
 

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 = '0.2.0-beta.0'
+version = '0.2.0-beta.2'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "0.2.0-beta.0"
+    versionName "0.2.0-beta.2"
   }
   buildFeatures {
     compose true

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

@@ -0,0 +1,186 @@
+package expo.modules.ui
+
+import android.content.Context
+import androidx.compose.foundation.layout.*
+import androidx.compose.material3.*
+import androidx.compose.runtime.*
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.unit.dp
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.records.Record
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ComposeProps
+import expo.modules.kotlin.views.ExpoComposeView
+import java.io.Serializable
+
+open class ChipPressedEvent : Record, Serializable
+
+data class ChipProps(
+  val variant: MutableState<String> = mutableStateOf("assist"),
+  val label: MutableState<String> = mutableStateOf(""),
+  val leadingIcon: MutableState<String?> = mutableStateOf(null),
+  val trailingIcon: MutableState<String?> = mutableStateOf(null),
+  val iconSize: MutableState<Int> = mutableIntStateOf(18),
+  val textStyle: MutableState<String> = mutableStateOf("labelSmall"),
+  val enabled: MutableState<Boolean> = mutableStateOf(true),
+  val selected: MutableState<Boolean> = mutableStateOf(false)
+) : ComposeProps
+
+class ChipView(context: Context, appContext: AppContext) :
+  ExpoComposeView<ChipProps>(context, appContext, withHostingView = true) {
+
+  override val props = ChipProps()
+
+  private val onPress by EventDispatcher<ChipPressedEvent>()
+  private val onDismiss by EventDispatcher<ChipPressedEvent>()
+
+  @OptIn(ExperimentalMaterial3Api::class)
+  @Composable
+  override fun Content(modifier: Modifier) {
+    val variant by props.variant
+    val label by props.label
+    val leadingIcon by props.leadingIcon
+    val trailingIcon by props.trailingIcon
+    val iconSize by props.iconSize
+    val textStyle by props.textStyle
+    val enabled by props.enabled
+    val selected by props.selected
+
+    val chipModifier = modifier
+      .padding(4.dp)
+      .wrapContentSize(Alignment.Center)
+
+    @Composable
+    fun AssistChipComposable() {
+      AssistChip(
+        onClick = { onPress.invoke(ChipPressedEvent()) },
+        label = { ChipText(label = label, textStyle = textStyle) },
+        leadingIcon = {
+          leadingIcon?.let {
+            ChipIcon(iconName = it, iconSize = iconSize)
+          }
+        },
+        trailingIcon = {
+          trailingIcon?.let {
+            ChipIcon(iconName = it, iconSize = iconSize)
+          }
+        },
+        enabled = enabled,
+        colors = AssistChipDefaults.assistChipColors(),
+        border = AssistChipDefaults.assistChipBorder(enabled = enabled),
+        modifier = chipModifier
+      )
+    }
+
+    @Composable
+    fun FilterChipComposable() {
+      FilterChip(
+        onClick = { onPress.invoke(ChipPressedEvent()) },
+        label = { ChipText(label = label, textStyle = textStyle) },
+        selected = selected,
+        leadingIcon = if (selected) {
+          {
+            ChipIcon(iconName = "filled.Done", iconSize = iconSize)
+          }
+        } else null,
+        trailingIcon = {
+          trailingIcon?.let {
+            ChipIcon(iconName = it, iconSize = iconSize)
+          }
+        },
+        enabled = enabled,
+        colors = FilterChipDefaults.filterChipColors(),
+        border = FilterChipDefaults.filterChipBorder(enabled = enabled, selected = selected),
+        modifier = chipModifier
+      )
+    }
+
+    @Composable
+    fun InputChipComposable() {
+      if (!enabled) return
+      InputChip(
+        onClick = { onDismiss.invoke(ChipPressedEvent()) },
+        label = { ChipText(label = label, textStyle = textStyle) },
+        enabled = enabled,
+        selected = selected,
+        avatar = {
+          leadingIcon?.let {
+            ChipIcon(iconName = it, iconSize = iconSize)
+          }
+        },
+        trailingIcon = {
+          ChipIcon(
+            iconName = trailingIcon ?: "filled.Close",
+            iconSize = iconSize
+          )
+        },
+        modifier = chipModifier
+      )
+    }
+
+    @Composable
+    fun SuggestionChipComposable() {
+      SuggestionChip(
+        onClick = { onPress.invoke(ChipPressedEvent()) },
+        label = { ChipText(label = label, textStyle = textStyle) },
+        icon = {
+          leadingIcon?.let {
+            ChipIcon(iconName = it, iconSize = iconSize)
+          }
+        },
+        modifier = chipModifier
+      )
+    }
+
+    when (variant.lowercase()) {
+      "assist" -> AssistChipComposable()
+      "filter" -> FilterChipComposable()
+      "input" -> InputChipComposable()
+      "suggestion" -> SuggestionChipComposable()
+      else -> AssistChipComposable()
+    }
+  }
+}
+
+@Composable
+private fun ChipText(label: String, textStyle: String = "labelSmall") {
+  Box(
+    contentAlignment = Alignment.Center,
+    modifier = Modifier.fillMaxSize()
+  ) {
+    Text(
+      text = label,
+      style = when (textStyle) {
+        "labelSmall" -> MaterialTheme.typography.labelSmall
+        "labelMedium" -> MaterialTheme.typography.labelMedium
+        "labelLarge" -> MaterialTheme.typography.labelLarge
+        "bodySmall" -> MaterialTheme.typography.bodySmall
+        "bodyMedium" -> MaterialTheme.typography.bodyMedium
+        "bodyLarge" -> MaterialTheme.typography.bodyLarge
+        else -> MaterialTheme.typography.labelSmall
+      },
+      textAlign = TextAlign.Center
+    )
+  }
+}
+@Composable
+private fun ChipIcon(
+  iconName: String,
+  iconSize: Int = 18,
+  tint: Color = MaterialTheme.colorScheme.primary,
+  modifier: Modifier = Modifier
+) {
+  getImageVector(iconName)?.let { imageVector ->
+    Icon(
+      imageVector = imageVector,
+      contentDescription = iconName,
+      tint = tint,
+      modifier = modifier
+        .size(iconSize.dp)
+        .padding(end = 4.dp)
+    )
+  }
+}

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

@@ -97,6 +97,13 @@ class ExpoUIModule : Module() {
       )
     }
 
+    View(ChipView::class) {
+      Events(
+        "onPress",
+        "onDismiss"
+      )
+    }
+
     Function("padding") { all: Int ->
       return@Function ExpoModifier(Modifier.padding(Dp(all.toFloat())))
     }

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

@@ -0,0 +1,62 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { ExpoModifier } from '../../types';
+/**
+ * Available text style variants for chip labels.
+ */
+export type ChipTextStyle = 'labelSmall' | 'labelMedium' | 'labelLarge' | 'bodySmall' | 'bodyMedium' | 'bodyLarge';
+export interface ChipProps extends ViewProps {
+    /**
+     * The variant of the chip
+     */
+    variant?: 'assist' | 'filter' | 'input' | 'suggestion';
+    /**
+     * The text label to display on the chip
+     */
+    label: string;
+    /**
+     * Optional leading icon name (using Material Icons). Used for assist, filter, input (avatar icon), and suggestion chips.
+     */
+    leadingIcon?: string;
+    /**
+     * Optional trailing icon name (using Material Icons). Used for assist, filter, and input chips. For input chips, defaults to 'filled.Close' if not specified.
+     */
+    trailingIcon?: string;
+    /**
+     * Size of the icon in density-independent pixels (dp). Defaults to 18.
+     */
+    iconSize?: number;
+    /**
+     * Text style variant for the chip label. Defaults to 'labelSmall'.
+     */
+    textStyle?: ChipTextStyle;
+    /**
+     * Whether the chip is enabled and can be clicked. Used for assist, filter and input chips.
+     */
+    enabled?: boolean;
+    /**
+     * Whether the chip is selected. Used only for filter chips.
+     */
+    selected?: boolean;
+    /**
+     * Modifiers for the component
+     */
+    modifiers?: ExpoModifier[];
+    /**
+     * Callback fired when the chip is clicked. Used for assist and filter chips.
+     */
+    onPress?: () => void;
+    /**
+     * Callback fired when the chip is dismissed. Only used for input chips.
+     */
+    onDismiss?: () => void;
+}
+/**
+ * @hidden
+ */
+export declare function transformChipProps(props: ChipProps): ChipProps;
+/**
+ * Displays a native chip component.
+ */
+export declare function Chip(props: ChipProps): React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/jetpack-compose/Chip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C;;GAEG;AACH,MAAM,MAAM,aAAa,GACrB,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,CAAC;AAEhB,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,CAAC;IAEvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAKD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,CAO9D;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQxD"}

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

@@ -1,4 +1,5 @@
 export * from './AlertDialog';
+export * from './Chip';
 export * from './Button';
 export * from './ContextMenu';
 export * from './DatePicker';

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,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jetpack-compose/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/expo-module.config.json

@@ -9,7 +9,7 @@
     "publication": {
       "groupId": "expo.modules.ui",
       "artifactId": "expo.modules.ui",
-      "version": "0.2.0-beta.0",
+      "version": "0.2.0-beta.2",
       "repository": "local-maven-repo"
     }
   }

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -180,7 +180,7 @@ internal struct ForegroundStyleModifier: ViewModifier, Record {
       case .quaternary:
         content.foregroundStyle(.quaternary)
       case .quinary:
-        if #available(iOS 16.0, *) {
+        if #available(iOS 16.0, tvOS 17.0, *) {
           content.foregroundStyle(.quinary)
         } else {
           content.foregroundStyle(.quaternary)

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2-sources.jar.md5

@@ -0,0 +1 @@
+85f85abe12b0ab2ecef0554a122d9400

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2-sources.jar.sha1

@@ -0,0 +1 @@
+24aa4b775d293e67addeb4ca62506468ec2d04f8

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2-sources.jar.sha256

@@ -0,0 +1 @@
+52f56d8ce78bb4f30f6249844a2c3093b054ef1b2f5ea6ea7d5a12b454f5526b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2-sources.jar.sha512

@@ -0,0 +1 @@
+7e22d3be8ddd94a0c7a34138f5a59434434110c209a1c67c7875b22adacaeae116e0fcd0713ed8c9a85a11626c2bd585aacb09037377946ce5a48f4e3304a9fa

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.aar.md5

@@ -0,0 +1 @@
+511552fcc9064c335d40f2724d42ca5e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.aar.sha1

@@ -0,0 +1 @@
+22688f17e9f523d3382da309e7d7c5360c28cb6b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.aar.sha256

@@ -0,0 +1 @@
+7000d36858d8ab31a4505a0c19f9266e4e7e98b7a2fb17b5de6eff8d2a9556bc

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.aar.sha512

@@ -0,0 +1 @@
+04d36cf0b0c9f7014ce6d036652d34ef3761bb62ba8170fdbfa780d131a47fecb223b4286916dc2275ce3ac6eb3481c4500550ae9239f8d1dd68c084ea128d1e

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.module → 0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "0.2.0-beta.0",
+    "version": "0.2.0-beta.2",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.0.aar",
-          "url": "expo.modules.ui-0.2.0-beta.0.aar",
-          "size": 291011,
-          "sha512": "6c96517eed68d10b3cfecfe24c26bc2831a2d97698031384d3dc4476522c24dfa33b959ba334f1f0e270a8daf5e9ab4e853f3c65dd19e2980104a497487217f6",
-          "sha256": "58ef0ec293f9b85991b304342c43ce649f2d584533688852d9a1d478cf62686f",
-          "sha1": "36d879db9ac35ea3a9ebbd51217ccb375ec59311",
-          "md5": "7af71bb5bcbff7e9f188026f342b300b"
+          "name": "expo.modules.ui-0.2.0-beta.2.aar",
+          "url": "expo.modules.ui-0.2.0-beta.2.aar",
+          "size": 324202,
+          "sha512": "04d36cf0b0c9f7014ce6d036652d34ef3761bb62ba8170fdbfa780d131a47fecb223b4286916dc2275ce3ac6eb3481c4500550ae9239f8d1dd68c084ea128d1e",
+          "sha256": "7000d36858d8ab31a4505a0c19f9266e4e7e98b7a2fb17b5de6eff8d2a9556bc",
+          "sha1": "22688f17e9f523d3382da309e7d7c5360c28cb6b",
+          "md5": "511552fcc9064c335d40f2724d42ca5e"
         }
       ]
     },
@@ -102,13 +102,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.0.aar",
-          "url": "expo.modules.ui-0.2.0-beta.0.aar",
-          "size": 291011,
-          "sha512": "6c96517eed68d10b3cfecfe24c26bc2831a2d97698031384d3dc4476522c24dfa33b959ba334f1f0e270a8daf5e9ab4e853f3c65dd19e2980104a497487217f6",
-          "sha256": "58ef0ec293f9b85991b304342c43ce649f2d584533688852d9a1d478cf62686f",
-          "sha1": "36d879db9ac35ea3a9ebbd51217ccb375ec59311",
-          "md5": "7af71bb5bcbff7e9f188026f342b300b"
+          "name": "expo.modules.ui-0.2.0-beta.2.aar",
+          "url": "expo.modules.ui-0.2.0-beta.2.aar",
+          "size": 324202,
+          "sha512": "04d36cf0b0c9f7014ce6d036652d34ef3761bb62ba8170fdbfa780d131a47fecb223b4286916dc2275ce3ac6eb3481c4500550ae9239f8d1dd68c084ea128d1e",
+          "sha256": "7000d36858d8ab31a4505a0c19f9266e4e7e98b7a2fb17b5de6eff8d2a9556bc",
+          "sha1": "22688f17e9f523d3382da309e7d7c5360c28cb6b",
+          "md5": "511552fcc9064c335d40f2724d42ca5e"
         }
       ]
     },
@@ -122,13 +122,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.0-sources.jar",
-          "url": "expo.modules.ui-0.2.0-beta.0-sources.jar",
-          "size": 18894,
-          "sha512": "b6fd029855da3e7ceb97e20cf9dbcbf73f0b81342a24eb9e1988d7d05734fb038080702280129e643d1acab4b1ca0d9d2147d54f64906f6824659640bcc12b46",
-          "sha256": "ab99988e09f8bda506deaa7eded3b45bfa56f444c6f55c78d7814cfb6c40918b",
-          "sha1": "205cb5aac195bc0632e0fe3d9b0842734ffc8c96",
-          "md5": "74326687662c24724b38c2a64454fc7d"
+          "name": "expo.modules.ui-0.2.0-beta.2-sources.jar",
+          "url": "expo.modules.ui-0.2.0-beta.2-sources.jar",
+          "size": 20394,
+          "sha512": "7e22d3be8ddd94a0c7a34138f5a59434434110c209a1c67c7875b22adacaeae116e0fcd0713ed8c9a85a11626c2bd585aacb09037377946ce5a48f4e3304a9fa",
+          "sha256": "52f56d8ce78bb4f30f6249844a2c3093b054ef1b2f5ea6ea7d5a12b454f5526b",
+          "sha1": "24aa4b775d293e67addeb4ca62506468ec2d04f8",
+          "md5": "85f85abe12b0ab2ecef0554a122d9400"
         }
       ]
     }

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.module.md5

@@ -0,0 +1 @@
+3f9a9d035d2367a31e965c4ebf5b605c

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.module.sha1

@@ -0,0 +1 @@
+644261077073c451f6e464c72829c7e6fafbf8ef

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.module.sha256

@@ -0,0 +1 @@
+a7c73b3e239dda977c76920f6f0533321d90b03e013a5015b941f2c19fef1a71

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.module.sha512

@@ -0,0 +1 @@
+597270376cb075bac137d73242675a4718e169a11f5b20e81cab5fa83148af188bd1fae0c2954b1a8b4157a311377b7449c4ac9171b518d4349917efc96934dd

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.pom → 0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>0.2.0-beta.0</version>
+  <version>0.2.0-beta.2</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/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.pom.md5

@@ -0,0 +1 @@
+92ea4c0165d3c06a52f0026f51cb5892

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.pom.sha1

@@ -0,0 +1 @@
+4c492136ff1cdd26a6017bfb68e6276092a2c31b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.pom.sha256

@@ -0,0 +1 @@
+b54a134b9359a65090dd503b1502593be242e39c4edad9addfba2ba10fdf22f4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.2/expo.modules.ui-0.2.0-beta.2.pom.sha512

@@ -0,0 +1 @@
+9503271bae88dd7a4d6a5efdb86f788a01682b315787a5a8036d04954917ea8383ba8e6267fb8c482707c0394ef79cd91a2b32ceadc065ecb13b5641426ccb5a

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>0.2.0-beta.0</latest>
-    <release>0.2.0-beta.0</release>
+    <latest>0.2.0-beta.2</latest>
+    <release>0.2.0-beta.2</release>
     <versions>
-      <version>0.2.0-beta.0</version>
+      <version>0.2.0-beta.2</version>
     </versions>
-    <lastUpdated>20250910183907</lastUpdated>
+    <lastUpdated>20250912154226</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-dbf3205149ca30c6a46668d9691f009b
+6a21e746c6c56a1cef3435ba7596affb

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

@@ -1 +1 @@
-d501989b8a9de5c4b65ece81effa74f17ce4f203
+83341d9931696e20604c02f7f8bc2ff8919b51cc

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

@@ -1 +1 @@
-c15378d73f02ff83387ad8d1f3e6bb8e49f9ceef68a59d4b6aad8d8167022d9c
+52ff813bf5c181d9617584d12d0b35f6f7812c0c080b06688b0dfc3fe4780ee4

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

@@ -1 +1 @@
-cad5ce054bcf736c04e22ea4541453c5f57d94957538fad7d57e53643a89ce2138dbf7ca3e1ea2dcc664c018c7576463b72abdce354c9048367fb06ac27248e2
+9026fb57dcf2fb748700bc260f54a011e44c1d9dea1cb48898f408c3ee9256c9789cfdfb1005af55b9eb5968ad92f9344e21a3bbc24d5ec01ee2e2fba2aaf997

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "0.2.0-beta.0",
+  "version": "0.2.0-beta.2",
   "description": "A collection of UI components",
   "sideEffects": false,
   "exports": {
@@ -56,5 +56,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "87186d10c8239c6469e055417e67bd4d0ed63efb"
+  "gitHead": "33f49d0f802b101fd61ac0eedcb1ce35b0adde51"
 }

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

@@ -0,0 +1,101 @@
+import { requireNativeView } from 'expo';
+import React from 'react';
+import { StyleSheet, ViewProps } from 'react-native';
+
+import { ExpoModifier } from '../../types';
+
+/**
+ * Available text style variants for chip labels.
+ */
+export type ChipTextStyle =
+  | 'labelSmall'
+  | 'labelMedium'
+  | 'labelLarge'
+  | 'bodySmall'
+  | 'bodyMedium'
+  | 'bodyLarge';
+
+export interface ChipProps extends ViewProps {
+  /**
+   * The variant of the chip
+   */
+  variant?: 'assist' | 'filter' | 'input' | 'suggestion';
+
+  /**
+   * The text label to display on the chip
+   */
+  label: string;
+
+  /**
+   * Optional leading icon name (using Material Icons). Used for assist, filter, input (avatar icon), and suggestion chips.
+   */
+  leadingIcon?: string;
+
+  /**
+   * Optional trailing icon name (using Material Icons). Used for assist, filter, and input chips. For input chips, defaults to 'filled.Close' if not specified.
+   */
+  trailingIcon?: string;
+
+  /**
+   * Size of the icon in density-independent pixels (dp). Defaults to 18.
+   */
+  iconSize?: number;
+
+  /**
+   * Text style variant for the chip label. Defaults to 'labelSmall'.
+   */
+  textStyle?: ChipTextStyle;
+
+  /**
+   * Whether the chip is enabled and can be clicked. Used for assist, filter and input chips.
+   */
+  enabled?: boolean;
+
+  /**
+   * Whether the chip is selected. Used only for filter chips.
+   */
+  selected?: boolean;
+
+  /**
+   * Modifiers for the component
+   */
+  modifiers?: ExpoModifier[];
+
+  /**
+   * Callback fired when the chip is clicked. Used for assist and filter chips.
+   */
+  onPress?: () => void;
+
+  /**
+   * Callback fired when the chip is dismissed. Only used for input chips.
+   */
+  onDismiss?: () => void;
+}
+
+// Native component declaration using the same pattern as Button
+const ChipNativeView: React.ComponentType<ChipProps> = requireNativeView('ExpoUI', 'ChipView');
+
+/**
+ * @hidden
+ */
+export function transformChipProps(props: ChipProps): ChipProps {
+  const { modifiers, ...restProps } = props;
+  return {
+    ...restProps,
+    // @ts-expect-error
+    modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),
+  };
+}
+
+/**
+ * Displays a native chip component.
+ */
+export function Chip(props: ChipProps): React.JSX.Element {
+  // Min height from https://m3.material.io/components/chips/specs, minWidth
+  return (
+    <ChipNativeView
+      {...transformChipProps(props)}
+      style={StyleSheet.compose({ minWidth: 100, height: 32 }, props.style)}
+    />
+  );
+}

package/src/jetpack-compose/index.ts

@@ -1,4 +1,5 @@
 export * from './AlertDialog';
+export * from './Chip';
 export * from './Button';
 export * from './ContextMenu';
 export * from './DatePicker';

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0-sources.jar.md5

@@ -1 +0,0 @@
-74326687662c24724b38c2a64454fc7d

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0-sources.jar.sha1

@@ -1 +0,0 @@
-205cb5aac195bc0632e0fe3d9b0842734ffc8c96

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0-sources.jar.sha256

@@ -1 +0,0 @@
-ab99988e09f8bda506deaa7eded3b45bfa56f444c6f55c78d7814cfb6c40918b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0-sources.jar.sha512

@@ -1 +0,0 @@
-b6fd029855da3e7ceb97e20cf9dbcbf73f0b81342a24eb9e1988d7d05734fb038080702280129e643d1acab4b1ca0d9d2147d54f64906f6824659640bcc12b46

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.aar.md5

@@ -1 +0,0 @@
-7af71bb5bcbff7e9f188026f342b300b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.aar.sha1

@@ -1 +0,0 @@
-36d879db9ac35ea3a9ebbd51217ccb375ec59311

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.aar.sha256

@@ -1 +0,0 @@
-58ef0ec293f9b85991b304342c43ce649f2d584533688852d9a1d478cf62686f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.aar.sha512

@@ -1 +0,0 @@
-6c96517eed68d10b3cfecfe24c26bc2831a2d97698031384d3dc4476522c24dfa33b959ba334f1f0e270a8daf5e9ab4e853f3c65dd19e2980104a497487217f6

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.module.md5

@@ -1 +0,0 @@
-fcff4bb7c37a1b1ca4309a66e494d021

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.module.sha1

@@ -1 +0,0 @@
-cfc0c8c425f99d82a84baeb15635e42d858ad8da

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.module.sha256

@@ -1 +0,0 @@
-5d3185389a12aaaf816139b7fc828fe7a2091aa8327105ddf68d6755421f92ca

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.module.sha512

@@ -1 +0,0 @@
-7a47fecf74767a09ddf626951308f2b11b8ee7e92463f824fc65f10684c186edee5cf6d8f214863234cb329cc0870cdb2f3411d3d14bcd945dfe3bd7d775e2e4

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.pom.md5

@@ -1 +0,0 @@
-5894db93bc34a98ae780df3cfe4b2534

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.pom.sha1

@@ -1 +0,0 @@
-0570918fef3c297de4e1d8975afd0ef849bedee1

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.pom.sha256

@@ -1 +0,0 @@
-56e36ab4ccc46af602f0a076fbb3d89e4bdefde72e4199b3d584d1f1da781580

package/local-maven-repo/expo/modules/ui/expo.modules.ui/0.2.0-beta.0/expo.modules.ui-0.2.0-beta.0.pom.sha512

@@ -1 +0,0 @@
-f6ede85483da148e5c17c467162570a2ac8308325390be56e811502f213a26f036c68e862caa927b3938c3ddcfb2694924cbc85150da42e950612cedee6efbe0