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

package/ios/Button/Button.swift

@@ -39,7 +39,12 @@ struct Button: ExpoSwiftUI.View {
     .if(props.variant == .borderedProminent, {
       $0.buttonStyle(.borderedProminent)
     })
-    #if !os(tvOS)
+
+    #if os(tvOS)
+    .if(props.variant == .card, {
+      $0.buttonStyle(.card)
+    })
+    #else
     .if(props.variant == .borderless, {
       $0.buttonStyle(.borderless)
     })
@@ -60,7 +65,7 @@ struct Button: ExpoSwiftUI.View {
     })
     #endif
 
-    if #available(iOS 26.0, *) {
+    if #available(iOS 26.0, tvOS 26.0, *) {
       #if compiler(>=6.2) // Xcode 26
       switch props.variant {
       case .glass:

package/ios/ExpoUIModule.swift

@@ -52,5 +52,6 @@ public final class ExpoUIModule: Module {
     View(ZStackView.self)
     View(NamespaceView.self)
     View(GlassEffectContainerView.self)
+    View(LabeledContentView.self)
   }
 }

package/ios/LabeledContentView.swift

@@ -0,0 +1,27 @@
+// Copyright 2025-present 650 Industries. All rights reserved.
+
+import SwiftUI
+import ExpoModulesCore
+
+final class LabeledContentProps: ExpoSwiftUI.ViewProps, CommonViewModifierProps {
+  @Field var fixedSize: Bool?
+  @Field var frame: FrameOptions?
+  @Field var padding: PaddingOptions?
+  @Field var testID: String?
+  @Field var modifiers: ModifierArray?
+
+  @Field var label: String?
+}
+
+internal struct LabeledContentView: ExpoSwiftUI.View {
+  @ObservedObject var props: LabeledContentProps
+
+  var body: some View {
+    if #available(iOS 16.0, tvOS 16.0, *) {
+      LabeledContent(props.label ?? "") {
+        Children()
+      }
+      .modifier(CommonViewModifiers(props: props))
+    }
+  }
+}

package/ios/Modifiers/ViewModifierRegistry.swift

@@ -488,6 +488,23 @@ internal struct BackgroundOverlayModifier: ViewModifier, Record {
   }
 }
 
+internal struct FixedSizeModifier: ViewModifier, Record {
+  @Field var horizontal: Bool?
+  @Field var vertical: Bool?
+
+  func body(content: Content) -> some View {
+    if let horizontal, let vertical {
+      content.fixedSize(horizontal: horizontal, vertical: vertical)
+    } else if let horizontal {
+      content.fixedSize(horizontal: horizontal, vertical: false)
+    } else if let vertical {
+      content.fixedSize(horizontal: false, vertical: vertical)
+    } else {
+      content.fixedSize()
+    }
+  }
+}
+
 /**
  * A type-erased wrapper for `ViewModifier`
  */
@@ -932,5 +949,9 @@ extension ViewModifierRegistry {
     register("matchedGeometryEffect") { params, appContext, _ in
       return try MatchedGeometryEffectModifier.init(from: params, appContext: appContext)
     }
+
+    register("fixedSize") { params, appContext, _ in
+      return try FixedSizeModifier(from: params, appContext: appContext)
+    }
   }
 }

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

@@ -0,0 +1 @@
+9598e67cb2835e28696a00926f62371e

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

@@ -0,0 +1 @@
+507a9e87f447d5e57d9d22bf172c741076a7ffd7

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

@@ -0,0 +1 @@
+5a7003c3bb4ab5e12e1ab0d8b4636b32adb0e10076efcacb3d888dcfa6a50f7c

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

@@ -0,0 +1 @@
+744a477ab9a27f351ecdf6fbd8bd23f228f862a9872ddc6686f7fb9f6d9eabd023efd87529ccb8e840585bd7318107614dcbb480d1c514c25d39a0323821b7ca

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

@@ -0,0 +1 @@
+1410ec08df204198790aa9f18de00279

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

@@ -0,0 +1 @@
+75af4602729dd306ec54593ac1d53711fc4dd1e9

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

@@ -0,0 +1 @@
+d25dd55e7dc6b5f815e768d9fcfd84d43bce8dda10252e3e5a5c22111a1fe5c3

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

