@expo/ui 1.0.0-canary-20250305-0af9ad2 → 1.0.0-canary-20250320-7a205d3

package/CHANGELOG.md

@@ -8,6 +8,10 @@
 
 ### 🎉 New features
 
+- [iOS] Add bottom sheet. ([#35455](https://github.com/expo/expo/pull/35455) by [@aleqsio](https://github.com/aleqsio))
+- [iOS] Add support for `pallete` and `inline` pickers. ([#35435](https://github.com/expo/expo/pull/35435) by [@aleqsio](https://github.com/aleqsio))
+- Add TextInput for Android. ([#35228](https://github.com/expo/expo/pull/35228) by [@aleqsio](https://github.com/aleqsio))
+- Add context menu previews. ([#35369](https://github.com/expo/expo/pull/35369) by [@aleqsio](https://github.com/aleqsio)).
 - Add TextInput for iOS. ([#35098](https://github.com/expo/expo/pull/35098) by [@aleqsio](https://github.com/aleqsio))
 - Add `disabled` button prop. ([#35115](https://github.com/expo/expo/pull/35115) by [@andrew-levy](https://github.com/andrew-levy))
 - Add Radio option to Picker Component for Android. ([#34629](https://github.com/expo/expo/pull/34629)) by [@benjaminkomen](https://github.com/benjaminkomen)
@@ -24,6 +28,7 @@
 
 - Drop section polyfill for Android ([#35305](https://github.com/expo/expo/pull/35305) by [@aleqsio](https://github.com/aleqsio))
 - Standardize platform key ordering in `expo-module.config.json`. ([#35003](https://github.com/expo/expo/pull/35003) by [@reichhartd](https://github.com/reichhartd))
+- Dismiss context menu when a menu item is tapped on Android ([#35365](https://github.com/expo/expo/pull/35365) by [@fobos531](https://github.com/fobos531))
 
 ## 0.0.2 — 2025-02-11
 
@@ -45,6 +50,7 @@
 
 ### 💡 Others
 
+- Add docs ([#34808](https://github.com/expo/expo/pull/34808) by [@aleqsio](https://github.com/aleqsio))
 - [apple] Migrate remaining `expo-module.config.json` to unified platform syntax. ([#34445](https://github.com/expo/expo/pull/34445) by [@reichhartd](https://github.com/reichhartd))
 - Rename the events for the `Switch` component. ([#34577](https://github.com/expo/expo/pull/34577) by [@behenate](https://github.com/behenate))
 

package/android/src/main/java/expo/modules/ui/ExpoUIModule.kt

@@ -40,5 +40,9 @@ class ExpoUIModule : Module() {
     }
 
     View(ProgressView::class)
+
+    View(TextInputView::class)  {
+      Events("onValueChanged")
+    }
   }
 }

package/android/src/main/java/expo/modules/ui/PickerView.kt

@@ -161,6 +161,9 @@ class PickerView(context: Context, appContext: AppContext) : ExpoComposeView<Pic
         SegmentedComposable()
       } else if (variant == "radio") {
         RadioComposable()
+      } else {
+        // Default to segmented picker
+        SegmentedComposable()
       }
     }
   }

package/android/src/main/java/expo/modules/ui/TextInputView.kt

@@ -0,0 +1,75 @@
+package expo.modules.ui
+
+import android.content.Context
+import androidx.compose.foundation.text.KeyboardOptions
+
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ExpoComposeView
+
+import androidx.compose.material3.Text
+import androidx.compose.material3.TextField
+import androidx.compose.runtime.MutableState
+import androidx.compose.runtime.mutableStateOf
+
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.views.ComposeProps
+
+import androidx.compose.runtime.getValue
+import androidx.compose.runtime.remember
+import androidx.compose.runtime.setValue
+import androidx.compose.ui.text.input.KeyboardType
+import expo.modules.kotlin.views.AutoSizingComposable
+import expo.modules.kotlin.views.Direction
+import java.util.EnumSet
+
+
+data class TextInputProps(
+  val defaultValue: MutableState<String> = mutableStateOf(""),
+  val placeholder: MutableState<String> = mutableStateOf(""),
+  val multiline: MutableState<Boolean> = mutableStateOf(false),
+  val numberOfLines: MutableState<Int?> = mutableStateOf(null),
+  val keyboardType: MutableState<String> = mutableStateOf("default"),
+  val autocorrection: MutableState<Boolean> = mutableStateOf(true),
+) : ComposeProps
+
+fun String.keyboardType(): KeyboardType {
+  return when (this) {
+    "default" -> KeyboardType.Text
+    "numeric" -> KeyboardType.Number
+    "email-address" -> KeyboardType.Email
+    "phone-pad" -> KeyboardType.Phone
+    "decimal-pad" -> KeyboardType.Decimal
+    "password" -> KeyboardType.Password
+    "ascii-capable" -> KeyboardType.Ascii
+    "url" -> KeyboardType.Uri
+    "number-password" -> KeyboardType.NumberPassword
+    else -> KeyboardType.Text
+  }
+}
+
+class TextInputView(context: Context, appContext: AppContext) : ExpoComposeView<TextInputProps>(context, appContext) {
+  override val props = TextInputProps()
+  private val onValueChanged by EventDispatcher()
+
+  init {
+    setContent {
+      var value by remember { props.defaultValue }
+      AutoSizingComposable(shadowNodeProxy, axis = EnumSet.of(Direction.VERTICAL)) {
+        TextField(
+          value = value,
+          onValueChange = {
+            value = it
+            onValueChanged(mapOf("value" to it))
+          },
+          placeholder = { Text(props.placeholder.value) },
+          maxLines = if (props.multiline.value) props.numberOfLines.value ?: Int.MAX_VALUE else 1,
+          singleLine = !props.multiline.value,
+          keyboardOptions = KeyboardOptions.Default.copy(
+            keyboardType = props.keyboardType.value.keyboardType(),
+            autoCorrectEnabled = props.autocorrection.value,
+          ),
+        )
+      }
+    }
+  }
+}

package/android/src/main/java/expo/modules/ui/menu/ContextMenu.kt

@@ -20,6 +20,7 @@ import expo.modules.kotlin.views.ExpoComposeView
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
+import androidx.compose.runtime.MutableState
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.remember
 import androidx.compose.ui.unit.dp
@@ -47,7 +48,7 @@ private fun SectionTitle(text: String) {
 }
 
 @Composable
-fun FlatMenu(elements: Array<ContextMenuElement>, sectionTitle: String?, dispatchers: ContextMenuDispatchers) {
+fun FlatMenu(elements: Array<ContextMenuElement>, sectionTitle: String?, dispatchers: ContextMenuDispatchers, expanded: MutableState<Boolean>) {
   sectionTitle?.takeIf { !it.isEmpty() }?.let {
     SectionTitle(it)
   }
@@ -68,6 +69,7 @@ fun FlatMenu(elements: Array<ContextMenuElement>, sectionTitle: String?, dispatc
         text = { Text(it.text) },
         onClick = {
           dispatchers.buttonPressed(ContextMenuButtonPressedEvent(id))
+          expanded.value = false
         }
       )
     }
@@ -95,13 +97,14 @@ fun FlatMenu(elements: Array<ContextMenuElement>, sectionTitle: String?, dispatc
           dispatchers.switchCheckedChanged(
             ContextMenuSwitchValueChangeEvent(!it.value, id)
           )
+          expanded.value = false
         }
       )
     }
 
     element.submenu?.let {
       HorizontalDivider()
-      FlatMenu(it.elements, it.button.text, dispatchers)
+      FlatMenu(it.elements, it.button.text, dispatchers, expanded)
     }
   }
 }
@@ -163,7 +166,8 @@ class ContextMenu(context: Context, appContext: AppContext) : ExpoComposeView<Co
               dispatchers = ContextMenuDispatchers(
                 buttonPressed = onContextMenuButtonPressed,
                 switchCheckedChanged = onContextMenuSwitchValueChanged
-              )
+              ),
+              expanded = expanded
             )
           }
         }

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

@@ -0,0 +1,9 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export type BottomSheetProps = {
+    style?: StyleProp<ViewStyle>;
+    children: any;
+    isOpened: boolean;
+    onIsOpenedChange: (isOpened: boolean) => void;
+};
+export declare function BottomSheet({ children }: BottomSheetProps): any;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/BottomSheet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,gBAAgB,OAEzD"}

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

@@ -0,0 +1,11 @@
+import { NativeSyntheticEvent } from 'react-native';
+import { BottomSheetProps } from '.';
+type NativeBottomSheetProps = Omit<BottomSheetProps, 'onIsOpenedChange'> & {
+    onIsOpenedChange: (event: NativeSyntheticEvent<{
+        isOpened: boolean;
+    }>) => void;
+};
+export declare function transformBottomSheetProps(props: BottomSheetProps): NativeBottomSheetProps;
+export declare function BottomSheet(props: BottomSheetProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=index.ios.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.ios.d.ts","sourceRoot":"","sources":["../../../components/BottomSheet/index.ios.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,oBAAoB,EAAQ,MAAM,cAAc,CAAC;AAEtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAC;AAErC,KAAK,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,GAAG;IACzE,gBAAgB,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;CAChF,CAAC;AAOF,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,gBAAgB,GAAG,sBAAsB,CAOzF;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAUlD"}

package/build/components/Button/index.d.ts

@@ -1,6 +1,6 @@
 import { StyleProp, ViewStyle } from 'react-native';
 import { MaterialIcon } from './types';
-import { ViewEvent } from '../../src';
+import { ViewEvent } from '../../src/types';
 /**
  * The role of the button.
  * - `default` - The default button role.
@@ -11,10 +11,12 @@ import { ViewEvent } from '../../src';
 export type ButtonRole = 'default' | 'cancel' | 'destructive';
 /**
  * The built-in button styles available on iOS and Android.
+ *
  * Common styles:
  * - `default` - The default system button style.
  * - `bordered` - A button with a light fill. On Android equivalent to `FilledTonalButton`.
  * - `borderless` - A button with no background or border. On Android equivalent to `TextButton`.
+ *
  * Apple-only styles:
  * - `borderedProminent` - A bordered button with a prominent appearance.
  * - `plain` - A button with no border or background and a less prominent text.
@@ -23,11 +25,22 @@ export type ButtonRole = 'default' | 'cancel' | 'destructive';
  * - `accessoryBarAction` - A button style for accessory bar actions.
  * - `card` - A button style for cards.
  * - `link` - A button style for links.
+ *
  * Android-only styles:
  * - `outlined` - A button with an outline.
  * - `elevated` - A filled button with a shadow.
  */
 export type ButtonVariant = 'default' | 'bordered' | 'plain' | 'borderedProminent' | 'borderless' | 'accessoryBar' | 'accessoryBarAction' | 'card' | 'link' | 'outlined' | 'elevated';
+/**
+ * Colors for button's core elements.
+ * @platform android
+ */
+export type ButtonElementColors = {
+    containerColor?: string;
+    contentColor?: string;
+    disabledContainerColor?: string;
+    disabledContentColor?: string;
+};
 export type ButtonProps = {
     /**
      * A callback that is called when the button is pressed.
@@ -35,7 +48,7 @@ export type ButtonProps = {
     onPress?: () => void;
     /**
      * A string describing the system image to display in the button.
-     * Uses SF Symbols on iOS and Material Icons on Android.
+     * Uses Material Icons on Android and SF Symbols on iOS.
      */
     systemImage?: {
         ios?: string;
@@ -62,12 +75,7 @@ export type ButtonProps = {
      * Colors for button's core elements.
      * @platform android
      */
-    elementColors?: {
-        containerColor?: string;
-        contentColor?: string;
-        disabledContainerColor?: string;
-        disabledContentColor?: string;
-    };
+    elementColors?: ButtonElementColors;
     /**
      * Button color.
      */
@@ -77,11 +85,20 @@ export type ButtonProps = {
      */
     disabled?: boolean;
 };
+/**
+ * @hidden
+ */
 export type NativeButtonProps = Omit<ButtonProps, 'role' | 'onPress' | 'children' | 'systemImage'> & {
     buttonRole?: ButtonRole;
     text: string;
     systemImage?: string;
 } & ViewEvent<'onButtonPressed', void>;
+/**
+ * @hidden
+ */
 export declare function transformButtonProps(props: ButtonProps): NativeButtonProps;
+/**
+ * Displays a native button component.
+ */
 export declare function Button(props: ButtonProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,aAAa,GAErB,SAAS,GACT,UAAU,GACV,OAAO,GAEP,mBAAmB,GACnB,YAAY,GAEZ,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,MAAM,GAEN,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,YAAY,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;KAC/B,CAAC;IACF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAChD,GAAG;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAgB1E;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAWxC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,SAAS,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;AAE9D;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,aAAa,GAErB,SAAS,GACT,UAAU,GACV,OAAO,GAEP,mBAAmB,GACnB,YAAY,GAEZ,cAAc,GACd,oBAAoB,GACpB,MAAM,GACN,MAAM,GAEN,UAAU,GACV,UAAU,CAAC;AAEf;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,YAAY,CAAC;KACxB,CAAC;IACF;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAClC,WAAW,EACX,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAChD,GAAG;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GAAG,SAAS,CAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;AAQvC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAgB1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAWxC"}

package/build/components/ContextMenu/index.android.d.ts

@@ -0,0 +1,23 @@
+import { ContextMenuProps } from '.';
+export declare function Submenu(): import("react").JSX.Element;
+export declare function Items(): import("react").JSX.Element;
+export declare namespace Items {
+    var tag: string;
+}
+export declare function Trigger(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+export declare namespace Trigger {
+    var tag: string;
+}
+export declare function Preview(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+declare function ContextMenu(props: ContextMenuProps): import("react").JSX.Element;
+declare namespace ContextMenu {
+    var Trigger: typeof import("./index.android").Trigger;
+    var Preview: typeof import("./index.android").Preview;
+    var Items: typeof import("./index.android").Items;
+}
+export { ContextMenu };
+//# sourceMappingURL=index.android.d.ts.map

package/build/components/ContextMenu/index.android.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.android.d.ts","sourceRoot":"","sources":["../../../components/ContextMenu/index.android.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAkC,MAAM,GAAG,CAAC;AAQrE,wBAAgB,OAAO,gCAEtB;AAED,wBAAgB,KAAK,gCAEpB;yBAFe,KAAK;;;AAKrB,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;yBAFe,OAAO;;;AAKvB,wBAAgB,OAAO,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,+BAE3D;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BAmC3C;kBAnCQ,WAAW;;;;;AAyCpB,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/build/components/ContextMenu/index.d.ts

@@ -1,18 +1,20 @@
-import React, { ReactElement, ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
+import { MenuElement } from './utils';
 import { ButtonProps } from '../Button';
 import { PickerProps } from '../Picker';
 import { SwitchProps } from '../Switch';
 type SubmenuElement = ReactElement<ButtonProps> | ReactElement<SwitchProps> | ReactElement<PickerProps> | ReactElement<SubmenuProps>;
-type ContentChildren = SubmenuElement | SubmenuElement[];
 export type ContextMenuContentProps = {
-    children: ContentChildren;
-};
-export type EventHandlers = {
-    [key: string]: {
-        [key: string]: (event: NativeSyntheticEvent<any>) => void;
-    };
+    children: SubmenuElement | SubmenuElement[];
 };
+/**
+ * @hidden
+ */
+export type EventHandlers = Record<string, Record<string, (event: NativeSyntheticEvent<any>) => void>>;
+/**
+ * @hidden
+ */
 export type ContextMenuElementBase = {
     contextMenuElementID: string;
 };
@@ -26,12 +28,6 @@ export type ActivationMethod = 'singlePress' | 'longPress';
  * Props of the `ContextMenu` component.
  */
 export type ContextMenuProps = {
-    /**
-     * Items visible inside the context menu. The items should be wrapped in a `React.Fragment`.
-     * `Button`, `Switch` and `Submenu` components are supported on both Android and iOS.
-     * The `Picker` component is supported only on iOS. Remember to use components from the `@expo/ui` library.
-     */
-    Items: React.ReactElement<ContextMenuContentProps>;
     /**
      * Determines how the context menu will be activated.
      *
@@ -61,17 +57,59 @@ 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: React.ReactElement<ButtonProps>;
+    button: ReactElement<ButtonProps>;
     /**
      * Children of the submenu. Only `Button`, `Switch`, `Picker` and `Submenu` elements should be used.
      */
-    children: React.ReactNode;
+    children: ReactNode;
+};
+/**
+ * @hidden
+ */
+export type NativeMenuProps = ContextMenuProps & {
+    elements: MenuElement[];
+    onContextMenuButtonPressed: (event: NativeSyntheticEvent<{
+        contextMenuElementID: string;
+    }>) => void;
+    onContextMenuSwitchValueChanged: (event: NativeSyntheticEvent<{
+        contextMenuElementID: string;
+        value: boolean;
+    }>) => void;
+    onContextMenuPickerOptionSelected: (event: NativeSyntheticEvent<{
+        index: number;
+        label: string;
+        contextMenuElementID: string;
+    }>) => void;
 };
 /**
  * The `Submenu` component is used to create a nested context menu. Submenus can be infinitely nested.
  * Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple titled sections.
  */
-export declare function Submenu(props: SubmenuProps): React.JSX.Element;
+export declare function Submenu(props: SubmenuProps): import("react").JSX.Element;
+/**
+ * Items visible inside the context menu. Pass input components as immidiate children of the tag.
+ * `Button`, `Switch` and `Submenu` components are supported on both Android and iOS.
+ * The `Picker` component is supported only on iOS. Remember to use components from the `@expo/ui` library.
+ */
+export declare function Items(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+export declare namespace Items {
+    var tag: string;
+}
+/**
+ * The component visible all the time that triggers the menu when tapped or long-pressed.
+ */
+export declare function Trigger(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
+/**
+ * The component visible above the menu when it is opened.
+ * @platform ios
+ */
+export declare function Preview(props: {
+    children: React.ReactNode;
+}): import("react").JSX.Element;
 /**
  * `ContextMenu` allows you to create a context menu, which can be used to provide additional options to the user.
  *
@@ -81,6 +119,11 @@ export declare function Submenu(props: SubmenuProps): React.JSX.Element;
  * - Android does not support nesting in the context menu. All the submenus will be flat-mapped into a single level with multiple sections. The `title` prop of the `Button`, which opens the submenu on iOS will be used as a section title.
  * - Android does not support showing a `Picker` element in the context menu.
  */
-export declare function ContextMenu(props: ContextMenuProps): React.JSX.Element;
-export {};
+declare function ContextMenu(props: ContextMenuProps): import("react").JSX.Element;
+declare namespace ContextMenu {
+    var Trigger: typeof import(".").Trigger;
+    var Preview: typeof import(".").Preview;
+    var Items: typeof import(".").Items;
+}
+export { ContextMenu };
 //# sourceMappingURL=index.d.ts.map

package/build/components/ContextMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ContextMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,KAAK,cAAc,GACf,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,WAAW,CAAC,GACzB,YAAY,CAAC,YAAY,CAAC,CAAC;AAE/B,KAAK,eAAe,GAAG,cAAc,GAAG,cAAc,EAAE,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,EAAE,eAAe,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;KAC3D,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IAAE,oBAAoB,EAAE,MAAM,CAAA;CAAE,CAAC;AAEtE;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,WAAW,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;;OAIG;IACH,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,CAAC;IAEnD;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IAEpC;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AA2BF;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,qBAE1C;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAwBlD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/ContextMenu/index.tsx"],"names":[],"mappings":"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"}

package/build/components/DatePicker/index.d.ts

@@ -1,6 +1,5 @@
-import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
-import { ViewEvent } from '../../src';
+import { ViewEvent } from '../../src/types';
 type AndroidVariant = 'picker' | 'input';
 type IOSVariant = 'wheel' | 'automatic' | 'graphical' | 'compact';
 type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
@@ -9,12 +8,12 @@ type DisplayedComponents = 'date' | 'hourAndMinute' | 'dateAndTime';
  */
 export type DatePickerProps = {
     /**
-     * The intial date to display on the picker.
+     * The initial date to display on the picker.
      */
     initialDate?: string | null;
     /**
      * A title displayed on the picker on iOS.
-     * @platform iOS
+     * @platform ios
      */
     title?: string;
     /**
@@ -23,7 +22,7 @@ export type DatePickerProps = {
     onDateSelected?: (date: Date) => void;
     /**
      * The variant of the picker, which determines its appearance and behavior.
-     * @platform iOS
+     * @platform ios
      * @default 'automatic'
      */
     iosVariant?: IOSVariant;
@@ -36,15 +35,15 @@ export type DatePickerProps = {
     /**
      * Show to button to toggle between variants on Android.
      * @platform android
-     * @default 'true'
+     * @default true
      */
     showVariantToggle?: boolean;
     /**
      * The components that the picker should display.
-     * On iOS, you can have a picker that selects both date and time.
      * On Android, you can have a picker that selects just the date or just the time.
      * `dateAndTime` is only available on iOS and will result in a date picker on Android.
-     * @default ['date']
+     * On iOS, you can have a picker that selects both date and time.
+     * @default 'date'
      */
     displayedComponents?: DisplayedComponents;
     /**
@@ -68,6 +67,6 @@ type NativeDatePickerProps = Omit<DatePickerProps, 'iosVariant' | 'androidVarian
     date: Date;
 }>;
 export declare function transformDatePickerProps(props: DatePickerProps): NativeDatePickerProps;
-export declare function DateTimePicker(props: DatePickerProps): React.JSX.Element;
+export declare function DateTimePicker(props: DatePickerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/components/DatePicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAEtC,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAElE,KAAK,mBAAmB,GAAG,MAAM,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAC/B,eAAe,EACf,YAAY,GAAG,gBAAgB,GAAG,gBAAgB,CACnD,GAAG;IACF,OAAO,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACvC,GAAG,SAAS,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,eAAe,GAAG,qBAAqB,CAStF;AAOD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,qBAEpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/DatePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,KAAK,UAAU,GAAG,OAAO,GAAG,WAAW,GAAG,WAAW,GAAG,SAAS,CAAC;AAElE,KAAK,mBAAmB,GAAG,MAAM,GAAG,eAAe,GAAG,aAAa,CAAC;AAEpE;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;OAMG;IACH,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,qBAAqB,GAAG,IAAI,CAC/B,eAAe,EACf,YAAY,GAAG,gBAAgB,GAAG,gBAAgB,CACnD,GAAG;IACF,OAAO,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;CACvC,GAAG,SAAS,CAAC,gBAAgB,EAAE;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC,CAAC;AAEhD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,eAAe,GAAG,qBAAqB,CAStF;AAOD,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAEpD"}

package/build/components/Picker/index.d.ts

@@ -1,4 +1,22 @@
 import { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Colors for picker's core elements.
+ * @platform android
+ */
+export type PickerElementColors = {
+    activeBorderColor?: string;
+    activeContentColor?: string;
+    inactiveBorderColor?: string;
+    inactiveContentColor?: string;
+    disabledActiveBorderColor?: string;
+    disabledActiveContentColor?: string;
+    disabledInactiveBorderColor?: string;
+    disabledInactiveContentColor?: string;
+    activeContainerColor?: string;
+    inactiveContainerColor?: string;
+    disabledActiveContainerColor?: string;
+    disabledInactiveContainerColor?: string;
+};
 /**
  * Props for the Picker component.
  */
@@ -12,8 +30,8 @@ export type PickerProps = {
      */
     selectedIndex: number | null;
     /**
-     * A label displayed on the picker when in `menu` variant inside a form section on iOS.
-     * @platform iOS
+     * A label displayed on the picker when in `'menu'` variant inside a form section on iOS.
+     * @platform ios
      */
     label?: string;
     /**
@@ -27,10 +45,10 @@ export type PickerProps = {
     }) => void;
     /**
      * The variant of the picker, which determines its appearance and behavior.
-     * The 'wheel' and 'menu' variants are iOS only, the 'radio' variant is Android only.
+     * The `'wheel'`, `'inline'`, `'palette'` and `'menu'` variants are iOS only, the `'radio'` variant is Android only. The `'inline'` variant can only be used inside sections or lists. The `'palette'` variant displays differently inside menus.
      * @default 'segmented'
      */
-    variant?: 'wheel' | 'segmented' | 'menu' | 'radio';
+    variant?: 'wheel' | 'segmented' | 'menu' | 'radio' | 'inline' | 'palette';
     /**
      * Optional style to apply to the picker component.
      */
@@ -39,27 +57,20 @@ export type PickerProps = {
      * Colors for picker's core elements.
      * @platform android
      */
-    elementColors?: {
-        activeBorderColor?: string;
-        activeContentColor?: string;
-        inactiveBorderColor?: string;
-        inactiveContentColor?: string;
-        disabledActiveBorderColor?: string;
-        disabledActiveContentColor?: string;
-        disabledInactiveBorderColor?: string;
-        disabledInactiveContentColor?: string;
-        activeContainerColor?: string;
-        inactiveContainerColor?: string;
-        disabledActiveContainerColor?: string;
-        disabledInactiveContainerColor?: string;
-    };
+    elementColors?: PickerElementColors;
     /**
-     * Picker color. On iOS it only applies to the `menu` variant.
+     * Picker color. On iOS it only applies to the `'menu'` variant.
      */
     color?: string;
 };
 type NativePickerProps = PickerProps;
+/**
+ * @hidden
+ */
 export declare function transformPickerProps(props: PickerProps): NativePickerProps;
+/**
+ * Displays a native picker component. Depending on the variant it can be a segmented button, an inline picker, a list of choices or a radio button.
+ */
 export declare function Picker(props: PickerProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/build/components/Picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Picker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAAC;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;;OAGG;IACH,aAAa,CAAC,EAAE;QACd,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAC;QACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;QACpC,2BAA2B,CAAC,EAAE,MAAM,CAAC;QACrC,4BAA4B,CAAC,EAAE,MAAM,CAAC;QACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;QAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC,4BAA4B,CAAC,EAAE,MAAM,CAAC;QACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;KACzC,CAAC;IACF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAa1E;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Picker/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,WAAW,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACtF;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1E;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;;OAGG;IACH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IACpC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAOF,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,WAAW,GAAG,iBAAiB,CAa1E;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+BAExC"}

package/build/components/Progress/index.d.ts

@@ -13,7 +13,7 @@ export type ProgressProps = {
      */
     style?: StyleProp<ViewStyle>;
     /**
-     * The current progress value of the slider. This is a number between 0 and 1.
+     * The current progress value of the slider. This is a number between `0` and `1`.
      */
     progress?: number | null;
     /**

package/build/components/Section/index.d.ts

@@ -1,8 +1,13 @@
 import { StyleProp, ViewStyle } from 'react-native';
 export type SectionProps = {
     style?: StyleProp<ViewStyle>;
-    title: string;
+    title?: string;
     children: any;
 };
+/**
+ * Section component uses the native [Section](https://developer.apple.com/documentation/swiftui/section) component.
+ * It has no intrinsic dimensions, so it needs explicit height or flex set to display content (like ScrollView).
+ * @platform ios
+ */
 export declare function Section({ children }: SectionProps): any;
 //# sourceMappingURL=index.d.ts.map