@expo/ui 55.0.0 → 55.0.2

package/ios/UIBaseView.swift

@@ -8,22 +8,24 @@ import SwiftUI
  */
 public struct UIBaseView<Props: UIBaseViewProps, Content: ExpoSwiftUI.View<Props>>: ExpoSwiftUI.View {
   @ObservedObject public var props: Props
+  let innerView: Content
 
   public init(props: Props) {
     self.props = props
+    self.innerView = Content(props: props)
   }
 
   public var body: some View {
-    Content(props: props)
+    innerView
       .applyAccessibilityIdentifier(props.testID)
       .applyModifiers(props.modifiers, appContext: props.appContext, globalEventDispatcher: props.globalEventDispatcher)
   }
 }
 
 /**
- Base view modifier in expo-ui
- This is useful for View with AsyncFunctions that cannot use the `ExpoUIView` builder.
+ Deprecated. Use `applyModifiers` method directly instead.
  */
+@available(*, deprecated, message: "Use applyModifiers method directly on the content view instead.")
 public struct UIBaseViewModifier<Props: UIBaseViewProps>: ViewModifier {
   @ObservedObject var props: Props
   var defaultFrameAlignment = Alignment.center
@@ -35,6 +37,21 @@ public struct UIBaseViewModifier<Props: UIBaseViewProps>: ViewModifier {
   }
 }
 
+// MARK: - ViewWrapper
+
+extension UIBaseView: ExpoSwiftUI.ViewWrapper {
+  public func getWrappedView() -> Any {
+    return innerView
+  }
+}
+
+// MARK: - FocusableView forwarding
+extension UIBaseView: ExpoSwiftUI.FocusableView where Content: ExpoSwiftUI.FocusableView {
+  public func forceResignFirstResponder() {
+    innerView.forceResignFirstResponder()
+  }
+}
+
 /**
  Common UI Builder in expo-ui.
  This is similar to expo-modules-core's View builder but further supports common base view props and modifiers
@@ -49,3 +66,17 @@ public func ExpoUIView<Content: ExpoSwiftUI.View>(
     ViewName(contentName)
   }
 }
+
+/**
+ ExpoUIView overload that accepts a `@ViewDefinitionBuilder` closure for registering
+ AsyncFunctions and other view definition elements.
+ */
+public func ExpoUIView<Content: ExpoSwiftUI.View>(
+  _ contentType: Content.Type,
+  @ExpoSwiftUI.ViewDefinitionBuilder<Content> _ elements: @escaping () -> [AnyViewDefinitionElement]
+) -> ExpoSwiftUI.ViewDefinition<Content.Props, UIBaseView<Content.Props, Content>> where Content.Props: UIBaseViewProps {
+  let wrappedType = UIBaseView<Content.Props, Content>.self
+  let contentName = String(describing: contentType)
+
+  return ExpoSwiftUI.ViewDefinition(wrappedType, name: contentName, elements: elements())
+}

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

@@ -0,0 +1 @@
+88aeb5d46abccb005a1f657379a191dd

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

@@ -0,0 +1 @@
+a34da0ffd5b373d346c39f45a5a61ec09f5c1b7b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.2/expo.modules.ui-55.0.2-sources.jar.sha256

@@ -0,0 +1 @@
+2b50088dab0279da8a113fe0396237a4525f8a9fb130d4b1cd15b5072f866a53

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.2/expo.modules.ui-55.0.2-sources.jar.sha512

@@ -0,0 +1 @@
+588744d4be57b3e7ed22bcccd40222dcb365367cd3bb72fd0aeb4c0f1925229f986b58712f477a0eebdeb0e8d887b09e0aab21764dc372a5755e622118d88d7b

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.2/expo.modules.ui-55.0.2.aar.md5

@@ -0,0 +1 @@
+c2ddc40af222d8ef304b15d13a112399

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.2/expo.modules.ui-55.0.2.aar.sha1

@@ -0,0 +1 @@
+d9837c255bb0284a69d6b234195055a11d9bd98f

package/local-maven-repo/expo/modules/ui/expo.modules.ui/55.0.2/expo.modules.ui-55.0.2.aar.sha256

@@ -0,0 +1 @@
+9a82f1f77a7ee3f302982361eb41e2bb8b86cbd430061a07cce8c4511b40cbf4

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