@@ -0,0 +1 @@
+5cba128046c5727e4b9f4c9d474e113da5c7dae810ac34fa85af8e5f37e6d2267d464d9a60a407235c103b6c16c5be1db5a1229a0639facd36cccb2914c98be1

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

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "0.2.0-beta.2",
+    "version": "0.2.0-beta.4",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.2.aar",
-          "url": "expo.modules.ui-0.2.0-beta.2.aar",
-          "size": 324202,
-          "sha512": "04d36cf0b0c9f7014ce6d036652d34ef3761bb62ba8170fdbfa780d131a47fecb223b4286916dc2275ce3ac6eb3481c4500550ae9239f8d1dd68c084ea128d1e",
-          "sha256": "7000d36858d8ab31a4505a0c19f9266e4e7e98b7a2fb17b5de6eff8d2a9556bc",
-          "sha1": "22688f17e9f523d3382da309e7d7c5360c28cb6b",
-          "md5": "511552fcc9064c335d40f2724d42ca5e"
+          "name": "expo.modules.ui-0.2.0-beta.4.aar",
+          "url": "expo.modules.ui-0.2.0-beta.4.aar",
+          "size": 328002,
+          "sha512": "5cba128046c5727e4b9f4c9d474e113da5c7dae810ac34fa85af8e5f37e6d2267d464d9a60a407235c103b6c16c5be1db5a1229a0639facd36cccb2914c98be1",
+          "sha256": "d25dd55e7dc6b5f815e768d9fcfd84d43bce8dda10252e3e5a5c22111a1fe5c3",
+          "sha1": "75af4602729dd306ec54593ac1d53711fc4dd1e9",
+          "md5": "1410ec08df204198790aa9f18de00279"
         }
       ]
     },
@@ -102,13 +102,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.2.aar",
-          "url": "expo.modules.ui-0.2.0-beta.2.aar",
-          "size": 324202,
-          "sha512": "04d36cf0b0c9f7014ce6d036652d34ef3761bb62ba8170fdbfa780d131a47fecb223b4286916dc2275ce3ac6eb3481c4500550ae9239f8d1dd68c084ea128d1e",
-          "sha256": "7000d36858d8ab31a4505a0c19f9266e4e7e98b7a2fb17b5de6eff8d2a9556bc",
-          "sha1": "22688f17e9f523d3382da309e7d7c5360c28cb6b",
-          "md5": "511552fcc9064c335d40f2724d42ca5e"
+          "name": "expo.modules.ui-0.2.0-beta.4.aar",
+          "url": "expo.modules.ui-0.2.0-beta.4.aar",
+          "size": 328002,
+          "sha512": "5cba128046c5727e4b9f4c9d474e113da5c7dae810ac34fa85af8e5f37e6d2267d464d9a60a407235c103b6c16c5be1db5a1229a0639facd36cccb2914c98be1",
+          "sha256": "d25dd55e7dc6b5f815e768d9fcfd84d43bce8dda10252e3e5a5c22111a1fe5c3",
+          "sha1": "75af4602729dd306ec54593ac1d53711fc4dd1e9",
+          "md5": "1410ec08df204198790aa9f18de00279"
         }
       ]
     },
@@ -122,13 +122,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-0.2.0-beta.2-sources.jar",
-          "url": "expo.modules.ui-0.2.0-beta.2-sources.jar",
-          "size": 20394,
-          "sha512": "7e22d3be8ddd94a0c7a34138f5a59434434110c209a1c67c7875b22adacaeae116e0fcd0713ed8c9a85a11626c2bd585aacb09037377946ce5a48f4e3304a9fa",
-          "sha256": "52f56d8ce78bb4f30f6249844a2c3093b054ef1b2f5ea6ea7d5a12b454f5526b",
-          "sha1": "24aa4b775d293e67addeb4ca62506468ec2d04f8",
-          "md5": "85f85abe12b0ab2ecef0554a122d9400"
+          "name": "expo.modules.ui-0.2.0-beta.4-sources.jar",
+          "url": "expo.modules.ui-0.2.0-beta.4-sources.jar",
+          "size": 20539,
+          "sha512": "744a477ab9a27f351ecdf6fbd8bd23f228f862a9872ddc6686f7fb9f6d9eabd023efd87529ccb8e840585bd7318107614dcbb480d1c514c25d39a0323821b7ca",
+          "sha256": "5a7003c3bb4ab5e12e1ab0d8b4636b32adb0e10076efcacb3d888dcfa6a50f7c",
+          "sha1": "507a9e87f447d5e57d9d22bf172c741076a7ffd7",
+          "md5": "9598e67cb2835e28696a00926f62371e"
         }
       ]
     }

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

@@ -0,0 +1 @@
+2225d80781b4190b48a877c03fed00a2

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

@@ -0,0 +1 @@
+3df1c93eb5199b63dde963c3c0a00990081a872f

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

@@ -0,0 +1 @@
+fb6cb313dd6b181c4578b553b7a9581043a1757c19d74bda7bf77dfcf3120a18

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

