@expo/ui 55.0.13 → 55.0.15

package/CHANGELOG.md

@@ -10,6 +10,16 @@
 
 ### 💡 Others
 
+## 55.0.15 — 2026-05-05
+
+_This version does not introduce any user-facing changes._
+
+## 55.0.14 — 2026-05-04
+
+### 🎉 New features
+
+- Added `@expo/ui/community/segmented-control` — a drop-in replacement for `@react-native-segmented-control/segmented-control`. ([#44611](https://github.com/expo/expo/pull/44611) by [@vonovak](https://github.com/vonovak))
+
 ## 55.0.13 — 2026-05-01
 
 _This version does not introduce any user-facing changes._

package/android/build.gradle

@@ -12,13 +12,13 @@ apply plugin: 'expo-module-gradle-plugin'
 apply plugin: 'org.jetbrains.kotlin.plugin.compose'
 
 group = 'expo.modules.ui'
-version = '55.0.13'
+version = '55.0.15'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "55.0.13"
+    versionName "55.0.15"
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
   buildFeatures {

package/build/community/segmented-control/SegmentedControl.android.d.ts

@@ -0,0 +1,3 @@
+import { type SegmentedControlProps } from './types';
+export declare function SegmentedControl(props: SegmentedControlProps): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedControl.android.d.ts.map

package/build/community/segmented-control/SegmentedControl.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.android.d.ts","sourceRoot":"","sources":["../../../src/community/segmented-control/SegmentedControl.android.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQvE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BAsC5D"}

package/build/community/segmented-control/SegmentedControl.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Web/default implementation of SegmentedControl.
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+export { SegmentedControl } from './vendor/SegmentedControl';
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/build/community/segmented-control/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/community/segmented-control/SegmentedControl.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC"}

package/build/community/segmented-control/SegmentedControl.ios.d.ts

@@ -0,0 +1,3 @@
+import { type SegmentedControlProps } from './types';
+export declare function SegmentedControl(props: SegmentedControlProps): import("react").JSX.Element;
+//# sourceMappingURL=SegmentedControl.ios.d.ts.map

package/build/community/segmented-control/SegmentedControl.ios.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.ios.d.ts","sourceRoot":"","sources":["../../../src/community/segmented-control/SegmentedControl.ios.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAUvE,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,+BA0C5D"}

package/build/community/segmented-control/index.d.ts

@@ -0,0 +1,5 @@
+import { SegmentedControl } from './SegmentedControl';
+export { type NativeSegmentedControlIOSChangeEvent, type NativeSegmentedControlChangeEvent, type SegmentedControlProps, } from './types';
+export default SegmentedControl;
+export { SegmentedControl };
+//# sourceMappingURL=index.d.ts.map

package/build/community/segmented-control/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/community/segmented-control/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EACL,KAAK,oCAAoC,EACzC,KAAK,iCAAiC,EACtC,KAAK,qBAAqB,GAC3B,MAAM,SAAS,CAAC;AAEjB,eAAe,gBAAgB,CAAC;AAEhC,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/build/community/segmented-control/types.d.ts

@@ -0,0 +1,57 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Shape of the native event passed to `onChange`.
+ * Matches `@react-native-segmented-control/segmented-control`.
+ */
+export type NativeSegmentedControlChangeEvent = {
+    nativeEvent: {
+        selectedSegmentIndex: number;
+        value: string;
+    };
+};
+/**
+ * Shape of the native event passed to `onChange`.
+ * Matches `@react-native-segmented-control/segmented-control`.
+ * @deprecated use NativeSegmentedControlChangeEvent
+ */
+export type NativeSegmentedControlIOSChangeEvent = NativeSegmentedControlChangeEvent;
+export type SegmentedControlProps = {
+    /**
+     * The labels for the control's segment buttons, in order.
+     */
+    values?: string[];
+    /**
+     * The index of the selected segment.
+     */
+    selectedIndex?: number;
+    /**
+     * If `false`, the user cannot interact with the control.
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Called when the user taps a segment.
+     * The event carries `nativeEvent.selectedSegmentIndex` and `nativeEvent.value`.
+     */
+    onChange?: (event: NativeSegmentedControlChangeEvent) => void;
+    /**
+     * Called when the user taps a segment. Receives the segment's string value.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Accent color of the control.
+     * @platform android, web
+     */
+    tintColor?: string;
+    /**
+     * Overrides the control's appearance irrespective of the system theme.
+     */
+    appearance?: 'dark' | 'light';
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+};
+/**
+ * Builds a synthetic `onChange` event matching the community library shape.
+ */
+export declare function buildChangeEvent(index: number, value: string): NativeSegmentedControlChangeEvent;
+//# sourceMappingURL=types.d.ts.map

package/build/community/segmented-control/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/community/segmented-control/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;GAGG;AACH,MAAM,MAAM,iCAAiC,GAAG;IAC9C,WAAW,EAAE;QACX,oBAAoB,EAAE,MAAM,CAAC;QAC7B,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,oCAAoC,GAAG,iCAAiC,CAAC;AAErF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAC9D;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,iCAAiC,CAOhG"}

package/build/community/segmented-control/vendor/SegmentedControl.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Web/default implementation of SegmentedControl.
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+import * as React from 'react';
+import { type SegmentedControlProps } from '../types';
+export declare function SegmentedControl({ style, onChange, onValueChange, enabled, selectedIndex, values, tintColor, appearance, }: SegmentedControlProps): React.JSX.Element;
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/build/community/segmented-control/vendor/SegmentedControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../../src/community/segmented-control/vendor/SegmentedControl.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAExE,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,aAAa,EACb,OAAc,EACd,aAAa,EACb,MAAM,EACN,SAAS,EACT,UAAU,GACX,EAAE,qBAAqB,qBAmFvB"}

package/build/community/segmented-control/vendor/SegmentedControlTab.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+import * as React from 'react';
+export declare function SegmentedControlTab({ onSelect, value, enabled, selected, tintColor, appearance, accessibilityHint, }: {
+    value: string;
+    tintColor?: string;
+    onSelect: () => void;
+    selected: boolean;
+    enabled: boolean;
+    appearance?: 'dark' | 'light' | null;
+    accessibilityHint?: string;
+}): React.JSX.Element;
+//# sourceMappingURL=SegmentedControlTab.d.ts.map

package/build/community/segmented-control/vendor/SegmentedControlTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlTab.d.ts","sourceRoot":"","sources":["../../../../src/community/segmented-control/vendor/SegmentedControlTab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,OAAO,EACP,QAAQ,EACR,SAAS,EACT,UAAU,EACV,iBAAiB,GAClB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,qBAkCA"}

package/build/community/segmented-control/vendor/SegmentsSeparators.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+import * as React from 'react';
+export declare function SegmentsSeparators({ values, selectedIndex, }: {
+    values: number;
+    selectedIndex?: number;
+}): React.JSX.Element;
+//# sourceMappingURL=SegmentsSeparators.d.ts.map

package/build/community/segmented-control/vendor/SegmentsSeparators.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentsSeparators.d.ts","sourceRoot":"","sources":["../../../../src/community/segmented-control/vendor/SegmentsSeparators.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,aAAa,GACd,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,qBAoBA"}

package/expo-module.config.json

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

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.13/expo.modules.ui-55.0.13.module → 55.0.15/expo.modules.ui-55.0.15.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "55.0.13",
+    "version": "55.0.15",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.13.aar",
-          "url": "expo.modules.ui-55.0.13.aar",
+          "name": "expo.modules.ui-55.0.15.aar",
+          "url": "expo.modules.ui-55.0.15.aar",
           "size": 1078328,
           "sha512": "808b352ca5908016e70ca2686f59300b6bb10e1ccaf90bc89c7b13cf7f635ada21a2200a5bb32bb7739be25571f48242224e422d099c21e1d784265013ce1294",
           "sha256": "3f5ed3a5af84ec2ad3f936f28e0be63971ebd17006aac943818fcdbed5e6f659",
@@ -120,8 +120,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-55.0.13.aar",
-          "url": "expo.modules.ui-55.0.13.aar",
+          "name": "expo.modules.ui-55.0.15.aar",
+          "url": "expo.modules.ui-55.0.15.aar",
           "size": 1078328,
           "sha512": "808b352ca5908016e70ca2686f59300b6bb10e1ccaf90bc89c7b13cf7f635ada21a2200a5bb32bb7739be25571f48242224e422d099c21e1d784265013ce1294",
           "sha256": "3f5ed3a5af84ec2ad3f936f28e0be63971ebd17006aac943818fcdbed5e6f659",
@@ -140,8 +140,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.13-sources.jar",
-          "url": "expo.modules.ui-55.0.13-sources.jar",
+          "name": "expo.modules.ui-55.0.15-sources.jar",
+          "url": "expo.modules.ui-55.0.15-sources.jar",
           "size": 68147,
           "sha512": "08d65b836394cc88f152cfb2a1ee79ae229155b54ab069dac6a7bfe4cabd8a30b09428b5261025453b3289aa6b1d4aeffca52365e74aefb4af9ade252a1c80a9",
           "sha256": "70de253a9147c6ff1cf1874e6cdb587183aaabcbe10631ab4051f0ad254c54d5",

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

@@ -0,0 +1 @@
+7b42d7148d63551fa4adcba4e4b9a1d7

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

@@ -0,0 +1 @@
+f13a0b3c2098f961965f16c76d636b528a37eee9

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

@@ -0,0 +1 @@
+8eb3d429fc798ee721f3227cca33350641d286cc23aec6b6abe34e25236e50a3

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

@@ -0,0 +1 @@
+e741639c8ff4399e2604395f72920379cd4255564a9a0b5a840d99d8bd4ac9594eb01e1850ee981eb887ee97b572310c12f55e80dd0cdb3f6a66d0170d5e80a3

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.13/expo.modules.ui-55.0.13.pom → 55.0.15/expo.modules.ui-55.0.15.pom}

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>55.0.13</version>
+  <version>55.0.15</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.15/expo.modules.ui-55.0.15.pom.md5

@@ -0,0 +1 @@
+c58815a2fd5ffcfa0696913e8421e339

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

@@ -0,0 +1 @@
+db0631961294976091e026783721eca40cce9ed2

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

@@ -0,0 +1 @@
+4b54ea5f1228e92dcf1b20a63e69c6c78a58aceed54cd86df2301e86fd84ebaa

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

@@ -0,0 +1 @@
+2657989a6d61f15514c0111055a5eb9dd2dc7874b6a71a9ee4d7e29c45fb45adafad425f19b4f646e0c77b25d91953593d3d1b6a09a8588dcafdc88ed2294409

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.13</latest>
-    <release>55.0.13</release>
+    <latest>55.0.15</latest>
+    <release>55.0.15</release>
     <versions>
-      <version>55.0.13</version>
+      <version>55.0.15</version>
     </versions>
-    <lastUpdated>20260501091810</lastUpdated>
+    <lastUpdated>20260505155706</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-8b6d67763041de480b8b49818c881b2d
+3f5b17fe36d44e4ecd9dc53589913b61

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

@@ -1 +1 @@
-5b29a81b821cc9eef3b24beb579a0bc4c57268e1
+677cc80196013e2f26758a4c1bf4bcdc26a5b3c8

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

@@ -1 +1 @@
-7301f41989b3c132fa0da4544e9f477ec0c51edb5f757e19f41cc53b2ef5b311
+c445d64301496b468e6d2cd4d99591e0b56a51696bc86cfebd473080f3fb3450

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

@@ -1 +1 @@
-a4ae0e05954d8497b0e3a4fdd65d2902b54ab60e7694f9d0ac9bc8f9d0c4875d9b500e0cf0445d8c6b3e1dfa6919f417c41e809999b175230477443eb6dda802
+7dabae512c00893fb3f35a963ccf81797c1ed29e18915d4c68f2f98c79ff7977876672bab2963e52f14fedef2a3d8ce8eb50ba54f02742f2c633c6781a83b0c9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "55.0.13",
+  "version": "55.0.15",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -26,6 +26,10 @@
     "./datetimepicker": {
       "types": "./build/datetime-picker/index.d.ts",
       "default": "./src/datetime-picker/index.tsx"
+    },
+    "./community/segmented-control": {
+      "types": "./build/community/segmented-control/index.d.ts",
+      "default": "./src/community/segmented-control/index.tsx"
     }
   },
   "scripts": {
@@ -67,5 +71,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "1528d89d7b1076a4d8b88eb7b1e9e9c4e8c8f9d8"
+  "gitHead": "7c081282cf88968f81732feb67a71840e769a40f"
 }

package/src/community/segmented-control/SegmentedControl.android.tsx

@@ -0,0 +1,47 @@
+import { buildChangeEvent, type SegmentedControlProps } from './types';
+import { Host } from '../../jetpack-compose/Host';
+import {
+  SingleChoiceSegmentedButtonRow,
+  SegmentedButton,
+} from '../../jetpack-compose/SegmentedButton';
+import { Text } from '../../jetpack-compose/Text';
+
+export function SegmentedControl(props: SegmentedControlProps) {
+  const {
+    values,
+    selectedIndex,
+    enabled = true,
+    onChange,
+    onValueChange,
+    tintColor,
+    appearance,
+    style,
+  } = props;
+
+  const handleClick = (index: number) => {
+    const val = values?.[index] ?? '';
+    onValueChange?.(val);
+    onChange?.(buildChangeEvent(index, val));
+  };
+
+  const colors = tintColor ? { activeContainerColor: tintColor } : undefined;
+
+  return (
+    <Host matchContents={{ vertical: true }} style={style} colorScheme={appearance}>
+      <SingleChoiceSegmentedButtonRow>
+        {(values ?? []).map((label, index) => (
+          <SegmentedButton
+            key={index}
+            selected={index === selectedIndex}
+            onClick={() => handleClick(index)}
+            enabled={enabled}
+            colors={colors}>
+            <SegmentedButton.Label>
+              <Text>{label}</Text>
+            </SegmentedButton.Label>
+          </SegmentedButton>
+        ))}
+      </SingleChoiceSegmentedButtonRow>
+    </Host>
+  );
+}

package/src/community/segmented-control/SegmentedControl.ios.tsx

@@ -0,0 +1,53 @@
+import { buildChangeEvent, type SegmentedControlProps } from './types';
+import { Host } from '../../swift-ui/Host';
+import { Picker } from '../../swift-ui/Picker';
+import { Text } from '../../swift-ui/Text';
+import { disabled as disabledModifier } from '../../swift-ui/modifiers';
+import { environment } from '../../swift-ui/modifiers/environment';
+import { pickerStyle } from '../../swift-ui/modifiers/pickerStyle';
+import { tag } from '../../swift-ui/modifiers/tag';
+import type { ModifierConfig } from '../../types';
+
+export function SegmentedControl(props: SegmentedControlProps) {
+  const {
+    values,
+    selectedIndex,
+    enabled = true,
+    onChange,
+    onValueChange,
+    appearance,
+    style,
+    testID,
+  } = props;
+
+  const modifiers: ModifierConfig[] = [pickerStyle('segmented')];
+  if (!enabled) {
+    modifiers.push(disabledModifier());
+  }
+  if (appearance) {
+    modifiers.push(environment('colorScheme', appearance));
+  }
+
+  const handleSelectionChange = (selection: number) => {
+    const val = values?.[selection] ?? '';
+    onValueChange?.(val);
+    onChange?.(buildChangeEvent(selection, val));
+  };
+
+  return (
+    <Host matchContents={{ vertical: true }} style={style}>
+      <Picker
+        selection={selectedIndex}
+        onSelectionChange={handleSelectionChange}
+        modifiers={modifiers}
+        label=""
+        testID={testID}>
+        {(values ?? []).map((label, index) => (
+          <Text key={index} modifiers={[tag(index)]}>
+            {label}
+          </Text>
+        ))}
+      </Picker>
+    </Host>
+  );
+}

package/src/community/segmented-control/SegmentedControl.tsx

@@ -0,0 +1,7 @@
+/**
+ * Web/default implementation of SegmentedControl.
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+
+export { SegmentedControl } from './vendor/SegmentedControl';

package/src/community/segmented-control/index.tsx

@@ -0,0 +1,11 @@
+import { SegmentedControl } from './SegmentedControl';
+
+export {
+  type NativeSegmentedControlIOSChangeEvent,
+  type NativeSegmentedControlChangeEvent,
+  type SegmentedControlProps,
+} from './types';
+
+export default SegmentedControl;
+// named export needed for docs generator
+export { SegmentedControl };

package/src/community/segmented-control/types.tsx

@@ -0,0 +1,67 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+
+/**
+ * Shape of the native event passed to `onChange`.
+ * Matches `@react-native-segmented-control/segmented-control`.
+ */
+export type NativeSegmentedControlChangeEvent = {
+  nativeEvent: {
+    selectedSegmentIndex: number;
+    value: string;
+  };
+};
+
+/**
+ * Shape of the native event passed to `onChange`.
+ * Matches `@react-native-segmented-control/segmented-control`.
+ * @deprecated use NativeSegmentedControlChangeEvent
+ */
+export type NativeSegmentedControlIOSChangeEvent = NativeSegmentedControlChangeEvent;
+
+export type SegmentedControlProps = {
+  /**
+   * The labels for the control's segment buttons, in order.
+   */
+  values?: string[];
+  /**
+   * The index of the selected segment.
+   */
+  selectedIndex?: number;
+  /**
+   * If `false`, the user cannot interact with the control.
+   * @default true
+   */
+  enabled?: boolean;
+  /**
+   * Called when the user taps a segment.
+   * The event carries `nativeEvent.selectedSegmentIndex` and `nativeEvent.value`.
+   */
+  onChange?: (event: NativeSegmentedControlChangeEvent) => void;
+  /**
+   * Called when the user taps a segment. Receives the segment's string value.
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Accent color of the control.
+   * @platform android, web
+   */
+  tintColor?: string;
+  /**
+   * Overrides the control's appearance irrespective of the system theme.
+   */
+  appearance?: 'dark' | 'light';
+  style?: StyleProp<ViewStyle>;
+  testID?: string;
+};
+
+/**
+ * Builds a synthetic `onChange` event matching the community library shape.
+ */
+export function buildChangeEvent(index: number, value: string): NativeSegmentedControlChangeEvent {
+  return {
+    nativeEvent: {
+      selectedSegmentIndex: index,
+      value,
+    },
+  };
+}

package/src/community/segmented-control/vendor/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2015-present, Facebook, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/src/community/segmented-control/vendor/SegmentedControl.tsx

@@ -0,0 +1,149 @@
+/**
+ * Web/default implementation of SegmentedControl.
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+
+import * as React from 'react';
+import { Animated, Easing, I18nManager, StyleSheet, View, useColorScheme } from 'react-native';
+
+import { SegmentedControlTab } from './SegmentedControlTab';
+import { SegmentsSeparators } from './SegmentsSeparators';
+import { buildChangeEvent, type SegmentedControlProps } from '../types';
+
+export function SegmentedControl({
+  style,
+  onChange,
+  onValueChange,
+  enabled = true,
+  selectedIndex,
+  values,
+  tintColor,
+  appearance,
+}: SegmentedControlProps) {
+  const colorSchemeHook = useColorScheme();
+  const colorScheme = appearance || colorSchemeHook;
+  const [segmentWidth, setSegmentWidth] = React.useState(0);
+  const animation = React.useRef(new Animated.Value(0)).current;
+
+  const handleChange = (index: number) => {
+    const val = values?.[index] ?? '';
+    onValueChange?.(val);
+    if (onChange) {
+      onChange(buildChangeEvent(index, val));
+    }
+  };
+
+  const updateSegmentWidth = React.useCallback(
+    (width: number) => {
+      const count = values?.length ?? 0;
+      const newSegmentWidth = count ? width / count : 0;
+      if (newSegmentWidth !== segmentWidth) {
+        animation.setValue(newSegmentWidth * (selectedIndex ?? 0));
+        setSegmentWidth(newSegmentWidth);
+      }
+    },
+    [values?.length, segmentWidth, animation, selectedIndex]
+  );
+
+  React.useEffect(() => {
+    if (animation && segmentWidth) {
+      const isRTL = I18nManager.isRTL ? -segmentWidth : segmentWidth;
+      Animated.timing(animation, {
+        toValue: isRTL * (selectedIndex ?? 0),
+        duration: 300,
+        easing: Easing.out(Easing.quad),
+        useNativeDriver: true,
+      }).start();
+    }
+  }, [animation, segmentWidth, selectedIndex]);
+
+  return (
+    <View
+      style={[
+        styles.default,
+        style,
+        colorScheme === 'dark' && styles.darkControl,
+        !enabled && styles.disabled,
+      ]}
+      onLayout={({
+        nativeEvent: {
+          layout: { width },
+        },
+      }) => updateSegmentWidth(width)}>
+      {!tintColor && (
+        <SegmentsSeparators values={values?.length ?? 0} selectedIndex={selectedIndex} />
+      )}
+      {selectedIndex != null && segmentWidth ? (
+        <Animated.View
+          style={[
+            styles.slider,
+            {
+              transform: [{ translateX: animation }],
+              width: segmentWidth - 4,
+              zIndex: -1,
+              backgroundColor: tintColor || (colorScheme === 'dark' ? '#636366' : 'white'),
+            },
+          ]}
+        />
+      ) : null}
+      <View style={styles.segmentsContainer}>
+        {values?.map((value, index) => (
+          <SegmentedControlTab
+            enabled={enabled}
+            selected={selectedIndex === index}
+            accessibilityHint={`${index + 1} out of ${values.length}`}
+            key={index}
+            value={value}
+            tintColor={tintColor}
+            appearance={colorScheme === 'dark' ? 'dark' : 'light'}
+            onSelect={() => handleChange(index)}
+          />
+        ))}
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  default: {
+    overflow: 'hidden',
+    position: 'relative',
+    height: 32,
+    backgroundColor: '#EEEEF0',
+    borderRadius: 9,
+  },
+  darkControl: {
+    backgroundColor: '#1C1C1F',
+  },
+  disabled: {
+    opacity: 0.4,
+  },
+  slider: {
+    position: 'absolute',
+    borderRadius: 7,
+    top: 2,
+    bottom: 2,
+    right: 2,
+    left: 2,
+    borderWidth: 0.5,
+    borderColor: 'rgba(0,0,0,0.04)',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1,
+    },
+    shadowOpacity: 0.22,
+    shadowRadius: 2.22,
+    elevation: 3,
+  },
+  segmentsContainer: {
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'space-evenly',
+    alignItems: 'center',
+    elevation: 5,
+    backgroundColor: 'transparent',
+    zIndex: 99,
+  },
+});

package/src/community/segmented-control/vendor/SegmentedControlTab.tsx

@@ -0,0 +1,73 @@
+/**
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+
+import * as React from 'react';
+import { StyleSheet, Text, TouchableOpacity, View, useColorScheme } from 'react-native';
+
+export function SegmentedControlTab({
+  onSelect,
+  value,
+  enabled,
+  selected,
+  tintColor,
+  appearance,
+  accessibilityHint,
+}: {
+  value: string;
+  tintColor?: string;
+  onSelect: () => void;
+  selected: boolean;
+  enabled: boolean;
+  appearance?: 'dark' | 'light' | null;
+  accessibilityHint?: string;
+}) {
+  const colorSchemeHook = useColorScheme();
+  const colorScheme = appearance || colorSchemeHook;
+
+  const getColor = () => {
+    if (tintColor) {
+      return 'white';
+    }
+    return colorScheme === 'dark' ? '#FFF' : '#000';
+  };
+  const color = getColor();
+
+  const activeStyle = {
+    ...styles.activeText,
+    color,
+  };
+
+  const idleStyle = {
+    color,
+  };
+
+  return (
+    <TouchableOpacity
+      style={styles.container}
+      disabled={!enabled}
+      onPress={onSelect}
+      accessibilityHint={accessibilityHint}
+      accessibilityRole="button"
+      accessibilityState={{ selected, disabled: !enabled }}>
+      <View style={styles.default}>
+        <Text style={[idleStyle, selected && activeStyle]}>{value}</Text>
+      </View>
+    </TouchableOpacity>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, borderRadius: 5 },
+  default: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    margin: 2,
+    borderRadius: 5,
+  },
+  activeText: {
+    fontWeight: '700',
+  },
+});

package/src/community/segmented-control/vendor/SegmentsSeparators.tsx

@@ -0,0 +1,59 @@
+/**
+ * Vendored from @react-native-segmented-control/segmented-control (MIT license).
+ * https://github.com/react-native-segmented-control/segmented-control
+ */
+
+import * as React from 'react';
+import { StyleSheet, View, useColorScheme } from 'react-native';
+
+export function SegmentsSeparators({
+  values,
+  selectedIndex,
+}: {
+  values: number;
+  selectedIndex?: number;
+}) {
+  const colorScheme = useColorScheme();
+  const hide = (val: number) => {
+    return selectedIndex === val || selectedIndex === val + 1;
+  };
+
+  return (
+    <View style={styles.separatorsContainer}>
+      {[...Array(values - 1).keys()].map((val) => (
+        <View
+          key={val}
+          style={[
+            styles.separator,
+            colorScheme === 'dark' && styles.darkSeparator,
+            hide(val) && styles.hide,
+          ]}
+        />
+      ))}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  separatorsContainer: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-evenly',
+  },
+  separator: {
+    width: 1,
+    height: '50%',
+    backgroundColor: '#D1D1D4',
+  },
+  darkSeparator: {
+    backgroundColor: '#3F3F42',
+  },
+  hide: {
+    backgroundColor: 'transparent',
+  },
+});

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

@@ -1 +0,0 @@
-f7f22f20758e05f64f951bc8a7048487

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

@@ -1 +0,0 @@
-f7c36a616f7c6abf71db0823ec8ebb756e594a56

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

@@ -1 +0,0 @@
-2184d0d7bbb2243abbbdf8bfd5dae66237f4438be9576e978a0c80dfcb3f0484

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

@@ -1 +0,0 @@
-fd5e21e5c33c475b0827852b9f9f05bc75ac9150350a57d6a23743f3e45126f032f118f2e0a6a929af2f389cbb52d2ea992dce5145238b95f96a68ed1f904e38

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

@@ -1 +0,0 @@
-ed646eb57b1124bcd983ba7e4bf98c9d

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

@@ -1 +0,0 @@
-449eb5c9283e627425269f7c3fe9caef9a5a665c

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

@@ -1 +0,0 @@
-7bc2426fe5ade34bc829df2b337da9217210e73d3c6dfb07e56601af7c7abd44

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

@@ -1 +0,0 @@
-8cdd412e1f6071d984f0f2c0487f7962e2ad48cf40fcf165239e91cd3c837743cfb52fbb7369ee0e1b6df74918698fe472cf3f6dc71043e118a81f550d82390d