@@ -0,0 +1 @@
+8a56aa5f1a198809e7bd3601605ec9e5ae7414b7834d6d6a44c024991f27de1cd744ed4b575b23b6b537e3e759c39309b220ca9fe57ec76c42b4130326c331fb

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.0/expo.modules.ui-55.0.0.module → 55.0.2/expo.modules.ui-55.0.2.module}

@@ -3,7 +3,7 @@
   "component": {
     "group": "expo.modules.ui",
     "module": "expo.modules.ui",
-    "version": "55.0.0",
+    "version": "55.0.2",
     "attributes": {
       "org.gradle.status": "release"
     }
@@ -24,13 +24,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.0.aar",
-          "url": "expo.modules.ui-55.0.0.aar",
-          "size": 732681,
-          "sha512": "35a4fa077be99bf9bebfd55d3398894d0150be4a5a60503d407a6a487290f5b2fdd0b0624986ef2781097d50a3c1fe973786fd79a738e94d1de0228b04ab3e01",
-          "sha256": "981050003cd4b3d57f26a29a9e0466bdbdae41cc8df253b571858ba1e46a6ab9",
-          "sha1": "6c884449165b70583d08844b02f31ab547df4438",
-          "md5": "28406ef3849bb822054f845e1e731d11"
+          "name": "expo.modules.ui-55.0.2.aar",
+          "url": "expo.modules.ui-55.0.2.aar",
+          "size": 776412,
+          "sha512": "8a56aa5f1a198809e7bd3601605ec9e5ae7414b7834d6d6a44c024991f27de1cd744ed4b575b23b6b537e3e759c39309b220ca9fe57ec76c42b4130326c331fb",
+          "sha256": "9a82f1f77a7ee3f302982361eb41e2bb8b86cbd430061a07cce8c4511b40cbf4",
+          "sha1": "d9837c255bb0284a69d6b234195055a11d9bd98f",
+          "md5": "c2ddc40af222d8ef304b15d13a112399"
         }
       ]
     },
@@ -120,13 +120,13 @@
       ],
       "files": [
         {
-          "name": "expo.modules.ui-55.0.0.aar",
-          "url": "expo.modules.ui-55.0.0.aar",
-          "size": 732681,
-          "sha512": "35a4fa077be99bf9bebfd55d3398894d0150be4a5a60503d407a6a487290f5b2fdd0b0624986ef2781097d50a3c1fe973786fd79a738e94d1de0228b04ab3e01",
-          "sha256": "981050003cd4b3d57f26a29a9e0466bdbdae41cc8df253b571858ba1e46a6ab9",
-          "sha1": "6c884449165b70583d08844b02f31ab547df4438",
-          "md5": "28406ef3849bb822054f845e1e731d11"
+          "name": "expo.modules.ui-55.0.2.aar",
+          "url": "expo.modules.ui-55.0.2.aar",
+          "size": 776412,
+          "sha512": "8a56aa5f1a198809e7bd3601605ec9e5ae7414b7834d6d6a44c024991f27de1cd744ed4b575b23b6b537e3e759c39309b220ca9fe57ec76c42b4130326c331fb",
+          "sha256": "9a82f1f77a7ee3f302982361eb41e2bb8b86cbd430061a07cce8c4511b40cbf4",
+          "sha1": "d9837c255bb0284a69d6b234195055a11d9bd98f",
+          "md5": "c2ddc40af222d8ef304b15d13a112399"
         }
       ]
     },
@@ -140,13 +140,13 @@
       },
       "files": [
         {
-          "name": "expo.modules.ui-55.0.0-sources.jar",
-          "url": "expo.modules.ui-55.0.0-sources.jar",
-          "size": 51394,
-          "sha512": "fe721d26e09241994a20838afa7aecfcd15a3c74bb104a3b42753cb73608ad6784f0d820db4b654b6fd65df1165574b8353040f8d0a2161c2e3413e18c2b9b79",
-          "sha256": "addee5fe747747c7459fb227f67189cd0c0a064fe2a037ed67057c560e7fb335",
-          "sha1": "6e19bff717c5770bfbfab0f7b94f6e98217dc504",
-          "md5": "d9047cbc88b3f7cbf9728460e27dd43d"
+          "name": "expo.modules.ui-55.0.2-sources.jar",
+          "url": "expo.modules.ui-55.0.2-sources.jar",
+          "size": 56358,
+          "sha512": "588744d4be57b3e7ed22bcccd40222dcb365367cd3bb72fd0aeb4c0f1925229f986b58712f477a0eebdeb0e8d887b09e0aab21764dc372a5755e622118d88d7b",
+          "sha256": "2b50088dab0279da8a113fe0396237a4525f8a9fb130d4b1cd15b5072f866a53",
+          "sha1": "a34da0ffd5b373d346c39f45a5a61ec09f5c1b7b",
+          "md5": "88aeb5d46abccb005a1f657379a191dd"
         }
       ]
     }

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

