@expo/ui 57.0.10 → 57.0.12

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

@@ -0,0 +1 @@
+8feb6c5213343355b543cddfedde01251c5a8a9067aa01efb89fe663b2a0e04f3284ab62ed2c9a2f8e65305691f61dd248ba2fdbc3dc7415c5d09ced6425edd1

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.10/expo.modules.ui-57.0.10.module → 57.0.12/expo.modules.ui-57.0.12.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "57.0.10",
+    "version": "57.0.12",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.10.aar",
-          "url": "expo.modules.ui-57.0.10.aar",
-          "size": 1947071,
-          "sha512": "65dd5f448fa7a5db1112becf801262b96f1ded388023a72616e1623ed9eb3fa1aaa25e479db58ee56aed07e97a1e5d72c3b66c4eecd6c8de39f67f92c1dbf993",
-          "sha256": "497fae34b972934a9eb0ae4b1343527eb1e5f872ad97c44de758d4e3095cf2d9",
-          "sha1": "128612487df27ee99651882fde63af29121cec37",
-          "md5": "b64c5776b5d32cb3e45c463040737d7a"
+          "name": "expo.modules.ui-57.0.12.aar",
+          "url": "expo.modules.ui-57.0.12.aar",
+          "size": 1988885,
+          "sha512": "8feb6c5213343355b543cddfedde01251c5a8a9067aa01efb89fe663b2a0e04f3284ab62ed2c9a2f8e65305691f61dd248ba2fdbc3dc7415c5d09ced6425edd1",
+          "sha256": "cdc531cad279eabcfce2c71e778614be0e16c45c77222fe4fa51fcbd7991e30b",
+          "sha1": "2ba19351886430ec818130eab431ce8143a56693",
+          "md5": "4508cfcae86a661e2c66bbf15b5909b0"
         }
       ]
     },
@@ -141,13 +141,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-57.0.10.aar",
-          "url": "expo.modules.ui-57.0.10.aar",
-          "size": 1947071,
-          "sha512": "65dd5f448fa7a5db1112becf801262b96f1ded388023a72616e1623ed9eb3fa1aaa25e479db58ee56aed07e97a1e5d72c3b66c4eecd6c8de39f67f92c1dbf993",
-          "sha256": "497fae34b972934a9eb0ae4b1343527eb1e5f872ad97c44de758d4e3095cf2d9",
-          "sha1": "128612487df27ee99651882fde63af29121cec37",
-          "md5": "b64c5776b5d32cb3e45c463040737d7a"
+          "name": "expo.modules.ui-57.0.12.aar",
+          "url": "expo.modules.ui-57.0.12.aar",
+          "size": 1988885,
+          "sha512": "8feb6c5213343355b543cddfedde01251c5a8a9067aa01efb89fe663b2a0e04f3284ab62ed2c9a2f8e65305691f61dd248ba2fdbc3dc7415c5d09ced6425edd1",
+          "sha256": "cdc531cad279eabcfce2c71e778614be0e16c45c77222fe4fa51fcbd7991e30b",
+          "sha1": "2ba19351886430ec818130eab431ce8143a56693",
+          "md5": "4508cfcae86a661e2c66bbf15b5909b0"
         }
       ]
     },
@@ -161,13 +161,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-57.0.10-sources.jar",
-          "url": "expo.modules.ui-57.0.10-sources.jar",
-          "size": 95127,
-          "sha512": "6773d96e9e4bc26584cb012c44b9e9f6afd9d4d099aa7c93eb35a2089a77b71155a671302db4a9f9d97267c310ad266476d2bbb04ce77cc4fa36f7b3e262e696",
-          "sha256": "daa8952f564fc49bf1e8248beaa2f2bc5f305c02f01f9ea9f9209323034d7cdf",
-          "sha1": "ab9529856e2d9014c4500bd026ef87271d46390e",
-          "md5": "861e2a9fc90c0f77fb3e0c4b1e733bda"
+          "name": "expo.modules.ui-57.0.12-sources.jar",
+          "url": "expo.modules.ui-57.0.12-sources.jar",
+          "size": 98169,
+          "sha512": "bee3386af6f699916c5f3b09c72510621403743e5e887bf0e60d13142304a97964289f39f1fe79355ca9127cc02dfc88cf2d21bbfa4638ed4b9446de05030856",
+          "sha256": "3f5266c79c694c7d3ae5a885827d2dfb4ae922a9f66fceca406cd7556b753ac0",
+          "sha1": "dabe60c8f675eb6123187ef607915dccbeb79789",
+          "md5": "46f030ed2d5faa9fc07df319df125512"
         }
       ]
     }

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

