@expo/ui 57.0.14 → 57.0.16

package/build/swift-ui/modifiers/presentationModifiers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"presentationModifiers.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/presentationModifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAC;AAE1B;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhG;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,kBAAkB,EAAE,EAC7B,UAAU;IACR,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC1D,KACA,cAeF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GAAI,YAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,mBAC3B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,qCAAqC,GAC7C,WAAW,GACX,SAAS,GACT,UAAU,GACV;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,MAAM,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE7D;;;;;;GAMG;AACH,eAAO,MAAM,iCAAiC,GAC5C,aAAa,qCAAqC,mBASnD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,mBACC,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAY,OAAc,mBACP,CAAC;AAE/D;;;;;;;;;GASG;AACH,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9E;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,sBAAsB,mBACf,CAAC"}
+{"version":3,"file":"presentationModifiers.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/presentationModifiers.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACpB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhG;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,GAC9B,SAAS,kBAAkB,EAAE,EAC7B,UAAU;IACR,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAC1D,KACA,cAeF,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,GAAI,YAAY,WAAW,GAAG,SAAS,GAAG,QAAQ,mBAC3B,CAAC;AAE9D;;GAEG;AACH,MAAM,MAAM,qCAAqC,GAC7C,WAAW,GACX,SAAS,GACT,UAAU,GACV;IAAE,IAAI,EAAE,kBAAkB,CAAC;IAAC,MAAM,EAAE,kBAAkB,CAAA;CAAE,CAAC;AAE7D;;;;;;GAMG;AACH,eAAO,MAAM,iCAAiC,GAC5C,aAAa,qCAAqC,mBASnD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,KAAK,mBACE,CAAC;AAEtD;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAY,OAAc,mBACP,CAAC;AAE/D;;;;;;;;;GASG;AACH,MAAM,MAAM,sBAAsB,GAAG,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAE9E;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAQ,sBAAsB,mBACf,CAAC"}

package/build/swift-ui/modifiers/shapeStyle.d.ts

@@ -0,0 +1,54 @@
+import type { Color } from './types';
+/**
+ * A style that paints an area, mirroring SwiftUI's `ShapeStyle`.
+ * A bare color is a shorthand for `{ type: 'color', color }`.
+ * @see Official [SwiftUI documentation](https://developer.apple.com/documentation/swiftui/shapestyle).
+ */
+export type ShapeStyle = Color | {
+    type: 'color';
+    color: Color;
+} | {
+    type: 'hierarchical';
+    style: 'primary' | 'secondary' | 'tertiary' | 'quaternary' | 'quinary';
+} | {
+    /**
+     * A blurred backdrop that samples the content behind the view and adapts to the current
+     * color scheme. `'bar'` has no tvOS counterpart and is ignored there.
+     */
+    type: 'material';
+    material: 'ultraThin' | 'thin' | 'regular' | 'thick' | 'ultraThick' | 'bar';
+} | {
+    type: 'linearGradient';
+    colors: Color[];
+    startPoint: {
+        x: number;
+        y: number;
+    };
+    endPoint: {
+        x: number;
+        y: number;
+    };
+} | {
+    type: 'radialGradient';
+    colors: Color[];
+    center: {
+        x: number;
+        y: number;
+    };
+    startRadius: number;
+    endRadius: number;
+} | {
+    type: 'angularGradient';
+    colors: Color[];
+    center: {
+        x: number;
+        y: number;
+    };
+};
+/**
+ * Normalizes a style into the shape the native side reads. A `Color` may itself be an object
+ * (for example the one returned by `PlatformColor`), so a style is only treated as a tagged
+ * variant when it carries a `type` field.
+ */
+export declare function resolveShapeStyle(style: ShapeStyle): Record<string, any>;
+//# sourceMappingURL=shapeStyle.d.ts.map

package/build/swift-ui/modifiers/shapeStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shapeStyle.d.ts","sourceRoot":"","sources":["../../../src/swift-ui/modifiers/shapeStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAErC;;;;GAIG;AACH,MAAM,MAAM,UAAU,GAClB,KAAK,GACL;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,GAC/B;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,GAAG,SAAS,CAAC;CACxE,GACD;IACE;;;OAGG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,EAAE,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,YAAY,GAAG,KAAK,CAAC;CAC7E,GACD;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,UAAU,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACpC,GACD;IACE,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACnB,GACD;IACE,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAClC,CAAC;AAEN;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAQxE"}