@@ -0,0 +1 @@
+fc6cd933e35f812570ca3f32742b0898

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

@@ -0,0 +1 @@
+30dbf6a3d9ec32bd3d35dcaa054f871c6aef4572

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

@@ -0,0 +1 @@
+776b37606fc84b29d80f4fad1667670284ba5424ef5463d07ddf9349a91092aa

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

@@ -0,0 +1 @@
+4ea7791e17643fc75674cebb245364eb7da0375f5f07bcba12d71021fbd53524280e0e41ab6aada44304126083e1ae4bdb554b0b5cbc81f8141e32200f8aea51

package/local-maven-repo/expo/modules/ui/expo.modules.ui/{55.0.0/expo.modules.ui-55.0.0.pom → 55.0.2/expo.modules.ui-55.0.2.pom}

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

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

@@ -0,0 +1 @@
+98b60e39733fa3716c6c6f1716b17c9e

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

@@ -0,0 +1 @@
+785a21c06743ebd45e830929302eacfed1a02577

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

@@ -0,0 +1 @@
+eb010d0e31664cc2341979943ef6419479f3fa3a34db9596c4662860ad70ba79

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

@@ -0,0 +1 @@
+af7c2dbb1d6562a281f052003f7040abe11d3675d03857f5c7d3519b28a1a8be54a73ccc7f2fab909b7edbfd864d888936d71a737737fac71ff13783d969229d

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

@@ -3,11 +3,11 @@
   <groupId>expo.modules.ui</groupId>
   <artifactId>expo.modules.ui</artifactId>
   <versioning>
-    <latest>55.0.0</latest>
-    <release>55.0.0</release>
+    <latest>55.0.2</latest>
+    <release>55.0.2</release>
     <versions>
-      <version>55.0.0</version>
+      <version>55.0.2</version>
     </versions>
-    <lastUpdated>20260225012649</lastUpdated>
+    <lastUpdated>20260311141702</lastUpdated>
   </versioning>
 </metadata>

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

@@ -1 +1 @@
-be097b1ca9d6557ce603d9fa8337d298
+3297c0326287d50f819c398744e70f0b

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

@@ -1 +1 @@
-ffb870c3e214c6335eda475340ecf91bb97a95e1
+52a054a9646396b7224594f0d12720d91de3d216

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

@@ -1 +1 @@
-9fbe3d7daf56d306b01466ba459a1ca9a073df5d11712ba9746a45f54383c32f
+0ae7bf34378bccc60cb770b147533c2b4f1d10ede0a368c6ce75ab9763c6f66e

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

@@ -1 +1 @@
-fbfe14ec891c0a4f30a9da397ed8fad0422f6e68ab4d93830c4340800bad782a8fdfc84a5c1fb989966f1a38bcca1136353d0bfae3d9029885f57d663ec0af4a
+b3f9f47205d7673ff988ddfc4632e556083ab8f5452376963677b9cc91314ff7363f811f1dfa575e8ead3c870ad237f0e930ee8804bdda308b00487e82bcd112

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expo/ui",
-  "version": "55.0.0",
+  "version": "55.0.2",
   "description": "A collection of UI components",
   "sideEffects": [
     "*.fx.js"
@@ -60,5 +60,5 @@
     "react": "*",
     "react-native": "*"
   },
-  "gitHead": "b183e5cbd95eb6ee54a878291c7077d8d63e4850"
+  "gitHead": "bcdd2c239f8a92cdf5140e35cde768352630acd6"
 }

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