@@ -0,0 +1 @@
+e5ac93703a61ae630a0dd0c0e6d369f3

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

@@ -0,0 +1 @@
+64563430ecb895ad72e936b019402ccd7c9e6c89

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

@@ -0,0 +1 @@
+a615e1f0a09d6a7e76aba8b907fde6ffae9af29c50e411d880ba36a30908ccdb

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

@@ -0,0 +1 @@
+fab8c1e40a8d6e25b66e77c977f415a05a3c4f6b5dcafb461c3a1be165b8db57f21b6cce4b46446a7855090b367fd38ff678b6d48e807dc22712d5e207cd9336

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{57.0.10/expo.modules.ui-57.0.10.pom → 57.0.12/expo.modules.ui-57.0.12.pom}

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

@@ -0,0 +1 @@
+a337a557c57ffe7e752768ab50d3a6b5

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

@@ -0,0 +1 @@
+dcf4640e9a602afa20af004bae13cdcb182d7cc6

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

@@ -0,0 +1 @@
+3f88190776e8ff18c8b42b46ee0b8b4e2a827cf671160966b6a3e1e62301f913

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

@@ -0,0 +1 @@
+62c5c2b27746a876d4db64eef13f596835a2f876c0808457d1a82b38fc93e7e5e667a11a5cbcb603efa58ff10b9001981bb347f99b6bd009e452445c80299689

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>57.0.10</latest>
-    <release>57.0.10</release>
+    <latest>57.0.12</latest>
+    <release>57.0.12</release>
     <versions>
-      <version>57.0.10</version>
+      <version>57.0.12</version>
     </versions>
-    <lastUpdated>20260810153637</lastUpdated>
+    <lastUpdated>20260820103851</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-da44b67308586f65f45fa25667245d1c
+990a1e6f470f0ae61d641c01c2510f97

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

@@ -1 +1 @@
-22a8e047065b96bd73e0f7bb1405c504b5a2a8e1
+a6d138ba3ecd66801bb35f9d23a69cef22d0b0e8

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

@@ -1 +1 @@
-a1e7bc770193ea69ab038636d960b7f19355c8d8edd8ce3c695b37415f38b7c5
+d98cea313be8b245d8c8b9dd4455ddaa2f5259a8e9a55b19079afd698133e01e

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

@@ -1 +1 @@
-40cf745d08c291af78fd00c69f643740133f5924549f799854510578ca89c37e026a8798477e3d5340f9a6f2674536364930445954526b8629fa14351ff1b906
+6d33dd52cf942431a652c01906b58f2765c791f457597f8757a98d8d6dfa2a2af5ed9715aca0c28ceb9ab615b01198d6126dd48f1745762560d41d845507f374

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "57.0.10",
+  "version": "57.0.12",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js",
@@ -96,8 +96,8 @@
     "@types/react": "~19.2.0",
     "react-native-reanimated": "4.5.1",
     "react-native-worklets": "0.10.1",
-    "expo-module-scripts": "56.0.3",
-    "expo": "57.0.12"
+    "expo": "57.0.15",
+    "expo-module-scripts": "56.0.3"
   },
   "jest": {
     "preset": "expo-module-scripts"
@@ -121,7 +121,7 @@
       "optional": true
     }
   },
