@symbiote-native/react 1.0.0 → 2.0.0

package/build/components/button.js

@@ -1,42 +0,0 @@
-// Button is the minimal cross-platform button, rendered in its iOS shape per RN's Button.js: a
-// TouchableOpacity wrapping a Text. The base text style, the role constant, and the color fold
-// (caller color tints the label; disabled greys it) are shared in @symbiote-native/components/view; here
-// React only composes its TouchableOpacity + Text and forwards the native-only props.
-import { createElement } from 'react';
-import { Text } from '../components.js';
-import { TouchableOpacity } from './touchable/index.js';
-import { BUTTON_ACCESSIBILITY_ROLE, resolveButtonTextStyle, } from '@symbiote-native/components';
-export const Button = props => {
-    const { title, onPress, color, disabled, touchSoundDisabled, testID, hasTVPreferredFocus, nextFocusDown, nextFocusForward, nextFocusLeft, nextFocusRight, nextFocusUp, ...accessibilityRest } = props;
-    const textStyle = resolveButtonTextStyle(color, disabled);
-    // The pressable / native View props TouchableOpacity does not type but forwards to Fabric
-    // (testID + TV-focus). Carried as a plain record (the pass-through idiom Image uses) so
-    // excess-property typing does not reject the native-only keys. TV-focus is inert on a phone.
-    const nativeForward = { testID };
-    if (hasTVPreferredFocus !== undefined)
-        nativeForward.hasTVPreferredFocus = hasTVPreferredFocus;
-    if (nextFocusDown !== undefined)
-        nativeForward.nextFocusDown = nextFocusDown;
-    if (nextFocusForward !== undefined)
-        nativeForward.nextFocusForward = nextFocusForward;
-    if (nextFocusLeft !== undefined)
-        nativeForward.nextFocusLeft = nextFocusLeft;
-    if (nextFocusRight !== undefined)
-        nativeForward.nextFocusRight = nextFocusRight;
-    if (nextFocusUp !== undefined)
-        nativeForward.nextFocusUp = nextFocusUp;
-    // RN's Button sets role=button, is accessible, and propagates the disabled accessibility state.
-    // The caller's accessibility props pass through, but Button's fixed role / accessible /
-    // disabled-state win, applied after the spread. touchSoundDisabled maps to the pressable's
-    // android_disableSound.
-    return createElement(TouchableOpacity, {
-        ...accessibilityRest,
-        ...nativeForward,
-        onPress,
-        disabled,
-        android_disableSound: touchSoundDisabled,
-        accessibilityRole: BUTTON_ACCESSIBILITY_ROLE,
-        accessible: true,
-        accessibilityState: { disabled },
-    }, createElement(Text, { style: textStyle }, title));
-};

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

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type IImageStatics, type IImageProps as IImageBaseProps } from '@symbiote-native/components';
-export type IImageProps = IImageBaseProps & {
-    className?: string;
-};
-export type IImageWithStatics = FC<IImageProps> & IImageStatics;
-export declare const Image: IImageWithStatics;
-export { setImageSourceResolver } from '@symbiote-native/components';
-export type { IImageSource, IImageSourceProp, IResizeMode, IImageSize, IImageCacheStatus, } from '@symbiote-native/components';

package/build/components/image/index.js