@@ -0,0 +1,26 @@
+import { requireNativeView } from 'expo';
+
+import {
+  ContentAlignment,
+  FloatingToolbarExitAlwaysScrollBehavior,
+  PrimitiveBaseProps,
+  transformProps,
+} from '../layout-types';
+
+export type BoxProps = {
+  children?: React.ReactNode;
+  /**
+   * Alignment of children within the box.
+   */
+  contentAlignment?: ContentAlignment;
+  /**
+   * Scroll behavior for the floating toolbar exit.
+   */
+  floatingToolbarExitAlwaysScrollBehavior?: FloatingToolbarExitAlwaysScrollBehavior;
+} & PrimitiveBaseProps;
+
+const BoxNativeView: React.ComponentType<BoxProps> = requireNativeView('ExpoUI', 'BoxView');
+
+export function Box(props: BoxProps) {
+  return <BoxNativeView {...transformProps(props)} />;
+}

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

@@ -0,0 +1,39 @@
+import { requireNativeView } from 'expo';
+
+import {
+  HorizontalAlignment,
+  HorizontalArrangement,
+  PrimitiveBaseProps,
+  VerticalAlignment,
+  VerticalArrangement,
+  transformProps,
+} from '../layout-types';
+
+export type ColumnProps = {
+  children?: React.ReactNode;
+  /**
+   * Horizontal arrangement of children.
+   */
+  horizontalArrangement?: HorizontalArrangement;
+  /**
+   * Vertical arrangement of children.
+   */
+  verticalArrangement?: VerticalArrangement;
+  /**
+   * Horizontal alignment of children.
+   */
+  horizontalAlignment?: HorizontalAlignment;
+  /**
+   * Vertical alignment of children.
+   */
+  verticalAlignment?: VerticalAlignment;
+} & PrimitiveBaseProps;
+
+const ColumnNativeView: React.ComponentType<ColumnProps> = requireNativeView(
+  'ExpoUI',
+  'ColumnView'
+);
+
+export function Column(props: ColumnProps) {
+  return <ColumnNativeView {...transformProps(props)} />;
+}

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

@@ -8,6 +8,96 @@ export type AndroidVariant = 'picker' | 'input';
 
 export type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
 