@@ -0,0 +1 @@
+64ffe85aa50346d490d9e3541b6de47e61db6a1997c461aec40a5e090fdab7bfbd8ec70569abd5a481e9460a4cc567fd15f8a1d49c1050006f92d41104c52f6c

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

@@ -9,7 +9,7 @@
   <modelVersion>4.0.0</modelVersion>
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
-  <version>0.2.0-beta.2</version>
+  <version>0.2.0-beta.4</version>
   <packaging>aar</packaging>
   <name>expo.modules.ui</name>
   <url>https://github.com/expo/expo</url>

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

@@ -0,0 +1 @@
+8097558d177e3399499e1204bf42f5e9

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

@@ -0,0 +1 @@
+84e4a98000d5a59cbe3bef926af91831b190b562

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

@@ -0,0 +1 @@
+3652173bc50eb3e478ebcac84b0314eabf0711502ab39cc28c3c7891c1c0745f

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

@@ -0,0 +1 @@
+3c76296de2cc67e581f28747a99e44f2863c23023cf536f7dbf38630ad7586bd858cd2e61d6655bca165edd7954e024bbe451c61b9eb31fcb7ed00210ebb8369

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

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>0.2.0-beta.2</latest>
-    <release>0.2.0-beta.2</release>
+    <latest>0.2.0-beta.4</latest>
+    <release>0.2.0-beta.4</release>
     <versions>
-      <version>0.2.0-beta.2</version>
+      <version>0.2.0-beta.4</version>
     </versions>
-    <lastUpdated>20250912154226</lastUpdated>
+    <lastUpdated>20250922222657</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-6a21e746c6c56a1cef3435ba7596affb
+a2968a71a12761953bb85a72c326adbb

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

@@ -1 +1 @@
-83341d9931696e20604c02f7f8bc2ff8919b51cc
+d2b0b0b5ab8609c871be8fd6786e523ebe09d94e

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

@@ -1 +1 @@
-52ff813bf5c181d9617584d12d0b35f6f7812c0c080b06688b0dfc3fe4780ee4
+eabafe3dc7c5dc2a650450a6f7d3d9f47d02d38f0b71560f298c281e836fdb32

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

@@ -1 +1 @@
-9026fb57dcf2fb748700bc260f54a011e44c1d9dea1cb48898f408c3ee9256c9789cfdfb1005af55b9eb5968ad92f9344e21a3bbc24d5ec01ee2e2fba2aaf997
+529f435014b6914ba88afb8c4d94fbfb09320544803d331b4b229049f84dfc0edadf055c08769ec9c988e36adb8d14d9f2e0b56b49fc95f648abf16d9963a841

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "0.2.0-beta.2",
+  "version": "0.2.0-beta.4",
   "description": "A collection of UI components",
   "sideEffects": false,
   "exports": {
@@ -46,7 +46,9 @@
   ],
   "author": "650 Industries, Inc.",
   "license": "MIT",
-  "dependencies": {},
+  "dependencies": {
+    "sf-symbols-typescript": "^2.1.0"
+  },
   "devDependencies": {
     "@types/react": "~19.1.10",
     "expo-module-scripts": "^5.0.7"
@@ -56,5 +58,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "33f49d0f802b101fd61ac0eedcb1ce35b0adde51"
+  "gitHead": "6523053d0d997d2a21f580d2752b2f873c122038"
 }

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

