react-native-screens 4.20.0-nightly-20251215-f65b107bd → 4.20.0-nightly-20251217-952b7cd54

package/lib/typescript/components/gamma/stack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/gamma/stack/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAE1D,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AAEpC;;GAEG;AACH,QAAA,MAAM,KAAK;;;CAGV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/typescript/experimental/index.d.ts

@@ -3,9 +3,7 @@
  * BE SUBJECT TO BREAKING CHANGES WITHOUT NOTICE OR LIBRARY MAJOR VERSION CHANGE.
  */
 export * from './types';
-export { default as ScreenStackHost } from '../components/gamma/stack/ScreenStackHost';
-export { default as StackScreen, StackScreenLifecycleState, } from '../components/gamma/stack/StackScreen';
-export { default as SplitViewHost } from '../components/gamma/split-view/SplitViewHost';
-export { default as SplitViewScreen } from '../components/gamma/split-view/SplitViewScreen';
+export { default as Stack, StackScreenLifecycleState, } from '../components/gamma/stack';
+export { default as Split } from '../components/gamma/split';
 export { default as SafeAreaView } from '../components/safe-area/SafeAreaView';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/experimental/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,SAAS,CAAC;AAIxB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EACL,OAAO,IAAI,WAAW,EACtB,yBAAyB,GAC1B,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8CAA8C,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/experimental/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,cAAc,SAAS,CAAC;AAIxB,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,yBAAyB,GAC1B,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC"}

package/lib/typescript/experimental/types.d.ts

@@ -2,9 +2,9 @@
  * ALL SYMBOLS EXPOSED FROM THIS MODULE ARE EXPERIMENTAL AND MIGHT
  * BE SUBJECT TO BREAKING CHANGES WITHOUT NOTICE OR LIBRARY MAJOR VERSION CHANGE.
  */