+/**
+ * Color overrides for the Material 3 DatePicker component.
+ * All properties are optional — unset values use Material 3 theme defaults.
+ */
+export type DatePickerElementColors = {
+  /** The background color of the date picker. */
+  containerColor?: ColorValue;
+  /** The color used for the date picker's title. */
+  titleContentColor?: ColorValue;
+  /** The color used for the date picker's headline. */
+  headlineContentColor?: ColorValue;
+  /** The color used for the weekday letters (Mon, Tue, etc.). */
+  weekdayContentColor?: ColorValue;
+  /** The color used for the month and year subhead labels. */
+  subheadContentColor?: ColorValue;
+  /** The color used for navigation arrows and year selection menu button. */
+  navigationContentColor?: ColorValue;
+  /** The color used for year item content. */
+  yearContentColor?: ColorValue;
+  /** The color used for disabled year item content. */
+  disabledYearContentColor?: ColorValue;
+  /** The color used for the current year content. */
+  currentYearContentColor?: ColorValue;
+  /** The color used for the selected year content. */
+  selectedYearContentColor?: ColorValue;
+  /** The color used for a disabled selected year content. */
+  disabledSelectedYearContentColor?: ColorValue;
+  /** The color used for the selected year container/background. */
+  selectedYearContainerColor?: ColorValue;
+  /** The color used for a disabled selected year container. */
+  disabledSelectedYearContainerColor?: ColorValue;
+  /** The color used for day content (number text). */
+  dayContentColor?: ColorValue;
+  /** The color used for disabled day content. */
+  disabledDayContentColor?: ColorValue;
+  /** The color used for selected day content. */
+  selectedDayContentColor?: ColorValue;
+  /** The color used for a disabled selected day content. */
+  disabledSelectedDayContentColor?: ColorValue;
+  /** The color used for the selected day container/background circle. */
+  selectedDayContainerColor?: ColorValue;
+  /** The color used for a disabled selected day container. */
+  disabledSelectedDayContainerColor?: ColorValue;
+  /** The color used for today's date text. */
+  todayContentColor?: ColorValue;
+  /** The color used for today's date border. */
+  todayDateBorderColor?: ColorValue;
+  /** The content color for days within a date range selection. */
+  dayInSelectionRangeContentColor?: ColorValue;
+  /** The container color for days within a date range selection. */
+  dayInSelectionRangeContainerColor?: ColorValue;
+  /** The color used for divider lines. */
+  dividerColor?: ColorValue;
+};
+
+/**
+ * Color overrides for the Material 3 TimePicker component.
+ * All properties are optional — unset values use Material 3 theme defaults.
+ */
+export type TimePickerElementColors = {
+  /** The container/background color of the time picker. */
+  containerColor?: ColorValue;
+  /** The background color of the clock dial. */
+  clockDialColor?: ColorValue;
+  /** The color of clock dial numbers when selected or overlapping the selector. */
+  clockDialSelectedContentColor?: ColorValue;
+  /** The color of clock dial numbers when unselected. */
+  clockDialUnselectedContentColor?: ColorValue;
+  /** The color of the clock dial selector (hand). */
+  selectorColor?: ColorValue;
+  /** The border color of the AM/PM period selector. */
+  periodSelectorBorderColor?: ColorValue;
+  /** The background color of the selected AM/PM period. */
+  periodSelectorSelectedContainerColor?: ColorValue;
+  /** The background color of the unselected AM/PM period. */
+  periodSelectorUnselectedContainerColor?: ColorValue;
+  /** The text color of the selected AM/PM period. */
+  periodSelectorSelectedContentColor?: ColorValue;
+  /** The text color of the unselected AM/PM period. */
+  periodSelectorUnselectedContentColor?: ColorValue;
+  /** The background color of the selected hour/minute segment. */
+  timeSelectorSelectedContainerColor?: ColorValue;
+  /** The background color of the unselected hour/minute segment. */
+  timeSelectorUnselectedContainerColor?: ColorValue;
+  /** The text color of the selected hour/minute segment. */
+  timeSelectorSelectedContentColor?: ColorValue;
+  /** The text color of the unselected hour/minute segment. */
+  timeSelectorUnselectedContentColor?: ColorValue;
+};
+
 export type DateTimePickerProps = {
   /**
    * The initial date to display on the picker.
@@ -37,8 +127,19 @@ export type DateTimePickerProps = {
   displayedComponents?: DisplayedComponents;
   /**
    * The tint color to use on the picker elements.
+   * When `elementColors` is not provided, this color is applied to a subset of
+   * picker elements (selected day, title, headline, today border for date picker;
+   * selector, selected time segment, clock dial for time picker).
    */
   color?: ColorValue;
+  /**
+   * Fine-grained color overrides for individual picker elements.
+   * When provided, these take precedence over the `color` prop.
+   * Date picker color keys are used when `displayedComponents` is 'date' or 'dateAndTime'.
+   * Time picker color keys are used when `displayedComponents` is 'hourAndMinute'.
+   * Unset values fall back to Material 3 theme defaults.
+   */
+  elementColors?: DatePickerElementColors & TimePickerElementColors;
   /**
    * Determines what format the clock should be displayed in on Android.
    * @default true
@@ -52,14 +153,15 @@ export type DateTimePickerProps = {
 
 type NativeDatePickerProps = Omit<
   DateTimePickerProps,
-  'variant' | 'onDateSelected' | 'initialDate'
+  'variant' | 'onDateSelected' | 'initialDate' | 'elementColors'
 > & {
   variant?: AndroidVariant;
   initialDate?: number | null;
+  elementColors?: DatePickerElementColors & TimePickerElementColors;
 } & ViewEvent<'onDateSelected', { date: Date }>;
 
 function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePickerProps {
-  const { modifiers, variant, initialDate, ...rest } = props;
+  const { modifiers, variant, initialDate, elementColors, color, ...rest } = props;
 
   // Convert ISO string to timestamp for Android
   const initialDateTimestamp = initialDate ? new Date(initialDate).getTime() : null;
@@ -68,11 +170,13 @@ function transformDateTimePickerProps(props: DateTimePickerProps): NativeDatePic
     modifiers,
     ...(modifiers ? createViewModifierEventListener(modifiers) : undefined),
     ...rest,
+    color,
     initialDate: initialDateTimestamp,
     onDateSelected: ({ nativeEvent: { date } }) => {
       props?.onDateSelected?.(new Date(date));
     },
     variant,
+    ...(elementColors != null ? { elementColors } : {}),
   };
 }
 

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

@@ -0,0 +1,29 @@
+import { requireNativeView } from 'expo';
+
+import {
+  HorizontalArrangement,
+  PrimitiveBaseProps,
+  VerticalArrangement,
+  transformProps,
+} from '../layout-types';
+
+export type FlowRowProps = {
+  children?: React.ReactNode;
+  /**
+   * Horizontal arrangement of children.
+   */
+  horizontalArrangement?: HorizontalArrangement;
+  /**
+   * Vertical arrangement of children.
+   */
+  verticalArrangement?: VerticalArrangement;
+} & PrimitiveBaseProps;
+
+const FlowRowNativeView: React.ComponentType<FlowRowProps> = requireNativeView(
+  'ExpoUI',
+  'FlowRowView'
+);
+
+export function FlowRow(props: FlowRowProps) {
+  return <FlowRowNativeView {...transformProps(props)} />;
+}

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

