@depup/react-native 0.86.0-depup.49 → 0.87.0-depup.0

package/types_generated/Libraries/Components/TextInput/TextInput.flow.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<44061f57137cd78ebc62461ed113f41c>>
+ * @generated SignedSource<<e76da1ca16908ea6b928737f5e0deb9f>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
@@ -26,7 +26,7 @@ type TextInputChangeEventData = Readonly<{
   eventCount: number;
   target: number;
   text: string;
-  selection?: Selection;
+  selection?: Selection | undefined;
 }>;
 export type TextInputChangeEvent = NativeSyntheticEvent<TextInputChangeEventData>;
 export type TextInputEvent = NativeSyntheticEvent<Readonly<{
@@ -165,7 +165,7 @@ export type TextInputIOSProps = Readonly<{
    *
    * @platform ios
    */
-  dataDetectorTypes?: (DataDetectorTypesType | undefined) | ReadonlyArray<DataDetectorTypesType>;
+  dataDetectorTypes?: (DataDetectorTypesType | undefined) | ReadonlyArray<DataDetectorTypesType> | undefined;
   /**
    * If `true`, the keyboard disables the return key when there is no text and
    * automatically enables it when there is text. The default value is `false`.
@@ -320,6 +320,12 @@ export type TextInputAndroidProps = Readonly<{
    * @platform android
    */
   textBreakStrategy?: ("simple" | "highQuality" | "balanced") | undefined;
+  /**
+   * Align the input text to the top, center, or bottom of the field.
+   * Defaults to `'auto'`.
+   * @platform android
+   */
+  textAlignVertical?: ("auto" | "top" | "bottom" | "center") | undefined;
   /**
    * The color of the `TextInput` underline.
    * @platform android
@@ -749,19 +755,28 @@ type TextInputBaseProps = Readonly<{
    */
   value?: string | undefined;
   /**
-   * Align the input text to the left, center, or right sides of the input field.
+   * Align the input text to the left, center, right, start, or end side of the input field.
    */
-  textAlign?: ("left" | "center" | "right") | undefined;
+  textAlign?: ("left" | "center" | "right" | "start" | "end") | undefined;
 }>;
-export type TextInputProps = Readonly<Omit<Omit<ViewProps, "style" | "experimental_accessibilityOrder">, keyof TextInputIOSProps | keyof TextInputAndroidProps | keyof TextInputBaseProps | keyof {}> & Omit<TextInputIOSProps, keyof TextInputAndroidProps | keyof TextInputBaseProps | keyof {}> & Omit<TextInputAndroidProps, keyof TextInputBaseProps | keyof {}> & Omit<TextInputBaseProps, keyof {}> & {}>;
+export interface TextInputProps extends Readonly<Omit<Omit<ViewProps, "style" | "experimental_accessibilityOrder">, keyof TextInputIOSProps | keyof TextInputAndroidProps | keyof TextInputBaseProps | keyof {}> & Omit<TextInputIOSProps, keyof TextInputAndroidProps | keyof TextInputBaseProps | keyof {}> & Omit<TextInputAndroidProps, keyof TextInputBaseProps | keyof {}> & Omit<TextInputBaseProps, keyof {}>> {}
 /**
  * TextInput monkey-patches the native element instance with these methods.
  * It isn't technically a class but this is the most elegant way to type it.
  */
 declare class _TextInputInstance extends ReactNativeElement {
+  /**
+   * Removes all text from the input.
+   */
   clear(): void;
+  /**
+   * Returns if the input is currently focused.
+   */
   isFocused(): boolean;
   getNativeRef(): ReactNativeElement | undefined;
+  /**
+   * Sets the start and end positions of text selection.
+   */
   setSelection(start: number, end: number): void;
 }
 export type TextInputInstance = _TextInputInstance;
@@ -988,9 +1003,9 @@ export type TextInputInstance = _TextInputInstance;
  *
  */
 type InternalTextInput = (props: Omit<TextInputProps, keyof {
-  ref?: React.Ref<TextInputInstance>;
+  ref?: React.Ref<TextInputInstance> | undefined;
 }> & {
-  ref?: React.Ref<TextInputInstance>;
+  ref?: React.Ref<TextInputInstance> | undefined;
 }) => React.ReactNode;
 export type TextInputComponentStatics = Readonly<{
   State: Readonly<{

package/types_generated/Libraries/Components/ToastAndroid/ToastAndroid.d.ts

@@ -4,29 +4,12 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<3ac80baa0a17f9060cd67f83f7e469d0>>
+ * @generated SignedSource<<c7ec79e8776ec8f49aa81bb58fcc4d62>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/ToastAndroid/ToastAndroid.js.flow
  */
 
-/**
- * This exposes the native ToastAndroid module as a JS module. This has a function 'show'
- * which takes the following parameters:
- *
- * 1. String message: A string with the text to toast
- * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG
- *
- * There is also a function `showWithGravity` to specify the layout gravity. May be
- * ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER
- *
- * **Note**: Starting from Android API level 30 (Android R) or higher, for apps targeting
- * that API level, setting toast gravity is a no-op for text toasts.
- * This means that in many cases `TOP`, `BOTTOM`, `CENTER`, or offsets may not have
- * any visible effect on actual toast positioning.
- *
- * Reference: https://developer.android.com/reference/android/widget/Toast#setGravity(int,%20int,%20int)
- */
 declare const ToastAndroid: {
   /**
    * Indicates a short duration on the screen.
@@ -94,6 +77,23 @@ declare const ToastAndroid: {
    */
   showWithGravityAndOffset: (message: string, duration: number, gravity: number, xOffset: number, yOffset: number) => void;
 };
+/**
+ * This exposes the native ToastAndroid module as a JS module. This has a function 'show'
+ * which takes the following parameters:
+ *
+ * 1. String message: A string with the text to toast
+ * 2. int duration: The duration of the toast. May be ToastAndroid.SHORT or ToastAndroid.LONG
+ *
+ * There is also a function `showWithGravity` to specify the layout gravity. May be
+ * ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER
+ *
+ * **Note**: Starting from Android API level 30 (Android R) or higher, for apps targeting
+ * that API level, setting toast gravity is a no-op for text toasts.
+ * This means that in many cases `TOP`, `BOTTOM`, `CENTER`, or offsets may not have
+ * any visible effect on actual toast positioning.
+ *
+ * Reference: https://developer.android.com/reference/android/widget/Toast#setGravity(int,%20int,%20int)
+ */
 declare const $$ToastAndroid: typeof ToastAndroid;
 declare type $$ToastAndroid = typeof $$ToastAndroid;
 export default $$ToastAndroid;

package/types_generated/Libraries/Components/Touchable/TouchableHighlight.d.ts

@@ -4,17 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<95feb5a5b0c0ca1f3423fa2c53eca12e>>
+ * @generated SignedSource<<4f5fb7e0c2a5f73c27c45bcaf5c20a79>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
  */
 
+import type { HostInstance } from "../../../src/private/types/HostInstance";
 import type { ColorValue } from "../../StyleSheet/StyleSheet";
 import type { TouchableWithoutFeedbackProps } from "./TouchableWithoutFeedback";
-import View from "../../Components/View/View";
 import { type ViewStyleProp } from "../../StyleSheet/StyleSheet";
 import * as React from "react";
+export type TouchableHighlightInstance = HostInstance;
 type AndroidProps = Readonly<{
   nextFocusDown?: number | undefined;
   nextFocusForward?: number | undefined;
@@ -30,34 +31,44 @@ type IOSProps = Readonly<{
 }>;
 type TouchableHighlightBaseProps = Readonly<{
   /**
-   * Determines what the opacity of the wrapped view should be when touch is active.
+   * Opacity of the wrapped view when touch is active. Requires `underlayColor` to be set.
+   *
+   * @default `0.85`
    */
   activeOpacity?: number | undefined;
   /**
-   * The color of the underlay that will show through when the touch is active.
+   * Color of the underlay shown when touch is active.
    */
   underlayColor?: ColorValue | undefined;
-  /**
-   * @see https://reactnative.dev/docs/view#style
-   */
   style?: ViewStyleProp | undefined;
   /**
-   * Called immediately after the underlay is shown
+   * Called immediately after the underlay is shown.
    */
   onShowUnderlay?: (() => void) | undefined;
   /**
-   * Called immediately after the underlay is hidden
+   * Called immediately after the underlay is hidden.
    */
   onHideUnderlay?: (() => void) | undefined;
   testOnly_pressed?: boolean | undefined;
-  hostRef?: React.Ref<React.ComponentRef<typeof View>>;
+  hostRef?: React.Ref<TouchableHighlightInstance> | undefined;
 }>;
-export type TouchableHighlightProps = Readonly<Omit<TouchableWithoutFeedbackProps, keyof AndroidProps | keyof IOSProps | keyof TouchableHighlightBaseProps | keyof {}> & Omit<AndroidProps, keyof IOSProps | keyof TouchableHighlightBaseProps | keyof {}> & Omit<IOSProps, keyof TouchableHighlightBaseProps | keyof {}> & Omit<TouchableHighlightBaseProps, keyof {}> & {}>;
+export interface TouchableHighlightProps extends Readonly<Omit<TouchableWithoutFeedbackProps, keyof AndroidProps | keyof IOSProps | keyof TouchableHighlightBaseProps | keyof {}> & Omit<AndroidProps, keyof IOSProps | keyof TouchableHighlightBaseProps | keyof {}> & Omit<IOSProps, keyof TouchableHighlightBaseProps | keyof {}> & Omit<TouchableHighlightBaseProps, keyof {}>> {}
 declare const TouchableHighlight: (props: Omit<Readonly<Omit<TouchableHighlightProps, "hostRef">>, keyof {
-  ref?: React.Ref<React.ComponentRef<typeof View>>;
+  ref?: React.Ref<TouchableHighlightInstance> | undefined;
 }> & {
-  ref?: React.Ref<React.ComponentRef<typeof View>>;
+  ref?: React.Ref<TouchableHighlightInstance> | undefined;
 }) => React.ReactNode;
+/**
+ * A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, which allows the underlay color to show through, darkening or tinting the view.
+ *
+ * The underlay comes from wrapping the child in a new View, which can affect layout.
+ *
+ * Must have exactly one child (not zero or more than one). If you wish to have several child components, wrap them in a View.
+ *
+ * If you need more extensive and future-proof touch handling, use `Pressable`.
+ *
+ * @see https://reactnative.dev/docs/touchablehighlight
+ */
 declare const $$TouchableHighlight: typeof TouchableHighlight;
 declare type $$TouchableHighlight = typeof $$TouchableHighlight;
 export default $$TouchableHighlight;

package/types_generated/Libraries/Components/Touchable/TouchableNativeFeedback.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<0aac502f73085740692f52be116cfe25>>
+ * @generated SignedSource<<5b21e162d17b289689bf7f15e7d3e46b>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js
@@ -56,18 +56,11 @@ type TouchableNativeFeedbackTVProps = {
 };
 export type TouchableNativeFeedbackProps = Readonly<Omit<TouchableWithoutFeedbackProps, keyof TouchableNativeFeedbackTVProps | keyof {
   /**
-   * Determines the type of background drawable that's going to be used to display feedback.
-   * It takes an object with type property and extra data depending on the type.
-   * It's recommended to use one of the following static methods to generate that dictionary:
-   *      1) TouchableNativeFeedback.SelectableBackground() - will create object that represents android theme's
-   *         default background for selectable elements (?android:attr/selectableItemBackground)
-   *      2) TouchableNativeFeedback.SelectableBackgroundBorderless() - will create object that represent android
-   *         theme's default background for borderless selectable elements
-   *         (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+
-   *      3) TouchableNativeFeedback.Ripple(color, borderless) - will create object that represents ripple drawable
-   *         with specified color (as a string). If property borderless evaluates to true the ripple will render
-   *         outside of the view bounds (see native actionbar buttons as an example of that behavior). This background
-   *         type is available on Android API level 21+
+   * Determines the type of background drawable used to display touch feedback. Use one of the static methods to generate this value:
+   *
+   * - `TouchableNativeFeedback.SelectableBackground()` - Default background for selectable elements.
+   * - `TouchableNativeFeedback.SelectableBackgroundBorderless()` - Default background for borderless selectable elements. API 21+.
+   * - `TouchableNativeFeedback.Ripple(color, borderless)` - Ripple drawable with the specified color.
    */
   background?: (Readonly<{
     type: "ThemeAttrAndroid";
@@ -80,30 +73,18 @@ export type TouchableNativeFeedbackProps = Readonly<Omit<TouchableWithoutFeedbac
     rippleRadius: number | undefined;
   }>) | undefined;
   /**
-   * Set to true to add the ripple effect to the foreground of the view, instead
-   * of the background. This is useful if one of your child views has a
-   * background of its own, or you're e.g. displaying images, and you don't want
-   * the ripple to be covered by them.
+   * If `true`, adds the ripple effect to the foreground of the view instead of the background. Useful if a child view has its own background, or you are displaying images.
    *
-   * Check TouchableNativeFeedback.canUseNativeForeground() first, as this is
-   * only available on Android 6.0 and above. If you try to use this on older
-   * versions, this will fallback to background.
+   * Check `TouchableNativeFeedback.canUseNativeForeground()` first, as this is only available on Android 6.0 and above. On older versions, this falls back to background.
    */
   useForeground?: boolean | undefined;
 }> & Omit<TouchableNativeFeedbackTVProps, keyof {
   /**
-   * Determines the type of background drawable that's going to be used to display feedback.
-   * It takes an object with type property and extra data depending on the type.
-   * It's recommended to use one of the following static methods to generate that dictionary:
-   *      1) TouchableNativeFeedback.SelectableBackground() - will create object that represents android theme's
-   *         default background for selectable elements (?android:attr/selectableItemBackground)
-   *      2) TouchableNativeFeedback.SelectableBackgroundBorderless() - will create object that represent android
-   *         theme's default background for borderless selectable elements
-   *         (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+
-   *      3) TouchableNativeFeedback.Ripple(color, borderless) - will create object that represents ripple drawable
-   *         with specified color (as a string). If property borderless evaluates to true the ripple will render
-   *         outside of the view bounds (see native actionbar buttons as an example of that behavior). This background
-   *         type is available on Android API level 21+
+   * Determines the type of background drawable used to display touch feedback. Use one of the static methods to generate this value:
+   *
+   * - `TouchableNativeFeedback.SelectableBackground()` - Default background for selectable elements.
+   * - `TouchableNativeFeedback.SelectableBackgroundBorderless()` - Default background for borderless selectable elements. API 21+.
+   * - `TouchableNativeFeedback.Ripple(color, borderless)` - Ripple drawable with the specified color.
    */
   background?: (Readonly<{
     type: "ThemeAttrAndroid";
@@ -116,30 +97,18 @@ export type TouchableNativeFeedbackProps = Readonly<Omit<TouchableWithoutFeedbac
     rippleRadius: number | undefined;
   }>) | undefined;
   /**
-   * Set to true to add the ripple effect to the foreground of the view, instead
-   * of the background. This is useful if one of your child views has a
-   * background of its own, or you're e.g. displaying images, and you don't want
-   * the ripple to be covered by them.
+   * If `true`, adds the ripple effect to the foreground of the view instead of the background. Useful if a child view has its own background, or you are displaying images.
    *
-   * Check TouchableNativeFeedback.canUseNativeForeground() first, as this is
-   * only available on Android 6.0 and above. If you try to use this on older
-   * versions, this will fallback to background.
+   * Check `TouchableNativeFeedback.canUseNativeForeground()` first, as this is only available on Android 6.0 and above. On older versions, this falls back to background.
    */
   useForeground?: boolean | undefined;
 }> & {
   /**
-   * Determines the type of background drawable that's going to be used to display feedback.
-   * It takes an object with type property and extra data depending on the type.
-   * It's recommended to use one of the following static methods to generate that dictionary:
-   *      1) TouchableNativeFeedback.SelectableBackground() - will create object that represents android theme's
-   *         default background for selectable elements (?android:attr/selectableItemBackground)
-   *      2) TouchableNativeFeedback.SelectableBackgroundBorderless() - will create object that represent android
-   *         theme's default background for borderless selectable elements
-   *         (?android:attr/selectableItemBackgroundBorderless). Available on android API level 21+
-   *      3) TouchableNativeFeedback.Ripple(color, borderless) - will create object that represents ripple drawable
-   *         with specified color (as a string). If property borderless evaluates to true the ripple will render
-   *         outside of the view bounds (see native actionbar buttons as an example of that behavior). This background
-   *         type is available on Android API level 21+
+   * Determines the type of background drawable used to display touch feedback. Use one of the static methods to generate this value:
+   *
+   * - `TouchableNativeFeedback.SelectableBackground()` - Default background for selectable elements.
+   * - `TouchableNativeFeedback.SelectableBackgroundBorderless()` - Default background for borderless selectable elements. API 21+.
+   * - `TouchableNativeFeedback.Ripple(color, borderless)` - Ripple drawable with the specified color.
    */
   background?: (Readonly<{
     type: "ThemeAttrAndroid";
@@ -152,14 +121,9 @@ export type TouchableNativeFeedbackProps = Readonly<Omit<TouchableWithoutFeedbac
     rippleRadius: number | undefined;
   }>) | undefined;
   /**
-   * Set to true to add the ripple effect to the foreground of the view, instead
-   * of the background. This is useful if one of your child views has a
-   * background of its own, or you're e.g. displaying images, and you don't want
-   * the ripple to be covered by them.
+   * If `true`, adds the ripple effect to the foreground of the view instead of the background. Useful if a child view has its own background, or you are displaying images.
    *
-   * Check TouchableNativeFeedback.canUseNativeForeground() first, as this is
-   * only available on Android 6.0 and above. If you try to use this on older
-   * versions, this will fallback to background.
+   * Check `TouchableNativeFeedback.canUseNativeForeground()` first, as this is only available on Android 6.0 and above. On older versions, this falls back to background.
    */
   useForeground?: boolean | undefined;
 }>;
@@ -167,14 +131,12 @@ type TouchableNativeFeedbackState = Readonly<{
   pressability: Pressability;
 }>;
 /**
- * A wrapper for making views respond properly to touches (Android only).
- * On Android this component uses native state drawable to display touch feedback.
- * At the moment it only supports having a single View instance as a child node,
- * as it's implemented by replacing that View with another instance of RCTView node with some additional properties set.
+ * A wrapper for making views respond properly to touches (Android only). Uses native state drawable to display touch feedback.
  *
- * Background drawable of native feedback touchable can be customized with background property.
+ * Supports only a single View instance as a child. If you need more extensive and future-proof touch handling, use `Pressable`.
  *
- * @see https://reactnative.dev/docs/touchablenativefeedback#content
+ * @see https://reactnative.dev/docs/touchablenativefeedback
+ * @platform android
  */
 declare class TouchableNativeFeedback extends React.Component<TouchableNativeFeedbackProps, TouchableNativeFeedbackState> {
   /**
@@ -227,4 +189,5 @@ declare class TouchableNativeFeedback extends React.Component<TouchableNativeFee
   componentDidMount(): unknown;
   componentWillUnmount(): void;
 }
+export type TouchableNativeFeedbackInstance = TouchableNativeFeedback;
 export default TouchableNativeFeedback;

package/types_generated/Libraries/Components/Touchable/TouchableOpacity.d.ts

@@ -4,16 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<2cca81d84d4120ad62933b59eb21873a>>
+ * @generated SignedSource<<718ed73e0b1eab2e35343086923c2147>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js
  */
 
+import type { HostInstance } from "../../../src/private/types/HostInstance";
 import type { ViewStyleProp } from "../../StyleSheet/StyleSheet";
 import type { TouchableWithoutFeedbackProps } from "./TouchableWithoutFeedback";
 import Animated from "../../Animated/Animated";
 import * as React from "react";
+export type TouchableOpacityInstance = HostInstance;
 export type TouchableOpacityTVProps = Readonly<{
   /**
    * *(Apple TV only)* TV preferred focus (see documentation for the View component).
@@ -55,19 +57,29 @@ export type TouchableOpacityTVProps = Readonly<{
 }>;
 type TouchableOpacityBaseProps = Readonly<{
   /**
-   * Determines what the opacity of the wrapped view should be when touch is active.
-   * Defaults to 0.2
+   * Opacity of the wrapped view when touch is active.
+   *
+   * @default `0.2`
    */
   activeOpacity?: number | undefined;
   style?: Animated.WithAnimatedValue<ViewStyleProp> | undefined;
-  hostRef?: React.Ref<React.ComponentRef<typeof Animated.View>> | undefined;
+  hostRef?: React.Ref<TouchableOpacityInstance> | undefined;
 }>;
 export type TouchableOpacityProps = Readonly<Omit<TouchableWithoutFeedbackProps, keyof TouchableOpacityTVProps | keyof TouchableOpacityBaseProps | keyof {}> & Omit<TouchableOpacityTVProps, keyof TouchableOpacityBaseProps | keyof {}> & Omit<TouchableOpacityBaseProps, keyof {}> & {}>;
 declare const Touchable: (props: Omit<TouchableOpacityProps, keyof {
-  ref?: React.Ref<React.ComponentRef<typeof Animated.View>>;
+  ref?: React.Ref<TouchableOpacityInstance> | undefined;
 }> & {
-  ref?: React.Ref<React.ComponentRef<typeof Animated.View>>;
+  ref?: React.Ref<TouchableOpacityInstance> | undefined;
 }) => React.ReactNode;
+/**
+ * A wrapper for making views respond properly to touches. On press down, the opacity of the wrapped view is decreased, dimming it.
+ *
+ * Opacity is controlled by wrapping the children in an `Animated.View`, which is added to the view hierarchy. Be aware that this can affect layout.
+ *
+ * If you need more extensive and future-proof touch handling, use `Pressable`.
+ *
+ * @see https://reactnative.dev/docs/touchableopacity
+ */
 declare const $$TouchableOpacity: typeof Touchable;
 declare type $$TouchableOpacity = typeof $$TouchableOpacity;
 export default $$TouchableOpacity;

package/types_generated/Libraries/Components/Touchable/TouchableWithoutFeedback.d.ts

@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<2b0e6b22ba409299ade72a1264300d7f>>
+ * @generated SignedSource<<6dd92b33183a5399571c89785c3972a2>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
@@ -25,29 +25,29 @@ export type TouchableWithoutFeedbackPropsAndroid = {
    */
   touchSoundDisabled?: boolean | undefined;
 };
-export type TouchableWithoutFeedbackProps = Readonly<{
-  children?: React.ReactNode | undefined;
+export interface TouchableWithoutFeedbackProps extends Readonly<TouchableWithoutFeedbackPropsAndroid & TouchableWithoutFeedbackPropsIOS & AccessibilityProps> {
+  readonly children?: React.ReactNode | undefined;
   /**
    * Delay in ms, from onPressIn, before onLongPress is called.
    */
-  delayLongPress?: number | undefined;
+  readonly delayLongPress?: number | undefined;
   /**
    * Delay in ms, from the start of the touch, before onPressIn is called.
    */
-  delayPressIn?: number | undefined;
+  readonly delayPressIn?: number | undefined;
   /**
    * Delay in ms, from the release of the touch, before onPressOut is called.
    */
-  delayPressOut?: number | undefined;
+  readonly delayPressOut?: number | undefined;
   /**
    * If true, disable all interactions for this component.
    */
-  disabled?: boolean | undefined;
+  readonly disabled?: boolean | undefined;
   /**
    * Whether this View should be focusable with a non-touch input device,
    * eg. receive focus with a hardware keyboard / TV remote.
    */
-  focusable?: boolean | undefined;
+  readonly focusable?: boolean | undefined;
   /**
    * This defines how far your touch can start away from the button.
    * This is added to pressRetentionOffset when moving off of the button.
@@ -55,39 +55,39 @@ export type TouchableWithoutFeedbackProps = Readonly<{
    * the Z-index of sibling views always takes precedence if a touch hits
    * two overlapping views.
    */
-  hitSlop?: EdgeInsetsOrSizeProp | undefined;
+  readonly hitSlop?: EdgeInsetsOrSizeProp | undefined;
   /**
    * Used to reference react managed views from native code.
    */
-  id?: string;
-  importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
-  nativeID?: string | undefined;
-  onAccessibilityAction?: ((event: AccessibilityActionEvent) => unknown) | undefined;
+  readonly id?: string | undefined;
+  readonly importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
+  readonly nativeID?: string | undefined;
+  readonly onAccessibilityAction?: ((event: AccessibilityActionEvent) => unknown) | undefined;
   /**
    * When `accessible` is true (which is the default) this may be called when
    * the OS-specific concept of "blur" occurs, meaning the element lost focus.
    * Some platforms may not have the concept of blur.
    */
-  onBlur?: ((event: BlurEvent) => unknown) | undefined;
+  readonly onBlur?: ((event: BlurEvent) => unknown) | undefined;
   /**
    * When `accessible` is true (which is the default) this may be called when
    * the OS-specific concept of "focus" occurs. Some platforms may not have
    * the concept of focus.
    */
-  onFocus?: ((event: FocusEvent) => unknown) | undefined;
+  readonly onFocus?: ((event: FocusEvent) => unknown) | undefined;
   /**
    * Invoked on mount and layout changes with
    * {nativeEvent: {layout: {x, y, width, height}}}
    */
-  onLayout?: ((event: LayoutChangeEvent) => unknown) | undefined;
-  onLongPress?: ((event: GestureResponderEvent) => unknown) | undefined;
+  readonly onLayout?: ((event: LayoutChangeEvent) => unknown) | undefined;
+  readonly onLongPress?: ((event: GestureResponderEvent) => unknown) | undefined;
   /**
    * Called when the touch is released,
    * but not if cancelled (e.g. by a scroll that steals the responder lock).
    */
-  onPress?: ((event: GestureResponderEvent) => unknown) | undefined;
-  onPressIn?: ((event: GestureResponderEvent) => unknown) | undefined;
-  onPressOut?: ((event: GestureResponderEvent) => unknown) | undefined;
+  readonly onPress?: ((event: GestureResponderEvent) => unknown) | undefined;
+  readonly onPressIn?: ((event: GestureResponderEvent) => unknown) | undefined;
+  readonly onPressOut?: ((event: GestureResponderEvent) => unknown) | undefined;
   /**
    * When the scroll view is disabled, this defines how far your
    * touch may move off of the button, before deactivating the button.
@@ -96,21 +96,21 @@ export type TouchableWithoutFeedbackProps = Readonly<{
    * while the scroll view is disabled. Ensure you pass in a constant
    * to reduce memory allocations.
    */
-  pressRetentionOffset?: EdgeInsetsOrSizeProp | undefined;
-  rejectResponderTermination?: boolean | undefined;
+  readonly pressRetentionOffset?: EdgeInsetsOrSizeProp | undefined;
+  readonly rejectResponderTermination?: boolean | undefined;
   /**
    * Used to locate this view in end-to-end tests.
    */
-  testID?: string | undefined;
+  readonly testID?: string | undefined;
   /**
    * //FIXME: not in doc but available in examples
    */
-  style?: ViewStyleProp | undefined;
-} & TouchableWithoutFeedbackPropsAndroid & TouchableWithoutFeedbackPropsIOS & AccessibilityProps>;
+  readonly style?: ViewStyleProp | undefined;
+}
 /**
- * Do not use unless you have a very good reason.
- * All the elements that respond to press should have a visual feedback when touched.
- * This is one of the primary reason a "web" app doesn't feel "native".
+ * Do not use unless you have a very good reason. All elements that respond to press should have a visual feedback when touched.
+ *
+ * Supports only one child. If you need more extensive and future-proof touch handling, use `Pressable`.
  *
  * @see https://reactnative.dev/docs/touchablewithoutfeedback
  */

package/types_generated/Libraries/Components/View/View.d.ts

@@ -4,27 +4,31 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated SignedSource<<0371702d0350a6d065094dda16487831>>
+ * @generated SignedSource<<33574444f945fa242c6d98221d5933d0>>
  *
  * This file was translated from Flow by scripts/js-api/build-types/index.js.
  * Original file: packages/react-native/Libraries/Components/View/View.js
  */
 
+import type { HostInstance } from "../../../src/private/types/HostInstance";
 import type { ViewProps } from "./ViewPropTypes";
-import ViewNativeComponent from "./ViewNativeComponent";
 import * as React from "react";
+export type ViewInstance = HostInstance;
+declare function View(props: Omit<ViewProps, keyof {
+  ref?: React.Ref<ViewInstance> | undefined;
+}> & {
+  ref?: React.Ref<ViewInstance> | undefined;
+}): React.ReactNode;
 /**
- * The most fundamental component for building a UI, View is a container that
+ * The most fundamental component for building a UI. `View` is a container that
  * supports layout with flexbox, style, some touch handling, and accessibility
- * controls.
+ * controls. `View` maps directly to the native view equivalent on whatever
+ * platform React Native is running on, whether that is a `UIView`, `<div>`,
+ * `android.view`, etc. `View` is designed to be nested inside other views and
+ * can have 0 to many children of any type.
  *
  * @see https://reactnative.dev/docs/view
  */
-declare function View(props: Omit<ViewProps, keyof {
-  ref?: React.Ref<React.ComponentRef<typeof ViewNativeComponent>>;
-}> & {
-  ref?: React.Ref<React.ComponentRef<typeof ViewNativeComponent>>;
-}): React.ReactNode;
 declare const $$View: typeof View;
 declare type $$View = typeof $$View;
 export default $$View;