@@ -1,28 +0,0 @@
-import {} from 'react';
-import { imageStatics, renderImage, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { descriptorToReact } from '../../descriptor-to-react/index.js';
-// renderImage takes a pre-resolved view + passthrough (the ISwitchViewProps shape), so the
-// adapter folds aria/role and splits the typed transform fields from the forward-only rest.
-// The W3C source aliases (src/srcSet/crossOrigin/referrerPolicy) and width/height become typed
-// view fields (consumed by the source/style fold), so they never leak to Fabric via passthrough.
-const ImageComponent = rawProps => {
-    const { source, defaultSource, loadingIndicatorSource, style, resizeMode, tintColor, src, srcSet, alt, width, height, crossOrigin, referrerPolicy, ...passthrough } = resolveAccessibilityProps(rawProps);
-    return descriptorToReact(renderImage({
-        source,
-        defaultSource,
-        loadingIndicatorSource,
-        style,
-        resizeMode,
-        tintColor,
-        src,
-        srcSet,
-        alt,
-        width,
-        height,
-        crossOrigin,
-        referrerPolicy,
-        passthrough,
-    }));
-};
-export const Image = Object.assign(ImageComponent, imageStatics);
-export { setImageSourceResolver } from '@symbiote-native/components';

package/build/components/image-background/index.d.ts

@@ -1,10 +0,0 @@
-import { type ReactElement, type ReactNode } from 'react';
-import { type IImageProps } from '@symbiote-native/components';
-import type { IStyleProp, IViewStyle } from '../../utils/styles';
-export interface IImageBackgroundProps extends Omit<IImageProps, 'style'> {
-    style?: IStyleProp<IViewStyle>;
-    imageStyle?: IStyleProp<IViewStyle> | string;
-    className?: string;
-    children?: ReactNode;
-}
-export declare function ImageBackground(props: IImageBackgroundProps): ReactElement;

package/build/components/image-background/index.js

@@ -1,46 +0,0 @@
-// ImageBackground: the React lifecycle half. The composition (the absolute-fill Image behind
-// the children, the dimension-proxy + style-merge math) lives framework-agnostic in
-// @symbiote-native/components/renderImageBackground and is shared verbatim with Vue; here React only
-// folds aria/role, splits the typed Image transform fields from the forward-only rest, bridges
-// the Descriptor to elements, and appends the user children ON TOP of the inner image.
-import { createElement } from 'react';
-import { resolveClassName } from '@symbiote-native/engine';
-import { renderImageBackground, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { descriptorToReact } from '../../descriptor-to-react/index.js';
-function toChild(child) {
-    return typeof child === 'string' ? child : descriptorToReact(child);
-}
-export function ImageBackground(props) {
-    // className is pulled out here, like style, and applied to the WRAPPER element below — left
-    // in ...imageProps it would fall into `passthrough` and land on the INNER Image instead
-    // (renderImageBackground's `image.passthrough`, not the wrapper's own props).
-    const { children, style, imageStyle, className, ...imageProps } = props;
-    // imageStyle targets the INNER image (renderImageBackground's own field), unlike className
-    // above which lands on the wrapper — resolve the string here, before it flows in below.
-    const resolvedImageStyle = typeof imageStyle === 'string' ? resolveClassName(imageStyle) : imageStyle;
-    // The W3C source aliases (src/srcSet/crossOrigin/referrerPolicy) and width/height become typed
-    // Image view fields (consumed by the source/style fold), so they never leak to Fabric via
-    // passthrough; everything else (events, blurRadius, the folded accessibility*, testID) forwards.
-    const { source, defaultSource, loadingIndicatorSource, resizeMode, tintColor, src, srcSet, alt, width, height, crossOrigin, referrerPolicy, ...passthrough } = resolveAccessibilityProps(imageProps);
-    const wrapper = renderImageBackground({
-        style,
-        imageStyle: resolvedImageStyle,
-        image: {
-            source,
-            defaultSource,
-            loadingIndicatorSource,
-            resizeMode,
-            tintColor,
-            src,
-            srcSet,
-            alt,
-            width,
-            height,
-            crossOrigin,
-            referrerPolicy,
-            passthrough,
-        },
-    });
-    // wrapper = symbiote-view > [imageDescriptor]; the user children paint AFTER the image (on top).
-    return createElement(wrapper.type, { key: wrapper.key, ...wrapper.props, className }, ...wrapper.children.map(toChild), children);
-}

package/build/components/input-accessory-view/index.d.ts

@@ -1,11 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-import { type IAccessibilityProps, type IAriaProps } from '@symbiote-native/components';
-import type { IStyleProp, IViewStyle } from '../../utils/styles';
-export interface IInputAccessoryViewProps extends IAccessibilityProps, IAriaProps {
-    nativeID?: string;
-    backgroundColor?: string;
-    style?: IStyleProp<IViewStyle>;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const InputAccessoryView: FC<IInputAccessoryViewProps>;

package/build/components/input-accessory-view/index.js

@@ -1,19 +0,0 @@
-// InputAccessoryView: the React lifecycle half (iOS). The host-node assembly (nativeID /
-// backgroundColor / style / accessibility forwarding) lives framework-agnostic in
-// @symbiote-native/components/renderInputAccessoryView and is shared verbatim with Vue; here React only
-// folds aria/role, bridges the Descriptor, and nests the user children under the host.
-import { createElement } from 'react';
-import { renderInputAccessoryView, resolveAccessibilityProps, } from '@symbiote-native/components';
-export const InputAccessoryView = rawProps => {
-    // Owns its host element (symbiote-input-accessory-view), so it folds aria/role here; the
-    // resolved accessibility* surface rides the node via `...passthrough`.
-    const { nativeID, backgroundColor, style, children, ...passthrough } = resolveAccessibilityProps(rawProps);
-    const host = renderInputAccessoryView({
-        nativeID,
-        backgroundColor,
-        style,
-        passthrough,
-    });
-    // host has no structural children; the user children nest directly under it.
-    return createElement(host.type, { key: host.key, ...host.props }, children);
-};

package/build/components/pressable/index.js

@@ -1,112 +0,0 @@
-// Pressable: the React lifecycle half. The press lifecycle (the long-press timer, unstable_press-
-// Delay deferral, the pressRetentionOffset drift test, the suppression flags) lives in
-// @symbiote-native/components/state as a pure machine over a runtime + host; the render decisions (the
-// responder listeners, the disabled→accessibilityState fold, the ripple prop) in
-// @symbiote-native/components/view. Here React owns only the lifecycle: useState for `pressed`, a ref for
-// the runtime, a ref for the View instance (the measure handle), and a useMemo that rebuilds the
-// handlers when the config changes. This is the React twin of the Vue adapter's setup-scope
-// runtime + setPressed ref.
-//
-// Three RN interaction props that change real app feel ride on top of the shared synthesis,
-// entirely in JS: android_ripple (an Android native-feedback prop on a dedicated inner View, inert
-// on iOS), unstable_pressDelay, and pressRetentionOffset (the drift region), all handled by the
-// shared machine; here we only wire its host + render the View.
-import { createElement, useEffect, useMemo, useRef, useState, } from 'react';
-import { createPressHandlers, createPressRuntime, disposePressRuntime, rippleProps, buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, DEFAULT_DELAY_LONG_PRESS_MS, DEFAULT_MIN_PRESS_DURATION_MS, } from '@symbiote-native/components';
-import { View } from '../../components.js';
-import { flushExternalUpdate } from '../../host-config.js';
-function resolveStyle(style, state) {
-    if (typeof style === 'function')
-        return style(state);
-    return style;
-}
-function resolveChildren(children, state) {
-    if (typeof children === 'function')
-        return children(state);
-    return children;
-}
-const PressableImpl = props => {
-    const { onPress, onPressIn, onPressOut, onPressMove, onLongPress, delayLongPress = DEFAULT_DELAY_LONG_PRESS_MS, disabled, cancelable, hitSlop, pressRetentionOffset, unstable_pressDelay = 0, __minPressDuration = DEFAULT_MIN_PRESS_DURATION_MS, android_ripple, android_disableSound, onHoverIn, onHoverOut, delayHoverIn, delayHoverOut, accessibilityState, testID, style, children, 
-    // The remaining accessibility / aria props forward to View untouched; View runs
-    // resolveAccessibilityProps, so aria/role fold there, once.
-    ...accessibilityRest } = props;
-    const [pressed, setPressed] = useState(false);
-    // The mutable press runtime (timers, suppression flags, measured region), a ref so mutating it
-    // never triggers a re-render; only setPressed does.
-    const runtime = useRef(createPressRuntime()).current;
-    // The View instance, so the machine can measure its on-screen rect on responder grant.
-    const viewRef = useRef(null);
-    // The lifecycle seam the machine fills: flip pressed-state, and expose the View's raw measure.
-    const host = useMemo(() => ({
-        setPressed,
-        getMeasureFn: () => {
-            const view = viewRef.current;
-            if (view === null)
-                return undefined;
-            return callback => view.measure(callback);
-        },
-        schedule: (callback, ms) => {
-            const id = setTimeout(() => flushExternalUpdate(callback), ms);
-            return () => clearTimeout(id);
-        },
-        now: Date.now,
-    }), []);
-    // This renderer tears insertion effects down during host updates, so use the stable passive
-    // unmount seam to cancel delayed press-in, long-press and press-out callbacks.
-    useEffect(() => () => {
-        disposePressRuntime(runtime);
-    }, [runtime]);
-    const handlers = useMemo(() => createPressHandlers({
-        onPress,
-        onPressIn,
-        onPressOut,
-        onPressMove,
-        onLongPress,
-        delayLongPress,
-        unstable_pressDelay,
-        minPressDuration: __minPressDuration,
-        hitSlop,
-        pressRetentionOffset,
-    }, runtime, host), [
-        onPress,
-        onPressIn,
-        onPressOut,
-        onPressMove,
-        onLongPress,
-        delayLongPress,
-        unstable_pressDelay,
-        __minPressDuration,
-        hitSlop,
-        pressRetentionOffset,
-        runtime,
-        host,
-    ]);
-    noteHoverNoop(onHoverIn, onHoverOut);
-    void delayHoverIn;
-    void delayHoverOut;
-    const state = { pressed };
-    const resolvedAccessibilityState = resolveDisabledAccessibilityState(accessibilityState, disabled);
-    const viewProps = {
-        ...accessibilityRest,
-        // The ref is the handle the retention measure reaches through (measure on grant).
-        ref: viewRef,
-        style: resolveStyle(style, state),
-        hitSlop,
-        accessibilityState: resolvedAccessibilityState,
-        testID,
-    };
-    // Forward the Android tap-sound suppressor under RN's own key; inert on iOS.
-    if (android_disableSound !== undefined)
-        viewProps.android_disableSound = android_disableSound;
-    Object.assign(viewProps, buildPressableListeners(handlers, { disabled, cancelable }));
-    // android_ripple rides a dedicated inner View (the Pressable's own View only forwards a fixed
-    // prop set), mirroring touchable-native-feedback. On iOS the ripple prop is undefined, so the
-    // child renders unwrapped, no extra node.
-    const ripple = android_ripple !== undefined ? rippleProps(android_ripple) : undefined;
-    const content = resolveChildren(children, state);
-    const inner = ripple !== undefined ? createElement(View, ripple, content) : content;
-    return createElement(View, viewProps, inner);
-};
-export const Pressable = PressableImpl;
-// Relative-only composition seam; it is deliberately absent from the adapter barrel.
-export const TouchablePressable = props => createElement(PressableImpl, { ...props, __minPressDuration: 0 });

package/build/components/refresh-control/index.js

@@ -1,21 +0,0 @@
-// RefreshControl primitive. On iOS this is the PullToRefreshView Fabric node that
-// lives INSIDE a ScrollView (a sibling of the content container), giving the
-// pull-to-refresh gesture. `refreshing` is a controlled prop: the parent owns it
-// and pushes it down each commit; native reports the gesture via the direct
-// `topRefresh` event, which shared routes to the `refresh` listener (onRefresh).
-import { createElement } from 'react';
-import { dlog } from '@symbiote-native/engine';
-import { resolveAccessibilityProps, } from '@symbiote-native/components';
-export const RefreshControl = rawProps => {
-    // Owns its host element (symbiote-refresh-control), so it folds aria/role here;
-    // the resolved accessibility* fields ride down via `...nativeProps`.
-    const props = resolveAccessibilityProps(rawProps);
-    const { children, ...nativeProps } = props;
-    dlog('RefreshControl -> PullToRefreshView');
-    dlog(`RefreshControl refreshing=${String(props.refreshing)}`);
-    if (props.enabled !== undefined)
-        dlog(`RefreshControl enabled=${String(props.enabled)} (Android-only)`);
-    if (props.onRefresh !== undefined)
-        dlog('RefreshControl onRefresh listener wired');
-    return createElement('symbiote-refresh-control', { ...nativeProps }, children);
-};

package/build/components/safe-area-view/index.d.ts

@@ -1,12 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-import { type ISymbioteEvent } from '@symbiote-native/engine';
-import { type IAccessibilityProps, type IAriaProps } from '@symbiote-native/components';
-import type { IStyleProp, IViewStyle } from '../../utils/styles';
-export interface ISafeAreaViewProps extends IAccessibilityProps, IAriaProps {
-    style?: IStyleProp<IViewStyle>;
-    id?: string;
-    className?: string;
-    children?: ReactNode;
-    onLayout?: (event: ISymbioteEvent) => void;
-}
-export declare const SafeAreaView: FC<ISafeAreaViewProps>;

package/build/components/safe-area-view/index.js

@@ -1,18 +0,0 @@
-// SafeAreaView primitive. A plain view whose native side insets its children to
-// the safe area (notch, rounded corners, system bars). There is no JS-side
-// translation; RN just renders the native RCTSafeAreaView and lets the host do
-// the inset math, so this maps style + children straight onto the intrinsic.
-import { createElement } from 'react';
-import { dlog } from '@symbiote-native/engine';
-import { resolveAccessibilityProps, } from '@symbiote-native/components';
-export const SafeAreaView = rawProps => {
-    // Owns its host element (symbiote-safe-area-view), so it folds aria/role here;
-    // the resolved accessibility* surface rides the node via `...accessibilityRest`.
-    const props = resolveAccessibilityProps(rawProps);
-    const { style, children, onLayout, ...accessibilityRest } = props;
-    dlog('SafeAreaView -> SafeAreaView');
-    const nodeProps = { ...accessibilityRest, style };
-    if (onLayout !== undefined)
-        nodeProps.onLayout = onLayout;
-    return createElement('symbiote-safe-area-view', nodeProps, children);
-};

package/build/components/scroll-view/index.android.d.ts

@@ -1,3 +0,0 @@
-import { type IScrollViewHandle, type IScrollViewProps } from './shared';
-export type { IScrollViewProps, IScrollViewHandle } from './shared';
-export declare const ScrollView: import("react").ForwardRefExoticComponent<IScrollViewProps & import("react").RefAttributes<IScrollViewHandle>>;

package/build/components/scroll-view/index.android.js

@@ -1,61 +0,0 @@
-// ScrollView on Android: an Android ScrollView accepts only ONE child, so a RefreshControl
-// can't be a sibling of the content the way iOS allows ("addViewAt: failed to insert view
-// ... at index 1"). Instead the RefreshControl (AndroidSwipeRefreshLayout) WRAPS the
-// scroll view, with the scroll view nested inside and nestedScrollEnabled so the inner
-// scroll handles the gesture before the refresh parent, which mirrors RN's ScrollView.js
-// android branch (cloneElement(refreshControl, {style}, <ScrollView nestedScrollEnabled
-// style={flex:1}>{content}</ScrollView>)). Metro picks this on an Android host; no
-// Platform.OS read.
-import { cloneElement, createElement, forwardRef, useImperativeHandle, useRef, } from 'react';
-import { dlog } from '@symbiote-native/engine';
-import { buildScrollViewHandle, splitLayoutProps, } from '@symbiote-native/components';
-import { usePreparedScrollView, useNativeStickyScrollAttach, } from './shared.js';
-export const ScrollView = forwardRef((props, forwardedRef) => {
-    const { scrollViewIntrinsic, scrollViewBaseStyle, outerProps, style, layoutSplitStyle, content, refreshControl, scrollAnimatedValue, nativeStickyAvailable, } = usePreparedScrollView(props);
-    // The node ref backs the imperative handle; it attaches to the inner scroll-view element
-    // (the wrap shape leaves the scroll view as the command target, not the RefreshControl).
-    const ref = useRef(null);
-    // Lazy getter, not the ref itself: the node is null until the element commits, so the handle
-    // must read ref.current on each command, an eager capture would freeze null.
-    useImperativeHandle(forwardedRef, () => buildScrollViewHandle(() => ref.current), []);
-    // Drive the sticky scroll value on the native UI thread (RN attachNativeEvent). No-op on a
-    // host without the native animated module. The JS sticky path stays in effect.
-    useNativeStickyScrollAttach(ref, scrollAnimatedValue, nativeStickyAvailable);
-    dlog('ScrollView.ANDROID refreshControl=' +
-        (refreshControl === undefined ? 'NONE(1child)' : 'WRAP'));
-    if (refreshControl === undefined) {
-        // Base style (flexDirection: row for horizontal) under user style; undefined base
-        // (vertical) passes the user style through unchanged.
-        const scrollStyle = scrollViewBaseStyle
-            ? [scrollViewBaseStyle, style]
-            : style;
-        return createElement(scrollViewIntrinsic, { ...outerProps, style: scrollStyle, ref }, content);
-    }
-    // RN splits the flattened style across the two boxes (ScrollView.js android branch):
-    // LAYOUT props (margin/flex/size/position/transform/gap/…) drive the outer
-    // AndroidSwipeRefreshLayout frame; VISUAL props (background/padding/border/opacity/…) paint
-    // the inner scroll view. So the wrapper carries `outer`, and the inner scroll view its base
-    // (flexDirection/overflow) plus the visual `inner` composed over it, NOT a hardcoded flex:1
-    // that would override an explicit user height/width.
-    //
-    // layoutSplitStyle (not style): a class-only layout prop (flex/height/gap/…) is invisible to
-    // `style` (it never carries the resolved `className` value), so splitting on `style` alone
-    // starves the wrapper of its layout style and it collapses to nothing. layoutSplitStyle is
-    // `style` merged with the resolved className style (see usePreparedScrollView).
-    const { outer: outerStyle, inner: innerStyle } = splitLayoutProps(layoutSplitStyle);
-    const scrollStyle = scrollViewBaseStyle
-        ? [scrollViewBaseStyle, innerStyle]
-        : innerStyle;
-    // className is stripped from the spread here: layoutSplitStyle already folded its resolved
-    // value into `outer`/`inner` above, so forwarding the raw prop too would re-apply its LAYOUT
-    // half onto the inner scroll view a second time (on top of the outer wrapper).
-    const { className: _classNameAppliedViaSplit, ...innerOuterProps } = outerProps;
-    const scrollView = createElement(scrollViewIntrinsic, {
-        ...innerOuterProps,
-        style: scrollStyle,
-        nestedScrollEnabled: true,
-        ref,
-    }, content);
-    return cloneElement(refreshControl, { style: outerStyle }, scrollView);
-});
-ScrollView.displayName = 'ScrollView';

package/build/components/scroll-view/index.d.ts

@@ -1 +0,0 @@
-export * from './index.ios';

package/build/components/scroll-view/index.ios.d.ts

@@ -1,3 +0,0 @@
-import { type IScrollViewHandle, type IScrollViewProps } from './shared';
-export type { IScrollViewProps, IScrollViewHandle } from './shared';
-export declare const ScrollView: import("react").ForwardRefExoticComponent<IScrollViewProps & import("react").RefAttributes<IScrollViewHandle>>;

package/build/components/scroll-view/index.ios.js

@@ -1,29 +0,0 @@
-// ScrollView (iOS): RefreshControl renders as a sibling BEFORE the content container, matching
-// RN's ScrollView.js ({refreshControl}{contentContainer}). Also the base export
-// (scroll-view.ts re-exports it) for headless / web.
-import { createElement, forwardRef, useImperativeHandle, useRef } from 'react';
-import { buildScrollViewHandle } from '@symbiote-native/components';
-import { usePreparedScrollView, useNativeStickyScrollAttach, } from './shared.js';
-export const ScrollView = forwardRef((props, forwardedRef) => {
-    const { scrollViewIntrinsic, scrollViewBaseStyle, outerProps, style, content, refreshControl, scrollAnimatedValue, nativeStickyAvailable, } = usePreparedScrollView(props);
-    // Backs the imperative handle; passing `ref` through createElement props binds it to the
-    // SymbioteNode below, as TextInput does.
-    const ref = useRef(null);
-    // Lazy getter: the node is null until commit, so the handle reads ref.current per call
-    // instead of capturing eagerly, which would freeze null.
-    useImperativeHandle(forwardedRef, () => buildScrollViewHandle(() => ref.current), []);
-    // Drives sticky scroll on the native UI thread (RN attachNativeEvent); no-ops without the
-    // native animated module, falling back to the JS sticky path.
-    useNativeStickyScrollAttach(ref, scrollAnimatedValue, nativeStickyAvailable);
-    // Base style stays under user style so an explicit value wins; undefined base (vertical)
-    // passes the user style through unchanged.
-    const scrollStyle = scrollViewBaseStyle
-        ? [scrollViewBaseStyle, style]
-        : style;
-    const scrollProps = { ...outerProps, style: scrollStyle, ref };
-    if (refreshControl === undefined) {
-        return createElement(scrollViewIntrinsic, scrollProps, content);
-    }
-    return createElement(scrollViewIntrinsic, scrollProps, refreshControl, content);
-});
-ScrollView.displayName = 'ScrollView';

package/build/components/scroll-view/index.js

@@ -1,4 +0,0 @@
-// Base / default ScrollView: re-exports the iOS build. Metro overrides this with
-// scroll-view.ios.ts / .android.ts on a real host; under tsx / tsc / web the host config
-// resolves here. Filename is the selector, no Platform.OS read.
-export * from './index.ios.js';