@@ -26,9 +26,20 @@ export type ButtonProps = {
    * A callback that is called when the button is pressed.
    */
   onPress?: () => void;
+  /**
+   * A string describing the leading icon to display in the button.
+   * Uses Material Icons on Android.
+   */
+  leadingIcon?: MaterialIcon;
+  /**
+   * A string describing the trailing icon to display in the button.
+   * Uses Material Icons on Android.
+   */
+  trailingIcon?: MaterialIcon;
   /**
    * A string describing the system image to display in the button.
    * Uses Material Icons on Android.
+   * @deprecated Use `leadingIcon` instead.
    */
   systemImage?: MaterialIcon;
   /**
@@ -66,10 +77,11 @@ export type ButtonProps = {
  */
 export type NativeButtonProps = Omit<
   ButtonProps,
-  'role' | 'onPress' | 'children' | 'systemImage'
+  'role' | 'onPress' | 'children' | 'leadingIcon' | 'trailingIcon' | 'systemImage'
 > & {
   text: string;
-  systemImage?: string;
+  leadingIcon?: string;
+  trailingIcon?: string;
 } & ViewEvent<'onButtonPressed', void>;
 
 // We have to work around the `role` and `onPress` props being reserved by React Native.
@@ -82,11 +94,16 @@ const ButtonNativeView: React.ComponentType<NativeButtonProps> = requireNativeVi
  * @hidden
  */
 export function transformButtonProps(props: ButtonProps): NativeButtonProps {
-  const { children, onPress, systemImage, ...restProps } = props;
+  const { children, onPress, leadingIcon, trailingIcon, systemImage, ...restProps } = props;
+
+  // Handle backward compatibility: systemImage maps to leadingIcon
+  const finalLeadingIcon = leadingIcon ?? systemImage;
+
   return {
     ...restProps,
     text: children ?? '',
-    systemImage,
+    leadingIcon: finalLeadingIcon,
+    trailingIcon,
     onButtonPressed: onPress,
     // @ts-expect-error
     modifiers: props.modifiers?.map((m) => m.__expo_shared_object_id__),

package/src/jetpack-compose/Button/types.ts

@@ -14,7 +14,9 @@ type Icon =
   | 'CheckCircle'
   | 'Clear'
   | 'Close'
+  | 'Contrast'
   | 'Create'
+  | 'DarkMode'
   | 'DateRange'
   | 'Delete'
   | 'Done'
@@ -30,6 +32,7 @@ type Icon =
   | 'KeyboardArrowLeft'
   | 'KeyboardArrowRight'
   | 'KeyboardArrowUp'
+  | 'LightMode'
   | 'List'
   | 'LocationOn'
   | 'Lock'

package/src/jetpack-compose/ContextMenu/Submenu.tsx

@@ -0,0 +1,21 @@
+import { ReactElement, ReactNode } from 'react';
+
+import { ButtonProps } from '../Button';
+
+/**
+ * Props of the `Submenu` component.
+ */
+export type SubmenuProps = {
+  /**
+   * The button that will be used to expand the submenu. On Android the `text` prop of the `Button` will be used as a section title.
+   */
+  button: ReactElement<ButtonProps>;
+  /**
+   * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.
+   */
+  children: ReactNode;
+};
+
+export function Submenu(props: SubmenuProps) {
+  return <></>;
+}

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

@@ -2,6 +2,7 @@ import { requireNativeView } from 'expo';
 import { Children, ReactElement, ReactNode, useMemo } from 'react';
 import { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
 
+import { SubmenuProps } from './Submenu';
 import { MenuElement, transformChildrenToElementArray } from './utils';
 import { ExpoModifier } from '../../types';
 import { ButtonProps } from '../Button';
@@ -76,20 +77,6 @@ export type ContextMenuProps = {
   modifiers?: ExpoModifier[];
 };
 
-/**
- * Props of the `Submenu` component.
- */
-export type SubmenuProps = {
-  /**
-   * The button that will be used to expand the submenu. On Android the `text` prop of the `Button` will be used as a section title.
-   */
-  button: ReactElement<ButtonProps>;
-  /**
-   * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.
-   */
-  children: ReactNode;
-};
-
 /**
  * @hidden
  */
@@ -113,11 +100,7 @@ type NativeMenuProps = ContextMenuProps & {
   ) => void;
 };
 
-export function Submenu() {
-  return <></>;
-}
-
-export function Items() {
+export function Items(props: ContextMenuContentProps) {
   return <></>;
 }
 Items.tag = 'Items';
@@ -175,3 +158,4 @@ ContextMenu.Preview = Preview;
 ContextMenu.Items = Items;
 
 export { ContextMenu };
+export { Submenu } from './Submenu';

package/src/jetpack-compose/ContextMenu/utils.ts

@@ -1,7 +1,8 @@
 import { Children, isValidElement, ReactElement, ReactNode } from 'react';
 import { NativeSyntheticEvent } from 'react-native';
 
-import { ContextMenuElementBase, EventHandlers, Submenu, SubmenuProps } from './index';
+import { Submenu, SubmenuProps } from './Submenu';
+import { ContextMenuElementBase, EventHandlers } from './index';
 import { Button, ButtonProps, NativeButtonProps, transformButtonProps } from '../Button';
 import { Picker, PickerProps } from '../Picker';
 import { Switch, SwitchProps } from '../Switch';
@@ -139,5 +140,5 @@ function createSubmenuElement(
 }
 
 function isSubmenuComponent(child: ReactElement): boolean {
-  return child.type.toString() === Submenu.toString();
+  return child.type === Submenu;
 }

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

@@ -1,4 +1,5 @@
 import { requireNativeView } from 'expo';
+import { type SFSymbol } from 'sf-symbols-typescript';
 
 import { type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
@@ -21,9 +22,9 @@ export type ButtonRole = 'default' | 'cancel' | 'destructive';
  * - `borderless` - A button with no background or border. On Android, equivalent to `TextButton`.
  * - `borderedProminent` - A bordered button with a prominent appearance.
  * - `plain` - A button with no border or background and a less prominent text.
+ * - `glass` – A liquid glass button effect – (available only from iOS 26, when built with Xcode 26)
+ * - `glassProminent` – A liquid glass button effect – (available only from iOS 26, when built with Xcode 26)
  * macOS-only styles:
- * - `glass` – A liquid glass button effect – (available only since iOS 26, for now only when built with beta version of Xcode)
- * - `glassProminent` – A liquid glass button effect – (available only since iOS 26, for now only when built with beta 3 version of Xcode)
  * - `accessoryBar` - A button style for accessory bars.
  * - `accessoryBarAction` - A button style for accessory bar actions.
  * - `card` - A button style for cards.
@@ -52,9 +53,9 @@ export type ButtonProps = {
   /**
    * A string describing the system image to display in the button.
    * This is only used if `children` is a string.
-   * Uses Material Icons on Android and SF Symbols on iOS.
+   * Uses SF Symbols.
    */
-  systemImage?: string;
+  systemImage?: SFSymbol;
   /**
    * Indicated the role of the button.
    * @platform ios
@@ -88,7 +89,7 @@ export type NativeButtonProps = Omit<
 > & {
   buttonRole?: ButtonRole;
   text: string | undefined;
-  systemImage?: string;
+  systemImage?: SFSymbol;
 } & ViewEvent<'onButtonPressed', void>;
 
 // We have to work around the `role` and `onPress` props being reserved by React Native.

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

@@ -1,4 +1,5 @@
 import { requireNativeView } from 'expo';
+import { type SFSymbol } from 'sf-symbols-typescript';
 
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
@@ -12,7 +13,7 @@ export interface ContentUnavailableViewProps extends CommonViewModifierProps {
   /**
    * SF Symbol indicating why the content is not available.
    */
-  systemImage?: string;
+  systemImage?: SFSymbol;
 
   /**
    * Description of why the content is not available.

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

@@ -1,4 +1,5 @@
 import { requireNativeView } from 'expo';
+import { type SFSymbol } from 'sf-symbols-typescript';
 
 import { type ViewEvent } from '../../types';
 import { createViewModifierEventListener } from '../modifiers/utils';
@@ -9,7 +10,7 @@ export interface ImageProps extends CommonViewModifierProps {
    * The name of the system image (SF Symbol).
    * For example: 'photo', 'heart.fill', 'star.circle'
    */
-  systemName: string;
+  systemName: SFSymbol;
   /**
    * The size of the system image.
    */

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

@@ -1,4 +1,5 @@
 import { requireNativeView } from 'expo';
+import { type SFSymbol } from 'sf-symbols-typescript';
 
 import { createViewModifierEventListener } from '../modifiers/utils';
 import { type CommonViewModifierProps } from '../types';
@@ -12,7 +13,7 @@ export type LabelProps = {
   /**
    * The name of the SFSymbol to be displayed in the label.
    */
-  systemImage?: string;
+  systemImage?: SFSymbol;
 
   /**
    * The color of the label icon.

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

@@ -0,0 +1,34 @@
+import { requireNativeView } from 'expo';
+
+import { createViewModifierEventListener } from '../modifiers/utils';
+import { type CommonViewModifierProps } from '../types';
+
+export type LabeledContentProps = {
+  /**
+   * The label to be displayed in the labeled content.
+   */
+  label?: string;
+  children: React.ReactNode;
+} & CommonViewModifierProps;
+
+const LabeledContentNativeView: React.ComponentType<LabeledContentProps> = requireNativeView(
+  'ExpoUI',
+  'LabeledContentView'
+);
+
+/**
+ * LabeledContent component uses the native [LabeledContent](https://developer.apple.com/documentation/swiftui/labeledcontent) component.
+ * A container for attaching a label to a value-bearing view.
+ * Available from iOS 16.0.
+ * @platform ios
+ */
+export function LabeledContent(props: LabeledContentProps) {
+  const { modifiers, ...restProps } = props;
+  return (
+    <LabeledContentNativeView
+      modifiers={modifiers}
+      {...(modifiers ? createViewModifierEventListener(modifiers) : undefined)}
+      {...restProps}
+    />
+  );
+}

package/src/swift-ui/index.tsx

@@ -11,6 +11,7 @@ export * from './Gauge';
 export * from './Host';
 export * from './Image';
 export * from './Label';
+export * from './LabeledContent';
 export * from './Layout';
 export * from './List';
 export * from './Picker';