-export * from '../components/gamma/split-view/SplitViewHost.types';
-export * from '../components/gamma/split-view/SplitViewScreen.types';
-export * from '../components/gamma/stack/ScreenStackHost.types';
+export * from '../components/gamma/stack/StackHost.types';
+export * from '../components/gamma/split/SplitHost.types';
+export * from '../components/gamma/split/SplitScreen.types';
 export * from '../components/gamma/stack/StackScreen.types';
 export * from '../components/safe-area/SafeAreaView.types';
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/experimental/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/experimental/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/experimental/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,4CAA4C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screens",
-  "version": "4.20.0-nightly-20251215-f65b107bd",
+  "version": "4.20.0-nightly-20251217-952b7cd54",
   "description": "Native navigation primitives for your React Native app.",
   "scripts": {
     "submodules": "git submodule update --init --recursive && (cd react-navigation && yarn && yarn build && cd ../)",

package/src/components/bottom-tabs/BottomTabsScreen.types.ts

@@ -413,7 +413,7 @@ export interface BottomTabsScreenProps {
    *      is queried.
    *
    * Note that:
-   * - some components (like `SplitViewHost`) may choose not to query
+   * - some components (like `SplitHost`) may choose not to query
    *   its child components,
    * - Stack v4 implementation **ALWAYS** returns some supported
    *   orientations (`allButUpsideDown` by default), overriding

package/src/components/gamma/split/SplitHost.android.tsx

@@ -0,0 +1,8 @@
+const SplitHost = () => {
+  console.warn(
+    '[RNScreens] Split component is supported only for iOS. Consider using an alternative layout for Android.',
+  );
+  return null;
+};
+
+export default SplitHost;

package/src/components/gamma/{split-view/SplitViewHost.tsx → split/SplitHost.tsx}

@@ -2,19 +2,19 @@ import React from 'react';
 import { StyleSheet } from 'react-native';
 import SplitViewHostNativeComponent from '../../../fabric/gamma/SplitViewHostNativeComponent';
 import type {
-  SplitViewDisplayMode,
-  SplitViewHostProps,
-  SplitViewSplitBehavior,
-} from './SplitViewHost.types';
-import SplitViewScreen from './SplitViewScreen';
+  SplitDisplayMode,
+  SplitHostProps,
+  SplitBehavior,
+} from './SplitHost.types';
+import SplitScreen from './SplitScreen';
 
 // According to the UIKit documentation: https://developer.apple.com/documentation/uikit/uisplitviewcontroller/displaymode-swift.enum
 // Only specific pairs for displayMode - splitBehavior are valid and others may lead to unexpected results.
 // Therefore, we're adding check on the JS side to return a feedback to the client when that pairing isn't valid.
 // However, we're not blocking these props to be set on the native side, because it doesn't crash, just the result or transitions may not work as expected.
-const displayModeForSplitViewCompatibilityMap: Record<
-  SplitViewSplitBehavior,
-  SplitViewDisplayMode[]
+const displayModeForSplitCompatibilityMap: Record<
+  SplitBehavior,
+  SplitDisplayMode[]
 > = {
   tile: ['secondaryOnly', 'oneBesideSecondary', 'twoBesideSecondary'],
   overlay: ['secondaryOnly', 'oneOverSecondary', 'twoOverSecondary'],
@@ -23,14 +23,14 @@ const displayModeForSplitViewCompatibilityMap: Record<
 };
 
 const isValidDisplayModeForSplitBehavior = (
-  displayMode: SplitViewDisplayMode,
-  splitBehavior: SplitViewSplitBehavior,
+  displayMode: SplitDisplayMode,
+  splitBehavior: SplitBehavior,
 ) => {
   if (splitBehavior === 'automatic') {
     // for automatic we cannot easily verify the compatibility, because it depends on the system preference for display mode, therefore we're assuming that 'automatic' has only valid combinations
     return true;
   }
-  return displayModeForSplitViewCompatibilityMap[splitBehavior].includes(
+  return displayModeForSplitCompatibilityMap[splitBehavior].includes(
     displayMode,
   );
 };
@@ -38,7 +38,7 @@ const isValidDisplayModeForSplitBehavior = (
 /**
  * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
  */
-function SplitViewHost(props: SplitViewHostProps) {
+function SplitHost(props: SplitHostProps) {
   const { preferredDisplayMode, preferredSplitBehavior } = props;
 
   React.useEffect(() => {
@@ -49,7 +49,7 @@ function SplitViewHost(props: SplitViewHostProps) {
       );
       if (!isValid) {
         const validDisplayModes =
-          displayModeForSplitViewCompatibilityMap[preferredSplitBehavior];
+          displayModeForSplitCompatibilityMap[preferredSplitBehavior];
         console.warn(
           `Invalid display mode "${preferredDisplayMode}" for split behavior "${preferredSplitBehavior}".` +
             `\nValid modes for "${preferredSplitBehavior}" are: ${validDisplayModes.join(
@@ -64,12 +64,12 @@ function SplitViewHost(props: SplitViewHostProps) {
 
   const columns = children.filter(
     // @ts-ignore - type is valid attribute for child
-    child => child.type === SplitViewScreen.Column,
+    child => child.type === SplitScreen.Column,
   );
 
   const inspectors = children.filter(
     // @ts-ignore - type is valid attribute for child
-    child => child.type === SplitViewScreen.Inspector,
+    child => child.type === SplitScreen.Inspector,
   );
 
   return (
@@ -91,4 +91,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default SplitViewHost;
+export default SplitHost;

package/src/components/gamma/{split-view/SplitViewHost.types.ts → split/SplitHost.types.ts}

@@ -8,22 +8,15 @@ export type DisplayModeWillChangeEvent = {
   nextDisplayMode: string;
 };
 
-export type SplitViewDisplayModeButtonVisibility =
-  | 'always'
-  | 'automatic'
-  | 'never';
+export type SplitDisplayModeButtonVisibility = 'always' | 'automatic' | 'never';
 
-export type SplitViewSplitBehavior =
-  | 'automatic'
-  | 'displace'
-  | 'overlay'
-  | 'tile';
+export type SplitBehavior = 'automatic' | 'displace' | 'overlay' | 'tile';
 
-export type SplitViewPrimaryEdge = 'leading' | 'trailing';
+export type SplitPrimaryEdge = 'leading' | 'trailing';
 
-export type SplitViewPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
+export type SplitPrimaryBackgroundStyle = 'default' | 'none' | 'sidebar';
 
-export type SplitViewDisplayMode =
+export type SplitDisplayMode =
   | 'automatic'
   | 'secondaryOnly'
   | 'oneBesideSecondary'
@@ -32,7 +25,7 @@ export type SplitViewDisplayMode =
   | 'twoOverSecondary'
   | 'twoDisplaceSecondary';
 
-export type SplitViewHostOrientation =
+export type SplitHostOrientation =
   | 'inherit'
   | 'all'
   | 'allButUpsideDown'
@@ -43,47 +36,47 @@ export type SplitViewHostOrientation =
   | 'landscapeLeft'
   | 'landscapeRight';
 
-export interface SplitViewColumnMetrics {
+export interface SplitColumnMetrics {
   /**
    * @summary Minimum width for the primary sidebar.
    *
-   * Specifies the minimum width for the primary column in the SplitView layout, typically representing the leftmost sidebar.
+   * Specifies the minimum width for the primary column in the Split layout, typically representing the leftmost sidebar.
    */
   minimumPrimaryColumnWidth?: number;
   /**
    * @summary Maximum width for the primary sidebar.
    *
-   * Specifies the maximum width (in points) for the primary column in the SplitView layout, typically representing the leftmost sidebar.
+   * Specifies the maximum width (in points) for the primary column in the Split layout, typically representing the leftmost sidebar.
    */
   maximumPrimaryColumnWidth?: number;
   /**
    * @summary Preferred width for the primary sidebar.
    *
-   * Specifies the preferred width (in points or as a fraction for percentage width support) for the primary column in the SplitView layout, typically representing the leftmost sidebar.
+   * Specifies the preferred width (in points or as a fraction for percentage width support) for the primary column in the Split layout, typically representing the leftmost sidebar.
    */
   preferredPrimaryColumnWidthOrFraction?: number;
   /**
    * @summary Minimum width for the intermediate sidebar.
    *
-   * Specifies the minimum width (in points) for the supplementary column in the SplitView layout, typically representing the intermediate sidebar.
+   * Specifies the minimum width (in points) for the supplementary column in the Split layout, typically representing the intermediate sidebar.
    */
   minimumSupplementaryColumnWidth?: number;
   /**
    * @summary Maximum width for the intermediate sidebar.
    *
-   * Specifies the maximum width (in points) for the supplementary column in the SplitView layout, typically representing the intermediate sidebar.
+   * Specifies the maximum width (in points) for the supplementary column in the Split layout, typically representing the intermediate sidebar.
    */
   maximumSupplementaryColumnWidth?: number;
   /**
    * @summary Preferred width for the intermediate sidebar.
    *
-   * Specifies the preferred width (in points or as a fraction for percentage width support) for the supplementary column in the SplitView layout, typically representing the intermediate sidebar.
+   * Specifies the preferred width (in points or as a fraction for percentage width support) for the supplementary column in the Split layout, typically representing the intermediate sidebar.
    */
   preferredSupplementaryColumnWidthOrFraction?: number;
   /**
    * @summary Minimum width for the secondary component.
    *
-   * Specifies the minimum width (in points) for the secondary column in the SplitView layout, typically for the view with the main content.
+   * Specifies the minimum width (in points) for the secondary column in the Split layout, typically for the view with the main content.
    *
    * @supported iOS 26 or higher
    */
@@ -91,7 +84,7 @@ export interface SplitViewColumnMetrics {
   /**
    * @summary Preferred width for the secondary component.
    *
-   * Specifies the preferred width (in points or as a fraction for percentage width support) for the secondary column in the SplitView layout, typically for the view with the main content.
+   * Specifies the preferred width (in points or as a fraction for percentage width support) for the secondary column in the Split layout, typically for the view with the main content.
    *
    * @supported iOS 26 or higher
    */
@@ -99,7 +92,7 @@ export interface SplitViewColumnMetrics {
   /**
    * @summary Minimum width for the inspector component.
    *
-   * Specifies the minimum width (in points) for the inspector column in the SplitView layout, typically the view which is providing additional data about the secondary column.
+   * Specifies the minimum width (in points) for the inspector column in the Split layout, typically the view which is providing additional data about the secondary column.
    *
    * @supported iOS 26 or higher
    */
@@ -107,7 +100,7 @@ export interface SplitViewColumnMetrics {
   /**
    * @summary Maximum width for the inspector component.
    *
-   * Specifies the maximum width (in points) for the inspector column in the SplitView layout, typically the view which is providing additional data about the secondary column.
+   * Specifies the maximum width (in points) for the inspector column in the Split layout, typically the view which is providing additional data about the secondary column.
    *
    * @supported iOS 26 or higher
    */
@@ -115,13 +108,13 @@ export interface SplitViewColumnMetrics {
   /**
    * @summary Preferred width for the inspector component.
    *
-   * Specifies the preferred width (in points or as a fraction for percentage width support) for the inspector column in the SplitView layout, typically the view which is providing additional data about the secondary column.
+   * Specifies the preferred width (in points or as a fraction for percentage width support) for the inspector column in the Split layout, typically the view which is providing additional data about the secondary column.
    *
    * @supported iOS 26 or higher
    */
   preferredInspectorColumnWidthOrFraction?: number;
 }
-export interface SplitViewHostProps extends ViewProps {
+export interface SplitHostProps extends ViewProps {
   children?: React.ReactNode;
 
   /**
@@ -137,9 +130,9 @@ export interface SplitViewHostProps extends ViewProps {
    * - `secondary` - the view with the main content
    * - `inspector` - the view which is providing additional data about the secondary column
    */
-  columnMetrics?: SplitViewColumnMetrics;
+  columnMetrics?: SplitColumnMetrics;
   /**
-   * @summary Determines whether the button for changing the SplitView display mode is visible on the screen.
+   * @summary Determines whether the button for changing the Split display mode is visible on the screen.
    *
    * The following values are currently supported:
    *
@@ -152,13 +145,13 @@ export interface SplitViewHostProps extends ViewProps {
    *
    * @default automatic
    */
-  displayModeButtonVisibility?: SplitViewDisplayModeButtonVisibility;
+  displayModeButtonVisibility?: SplitDisplayModeButtonVisibility;
   /**
-   * @summary A callback that gets invoked when the SplitView was collapsed to a single column.
+   * @summary A callback that gets invoked when the Split was collapsed to a single column.
    */
   onCollapse?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
   /**
-   * @summary A callback that gets invoked when the SplitView displayMode has changed.
+   * @summary A callback that gets invoked when the Split displayMode has changed.
    *
    * The purpose of this callback is tracking displayMode updates on host from the JS side.
    * These updates might be a consequence of some native interactions, like pressing native button or performing swipe gesture.
@@ -167,13 +160,13 @@ export interface SplitViewHostProps extends ViewProps {
     e: NativeSyntheticEvent<DisplayModeWillChangeEvent>,
   ) => void;
   /**
-   * @summary A callback that gets invoked when the SplitView was expanded to multiple columns.
+   * @summary A callback that gets invoked when the Split was expanded to multiple columns.
    */
   onExpand?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
   /**
-   * @summary A callback that gets invoked when the SplitView inspector is either programmatically hidden (in column presentation) or dismissed (in modal presentation).
+   * @summary A callback that gets invoked when the Split inspector is either programmatically hidden (in column presentation) or dismissed (in modal presentation).
    *
-   * The purpose of this callback depends on whether the SplitView is collapsed or expanded.
+   * The purpose of this callback depends on whether the Split is collapsed or expanded.
    *
    * @supported iOS 26 or higher
    */
@@ -220,7 +213,7 @@ export interface SplitViewHostProps extends ViewProps {
    *
    * @platform ios
    */
-  orientation?: SplitViewHostOrientation;
+  orientation?: SplitHostOrientation;
   /**
    * @summary Determines whether gestures are enabled to change the display mode.
    */
@@ -245,7 +238,7 @@ export interface SplitViewHostProps extends ViewProps {
    *
    * @default automatic
    */
-  preferredDisplayMode?: SplitViewDisplayMode;
+  preferredDisplayMode?: SplitDisplayMode;
   /**
    * @summary Specifies the split behavior which will be preferred to use, if the layout requirements are met.
    *
@@ -263,7 +256,7 @@ export interface SplitViewHostProps extends ViewProps {
    *
    * @default automatic
    */
-  preferredSplitBehavior?: SplitViewSplitBehavior;
+  preferredSplitBehavior?: SplitBehavior;
   /**
    * @summary Specifies the background style of the primary view controller.
    *
@@ -285,7 +278,7 @@ export interface SplitViewHostProps extends ViewProps {
    * @remarks
    * According to the documentation, this property shouldn't have any effect on iOS. However, on iOS 26 the support for this prop was added.
    */
-  primaryBackgroundStyle?: SplitViewPrimaryBackgroundStyle;
+  primaryBackgroundStyle?: SplitPrimaryBackgroundStyle;
   /**
    * @summary Indicates on which side primary sidebar is placed, affecting the split view layout.
    *
@@ -299,12 +292,12 @@ export interface SplitViewHostProps extends ViewProps {
    *
    * @default leading
    */
-  primaryEdge?: SplitViewPrimaryEdge;
+  primaryEdge?: SplitPrimaryEdge;
   /**
    * @summary Determines whether inspector column should be displayed.
    *
-   * Inspector will be displayed on the trailing edge of the main (secondary) column (for expanded SplitView) or as a modal (for collapsed SplitView).
-   * The result on the interface for this prop depends on whether the SplitView is collapsed or expanded.
+   * Inspector will be displayed on the trailing edge of the main (secondary) column (for expanded Split) or as a modal (for collapsed Split).
+   * The result on the interface for this prop depends on whether the Split is collapsed or expanded.
    *
    * @supported iOS 26 or higher
    */

package/src/components/gamma/split/SplitHost.web.tsx

@@ -0,0 +1,8 @@
+const SplitHost = () => {
+  console.warn(
+    '[RNScreens] Split component is supported only for iOS. Consider using an alternative layout for Web.',
+  );
+  return null;
+};
+
+export default SplitHost;

package/src/components/gamma/{split-view/SplitViewScreen.android.tsx → split/SplitScreen.android.tsx}

@@ -1,6 +1,6 @@
 const NOOP = () => {
   console.warn(
-    '[RNScreens] SplitView is supported only for iOS. Consider using an alternative layout for Android.',
+    '[RNScreens] Split component is supported only for iOS. Consider using an alternative layout for Android.',
   );
   return null;
 };

package/src/components/gamma/{split-view/SplitViewScreen.tsx → split/SplitScreen.tsx}

@@ -1,12 +1,12 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import SplitViewScreenNativeComponent from '../../../fabric/gamma/SplitViewScreenNativeComponent';
-import { SplitViewScreenProps } from './SplitViewScreen.types';
+import { SplitScreenProps } from './SplitScreen.types';
 
 /**
  * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
  */
-function Column(props: SplitViewScreenProps) {
+function Column(props: SplitScreenProps) {
   return (
     <SplitViewScreenNativeComponent
       columnType="column"
@@ -20,7 +20,7 @@ function Column(props: SplitViewScreenProps) {
 /**
  * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
  */
-function Inspector(props: SplitViewScreenProps) {
+function Inspector(props: SplitScreenProps) {
   return (
     <SplitViewScreenNativeComponent
       columnType="inspector"
@@ -35,9 +35,9 @@ function Inspector(props: SplitViewScreenProps) {
  * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
  */
 // TODO: refactor to drop `Screen` suffix as the API name is really long at the moment
-const SplitViewScreen = {
+const SplitScreen = {
   Column,
   Inspector,
 };
 
-export default SplitViewScreen;
+export default SplitScreen;

package/src/components/gamma/{split-view/SplitViewScreen.types.ts → split/SplitScreen.types.ts}

@@ -3,30 +3,30 @@ import type { NativeSyntheticEvent, ViewProps } from 'react-native';
 // eslint-disable-next-line @typescript-eslint/ban-types
 type GenericEmptyEvent = Readonly<{}>;
 
-export type SplitViewScreenColumnType = 'column' | 'inspector';
+export type SplitScreenColumnType = 'column' | 'inspector';
 
-export interface SplitViewScreenProps extends ViewProps {
+export interface SplitScreenProps extends ViewProps {
   children?: React.ReactNode;
   /**
-   * @summary A callback that gets invoked when the current SplitViewScreen did appear.
+   * @summary A callback that gets invoked when the current SplitScreen did appear.
    *
    * This is called as soon as the transition ends.
    */
   onDidAppear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
   /**
-   * @summary A callback that gets invoked when the current SplitViewScreen did disappear.
+   * @summary A callback that gets invoked when the current SplitScreen did disappear.
    *
    * This is called as soon as the transition ends.
    */
   onDidDisappear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
   /**
-   * @summary A callback that gets invoked when the current SplitViewScreen will appear.
+   * @summary A callback that gets invoked when the current SplitScreen will appear.
    *
    * This is called as soon as the transition begins.
    */
   onWillAppear?: (e: NativeSyntheticEvent<GenericEmptyEvent>) => void;
   /**
-   * @summary A callback that gets invoked when the current SplitViewScreen will disappear.
+   * @summary A callback that gets invoked when the current SplitScreen will disappear.
    *
    * This is called as soon as the transition begins.
    */

package/src/components/gamma/split/SplitScreen.web.tsx

@@ -0,0 +1,20 @@
+const NOOP = () => {
+  console.warn(
+    '[RNScreens] Split component is supported only for iOS. Consider using an alternative layout for Web.',
+  );
+  return null;
+};
+
+const Column = NOOP;
+const Inspector = NOOP;
+
+/**
+ * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
+ */
+// TODO: refactor to drop `Screen` suffix as the API name is really long at the moment
+const SplitScreen = {
+  Column,
+  Inspector,
+};
+
+export default SplitScreen;

package/src/components/gamma/split/index.ts

@@ -0,0 +1,16 @@
+import SplitHost from './SplitHost';
+import SplitScreen from './SplitScreen';
+
+export * from './SplitHost.types';
+export * from './SplitScreen.types';
+
+/**
+ * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
+ */
+const Split = {
+  Host: SplitHost,
+  Column: SplitScreen.Column,
+  Inspector: SplitScreen.Inspector,
+};
+
+export default Split;

package/src/components/gamma/stack/{ScreenStackHost.tsx → StackHost.tsx}

@@ -1,12 +1,12 @@
 import React from 'react';
 import { StyleSheet } from 'react-native';
 import ScreenStackHostNativeComponent from '../../../fabric/gamma/ScreenStackHostNativeComponent';
-import type { ScreenStackHostProps } from './ScreenStackHost.types';
+import type { ScreenStackHostProps } from './StackHost.types';
 
 /**
  * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
  */
-function ScreenStackHost({ children }: ScreenStackHostProps) {
+function StackHost({ children }: ScreenStackHostProps) {
   return (
     <ScreenStackHostNativeComponent style={styles.container}>
       {children}
@@ -20,4 +20,4 @@ const styles = StyleSheet.create({
   },
 });
 
-export default ScreenStackHost;
+export default StackHost;

package/src/components/gamma/stack/index.ts

@@ -0,0 +1,17 @@
+import StackHost from './StackHost';
+import StackScreen from './StackScreen';
+
+export { StackScreenLifecycleState } from './StackScreen';
+
+export * from './StackHost.types';
+export * from './StackScreen.types';
+
+/**
+ * EXPERIMENTAL API, MIGHT CHANGE W/O ANY NOTICE
+ */
+const Stack = {
+  Host: StackHost,
+  Screen: StackScreen,
+};
+
+export default Stack;

package/src/experimental/index.ts

@@ -8,11 +8,10 @@ export * from './types';
 
 // Components
 
-export { default as ScreenStackHost } from '../components/gamma/stack/ScreenStackHost';
 export {
-  default as StackScreen,
+  default as Stack,
   StackScreenLifecycleState,
-} from '../components/gamma/stack/StackScreen';
-export { default as SplitViewHost } from '../components/gamma/split-view/SplitViewHost';
-export { default as SplitViewScreen } from '../components/gamma/split-view/SplitViewScreen';
+} from '../components/gamma/stack';
+
+export { default as Split } from '../components/gamma/split';
 export { default as SafeAreaView } from '../components/safe-area/SafeAreaView';

package/src/experimental/types.ts

@@ -3,8 +3,8 @@
  * BE SUBJECT TO BREAKING CHANGES WITHOUT NOTICE OR LIBRARY MAJOR VERSION CHANGE.
  */
 
-export * from '../components/gamma/split-view/SplitViewHost.types';
-export * from '../components/gamma/split-view/SplitViewScreen.types';
-export * from '../components/gamma/stack/ScreenStackHost.types';
+export * from '../components/gamma/stack/StackHost.types';
+export * from '../components/gamma/split/SplitHost.types';
+export * from '../components/gamma/split/SplitScreen.types';
 export * from '../components/gamma/stack/StackScreen.types';
 export * from '../components/safe-area/SafeAreaView.types';

package/lib/commonjs/components/gamma/split-view/SplitViewHost.android.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const SplitViewHost = () => {
-  console.warn('[RNScreens] SplitView is supported only for iOS. Consider using an alternative layout for Android.');
-  return null;
-};
-var _default = exports.default = SplitViewHost;
-//# sourceMappingURL=SplitViewHost.android.js.map

package/lib/commonjs/components/gamma/split-view/SplitViewHost.android.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SplitViewHost","console","warn","_default","exports","default"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.android.tsx"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAGA,CAAA,KAAM;EAC1BC,OAAO,CAACC,IAAI,CACV,oGACF,CAAC;EACD,OAAO,IAAI;AACb,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaL,aAAa","ignoreList":[]}

package/lib/commonjs/components/gamma/split-view/SplitViewHost.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_SplitViewHostNativeComponent","_SplitViewScreen","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","displayModeForSplitViewCompatibilityMap","tile","overlay","displace","automatic","isValidDisplayModeForSplitBehavior","displayMode","splitBehavior","includes","SplitViewHost","props","preferredDisplayMode","preferredSplitBehavior","React","useEffect","isValid","validDisplayModes","console","warn","join","children","Children","toArray","columns","filter","child","type","SplitViewScreen","Column","inspectors","Inspector","createElement","key","style","styles","container","StyleSheet","create","flex","_default","exports"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/gamma/split-view/SplitViewHost.types.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/gamma/split-view/SplitViewHost.web.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const SplitViewHost = () => {
-  console.warn('[RNScreens] SplitView is supported only for iOS. Consider using an alternative layout for Web.');
-  return null;
-};
-var _default = exports.default = SplitViewHost;
-//# sourceMappingURL=SplitViewHost.web.js.map

package/lib/commonjs/components/gamma/split-view/SplitViewHost.web.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SplitViewHost","console","warn","_default","exports","default"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewHost.web.tsx"],"mappings":";;;;;;AAAA,MAAMA,aAAa,GAAGA,CAAA,KAAM;EAC1BC,OAAO,CAACC,IAAI,CACV,gGACF,CAAC;EACD,OAAO,IAAI;AACb,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaL,aAAa","ignoreList":[]}

package/lib/commonjs/components/gamma/split-view/SplitViewScreen.android.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["NOOP","console","warn","Column","Inspector","_default","exports","default"],"sourceRoot":"../../../../../src","sources":["components/gamma/split-view/SplitViewScreen.android.tsx"],"mappings":";;;;;;AAAA,MAAMA,IAAI,GAAGA,CAAA,KAAM;EACjBC,OAAO,CAACC,IAAI,CACV,oGACF,CAAC;EACD,OAAO,IAAI;AACb,CAAC;AAED,MAAMC,MAAM,GAAGH,IAAI;AACnB,MAAMI,SAAS,GAAGJ,IAAI;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAER;EAAEJ,MAAM;EAAEC;AAAU,CAAC","ignoreList":[]}