package/build/universal/BottomSheet/index.android.d.ts

@@ -1,4 +1,4 @@
 import type { BottomSheetProps } from './types';
-export declare function BottomSheet({ children, isPresented, onDismiss, showDragIndicator, snapPoints, testID, modifiers, shouldDismissOnBackPress, shouldDismissOnClickOutside, scrimColor, contentPadding, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function BottomSheet({ children, isPresented, onDismiss, showDragIndicator, snapPoints, testID, modifiers, shouldDismissOnBackPress, shouldDismissOnClickOutside, scrimColor, contentPadding, containerColor, contentColor, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element | null;
 export * from './types';
 //# sourceMappingURL=index.android.d.ts.map

package/build/universal/BottomSheet/index.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.android.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/index.android.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAwB3D,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,iBAAwB,EACxB,UAAU,EACV,MAAM,EACN,SAAS,EACT,wBAA+B,EAC/B,2BAAkC,EAClC,UAAU,EACV,cAAc,GACf,EAAE,gBAAgB,kDAgDlB;AAED,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.android.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/index.android.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAwB3D,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,iBAAwB,EACxB,UAAU,EACV,MAAM,EACN,SAAS,EACT,wBAA+B,EAC/B,2BAAkC,EAClC,UAAU,EACV,cAAc,EACd,cAAc,EACd,YAAY,GACb,EAAE,gBAAgB,kDAkDlB;AAED,cAAc,SAAS,CAAC"}

package/build/universal/BottomSheet/index.d.ts

@@ -2,6 +2,6 @@ import type { BottomSheetProps } from './types';
 /**
  * A modal sheet that slides up from the bottom of the screen.
  */
-export declare function BottomSheet({ children, isPresented, onDismiss, showDragIndicator, snapPoints, testID, contentPadding, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function BottomSheet({ children, isPresented, onDismiss, showDragIndicator, snapPoints, testID, contentPadding, containerColor, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/build/universal/BottomSheet/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAuB3D;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,iBAAwB,EACxB,UAAU,EACV,MAAM,EACN,cAAc,GACf,EAAE,gBAAgB,2CAgDlB;AAuCD,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAuB3D;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,iBAAwB,EACxB,UAAU,EACV,MAAM,EACN,cAAc,EACd,cAAc,GACf,EAAE,gBAAgB,2CAmDlB;AAuCD,cAAc,SAAS,CAAC"}

package/build/universal/BottomSheet/index.ios.d.ts

@@ -1,4 +1,4 @@
 import type { BottomSheetProps } from './types';
-export declare function BottomSheet({ children, isPresented, onDismiss, showDragIndicator, snapPoints, testID, modifiers, contentPadding, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function BottomSheet({ children, isPresented, onDismiss, showDragIndicator, snapPoints, testID, modifiers, contentPadding, containerColor, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
 export * from './types';
 //# sourceMappingURL=index.ios.d.ts.map

package/build/universal/BottomSheet/index.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.ios.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/index.ios.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAS3D,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,iBAAwB,EACxB,UAAU,EACV,MAAM,EACN,SAAS,EACT,cAAc,GACf,EAAE,gBAAgB,2CAgClB;AAED,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.ios.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/index.ios.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAS3D,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,SAAS,EACT,iBAAwB,EACxB,UAAU,EACV,MAAM,EACN,SAAS,EACT,cAAc,EACd,cAAc,GACf,EAAE,gBAAgB,2CAmClB;AAED,cAAc,SAAS,CAAC"}

package/build/universal/BottomSheet/types.d.ts

@@ -98,5 +98,25 @@ export interface BottomSheetProps {
      * from `@expo/ui/swift-ui/modifiers` or `@expo/ui/jetpack-compose/modifiers`.
      */
     modifiers?: ModifierConfig[];
+    /**
+     * The sheet's own background color, painting its full chrome (including the
+     * drag-indicator zone and, on iOS, the home-indicator safe-area inset).
+     * When omitted, each platform keeps its own default.
+     *
+     * This only paints the background. `children` are React Native views on
+     * every platform, so they don't pick up a contrasting text color
+     * automatically -- set one explicitly if you use a dark `containerColor`.
+     * @platform android
+     * @platform ios 16.4+
+     * @platform web
+     */
+    containerColor?: ColorValue;
+    /**
+     * The preferred color for native Compose content that doesn't set its own
+     * color. Doesn't reach a `BottomSheet`'s (React Native) `children` -- see
+     * `containerColor`'s doc.
+     * @platform android
+     */
+    contentColor?: ColorValue;
 }
 //# sourceMappingURL=types.d.ts.map

package/build/universal/BottomSheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GACjC,MAAM,GACN;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,yBAAyB,CAAC;IAE3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/BottomSheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpF;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GACjC,MAAM,GACN;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IAEzB;;;;;;;;OAQG;IACH,cAAc,CAAC,EAAE,yBAAyB,CAAC;IAE3C;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC;;;;;OAKG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IAEtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAE7B;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;CAC3B"}

package/build/universal/ListItem/ListItem.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.android.d.ts","sourceRoot":"","sources":["../../../src/universal/ListItem/ListItem.android.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAW7C;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAqC5C;AAED,cAAc,SAAS,CAAC"}
+{"version":3,"file":"ListItem.android.d.ts","sourceRoot":"","sources":["../../../src/universal/ListItem/ListItem.android.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAW7C;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAsC5C;AAED,cAAc,SAAS,CAAC"}

package/build/universal/ListItem/types.d.ts

@@ -1,5 +1,19 @@
 import type { ReactNode } from 'react';
+import type { ColorValue } from 'react-native';
 import type { ModifierConfig } from '../../types';
+/**
+ * Colors for a `ListItem`'s row elements, matching Jetpack Compose's
+ * `ListItemDefaults.colors()` on Android.
+ * @platform android
+ */
+export interface ListItemColors {
+    containerColor?: ColorValue;
+    contentColor?: ColorValue;
+    leadingContentColor?: ColorValue;
+    trailingContentColor?: ColorValue;
+    supportingContentColor?: ColorValue;
+    overlineContentColor?: ColorValue;
+}
 /**
  * Props for the [`ListItem.Leading`](#listitemleading) slot marker.
  */
@@ -63,5 +77,10 @@ export interface ListItemProps {
      * its default `buttonStyle(.plain)`.
      */
     modifiers?: ModifierConfig[];
+    /**
+     * Row colors. Applied on Android via Compose's `ListItem.colors`.
+     * @platform android
+     */
+    colors?: ListItemColors;
 }
 //# sourceMappingURL=types.d.ts.map

package/build/universal/ListItem/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;CAC9B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/ListItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC7B,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,sBAAsB,CAAC,EAAE,UAAU,CAAC;IACpC,oBAAoB,CAAC,EAAE,UAAU,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,oDAAoD;IACpD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,mDAAmD;IACnD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAE7B;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB"}

package/build/universal/RNHostView/index.android.d.ts

@@ -2,6 +2,6 @@ import type { RNHostViewProps } from './types';
 /**
  * Hosts React Native views inside Jetpack Compose views.
  */
-export declare function RNHostView({ children, matchContents, style, onAppear, onDisappear, disabled, hidden, testID, modifiers: extraModifiers, }: RNHostViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function RNHostView({ children, matchContents, style, onAppear, onDisappear, disabled, hidden, testID, onLayout, modifiers: extraModifiers, }: RNHostViewProps): import("react/jsx-runtime").JSX.Element;
 export * from './types';
 //# sourceMappingURL=index.android.d.ts.map

package/build/universal/RNHostView/index.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.android.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/index.android.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EAAE,cAAc,GAC1B,EAAE,eAAe,2CAYjB;AAED,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.android.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/index.android.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EAAE,cAAc,GAC1B,EAAE,eAAe,2CAYjB;AAED,cAAc,SAAS,CAAC"}

package/build/universal/RNHostView/index.d.ts

@@ -2,6 +2,6 @@ import type { RNHostViewProps } from './types';
 /**
  * Hosts React Native views inside Jetpack Compose or SwiftUI views.
  */
-export declare function RNHostView({ children, style, onAppear, onDisappear, hidden, testID, matchContents, }: RNHostViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function RNHostView({ children, style, onAppear, onDisappear, hidden, testID, matchContents, onLayout, }: RNHostViewProps): import("react/jsx-runtime").JSX.Element;
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/build/universal/RNHostView/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAc,EACd,MAAM,EACN,aAAqB,GACtB,EAAE,eAAe,2CAcjB;AAED,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAS/C;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAc,EACd,MAAM,EACN,aAAqB,EACrB,QAAQ,GACT,EAAE,eAAe,2CAejB;AAED,cAAc,SAAS,CAAC"}

package/build/universal/RNHostView/index.ios.d.ts

@@ -2,6 +2,6 @@ import type { RNHostViewProps } from './types';
 /**
  * Hosts React Native views inside SwiftUI views.
  */
-export declare function RNHostView({ children, matchContents }: RNHostViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function RNHostView({ children, matchContents, onLayout }: RNHostViewProps): import("react/jsx-runtime").JSX.Element;
 export * from './types';
 //# sourceMappingURL=index.ios.d.ts.map

package/build/universal/RNHostView/index.ios.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.ios.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/index.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,eAAe,2CAEtE;AAED,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.ios.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/index.ios.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAMhF;AAED,cAAc,SAAS,CAAC"}

package/build/universal/RNHostView/types.d.ts

@@ -1,4 +1,5 @@
 import type { ReactElement } from 'react';
+import type { LayoutChangeEvent } from 'react-native';
 import type { UniversalBaseProps } from '../types';
 /**
  * Props for the [`RNHostView`](#rnhostview) component.
@@ -15,6 +16,7 @@ export interface RNHostViewProps extends UniversalBaseProps {
      * @platform ios
      */
     matchContents?: boolean;
+    onLayout?: (event: LayoutChangeEvent) => void;
     /**
      * The React Native view to host.
      */

package/build/universal/RNHostView/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;CACxB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/universal/RNHostView/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAE9C;;OAEG;IACH,QAAQ,EAAE,YAAY,CAAC;CACxB"}

package/expo-module.config.json

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

package/ios/Convertibles/ShapeStyleValue.swift

@@ -0,0 +1,129 @@
+// Copyright 2015-present 650 Industries. All rights reserved.
+
+import ExpoModulesCore
+import SwiftUI
+
+internal enum ShapeStyleType: String, Enumerable {
+  case color
+  case hierarchical
+  case material
+  case linearGradient
+  case radialGradient
+  case angularGradient
+}
+
+internal enum HierarchicalShapeStyleOptions: String, Enumerable {
+  case primary
+  case secondary
+  case tertiary
+  case quaternary
+  case quinary
+
+  /**
+   Returns `nil` when the style is not available on the running platform.
+   */
+  func toShapeStyle() -> AnyShapeStyle? {
+    switch self {
+    case .primary:
+      return AnyShapeStyle(HierarchicalShapeStyle.primary)
+    case .secondary:
+      return AnyShapeStyle(HierarchicalShapeStyle.secondary)
+    case .tertiary:
+      return AnyShapeStyle(HierarchicalShapeStyle.tertiary)
+    case .quaternary:
+      return AnyShapeStyle(HierarchicalShapeStyle.quaternary)
+    case .quinary:
+      if #available(iOS 16.0, tvOS 17.0, *) {
+        return AnyShapeStyle(HierarchicalShapeStyle.quinary)
+      }
+      return nil
+    }
+  }
+}
+
+internal enum MaterialOptions: String, Enumerable {
+  case ultraThin
+  case thin
+  case regular
+  case thick
+  case ultraThick
+  case bar
+
+  /**
+   Returns `nil` when the material is not available on the running platform.
+   */
+  func toShapeStyle() -> AnyShapeStyle? {
+    switch self {
+    case .ultraThin:
+      return AnyShapeStyle(Material.ultraThin)
+    case .thin:
+      return AnyShapeStyle(Material.thin)
+    case .regular:
+      return AnyShapeStyle(Material.regular)
+    case .thick:
+      return AnyShapeStyle(Material.thick)
+    case .ultraThick:
+      return AnyShapeStyle(Material.ultraThick)
+    case .bar:
+      // The bar material has no tvOS counterpart.
+#if os(tvOS)
+      return nil
+#else
+      return AnyShapeStyle(Material.bar)
+#endif
+    }
+  }
+}
+
+/**
+ A style that fills or paints an area, mirroring SwiftUI's `ShapeStyle`. Every style is erased to
+ `AnyShapeStyle` because the concrete type is only known at runtime — an opaque `some ShapeStyle`
+ would have to be a single type across all the branches below.
+ */
+internal struct ShapeStyleValue: Record {
+  @Field var type: ShapeStyleType = .color
+  @Field var color: Color?
+  @Field var hierarchical: HierarchicalShapeStyleOptions?
+  @Field var material: MaterialOptions?
+  @Field var colors: [Color]?
+  @Field var startPoint: UnitPoint?
+  @Field var endPoint: UnitPoint?
+  @Field var center: UnitPoint?
+  @Field var startRadius: CGFloat?
+  @Field var endRadius: CGFloat?
+
+  /**
+   Resolves the style, or returns `nil` when the fields it needs are missing or the style is not
+   available on the running platform. Callers leave the view untouched in that case.
+   */
+  func toAnyShapeStyle() -> AnyShapeStyle? {
+    switch type {
+    case .color:
+      guard let color else {
+        return nil
+      }
+      return AnyShapeStyle(color)
+    case .hierarchical:
+      return (hierarchical ?? .primary).toShapeStyle()
+    case .material:
+      return material?.toShapeStyle()
+    case .linearGradient:
+      guard let colors, let startPoint, let endPoint else {
+        return nil
+      }
+      return AnyShapeStyle(LinearGradient(colors: colors, startPoint: startPoint, endPoint: endPoint))
+    case .radialGradient:
+      guard let colors, let center, let startRadius, let endRadius else {
+        return nil
+      }
+      return AnyShapeStyle(
+        RadialGradient(colors: colors, center: center, startRadius: startRadius, endRadius: endRadius)
+      )
+    case .angularGradient:
+      guard let colors, let center else {
+        return nil
+      }
+      return AnyShapeStyle(AngularGradient(colors: colors, center: center))
+    }
+  }
+}

package/ios/Modifiers/BackgroundModifier.swift

@@ -4,33 +4,33 @@ import ExpoModulesCore
 import SwiftUI
 
 internal struct BackgroundModifier: ViewModifier, Record {
-  @Field var color: Color?
+  @Field var style: ShapeStyleValue?
   @Field var shape: ShapeType?
   @Field var cornerRadius: CGFloat = 0
   @Field var roundedCornerStyle: RoundedCornerStyle?
   @Field var cornerSize: CornerSize?
+  @Field var ignoresSafeAreaEdges: EdgeOptions = .all
 
   @ViewBuilder
   func body(content: Content) -> some View {
-    if let color = color {
+    if let shapeStyle = style?.toAnyShapeStyle() {
       if let shapeType = shape {
         switch shapeType {
         case .capsule:
-          content.background(color, in: makeCapsule(style: roundedCornerStyle))
+          content.background(shapeStyle, in: makeCapsule(style: roundedCornerStyle))
         case .circle:
-          content.background(color, in: Circle())
+          content.background(shapeStyle, in: Circle())
         case .containerRelativeShape:
-          content.background(color, in: ContainerRelativeShape())
+          content.background(shapeStyle, in: ContainerRelativeShape())
         case .ellipse:
-          content.background(color, in: Ellipse())
+          content.background(shapeStyle, in: Ellipse())
         case .rectangle:
-          content.background(color, in: Rectangle())
+          content.background(shapeStyle, in: Rectangle())
         case .roundedRectangle:
-          content.background(color, in: makeRoundedRectangle(cornerRadius: cornerRadius, cornerSize: cornerSize, style: roundedCornerStyle))
+          content.background(shapeStyle, in: makeRoundedRectangle(cornerRadius: cornerRadius, cornerSize: cornerSize, style: roundedCornerStyle))
         }
       } else {
-        // Default behavior when no shape is specified
-        content.background(color)
+        content.background(shapeStyle, ignoresSafeAreaEdges: ignoresSafeAreaEdges.toEdge())
       }
     } else {
       content

package/ios/Modifiers/ForegroundStyleModifier.swift

@@ -3,122 +3,29 @@
 import ExpoModulesCore
 import SwiftUI
 
-internal enum ForegroundStyleType: String, Enumerable {
-  case color
-  case hierarchical
-  case linearGradient
-  case radialGradient
-  case angularGradient
-}
-
-internal enum ForegroundHierarchicalStyleType: String, Enumerable {
-  case primary
-  case secondary
-  case tertiary
-  case quaternary
-  case quinary
-}
-
 internal struct ForegroundStyleModifier: ViewModifier, Record {
-  @Field var styleType: ForegroundStyleType = .color
-  @Field var hierarchicalStyle: ForegroundHierarchicalStyleType = .primary
-  @Field var color: Color?
-  @Field var colors: [Color]?
-  @Field var startPoint: UnitPoint?
-  @Field var endPoint: UnitPoint?
-  @Field var center: UnitPoint?
-  @Field var startRadius: CGFloat?
-  @Field var endRadius: CGFloat?
+  @Field var style: ShapeStyleValue?
 
   func body(content: Content) -> some View {
-    applyForegroundStyle(self, to: content)
-  }
-}
-
-@ViewBuilder
-internal func applyForegroundStyle<V: View>(_ modifier: ForegroundStyleModifier, to content: V) -> some View {
-  switch modifier.styleType {
-  case .color:
-    if let color = modifier.color {
-      content.foregroundStyle(color)
-    } else {
-      content
-    }
-  case .hierarchical:
-    switch modifier.hierarchicalStyle {
-    case .primary:
-      content.foregroundStyle(.primary)
-    case .secondary:
-      content.foregroundStyle(.secondary)
-    case .tertiary:
-      content.foregroundStyle(.tertiary)
-    case .quaternary:
-      content.foregroundStyle(.quaternary)
-    case .quinary:
-      if #available(iOS 16.0, tvOS 17.0, *) {
-        content.foregroundStyle(.quinary)
-      } else {
-        content
-      }
-    }
-  case .linearGradient:
-    if let colors = modifier.colors, let startPoint = modifier.startPoint, let endPoint = modifier.endPoint {
-      content.foregroundStyle(LinearGradient(colors: colors, startPoint: startPoint, endPoint: endPoint))
-    } else {
-      content
-    }
-  case .radialGradient:
-    if let colors = modifier.colors, let center = modifier.center,
-       let startRadius = modifier.startRadius, let endRadius = modifier.endRadius {
-      content.foregroundStyle(RadialGradient(colors: colors, center: center, startRadius: startRadius, endRadius: endRadius))
-    } else {
-      content
-    }
-  case .angularGradient:
-    if let colors = modifier.colors, let center = modifier.center {
-      content.foregroundStyle(AngularGradient(colors: colors, center: center))
+    if let shapeStyle = style?.toAnyShapeStyle() {
+      content.foregroundStyle(shapeStyle)
     } else {
       content
     }
   }
 }
 
+/**
+ `Text` keeps its own type through `foregroundStyle(_:)`, which lets the caller apply further
+ text-only modifiers, so the text overload is applied separately from the view one.
+
+ TODO: `Text.foregroundStyle(_:)` requires iOS 17. Once the package drops iOS 16, inline this
+ into the `foregroundStyle` case of `applyTextModifier` and delete the color-only fallback there.
+ */
 @available(iOS 17.0, tvOS 17.0, *)
 internal func applyForegroundStyle(_ modifier: ForegroundStyleModifier, to text: Text) -> Text {
-  switch modifier.styleType {
-  case .color:
-    if let color = modifier.color {
-      return text.foregroundStyle(color)
-    }
-    return text
-  case .hierarchical:
-    switch modifier.hierarchicalStyle {
-    case .primary:
-      return text.foregroundStyle(.primary)
-    case .secondary:
-      return text.foregroundStyle(.secondary)
-    case .tertiary:
-      return text.foregroundStyle(.tertiary)
-    case .quaternary:
-      return text.foregroundStyle(.quaternary)
-    case .quinary:
-      return text.foregroundStyle(.quinary)
-    }
-  case .linearGradient:
-    if let colors = modifier.colors, let startPoint = modifier.startPoint, let endPoint = modifier.endPoint {
-      return text.foregroundStyle(LinearGradient(colors: colors, startPoint: startPoint, endPoint: endPoint))
-    }
-    return text
-  case .radialGradient:
-    if let colors = modifier.colors, let center = modifier.center,
-       let startRadius = modifier.startRadius, let endRadius = modifier.endRadius {
-      return text.foregroundStyle(RadialGradient(colors: colors, center: center, startRadius: startRadius, endRadius: endRadius))
-    }
-    return text
-  case .angularGradient:
-    if let colors = modifier.colors, let center = modifier.center {
-      return text.foregroundStyle(AngularGradient(colors: colors, center: center))
-    }
+  guard let shapeStyle = modifier.style?.toAnyShapeStyle() else {
     return text
   }
+  return text.foregroundStyle(shapeStyle)
 }

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -910,6 +910,26 @@ internal struct AnyViewModifier: ViewModifier {
   }
 }
 
+/**
+ * Prunability-stable wrapper for `AnyViewModifier`
+ */
+internal struct StableViewModifier: ViewModifier {
+  let params: [String: Any]
+  weak var appContext: AppContext?
+  let dispatcher: EventDispatcher
+
+  func body(content: Content) -> some View {
+    if let type = params["$type"] as? String,
+      let appContext,
+      let factory = ViewModifierRegistry.shared.modifierFactories[type],
+      let modifier = try? factory(params, appContext, dispatcher) {
+      content.modifier(AnyViewModifier(modifier))
+    } else {
+      content
+    }
+  }
+}
+
 internal struct AnimationModifier: ViewModifier, Record {
   @Field var animation: AnimationConfig
   @Field var animatedValue: Either<Double, Bool>?
@@ -1562,10 +1582,14 @@ public class ViewModifierRegistry {
     globalEventDispatcher: EventDispatcher,
     params: [String: Any]
   ) -> AnyView {
-    guard let viewModifier = try? modifierFactories[type]?(params, appContext, globalEventDispatcher) else {
+    guard modifierFactories[type] != nil else {
       return view
     }
-    return AnyView(view.modifier(AnyViewModifier(viewModifier)))
+    return AnyView(view.modifier(StableViewModifier(
+      params: params,
+      appContext: appContext,
+      dispatcher: globalEventDispatcher
+    )))
   }
 
   /**
@@ -1595,9 +1619,9 @@ public class ViewModifierRegistry {
       guard let modifier = try? ForegroundStyleModifier(from: params, appContext: appContext) else { return text }
       if #available(iOS 17.0, tvOS 17.0, *) {
         return applyForegroundStyle(modifier, to: text)
-      } else if modifier.styleType == .color, let color = modifier.color {
-          return text.foregroundColor(color)
-      } 
+      } else if modifier.style?.type == .color, let color = modifier.style?.color {
+        return text.foregroundColor(color)
+      }
       return text
     default:
       #if DEBUG

package/ios/RNHostView.swift

@@ -5,6 +5,10 @@ import ExpoModulesCore
 
 internal final class RNHostViewProps: ExpoSwiftUI.ViewProps {
   @Field var matchContents: Bool = false
+  /**
+   Adds LeafNode and MeasurableYogaNode trait in Shadow node
+   */
+  @Field var expoInternalSizeFromChildren: Bool = false
   /**
    Whether this view owns its subtree's touches and is the origin its content is measured from. Set
    by the JavaScript side for content presented in its own view controller — see `RNHostView.tsx`,

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.16/expo.modules.ui-57.0.16-sources.jar.md5

@@ -0,0 +1 @@
+56549744b9307aa46758e19db9dabf90

package/local-maven-repo/expo/modules/ui/expo.modules.ui/57.0.16/expo.modules.ui-57.0.16-sources.jar.sha1

@@ -0,0 +1 @@
+6b28263e7e0227478fe261eeffb9f640dced8ca0