-  "gitHead": "9a08ef16f8abc1788dec0014612be5eeb5dc03af",
+  "gitHead": "499024a441d67293aa60afcbe02051999a54f1bb",
   "scripts": {
     "build": "expo-module build",
     "clean": "expo-module clean",

package/src/State/useWorkletProp.ts

@@ -1,10 +1,23 @@
 import { requireNativeModule } from 'expo';
-import { type SharedObject, useReleasingSharedObject } from 'expo-modules-core';
+import { type SharedObject, useReleasingSharedObjectWithLifecycle } from 'expo-modules-core';
 
 import { worklets } from './optionalWorklets';
 
 const ExpoUI = requireNativeModule('ExpoUI');
 
+function createSerializable(callback?: (...args: any[]) => void, propName?: string) {
+  if (!callback || !worklets) {
+    return null;
+  }
+  if (!worklets.isWorkletFunction(callback)) {
+    const name = propName ? `'${propName}'` : 'The callback';
+    throw new Error(
+      `${name} must be a worklet function. Add the 'worklet' directive as the first statement in your callback.`
+    );
+  }
+  return worklets.createSerializable(callback);
+}
+
 /**
  * Creates a `WorkletCallback` SharedObject that wraps a worklet function.
  * The SharedObject's integer ID survives React's prop serialization,
@@ -16,17 +29,21 @@ export function useWorkletProp(
   callback?: (...args: any[]) => void,
   propName?: string
 ): SharedObject | null {
-  return useReleasingSharedObject(() => {
-    if (!callback || !worklets) {
-      return null;
-    }
-    try {
-      return new ExpoUI.WorkletCallback(worklets.createSerializable(callback));
-    } catch {
-      const name = propName ? `'${propName}'` : 'The callback';
-      throw new Error(
-        `${name} must be a worklet function. Add the 'worklet' directive as the first statement in your callback.`
-      );
-    }
-  }, [callback]);
+  return useReleasingSharedObjectWithLifecycle(
+    {
+      factory: () => {
+        const serializable = createSerializable(callback, propName);
+        return serializable ? new ExpoUI.WorkletCallback(serializable) : null;
+      },
+      // Only removing the callback needs a different object.
+      shouldRecreate: () => !callback,
+      update: (object) => {
+        const serializable = createSerializable(callback, propName);
+        if (serializable) {
+          object.setWorklet(serializable);
+        }
+      },
+    },
+    [callback]
+  );
 }

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

@@ -0,0 +1,149 @@
+import { requireNativeView } from 'expo';
+import {
+  Image as ReactNativeImage,
+  type ColorValue,
+  type ImageResolvedAssetSource,
+} from 'react-native';
+
+import { type ViewEvent } from '../../types';
+import { type ContentAlignment, type PrimitiveBaseProps, transformProps } from '../layout-types';
+
+/** Controls how an image is scaled inside its bounds. */
+export type ImageContentScale =
+  | 'fit'
+  | 'crop'
+  | 'fillBounds'
+  | 'fillWidth'
+  | 'fillHeight'
+  | 'inside'
+  | 'none';
+
+/** A bundled image or a single URI-based image source. */
+export type ImageSource =
+  | number
+  | {
+      uri: string;
+      width?: number;
+      height?: number;
+      scale?: number;
+    };
+
+export interface ImageProps extends PrimitiveBaseProps {
+  /**
+   * A bundled image or an object containing a single local or remote URI.
+   *
+   * @example
+   * ```tsx
+   * <Image source={require('./photo.png')} />
+   * <Image source={{ uri: 'file:///path/to/photo.png' }} />
+   * ```
+   */
+  source: ImageSource;
+
+  /**
+   * How the image should be scaled to fit its bounds.
+   * @default 'fit'
+   *
+   * @example
+   * ```tsx
+   * <Image source={require('./photo.png')} contentScale="crop" />
+   * ```
+   */
+  contentScale?: ImageContentScale;
+
+  /**
+   * How the image should be aligned within its bounds.
+   * @default 'center'
+   */
+  alignment?: ContentAlignment;
+
+  /**
+   * Accessibility label for the image.
+   * Used by screen readers to describe the image to users.
+   * Use `null` for decorative images.
+   *
+   * @example
+   * ```tsx
+   * <Image
+   *   source={require('./photo.png')}
+   *   contentDescription="A mountain at sunset"
+   * />
+   * ```
+   */
+  contentDescription?: string | null;
+
+  /**
+   * Optional color applied to every non-transparent image pixel.
+   *
+   * @example
+   * ```tsx
+   * <Image source={require('./icon.png')} tint="#007AFF" />
+   * <Image source={require('./icon.png')} tint="blue" />
+   * ```
+   */
+  tint?: ColorValue;
+
+  /**
+   * Opacity of the image between `0` and `1`.
+   * @default 1
+   *
+   * @example
+   * ```tsx
+   * <Image source={require('./icon.png')} alpha={0.5} />
+   * ```
+   */
+  alpha?: number;
+
+  /**
+   * Callback that is called when the image loads successfully.
+   */
+  onLoad?: () => void;
+
+  /**
+   * Callback that is called when the image fails to load.
+   */
+  onError?: (error: string) => void;
+}
+
+/** @hidden */
+export type NativeImageProps = Omit<ImageProps, 'source' | 'onLoad' | 'onError'> &
+  ViewEvent<'onLoad', void> &
+  ViewEvent<'onError', { error: string }> & {
+    source: ImageResolvedAssetSource | null;
+  };
+
+const ImageNativeView: React.ComponentType<NativeImageProps> = requireNativeView(
+  'ExpoUI',
+  'ImageView'
+);
+
+/**
+ * Displays an image using Jetpack Compose.
+ *
+ * Size the image with modifiers such as `size`, `width`, `height`, or `fillMaxSize`.
+ *
+ * @example
+ * ```tsx
+ * import { Image } from '@expo/ui/jetpack-compose';
+ * import { size } from '@expo/ui/jetpack-compose/modifiers';
+ *
+ * <Image
+ *   source={require('./photo.png')}
+ *   contentScale="crop"
+ *   contentDescription="A mountain at sunset"
+ *   modifiers={[size(160, 100)]}
+ * />
+ * ```
+ */
+export function Image(props: ImageProps) {
+  const { source, onLoad, onError, ...restProps } = props;
+
+  return (
+    <ImageNativeView
+      {...transformProps(restProps)}
+      source={ReactNativeImage.resolveAssetSource(source)}
+      onLoad={onLoad}
+      onError={onError ? ({ nativeEvent }) => onError(nativeEvent.error) : undefined}
+    />
+  );
+}

package/src/jetpack-compose/index.ts

@@ -10,6 +10,7 @@ export * from './Chip';
 export * from './Button';
 export * from './colors';
 export * from './Icon';
+export * from './Image';
 export * from './IconButton';
 export * from './DropdownMenu';
 export * from './ExposedDropdownMenuBox';

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

@@ -73,6 +73,7 @@ function Alert(props: AlertProps) {
   return (
     <AlertNativeView
       {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      modifiers={modifiers}
       {...restProps}
       onIsPresentedChange={handleIsPresentedChange}>
       {children}

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

@@ -76,6 +76,7 @@ function ConfirmationDialog(props: ConfirmationDialogProps) {
   return (
     <ConfirmationDialogNativeView
       {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      modifiers={modifiers}
       {...restProps}
       onIsPresentedChange={handleIsPresentedChange}>
       {children}

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

@@ -30,6 +30,7 @@ export function Overlay(props: OverlayProps) {
   return (
     <OverlayNativeView
       {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      modifiers={modifiers}
       {...restProps}>
       {children}
     </OverlayNativeView>

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

@@ -56,6 +56,7 @@ export function Popover(props: PopoverViewProps) {
   return (
     <PopoverNativeView
       {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      modifiers={modifiers}
       {...restProps}
       isPresented={isPresented}
       onIsPresentedChange={handleIsPresentedChange}>

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

@@ -1,4 +1,5 @@
 import { requireNativeView } from 'expo';
+import { useRef } from 'react';
 import type { NativeSyntheticEvent } from 'react-native';
 
 import { Slot } from '../SlotView';
@@ -57,7 +58,8 @@ type NativeSliderProps = Omit<
   SliderProps,
   'onValueChange' | 'onEditingChanged' | 'label' | 'minimumValueLabel' | 'maximumValueLabel'
 > & {
-  onValueChanged?: (event: NativeSyntheticEvent<{ value: number }>) => void;
+  mostRecentEventCount?: number;
+  onValueChanged?: (event: NativeSyntheticEvent<{ value: number; eventCount: number }>) => void;
   onEditingChanged?: (event: NativeSyntheticEvent<{ isEditing: boolean }>) => void;
   children?: React.ReactNode;
 };
@@ -67,7 +69,10 @@ const SliderNativeView: React.ComponentType<NativeSliderProps> = requireNativeVi
   'SliderView'
 );
 
-function transformSliderProps(props: SliderProps): NativeSliderProps {
+function transformSliderProps(
+  props: SliderProps,
+  eventCount: { current: number }
+): NativeSliderProps {
   const {
     label,
     minimumValueLabel,
@@ -78,11 +83,11 @@ function transformSliderProps(props: SliderProps): NativeSliderProps {
   } = props;
   return {
     ...restProps,
-    onValueChanged: onValueChange
-      ? ({ nativeEvent: { value } }) => {
-          onValueChange(value);
-        }
-      : undefined,
+    mostRecentEventCount: eventCount.current,
+    onValueChanged: ({ nativeEvent: { value, eventCount: nativeEventCount } }) => {
+      eventCount.current = nativeEventCount;
+      onValueChange?.(value);
+    },
     onEditingChanged: onEditingChanged
       ? ({ nativeEvent: { isEditing } }) => {
           onEditingChanged(isEditing);
@@ -93,9 +98,10 @@ function transformSliderProps(props: SliderProps): NativeSliderProps {
 
 export function Slider(props: SliderProps) {
   const { label, minimumValueLabel, maximumValueLabel } = props;
+  const eventCount = useRef(0);
 
   return (
-    <SliderNativeView {...transformSliderProps(props)}>
+    <SliderNativeView {...transformSliderProps(props, eventCount)}>
       {label && <Slot name="label">{label}</Slot>}
       {minimumValueLabel && <Slot name="minimum">{minimumValueLabel}</Slot>}
       {maximumValueLabel && <Slot name="maximum">{maximumValueLabel}</Slot>}

package/src/swift-ui/modifiers/index.ts

@@ -88,6 +88,23 @@ export const matchedGeometryEffect = (
   }
 ) => createModifier('matchedGeometryEffect', { id, namespaceId, ...options });
 
+/**
+ * Isolates the geometry (e.g. position and size) of the view from its parent view.
+ *
+ * @example
+ * ```tsx
+ * <VStack modifiers={[animation(Animation.spring(), isBusy)]}>
+ *   {isBusy ? <Text>Working…</Text> : null}
+ *   <Button label="Check now" modifiers={[geometryGroup()]} />
+ * </VStack>
+ * ```
+ *
+ * @platform ios 17.0+
+ * @platform tvos 17.0+
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/geometrygroup()).
+ */
+export const geometryGroup = () => createModifier('geometryGroup', {});
+
 /**
  * Sets the frame properties of a view.
  * @param params - The frame parameters. Width, height, minWidth, maxWidth, minHeight, maxHeight, idealWidth, idealHeight and alignment.
@@ -140,18 +157,26 @@ export const containerRelativeFrame = (params: {
 
 /**
  * Sets padding on a view.
- * Supports individual edges or shorthand properties.
+ * Supports individual edges or shorthand properties. Every edge accepts a length in points or
+ * `'default'` to apply the system default padding to that edge. Edges set by a specific property
+ * take precedence over the shorthand ones, and unspecified edges get no padding.
+ * Calling it without parameters applies the system default padding to all edges.
  * @param params - The padding parameters: `top`, `bottom`, `leading`, `trailing`, `horizontal`, `vertical` and `all`.
  * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/SwiftUI/View/padding(_:_:)).
+ * @example
+ * ```tsx
+ * // The system default padding on top, 12 points on the sides, nothing at the bottom.
+ * <Text modifiers={[padding({ top: 'default', horizontal: 12 })]}>Hello</Text>
+ * ```
  */
 export const padding = (params?: {
-  top?: number;
-  bottom?: number;
-  leading?: number;
-  trailing?: number;
-  horizontal?: number;
-  vertical?: number;
-  all?: number;
+  top?: number | 'default';
+  bottom?: number | 'default';
+  leading?: number | 'default';
+  trailing?: number | 'default';
+  horizontal?: number | 'default';
+  vertical?: number | 'default';
+  all?: number | 'default';
 }) => createModifier('padding', params);
 
 /**
@@ -671,6 +696,30 @@ export const buttonBorderShape = (
 export const toggleStyle = (style: 'automatic' | 'switch' | 'button') =>
   createModifier('toggleStyle', { style });
 
+/**
+ * Sets the style for menus within this view.
+ * @param style - The menu style. Combine `'button'` with `buttonStyle('plain')` and
+ * `menuIndicator('hidden')` to render the menu's own label as the entire trigger, without any
+ * surrounding button chrome or disclosure chevron.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/menustyle(_:)).
+ * @platform ios
+ * @platform tvos 17.0+
+ */
+export const menuStyle = (style: 'automatic' | 'button') => createModifier('menuStyle', { style });
+
+/**
+ * Sets the visibility of the menu indicator, the disclosure chevron drawn next to a menu's label.
+ * @param visibility - Indicator visibility:
+ * - `'automatic'`: platform-default behavior.
+ * - `'visible'`: show the indicator.
+ * - `'hidden'`: hide the indicator.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/menuindicator(_:)).
+ * @platform ios
+ * @platform tvos 17.0+
+ */
+export const menuIndicator = (visibility: 'automatic' | 'visible' | 'hidden') =>
+  createModifier('menuIndicator', { visibility });
+
 /**
  * Sets the size of controls within this view.
  * @param size - The control size.
@@ -1063,6 +1112,15 @@ export const listRowSeparator = (
   edges?: 'all' | 'top' | 'bottom'
 ) => createModifier('listRowSeparator', { visibility, edges });
 
+/**
+ * Sets the tint color of the separator for a list row.
+ * @param color - The color to apply to the separator (hex string). For example, `#FF0000`. When omitted, the default separator color is used.
+ * @param edges - The edges where the separator tint applies.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/view/listrowseparatortint(_:edges:)).
+ */
+export const listRowSeparatorTint = (color?: Color, edges?: 'all' | 'top' | 'bottom') =>
+  createModifier('listRowSeparatorTint', { color, edges });
+
 /**
  * Sets the vertical spacing between adjacent rows in a list.
  * @param spacing - The spacing value to use. When omitted, the default spacing is used.
@@ -1637,6 +1695,8 @@ export type BuiltInModifier =
   | ReturnType<typeof buttonStyle>
   | ReturnType<typeof buttonBorderShape>
   | ReturnType<typeof toggleStyle>
+  | ReturnType<typeof menuStyle>
+  | ReturnType<typeof menuIndicator>
   | ReturnType<typeof controlSize>
   | ReturnType<typeof imageScale>
   | ReturnType<typeof labelStyle>
@@ -1660,6 +1720,7 @@ export type BuiltInModifier =
   | ReturnType<typeof clipped>
   | ReturnType<typeof glassEffect>
   | ReturnType<typeof glassEffectId>
+  | ReturnType<typeof geometryGroup>
   | ReturnType<typeof animation>
   | ReturnType<typeof containerShape>
   | ReturnType<typeof contentShape>
@@ -1680,6 +1741,7 @@ export type BuiltInModifier =
   | ReturnType<typeof environment>
   | ReturnType<typeof listRowBackground>
   | ReturnType<typeof listRowSeparator>
+  | ReturnType<typeof listRowSeparatorTint>
   | ReturnType<typeof listRowSpacing>
   | ReturnType<typeof truncationMode>
   | ReturnType<typeof allowsTightening>

package/src/universal/BottomSheet/index.android.tsx

@@ -8,6 +8,7 @@ import {
 import { useEffect, useRef, useState } from 'react';
 
 import type { BottomSheetProps, SnapPoint } from './types';
+import { resolveContentPadding } from './utils';
 
 // M3 `ModalBottomSheet` only has partial/expanded states.
 // Only allow the partial state when the consumer requested a partial-friendly snap point.
@@ -38,6 +39,8 @@ export function BottomSheet({
   snapPoints,
   testID,
   modifiers,
+  shouldDismissOnBackPress = true,
+  contentPadding,
 }: BottomSheetProps) {
   const sheetRef = useRef<ModalBottomSheetRef>(null);
   const [mount, setMount] = useState(isPresented);
@@ -60,7 +63,15 @@ export function BottomSheet({
     return null;
   }
 
-  const contentModifiers: ModifierConfig[] = [padding(16, showDragIndicator ? 0 : 16, 16, 0)];
+  // When the drag handle is hidden, the default inset adds top padding so content doesn't crop
+  // against the top edge of the sheet.
+  const { top, bottom, left, right } = resolveContentPadding(contentPadding, {
+    top: showDragIndicator ? 0 : 16,
+    bottom: 0,
+    left: 16,
+    right: 16,
+  });
+  const contentModifiers: ModifierConfig[] = [padding(left, top, right, bottom)];
   if (shouldFillMaxHeight(snapPoints)) contentModifiers.push(fillMaxHeight());
   if (testID) contentModifiers.push(testIDModifier(testID));
 
@@ -71,8 +82,8 @@ export function BottomSheet({
         onDismissRequest={onDismiss}
         showDragHandle={showDragIndicator}
         skipPartiallyExpanded={shouldSkipPartiallyExpanded(snapPoints)}
+        properties={{ shouldDismissOnBackPress }}
         modifiers={modifiers}>
-        {/* When the drag handle is hidden, add top padding so content doesn't crop against the top edge of the sheet. */}
         <Column modifiers={contentModifiers}>{children}</Column>
       </ModalBottomSheet>
     </Host>