@@ -33,9 +33,6 @@ export type LazyColumnProps = {
   /**
    * The vertical arrangement of items.
    * Can be a preset string or an object with `spacedBy` to specify spacing in dp.
-   * @example
-   * verticalArrangement="center"
-   * verticalArrangement={{ spacedBy: 8 }}
    */
   verticalArrangement?:
     | 'top'

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

@@ -0,0 +1,36 @@
+import { requireNativeView } from 'expo';
+
+import {
+  HorizontalAlignment,
+  HorizontalArrangement,
+  PrimitiveBaseProps,
+  VerticalAlignment,
+  VerticalArrangement,
+  transformProps,
+} from '../layout-types';
+
+export type RowProps = {
+  children?: React.ReactNode;
+  /**
+   * Horizontal arrangement of children.
+   */
+  horizontalArrangement?: HorizontalArrangement;
+  /**
+   * Vertical arrangement of children.
+   */
+  verticalArrangement?: VerticalArrangement;
+  /**
+   * Horizontal alignment of children.
+   */
+  horizontalAlignment?: HorizontalAlignment;
+  /**
+   * Vertical alignment of children.
+   */
+  verticalAlignment?: VerticalAlignment;
+} & PrimitiveBaseProps;
+
+const RowNativeView: React.ComponentType<RowProps> = requireNativeView('ExpoUI', 'RowView');
+
+export function Row(props: RowProps) {
+  return <RowNativeView {...transformProps(props)} />;
+}

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

@@ -5,7 +5,7 @@ import { createViewModifierEventListener } from '../modifiers/utils';
 
 export type SpacerProps = {
   /**
-   * Modifiers for the component. Use weight() modifier to make the spacer flexible.
+   * Modifiers for the component. Use `weight()` modifier to make the spacer flexible.
    */
   modifiers?: ExpoModifier[];
 };
@@ -27,7 +27,7 @@ function transformProps(props: SpacerProps): NativeSpacerProps {
 
 /**
  * A spacer component that fills available space.
- * Use with the weight() modifier to create flexible spacing in Row or Column layouts.
+ * Use with the `weight()` modifier to create flexible spacing in `Row` or `Column` layouts.
  *
  * @example
  * ```tsx

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

@@ -12,8 +12,20 @@ import { createViewModifierEventListener } from '../modifiers/utils';
 type SwitchElementColors = {
   checkedThumbColor?: ColorValue;
   checkedTrackColor?: ColorValue;
+  checkedBorderColor?: ColorValue;
+  checkedIconColor?: ColorValue;
   uncheckedThumbColor?: ColorValue;
   uncheckedTrackColor?: ColorValue;
+  uncheckedBorderColor?: ColorValue;
+  uncheckedIconColor?: ColorValue;
+  disabledCheckedThumbColor?: ColorValue;
+  disabledCheckedTrackColor?: ColorValue;
+  disabledCheckedBorderColor?: ColorValue;
+  disabledCheckedIconColor?: ColorValue;
+  disabledUncheckedThumbColor?: ColorValue;
+  disabledUncheckedTrackColor?: ColorValue;
+  disabledUncheckedBorderColor?: ColorValue;
+  disabledUncheckedIconColor?: ColorValue;
 };
 
 // @docsMissing
@@ -46,6 +58,12 @@ export type SwitchProps = {
    * @default 'switch'
    */
   variant?: 'checkbox' | 'switch' | 'button';
+  /**
+   * Whether the switch is enabled.
+   * @default true
+   * @platform android
+   */
+  enabled?: boolean;
   /**
    * Callback function that is called when the checked state changes.
    */

package/src/jetpack-compose/index.ts

@@ -34,5 +34,8 @@ export * from './RadioButton';
 export * from './Surface';
 export * from './Text';
 
-export * from './layout';
+export * from './Box';
+export * from './Row';
+export * from './Column';
+export * from './FlowRow';
 export { ViewEvent } from '../types';