@expo/ui 58.0.18 → 58.0.20

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 58.0.20
+
+### Patch Changes
+
+- [iOS] Add an `alignment` prop to the SwiftUI `Host`. It sets where the content sits in the host when their sizes differ. A `matchContents` host anchored to the trailing edge of its row can now keep that edge still while its content animates to a new width. ([#51617](https://github.com/expo/expo/pull/51617) by [@maxlapides](https://github.com/maxlapides))
+
+## 58.0.19
+
+### Patch Changes
+
+- Add `accessibilityLabel`, `accessibilityHint` (iOS) and `testID` to the community `Slider`. The drop-in dropped them, so VoiceOver and TalkBack announced a slider by its value alone and end-to-end tools could not find it. iOS applies them as SwiftUI accessibility modifiers, Android as the `semantics` and `testID` modifiers, and web as `aria-label` and `data-testid`. ([#51632](https://github.com/expo/expo/pull/51632) by [@brentvatne](https://github.com/brentvatne))
+- [iOS] Stop shipping a precompiled iOS framework. `ArrangementView` and `onHingeChange` now work on iOS 27.1 without `buildFromSource` when the app is built with Xcode 27.1 or later. ([#51636](https://github.com/expo/expo/pull/51636) by [@brentvatne](https://github.com/brentvatne))
+
 ## 58.0.18
 
 ### Patch 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 = '58.0.18'
+version = '58.0.20'
 
 android {
   namespace "expo.modules.ui"
   defaultConfig {
     versionCode 1
-    versionName "58.0.18"
+    versionName "58.0.20"
     testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
   }
   buildFeatures {

package/build/community/slider/Slider.android.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Host } from '../../jetpack-compose/Host';
 import { Slider as ComposeSlider } from '../../jetpack-compose/Slider';
+import { semantics, testID as testIDModifier } from '../../jetpack-compose/modifiers';
 /**
  * A drop-in replacement for `@react-native-community/slider` on Android.
  * Renders a Material 3 `Slider` wrapped in a Host.
  */ export function Slider(props) {
-    const { value, minimumValue, maximumValue, lowerLimit, upperLimit, step, disabled, inverted, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, onValueChange, style } = props;
+    const { value, minimumValue, maximumValue, lowerLimit, upperLimit, step, disabled, inverted, minimumTrackTintColor, maximumTrackTintColor, thumbTintColor, onValueChange, style, accessibilityLabel, testID } = props;
     const min = minimumValue ?? 0;
     const max = maximumValue ?? 1;
     const steps = step && step > 0 ? Math.max(0, Math.round((max - min) / step) - 1) : 0;
@@ -24,6 +25,14 @@ import { Slider as ComposeSlider } from '../../jetpack-compose/Slider';
         inactiveTrackColor: maximumTrackTintColor,
         thumbColor: thumbTintColor
     };
+    // `accessibilityHint` has no Compose semantics counterpart, so it is iOS-only.
+    const modifiers = [];
+    if (accessibilityLabel !== undefined) {
+        modifiers.push(semantics({
+            contentDescription: accessibilityLabel
+        }));
+    }
+    if (testID !== undefined) modifiers.push(testIDModifier(testID));
     return /*#__PURE__*/ _jsx(Host, {
         matchContents: {
             vertical: true
@@ -38,7 +47,8 @@ import { Slider as ComposeSlider } from '../../jetpack-compose/Slider';
             steps: steps,
             enabled: disabled === undefined ? undefined : !disabled,
             colors: colors,
-            onValueChange: onValueChange
+            onValueChange: onValueChange,
+            modifiers: modifiers.length > 0 ? modifiers : undefined
         })
     });
 }

package/build/community/slider/Slider.android.js.map

@@ -1 +1 @@
-{"version":3,"sources":["community/slider/Slider.android.tsx"],"sourcesContent":[null],"names":["Host","Slider","ComposeSlider","props","value","minimumValue","maximumValue","lowerLimit","upperLimit","step","disabled","inverted","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","onValueChange","style","min","max","steps","Math","round","hostStyle","transform","scaleX","colors","activeTrackColor","inactiveTrackColor","thumbColor","matchContents","vertical","enabled","undefined"],"mappings":";AAAA,SAASA,IAAI,QAAQ,6BAA6B;AAClD,SAASC,UAAUC,aAAa,QAAQ,+BAA+B;AAGvE;;;CAGC,GACD,OAAO,SAASD,OAAOE,KAAkB;IACvC,MAAM,EACJC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,qBAAqB,EACrBC,qBAAqB,EACrBC,cAAc,EACdC,aAAa,EACbC,KAAK,EACN,GAAGb;IACJ,MAAMc,MAAMZ,gBAAgB;IAC5B,MAAMa,MAAMZ,gBAAgB;IAC5B,MAAMa,QAAQV,QAAQA,OAAO,IAAIW,KAAKF,GAAG,CAAC,GAAGE,KAAKC,KAAK,CAAC,AAACH,CAAAA,MAAMD,GAAE,IAAKR,QAAQ,KAAK;IACnF,MAAMa,YAAYX,WAAW;QAACK;QAAO;YAAEO,WAAW;gBAAC;oBAAEC,QAAQ,CAAC;gBAAE;aAAE;QAAC;KAAE,GAAGR;IACxE,MAAMS,SAAS;QACbC,kBAAkBd;QAClBe,oBAAoBd;QACpBe,YAAYd;IACd;IACA,qBACE,KAACd;QAAK6B,eAAe;YAAEC,UAAU;QAAK;QAAGd,OAAOM;kBAC9C,cAAA,KAACpB;YACCE,OAAOA;YACPa,KAAKZ;YACLa,KAAKZ;YACLC,YAAYA;YACZC,YAAYA;YACZW,OAAOA;YACPY,SAASrB,aAAasB,YAAYA,YAAY,CAACtB;YAC/Ce,QAAQA;YACRV,eAAeA;;;AAIvB"}
+{"version":3,"sources":["community/slider/Slider.android.tsx"],"sourcesContent":[null],"names":["Host","Slider","ComposeSlider","semantics","testID","testIDModifier","props","value","minimumValue","maximumValue","lowerLimit","upperLimit","step","disabled","inverted","minimumTrackTintColor","maximumTrackTintColor","thumbTintColor","onValueChange","style","accessibilityLabel","min","max","steps","Math","round","hostStyle","transform","scaleX","colors","activeTrackColor","inactiveTrackColor","thumbColor","modifiers","undefined","push","contentDescription","matchContents","vertical","enabled","length"],"mappings":";AAAA,SAASA,IAAI,QAAQ,6BAA6B;AAClD,SAASC,UAAUC,aAAa,QAAQ,+BAA+B;AACvE,SAASC,SAAS,EAAEC,UAAUC,cAAc,QAAQ,kCAAkC;AAItF;;;CAGC,GACD,OAAO,SAASJ,OAAOK,KAAkB;IACvC,MAAM,EACJC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,qBAAqB,EACrBC,qBAAqB,EACrBC,cAAc,EACdC,aAAa,EACbC,KAAK,EACLC,kBAAkB,EAClBhB,MAAM,EACP,GAAGE;IACJ,MAAMe,MAAMb,gBAAgB;IAC5B,MAAMc,MAAMb,gBAAgB;IAC5B,MAAMc,QAAQX,QAAQA,OAAO,IAAIY,KAAKF,GAAG,CAAC,GAAGE,KAAKC,KAAK,CAAC,AAACH,CAAAA,MAAMD,GAAE,IAAKT,QAAQ,KAAK;IACnF,MAAMc,YAAYZ,WAAW;QAACK;QAAO;YAAEQ,WAAW;gBAAC;oBAAEC,QAAQ,CAAC;gBAAE;aAAE;QAAC;KAAE,GAAGT;IACxE,MAAMU,SAAS;QACbC,kBAAkBf;QAClBgB,oBAAoBf;QACpBgB,YAAYf;IACd;IACA,+EAA+E;IAC/E,MAAMgB,YAA8B,EAAE;IACtC,IAAIb,uBAAuBc,WAAW;QACpCD,UAAUE,IAAI,CAAChC,UAAU;YAAEiC,oBAAoBhB;QAAmB;IACpE;IACA,IAAIhB,WAAW8B,WAAWD,UAAUE,IAAI,CAAC9B,eAAeD;IACxD,qBACE,KAACJ;QAAKqC,eAAe;YAAEC,UAAU;QAAK;QAAGnB,OAAOO;kBAC9C,cAAA,KAACxB;YACCK,OAAOA;YACPc,KAAKb;YACLc,KAAKb;YACLC,YAAYA;YACZC,YAAYA;YACZY,OAAOA;YACPgB,SAAS1B,aAAaqB,YAAYA,YAAY,CAACrB;YAC/CgB,QAAQA;YACRX,eAAeA;YACfe,WAAWA,UAAUO,MAAM,GAAG,IAAIP,YAAYC;;;AAItD"}

package/build/community/slider/Slider.ios.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Host } from '../../swift-ui/Host';
 import { Slider as SwiftUISlider } from '../../swift-ui/Slider';
-import { disabled as disabledModifier, tint as tintModifier } from '../../swift-ui/modifiers';
+import { accessibilityHint as accessibilityHintModifier, accessibilityLabel as accessibilityLabelModifier, disabled as disabledModifier, tint as tintModifier } from '../../swift-ui/modifiers';
 /**
  * A drop-in replacement for `@react-native-community/slider` on iOS.
  * Renders a SwiftUI `Slider` wrapped in a Host.
  */ export function Slider(props) {
-    const { value, minimumValue, maximumValue, lowerLimit, upperLimit, step, disabled, inverted, minimumTrackTintColor, onValueChange, style } = props;
+    const { value, minimumValue, maximumValue, lowerLimit, upperLimit, step, disabled, inverted, minimumTrackTintColor, onValueChange, style, accessibilityLabel, accessibilityHint, testID } = props;
     const hostStyle = inverted ? [
         style,
         {
@@ -25,6 +25,12 @@ import { disabled as disabledModifier, tint as tintModifier } from '../../swift-
     if (minimumTrackTintColor !== undefined) {
         modifiers.push(tintModifier(minimumTrackTintColor));
     }
+    if (accessibilityLabel !== undefined) {
+        modifiers.push(accessibilityLabelModifier(accessibilityLabel));
+    }
+    if (accessibilityHint !== undefined) {
+        modifiers.push(accessibilityHintModifier(accessibilityHint));
+    }
     return /*#__PURE__*/ _jsx(Host, {
         matchContents: {
             vertical: true
@@ -39,7 +45,8 @@ import { disabled as disabledModifier, tint as tintModifier } from '../../swift-
             upperLimit: upperLimit,
             step: step && step > 0 ? step : undefined,
             modifiers: modifiers.length > 0 ? modifiers : undefined,
-            onValueChange: onValueChange
+            onValueChange: onValueChange,
+            testID: testID
         })
     });
 }

package/build/community/slider/Slider.ios.js.map

@@ -1 +1 @@
-{"version":3,"sources":["community/slider/Slider.ios.tsx"],"sourcesContent":[null],"names":["Host","Slider","SwiftUISlider","disabled","disabledModifier","tint","tintModifier","props","value","minimumValue","maximumValue","lowerLimit","upperLimit","step","inverted","minimumTrackTintColor","onValueChange","style","hostStyle","transform","scaleX","modifiers","push","undefined","matchContents","vertical","ignoreSafeArea","min","max","length"],"mappings":";AAAA,SAASA,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,UAAUC,aAAa,QAAQ,wBAAwB;AAChE,SAASC,YAAYC,gBAAgB,EAAEC,QAAQC,YAAY,QAAQ,2BAA2B;AAI9F;;;CAGC,GACD,OAAO,SAASL,OAAOM,KAAkB;IACvC,MAAM,EACJC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJV,QAAQ,EACRW,QAAQ,EACRC,qBAAqB,EACrBC,aAAa,EACbC,KAAK,EACN,GAAGV;IACJ,MAAMW,YAAYJ,WAAW;QAACG;QAAO;YAAEE,WAAW;gBAAC;oBAAEC,QAAQ,CAAC;gBAAE;aAAE;QAAC;KAAE,GAAGH;IACxE,sEAAsE;IACtE,0EAA0E;IAC1E,6CAA6C;IAC7C,MAAMI,YAA8B,EAAE;IACtC,IAAIlB,UAAUkB,UAAUC,IAAI,CAAClB,iBAAiB;IAC9C,IAAIW,0BAA0BQ,WAAW;QACvCF,UAAUC,IAAI,CAAChB,aAAaS;IAC9B;IACA,qBACE,KAACf;QAAKwB,eAAe;YAAEC,UAAU;QAAK;QAAGR,OAAOC;QAAWQ,gBAAe;kBACxE,cAAA,KAACxB;YACCM,OAAOA;YACPmB,KAAKlB;YACLmB,KAAKlB;YACLC,YAAYA;YACZC,YAAYA;YACZC,MAAMA,QAAQA,OAAO,IAAIA,OAAOU;YAChCF,WAAWA,UAAUQ,MAAM,GAAG,IAAIR,YAAYE;YAC9CP,eAAeA;;;AAIvB"}
+{"version":3,"sources":["community/slider/Slider.ios.tsx"],"sourcesContent":[null],"names":["Host","Slider","SwiftUISlider","accessibilityHint","accessibilityHintModifier","accessibilityLabel","accessibilityLabelModifier","disabled","disabledModifier","tint","tintModifier","props","value","minimumValue","maximumValue","lowerLimit","upperLimit","step","inverted","minimumTrackTintColor","onValueChange","style","testID","hostStyle","transform","scaleX","modifiers","push","undefined","matchContents","vertical","ignoreSafeArea","min","max","length"],"mappings":";AAAA,SAASA,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,UAAUC,aAAa,QAAQ,wBAAwB;AAChE,SACEC,qBAAqBC,yBAAyB,EAC9CC,sBAAsBC,0BAA0B,EAChDC,YAAYC,gBAAgB,EAC5BC,QAAQC,YAAY,QACf,2BAA2B;AAIlC;;;CAGC,GACD,OAAO,SAAST,OAAOU,KAAkB;IACvC,MAAM,EACJC,KAAK,EACLC,YAAY,EACZC,YAAY,EACZC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJV,QAAQ,EACRW,QAAQ,EACRC,qBAAqB,EACrBC,aAAa,EACbC,KAAK,EACLhB,kBAAkB,EAClBF,iBAAiB,EACjBmB,MAAM,EACP,GAAGX;IACJ,MAAMY,YAAYL,WAAW;QAACG;QAAO;YAAEG,WAAW;gBAAC;oBAAEC,QAAQ,CAAC;gBAAE;aAAE;QAAC;KAAE,GAAGJ;IACxE,sEAAsE;IACtE,0EAA0E;IAC1E,6CAA6C;IAC7C,MAAMK,YAA8B,EAAE;IACtC,IAAInB,UAAUmB,UAAUC,IAAI,CAACnB,iBAAiB;IAC9C,IAAIW,0BAA0BS,WAAW;QACvCF,UAAUC,IAAI,CAACjB,aAAaS;IAC9B;IACA,IAAId,uBAAuBuB,WAAW;QACpCF,UAAUC,IAAI,CAACrB,2BAA2BD;IAC5C;IACA,IAAIF,sBAAsByB,WAAW;QACnCF,UAAUC,IAAI,CAACvB,0BAA0BD;IAC3C;IACA,qBACE,KAACH;QAAK6B,eAAe;YAAEC,UAAU;QAAK;QAAGT,OAAOE;QAAWQ,gBAAe;kBACxE,cAAA,KAAC7B;YACCU,OAAOA;YACPoB,KAAKnB;YACLoB,KAAKnB;YACLC,YAAYA;YACZC,YAAYA;YACZC,MAAMA,QAAQA,OAAO,IAAIA,OAAOW;YAChCF,WAAWA,UAAUQ,MAAM,GAAG,IAAIR,YAAYE;YAC9CR,eAAeA;YACfE,QAAQA;;;AAIhB"}

package/build/community/slider/Slider.js

@@ -6,7 +6,7 @@ import { StyleSheet } from 'react-native';
  * SwiftUI `Slider` on iOS, a Material 3 `Slider` on Android, and a native
  * HTML `<input type="range">` on web.
  */ export function Slider(props) {
-    const { value, minimumValue = 0, maximumValue = 1, lowerLimit, upperLimit, step, disabled, inverted, minimumTrackTintColor, onValueChange, style } = props;
+    const { value, minimumValue = 0, maximumValue = 1, lowerLimit, upperLimit, step, disabled, inverted, minimumTrackTintColor, onValueChange, style, accessibilityLabel, testID } = props;
     const clamp = (v)=>Math.min(upperLimit ?? Infinity, Math.max(lowerLimit ?? -Infinity, v));
     return /*#__PURE__*/ _jsx("input", {
         type: "range",
@@ -15,6 +15,8 @@ import { StyleSheet } from 'react-native';
         step: step && step > 0 ? step : 'any',
         value: clamp(value ?? 0),
         disabled: disabled,
+        "aria-label": accessibilityLabel,
+        "data-testid": testID,
         onChange: (e)=>onValueChange?.(clamp(e.target.valueAsNumber)),
         style: {
             ...StyleSheet.flatten(style),

package/build/community/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["community/slider/Slider.tsx"],"sourcesContent":[null],"names":["React","StyleSheet","Slider","props","value","minimumValue","maximumValue","lowerLimit","upperLimit","step","disabled","inverted","minimumTrackTintColor","onValueChange","style","clamp","v","Math","min","Infinity","max","input","type","onChange","e","target","valueAsNumber","flatten","undefined","accentColor","transform"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,eAAe;AAI1C;;;;CAIC,GACD,OAAO,SAASC,OAAOC,KAAkB;IACvC,MAAM,EACJC,KAAK,EACLC,eAAe,CAAC,EAChBC,eAAe,CAAC,EAChBC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,qBAAqB,EACrBC,aAAa,EACbC,KAAK,EACN,GAAGX;IACJ,MAAMY,QAAQ,CAACC,IACbC,KAAKC,GAAG,CAACV,cAAcW,UAAUF,KAAKG,GAAG,CAACb,cAAc,CAACY,UAAUH;IACrE,qBACE,KAACK;QACCC,MAAK;QACLJ,KAAKb;QACLe,KAAKd;QACLG,MAAMA,QAAQA,OAAO,IAAIA,OAAO;QAChCL,OAAOW,MAAMX,SAAS;QACtBM,UAAUA;QACVa,UAAU,CAACC,IAAMX,gBAAgBE,MAAMS,EAAEC,MAAM,CAACC,aAAa;QAC7DZ,OAAO;YACL,GAAIb,WAAW0B,OAAO,CAACb,MAAM;YAC7B,GAAIF,0BAA0BgB,aAAa;gBACzCC,aAAajB;YACf,CAAC;YACD,GAAID,YAAY;gBAAEmB,WAAW;YAAa,CAAC;QAC7C;;AAGN"}
+{"version":3,"sources":["community/slider/Slider.tsx"],"sourcesContent":[null],"names":["React","StyleSheet","Slider","props","value","minimumValue","maximumValue","lowerLimit","upperLimit","step","disabled","inverted","minimumTrackTintColor","onValueChange","style","accessibilityLabel","testID","clamp","v","Math","min","Infinity","max","input","type","aria-label","data-testid","onChange","e","target","valueAsNumber","flatten","undefined","accentColor","transform"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,eAAe;AAI1C;;;;CAIC,GACD,OAAO,SAASC,OAAOC,KAAkB;IACvC,MAAM,EACJC,KAAK,EACLC,eAAe,CAAC,EAChBC,eAAe,CAAC,EAChBC,UAAU,EACVC,UAAU,EACVC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,qBAAqB,EACrBC,aAAa,EACbC,KAAK,EACLC,kBAAkB,EAClBC,MAAM,EACP,GAAGb;IACJ,MAAMc,QAAQ,CAACC,IACbC,KAAKC,GAAG,CAACZ,cAAca,UAAUF,KAAKG,GAAG,CAACf,cAAc,CAACc,UAAUH;IACrE,qBACE,KAACK;QACCC,MAAK;QACLJ,KAAKf;QACLiB,KAAKhB;QACLG,MAAMA,QAAQA,OAAO,IAAIA,OAAO;QAChCL,OAAOa,MAAMb,SAAS;QACtBM,UAAUA;QACVe,cAAYV;QACZW,eAAaV;QACbW,UAAU,CAACC,IAAMf,gBAAgBI,MAAMW,EAAEC,MAAM,CAACC,aAAa;QAC7DhB,OAAO;YACL,GAAIb,WAAW8B,OAAO,CAACjB,MAAM;YAC7B,GAAIF,0BAA0BoB,aAAa;gBACzCC,aAAarB;YACf,CAAC;YACD,GAAID,YAAY;gBAAEuB,WAAW;YAAa,CAAC;QAC7C;;AAGN"}

package/build/community/slider/types.d.ts

@@ -71,4 +71,18 @@ export interface SliderProps {
      * Used to style and layout the Slider.
      */
     style?: StyleProp<ViewStyle>;
+    /**
+     * What screen readers (VoiceOver, TalkBack) announce for the slider before its value.
+     * Without it, the slider is announced by its value alone.
+     */
+    accessibilityLabel?: string;
+    /**
+     * Describes what adjusting the slider does. Screen readers read it after the label and value.
+     * @platform ios
+     */
+    accessibilityHint?: string;
+    /**
+     * Used to locate this view in end-to-end tests.
+     */
+    testID?: string;
 }

package/build/community/slider/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["community/slider/types.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;CAGC,GACD,WAoEC"}
+{"version":3,"sources":["community/slider/types.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAEA;;;CAGC,GACD,WAkFC"}

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

@@ -1,6 +1,6 @@
 import type { Ref } from 'react';
 import { type ColorValue, type StyleProp, type ViewStyle } from 'react-native';
-import { type CommonViewModifierProps } from '../types';
+import { type Alignment, type CommonViewModifierProps } from '../types';
 export interface HostProps extends CommonViewModifierProps {
     /**
      * When true, the host view will update its size in the React Native view tree to match the content's layout from SwiftUI.
@@ -11,6 +11,16 @@ export interface HostProps extends CommonViewModifierProps {
         vertical?: boolean;
         horizontal?: boolean;
     };
+    /**
+     * The position of the SwiftUI content inside the host when their sizes differ. The sizes differ
+     * when the host is larger than its content, and while the content of a `matchContents` host
+     * animates to a new size. Setting it to the edge that the host is anchored to in its React
+     * Native layout keeps that edge still. For example, a host at the end of a row uses `'trailing'`.
+     * It also aligns the host's children with each other. Leading and trailing follow
+     * `layoutDirection`.
+     * @default 'topLeading'
+     */
+    alignment?: Alignment;
     /**
      * When true and no explicit size is provided, the host will use the viewport size as the proposed size for SwiftUI layout.
      * This is particularly useful for SwiftUI views that need to fill their available space, such as `Form`.

package/build/swift-ui/Host/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["swift-ui/Host/index.tsx"],"sourcesContent":[null],"names":["requireNativeView","I18nManager","NativeTreeContext","useWarnIfNestedHost","TextInputHostProvider","useTextInputHostRef","useMergeRefs","createViewModifierEventListener","HostNativeView","Host","props","matchContents","onLayoutContent","ignoreSafeArea","modifiers","layoutDirection","seedColor","ref","children","restProps","hostRef","mergedRef","undefined","matchContentsVertical","vertical","matchContentsHorizontal","horizontal","getConstants","isRTL","Provider","value"],"mappings":";AAAA,SAASA,iBAAiB,QAAQ,OAAO;AAEzC,SAASC,WAAW,QAAyD,eAAe;AAE5F,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,0BAA0B;AACjF,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,iBAAiB;AAC5E,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,+BAA+B,QAAQ,qBAAqB;AAyDrE,MAAMC,iBAMFR,kBAAkB,UAAU;AAEhC;;CAEC,GACD,OAAO,SAASS,KAAKC,KAAgB;IACnC,MAAM,EACJC,aAAa,EACbC,eAAe,EACfC,cAAc,EACdC,SAAS,EACTC,eAAe,EACfC,SAAS,EACTC,GAAG,EACHC,QAAQ,EACR,GAAGC,WACJ,GAAGT;IACJ,MAAMU,UAAUf;IAChB,MAAMgB,YAAYf,aAAaW,KAAKG;IACpCjB,oBAAoB;IAEpB,qBACE,KAACC;QAAsBgB,SAASA;kBAC9B,cAAA,KAACZ;YACCM,WAAWA;YACV,GAAIA,YAAYP,gCAAgCO,aAAaQ,SAAS;YACvEC,uBACE,OAAOZ,kBAAkB,WAAWA,cAAca,QAAQ,GAAGb;YAE/Dc,yBACE,OAAOd,kBAAkB,WAAWA,cAAce,UAAU,GAAGf;YAEjEC,iBAAiBA;YACjBG,iBACEA,mBAAoBd,CAAAA,YAAY0B,YAAY,GAAGC,KAAK,GAAG,gBAAgB,aAAY;YAErFf,gBAAgBA;YAChBG,WAAWA;YACV,GAAGG,SAAS;YACbF,KAAKI;sBACL,cAAA,KAACnB,kBAAkB2B,QAAQ;gBAACC,KAAK;0BAAEZ;;;;AAI3C"}
+{"version":3,"sources":["swift-ui/Host/index.tsx"],"sourcesContent":[null],"names":["requireNativeView","I18nManager","NativeTreeContext","useWarnIfNestedHost","TextInputHostProvider","useTextInputHostRef","useMergeRefs","createViewModifierEventListener","HostNativeView","Host","props","matchContents","onLayoutContent","ignoreSafeArea","modifiers","layoutDirection","seedColor","ref","children","restProps","hostRef","mergedRef","undefined","matchContentsVertical","vertical","matchContentsHorizontal","horizontal","getConstants","isRTL","Provider","value"],"mappings":";AAAA,SAASA,iBAAiB,QAAQ,OAAO;AAEzC,SAASC,WAAW,QAAyD,eAAe;AAE5F,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,0BAA0B;AACjF,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,iBAAiB;AAC5E,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,+BAA+B,QAAQ,qBAAqB;AAoErE,MAAMC,iBAMFR,kBAAkB,UAAU;AAEhC;;CAEC,GACD,OAAO,SAASS,KAAKC,KAAgB;IACnC,MAAM,EACJC,aAAa,EACbC,eAAe,EACfC,cAAc,EACdC,SAAS,EACTC,eAAe,EACfC,SAAS,EACTC,GAAG,EACHC,QAAQ,EACR,GAAGC,WACJ,GAAGT;IACJ,MAAMU,UAAUf;IAChB,MAAMgB,YAAYf,aAAaW,KAAKG;IACpCjB,oBAAoB;IAEpB,qBACE,KAACC;QAAsBgB,SAASA;kBAC9B,cAAA,KAACZ;YACCM,WAAWA;YACV,GAAIA,YAAYP,gCAAgCO,aAAaQ,SAAS;YACvEC,uBACE,OAAOZ,kBAAkB,WAAWA,cAAca,QAAQ,GAAGb;YAE/Dc,yBACE,OAAOd,kBAAkB,WAAWA,cAAce,UAAU,GAAGf;YAEjEC,iBAAiBA;YACjBG,iBACEA,mBAAoBd,CAAAA,YAAY0B,YAAY,GAAGC,KAAK,GAAG,gBAAgB,aAAY;YAErFf,gBAAgBA;YAChBG,WAAWA;YACV,GAAGG,SAAS;YACbF,KAAKI;sBACL,cAAA,KAACnB,kBAAkB2B,QAAQ;gBAACC,KAAK;0BAAEZ;;;;AAI3C"}

package/ios/HostView.swift

@@ -60,6 +60,7 @@ internal final class HostViewProps: ExpoSwiftUI.ViewProps, ExpoSwiftUI.SafeAreaC
   @Field var layoutDirection: ExpoLayoutDirection = .leftToRight
   @Field var matchContentsHorizontal = false
   @Field var matchContentsVertical = false
+  @Field var alignment: AlignmentOptions?
   @Field var ignoreSafeArea: ExpoSwiftUI.IgnoreSafeArea?
   @Field var modifiers: ModifierArray?
   var onLayoutContent = EventDispatcher()
@@ -75,7 +76,7 @@ struct HostView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
 
   var body: some View {
     let layoutDirection = props.layoutDirection.toLayoutDirection()
-    let alignment: Alignment = layoutDirection == .rightToLeft ? .topTrailing : .topLeading
+    let alignment = physicalAlignment(props.alignment?.toAlignment() ?? .topLeading, layoutDirection: layoutDirection)
     let fillHorizontal = !props.useViewportSizeMeasurement && !props.matchContentsHorizontal
     let fillVertical = !props.useViewportSizeMeasurement && !props.matchContentsVertical
     let pinHorizontal = !props.useViewportSizeMeasurement && props.matchContentsHorizontal
@@ -137,6 +138,24 @@ struct HostView: ExpoSwiftUI.View, ExpoSwiftUI.WithHostingView {
 
 }
 
+/**
+ Mirrors the horizontal edge of `alignment` for a right-to-left `Host`. `FillAlignmentModifier` sits
+ outside `LayoutDirectionModifier`, so it reads leading and trailing in the hosting controller's
+ own direction.
+ */
+private func physicalAlignment(_ alignment: Alignment, layoutDirection: LayoutDirection) -> Alignment {
+  guard layoutDirection == .rightToLeft else {
+    return alignment
+  }
+  if alignment.horizontal == .leading {
+    return Alignment(horizontal: .trailing, vertical: alignment.vertical)
+  }
+  if alignment.horizontal == .trailing {
+    return Alignment(horizontal: .leading, vertical: alignment.vertical)
+  }
+  return alignment
+}
+
 /**
  A Layout designed for the `useViewportSizeMeasurement` behavior.
  If parent's proposedViewSize is zero or nil, it will try to use the viewport size to expand its children size.

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.18/expo.modules.ui-58.0.18.module → 58.0.20/expo.modules.ui-58.0.20.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "58.0.18",
+    "version": "58.0.20",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,8 +24,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.18.aar",
-          "url": "expo.modules.ui-58.0.18.aar",
+          "name": "expo.modules.ui-58.0.20.aar",
+          "url": "expo.modules.ui-58.0.20.aar",
           "size": 1859361,
           "sha512": "ba561fa50c9fde30184d2c36051e644fd87db59555b7b38f8e2e5b7096b03bf0d2aec3e53fff1831d2705d85b174ec1a7fc2e9cadc69c41237aac262bbea9365",
           "sha256": "6cbb10f1e4cd5618c6997d87c2021e97c7bab1b8fc4ecc7be48f563e9c0e284a",
@@ -141,8 +141,8 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-58.0.18.aar",
-          "url": "expo.modules.ui-58.0.18.aar",
+          "name": "expo.modules.ui-58.0.20.aar",
+          "url": "expo.modules.ui-58.0.20.aar",
           "size": 1859361,
           "sha512": "ba561fa50c9fde30184d2c36051e644fd87db59555b7b38f8e2e5b7096b03bf0d2aec3e53fff1831d2705d85b174ec1a7fc2e9cadc69c41237aac262bbea9365",
           "sha256": "6cbb10f1e4cd5618c6997d87c2021e97c7bab1b8fc4ecc7be48f563e9c0e284a",
@@ -161,8 +161,8 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-58.0.18-sources.jar",
-          "url": "expo.modules.ui-58.0.18-sources.jar",
+          "name": "expo.modules.ui-58.0.20-sources.jar",
+          "url": "expo.modules.ui-58.0.20-sources.jar",
           "size": 113113,
           "sha512": "10ed672c04082cf5f06e6ca6dca0f28229f11f3d503d46e5b61dbc7d3ad50bfdc1399838dd38dc5b8c1643ec375c4bf1672c95606ce28f7ed36384f66b829b68",
           "sha256": "f9a24faad34f9f66bebcdde7d05a6cf72a8b4b9030819b80049de5084a694ef0",

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

@@ -0,0 +1 @@
+8a77f323b246c691865ac941165d9266

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

@@ -0,0 +1 @@
+b378b5a3097dfa2a27e87822671b5b1867b14d52

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

@@ -0,0 +1 @@
+46af13485988415a3ff14c812754b46df0b5cf7d0b7ebb28a80d7b16c3306fe4

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

@@ -0,0 +1 @@
+c9fcfdbaa4dbae59c5112fffa82e03ce4c36bb3840f98c1f149c9b0d8d0634dff5c5f63e47f32e921933b5a29bdab362830aecf5f37e3fa82cd552c28e774f71

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{58.0.18/expo.modules.ui-58.0.18.pom → 58.0.20/expo.modules.ui-58.0.20.pom}

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

@@ -0,0 +1 @@
+9cd26d77ffc11275527c424abeca3563

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

@@ -0,0 +1 @@
+ff65582de003d4ba6fbfb2194fb4bb97bd523798

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

@@ -0,0 +1 @@
+fde46f8c2665d31cc8c43574f2897aed7e82a9db1e29fdf0a557e4c8d528f005

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

@@ -0,0 +1 @@
+1f1f387588df2979f0a9f2eb9db168b05343069b1ffe2f46f30da422e31d554d9133a96afc594e69824183460ab5bfb9f2982a43613d294c31eac7a3d814b23b

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "58.0.18",
+  "version": "58.0.20",
   "description": "A collection of UI components",
   "keywords": [
     "Jetpack Compose",
@@ -172,7 +172,6 @@
     }
   },
   "scripts": {
-    "precompile-ios": "et prebuild-package-for-publish",
     "precompile-android": "et prebuild-android-package-for-publish",
     "build": "pnpm run build:lib && pnpm run build:plugin",
     "build:lib": "expo-build src",

package/spm.config.json

@@ -1,6 +1,5 @@
 {
   "$schema": "../../tools/src/prebuilds/schemas/spm.config.schema.json",
-  "publishPrebuilds": true,
   "products": [
     {
       "name": "ExpoUI",

package/src/community/slider/Slider.android.tsx

@@ -1,5 +1,7 @@
 import { Host } from '../../jetpack-compose/Host';
 import { Slider as ComposeSlider } from '../../jetpack-compose/Slider';
+import { semantics, testID as testIDModifier } from '../../jetpack-compose/modifiers';
+import type { ModifierConfig } from '../../types';
 import { type SliderProps } from './types';
 
 /**
@@ -21,6 +23,8 @@ export function Slider(props: SliderProps) {
     thumbTintColor,
     onValueChange,
     style,
+    accessibilityLabel,
+    testID,
   } = props;
   const min = minimumValue ?? 0;
   const max = maximumValue ?? 1;
@@ -31,6 +35,12 @@ export function Slider(props: SliderProps) {
     inactiveTrackColor: maximumTrackTintColor,
     thumbColor: thumbTintColor,
   };
+  // `accessibilityHint` has no Compose semantics counterpart, so it is iOS-only.
+  const modifiers: ModifierConfig[] = [];
+  if (accessibilityLabel !== undefined) {
+    modifiers.push(semantics({ contentDescription: accessibilityLabel }));
+  }
+  if (testID !== undefined) modifiers.push(testIDModifier(testID));
   return (
     <Host matchContents={{ vertical: true }} style={hostStyle}>
       <ComposeSlider
@@ -43,6 +53,7 @@ export function Slider(props: SliderProps) {
         enabled={disabled === undefined ? undefined : !disabled}
         colors={colors}
         onValueChange={onValueChange}
+        modifiers={modifiers.length > 0 ? modifiers : undefined}
       />
     </Host>
   );

package/src/community/slider/Slider.ios.tsx

@@ -1,6 +1,11 @@
 import { Host } from '../../swift-ui/Host';
 import { Slider as SwiftUISlider } from '../../swift-ui/Slider';
-import { disabled as disabledModifier, tint as tintModifier } from '../../swift-ui/modifiers';
+import {
+  accessibilityHint as accessibilityHintModifier,
+  accessibilityLabel as accessibilityLabelModifier,
+  disabled as disabledModifier,
+  tint as tintModifier,
+} from '../../swift-ui/modifiers';
 import type { ModifierConfig } from '../../types';
 import { type SliderProps } from './types';
 
@@ -21,6 +26,9 @@ export function Slider(props: SliderProps) {
     minimumTrackTintColor,
     onValueChange,
     style,
+    accessibilityLabel,
+    accessibilityHint,
+    testID,
   } = props;
   const hostStyle = inverted ? [style, { transform: [{ scaleX: -1 }] }] : style;
   // SwiftUI's Slider only exposes `.tint(...)` for the minimum (active)
@@ -31,6 +39,12 @@ export function Slider(props: SliderProps) {
   if (minimumTrackTintColor !== undefined) {
     modifiers.push(tintModifier(minimumTrackTintColor as string));
   }
+  if (accessibilityLabel !== undefined) {
+    modifiers.push(accessibilityLabelModifier(accessibilityLabel));
+  }
+  if (accessibilityHint !== undefined) {
+    modifiers.push(accessibilityHintModifier(accessibilityHint));
+  }
   return (
     <Host matchContents={{ vertical: true }} style={hostStyle} ignoreSafeArea="all">
       <SwiftUISlider
@@ -42,6 +56,7 @@ export function Slider(props: SliderProps) {
         step={step && step > 0 ? step : undefined}
         modifiers={modifiers.length > 0 ? modifiers : undefined}
         onValueChange={onValueChange}
+        testID={testID}
       />
     </Host>
   );

package/src/community/slider/Slider.tsx

@@ -21,6 +21,8 @@ export function Slider(props: SliderProps) {
     minimumTrackTintColor,
     onValueChange,
     style,
+    accessibilityLabel,
+    testID,
   } = props;
   const clamp = (v: number) =>
     Math.min(upperLimit ?? Infinity, Math.max(lowerLimit ?? -Infinity, v));
@@ -32,6 +34,8 @@ export function Slider(props: SliderProps) {
       step={step && step > 0 ? step : 'any'}
       value={clamp(value ?? 0)}
       disabled={disabled}
+      aria-label={accessibilityLabel}
+      data-testid={testID}
       onChange={(e) => onValueChange?.(clamp(e.target.valueAsNumber))}
       style={{
         ...(StyleSheet.flatten(style) as React.CSSProperties),

package/src/community/slider/types.tsx

@@ -72,4 +72,18 @@ export interface SliderProps {
    * Used to style and layout the Slider.
    */
   style?: StyleProp<ViewStyle>;
+  /**
+   * What screen readers (VoiceOver, TalkBack) announce for the slider before its value.
+   * Without it, the slider is announced by its value alone.
+   */
+  accessibilityLabel?: string;
+  /**
+   * Describes what adjusting the slider does. Screen readers read it after the label and value.
+   * @platform ios
+   */
+  accessibilityHint?: string;
+  /**
+   * Used to locate this view in end-to-end tests.
+   */
+  testID?: string;
 }

package/src/swift-ui/Host/index.tsx

@@ -6,7 +6,7 @@ import { NativeTreeContext, useWarnIfNestedHost } from '../../NativeTreeContext'
 import { TextInputHostProvider, useTextInputHostRef } from '../../keyboard';
 import { useMergeRefs } from '../../utils/useMergeRefs';
 import { createViewModifierEventListener } from '../modifiers/utils';
-import { type CommonViewModifierProps } from '../types';
+import { type Alignment, type CommonViewModifierProps } from '../types';
 
 export interface HostProps extends CommonViewModifierProps {
   /**
@@ -16,6 +16,17 @@ export interface HostProps extends CommonViewModifierProps {
    */
   matchContents?: boolean | { vertical?: boolean; horizontal?: boolean };
 
+  /**
+   * The position of the SwiftUI content inside the host when their sizes differ. The sizes differ
+   * when the host is larger than its content, and while the content of a `matchContents` host
+   * animates to a new size. Setting it to the edge that the host is anchored to in its React
+   * Native layout keeps that edge still. For example, a host at the end of a row uses `'trailing'`.
+   * It also aligns the host's children with each other. Leading and trailing follow
+   * `layoutDirection`.
+   * @default 'topLeading'
+   */
+  alignment?: Alignment;
+
   /**
    * When true and no explicit size is provided, the host will use the viewport size as the proposed size for SwiftUI layout.
    * This is particularly useful for SwiftUI views that need to fill their available space, such as `Form`.

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

@@ -1 +0,0 @@
-c93ae24122a8c0fdf6031662c20d7ab1

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

@@ -1 +0,0 @@
-0280a28f44e2219abbc8ce054003200350f1dcc7

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

@@ -1 +0,0 @@
-ea72887593516448266e9bc6baf03968872b368955a35eb088ea2ff6704a1554

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

@@ -1 +0,0 @@
-a6322f157112637387e22d8a67960dd950773126129ee71be541575898307ddec6c5f16bb581ed0706a2f3694b40ba69bbec78060759038aaddca1f93084bf8b

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

@@ -1 +0,0 @@
-28a30050a820f67ff0fb27470cb4f591

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

@@ -1 +0,0 @@
-d556d91a38a29be6a7ba659601e3a6b6aa33de81

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

@@ -1 +0,0 @@
-41cc6e28b0897992415819e13a13dc98d98755c22d717cfb456dfb169d6f620f

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

@@ -1 +0,0 @@
-5c5379544047a4326c296a599c1120e912f99ff4a427def0cfb7455ee1e9b4c99c51d36294ea4c023019a7ef565e85ffc1a3db6b1c812ae5a071d163d51ce385