@symbiote-native/vue 0.5.0 → 2.0.0

package/build/components/image.js

@@ -1,90 +0,0 @@
-// Image: the Vue lifecycle half. The full fold (source/src/srcSet resolution, width/height ->
-// style fold, resizeMode/tintColor, alt -> accessibility, and the native source array) lives
-// framework-agnostic in @symbiote-native/components, shared verbatim with React; Vue narrows the
-// untyped attrs into renderImage's typed view, folds aria/role, bridges the Descriptor to a
-// vnode, and carries the Image statics (getSize/prefetch/queryCache/...).
-//
-// FUNCTIONAL, not a stateful defineComponent: Animated.Image wraps it via createAnimatedComponent,
-// which captures the host node through a ref that only falls through on a functional component
-// (a defineComponent's ref resolves to a useless component proxy; see components.ts).
-import { imageStatics, renderImage, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { descriptorToVue } from '../descriptor-to-vue.js';
-import { normalizeVueAttrs } from '../utils/normalize-attrs.js';
-export { setImageSourceResolver } from '@symbiote-native/components';
-function asString(value) {
-    return typeof value === 'string' ? value : undefined;
-}
-function asNumber(value) {
-    return typeof value === 'number' ? value : undefined;
-}
-function asSource(value) {
-    if (typeof value === 'number')
-        return value;
-    if (typeof value === 'object' && value !== null)
-        return value;
-    return undefined;
-}
-function isResizeMode(value) {
-    return (value === 'cover' ||
-        value === 'contain' ||
-        value === 'stretch' ||
-        value === 'repeat' ||
-        value === 'center');
-}
-function asResizeMode(value) {
-    return isResizeMode(value) ? value : undefined;
-}
-function asCrossOrigin(value) {
-    return value === 'anonymous' || value === 'use-credentials'
-        ? value
-        : undefined;
-}
-function isStyleProp(value) {
-    return typeof value === 'object' && value !== null;
-}
-const HANDLED_ATTRS = [
-    'source',
-    'defaultSource',
-    'loadingIndicatorSource',
-    'style',
-    'resizeMode',
-    'tintColor',
-    'src',
-    'srcSet',
-    'alt',
-    'width',
-    'height',
-    'crossOrigin',
-    'referrerPolicy',
-];
-function forwardAttrs(attrs) {
-    const result = {};
-    for (const key of Object.keys(attrs)) {
-        if (!HANDLED_ATTRS.includes(key))
-            result[key] = attrs[key];
-    }
-    return result;
-}
-const ImageComponent = (_props, { attrs: rawAttrs }) => {
-    const attrs = normalizeVueAttrs(rawAttrs);
-    return descriptorToVue(renderImage({
-        source: asSource(attrs.source),
-        defaultSource: asSource(attrs.defaultSource),
-        loadingIndicatorSource: asSource(attrs.loadingIndicatorSource),
-        style: isStyleProp(attrs.style) ? attrs.style : undefined,
-        resizeMode: asResizeMode(attrs.resizeMode),
-        tintColor: asString(attrs.tintColor),
-        src: asString(attrs.src),
-        srcSet: asString(attrs.srcSet),
-        alt: asString(attrs.alt),
-        width: asNumber(attrs.width),
-        height: asNumber(attrs.height),
-        crossOrigin: asCrossOrigin(attrs.crossOrigin),
-        referrerPolicy: asString(attrs.referrerPolicy),
-        passthrough: resolveAccessibilityProps(forwardAttrs(attrs)),
-    }));
-};
-ImageComponent.displayName = 'Image';
-ImageComponent.inheritAttrs = false;
-// Statics attached like RN (Image.getSize/prefetch/...), shared verbatim with React.
-export const Image = Object.assign(ImageComponent, imageStatics);

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

@@ -1,41 +0,0 @@
-// InputAccessoryView: the Vue 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 React; here Vue only
-// narrows the untyped attrs, folds aria/role, bridges the Descriptor, and nests the slot children
-// under the host.
-//
-// FUNCTIONAL, not a stateful defineComponent: render-only (no state). Inputs arrive as attrs
-// (untyped); the typed fields are narrowed with runtime guards, the forward-only rest is folded
-// so resolveAccessibilityProps lands aria-* onto the host node.
-import { h } from '@vue/runtime-core';
-import { renderInputAccessoryView, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { normalizeVueAttrs } from '../utils/normalize-attrs.js';
-function asString(value) {
-    return typeof value === 'string' ? value : undefined;
-}
-function isStyleProp(value) {
-    return typeof value === 'object' && value !== null;
-}
-const HANDLED_ATTRS = ['nativeID', 'backgroundColor', 'style'];
-function forwardAttrs(attrs) {
-    const result = {};
-    for (const key of Object.keys(attrs)) {
-        if (!HANDLED_ATTRS.includes(key))
-            result[key] = attrs[key];
-    }
-    return result;
-}
-const InputAccessoryViewComponent = (_props, { attrs: rawAttrs, slots }) => {
-    const attrs = normalizeVueAttrs(rawAttrs);
-    const host = renderInputAccessoryView({
-        nativeID: asString(attrs.nativeID),
-        backgroundColor: asString(attrs.backgroundColor),
-        style: isStyleProp(attrs.style) ? attrs.style : undefined,
-        passthrough: resolveAccessibilityProps(forwardAttrs(attrs)),
-    });
-    const slotChildren = slots.default !== undefined ? slots.default() : [];
-    return h(host.type, { ...host.props, key: host.key }, slotChildren);
-};
-InputAccessoryViewComponent.displayName = 'InputAccessoryView';
-InputAccessoryViewComponent.inheritAttrs = false;
-export const InputAccessoryView = InputAccessoryViewComponent;

package/build/components/pressable.d.ts

@@ -1,58 +0,0 @@
-import { type EmitFn, type VNode } from '@vue/runtime-core';
-import { type IPressState, type IRectOffset, type IPressableAndroidRippleConfig, type IAccessibilityProps, type IAriaProps } from '@symbiote-native/components';
-import { type IClassNameValue, type ISymbioteEvent, type IStyleProp, type IViewStyle } from '@symbiote-native/engine';
-export type { IPressState, IPressableAndroidRippleConfig, } from '@symbiote-native/components';
-export type IPressableEmits = {
-    press: (event: ISymbioteEvent) => boolean;
-    pressIn: (event: ISymbioteEvent) => boolean;
-    pressOut: (event: ISymbioteEvent) => boolean;
-    pressMove: (event: ISymbioteEvent) => boolean;
-    longPress: (event: ISymbioteEvent) => boolean;
-    hoverIn: (event: ISymbioteEvent) => boolean;
-    hoverOut: (event: ISymbioteEvent) => boolean;
-};
-export declare const PRESSABLE_EMITS: {
-    press: (_event: ISymbioteEvent) => boolean;
-    pressIn: (_event: ISymbioteEvent) => boolean;
-    pressOut: (_event: ISymbioteEvent) => boolean;
-    pressMove: (_event: ISymbioteEvent) => boolean;
-    longPress: (_event: ISymbioteEvent) => boolean;
-    hoverIn: (_event: ISymbioteEvent) => boolean;
-    hoverOut: (_event: ISymbioteEvent) => boolean;
-};
-export declare function emitPressableEvents(emit: EmitFn<IPressableEmits>): Record<string, (event: ISymbioteEvent) => void>;
-export interface IPressableProps extends IAccessibilityProps, IAriaProps {
-    delayLongPress?: number;
-    disabled?: boolean;
-    cancelable?: boolean;
-    hitSlop?: IRectOffset;
-    pressRetentionOffset?: IRectOffset;
-    unstable_pressDelay?: number;
-    android_ripple?: IPressableAndroidRippleConfig;
-    android_disableSound?: boolean;
-    delayHoverIn?: number;
-    delayHoverOut?: number;
-    testID?: string;
-    style?: IStyleProp<IViewStyle> | ((state: IPressState) => IStyleProp<IViewStyle>);
-    class?: IClassNameValue;
-}
-export type IPressableSlots = {
-    default?: (state: IPressState) => VNode[] | VNode;
-};
-export declare const Pressable: import("vue").DefineSetupFnComponent<IPressableProps, {
-    press: (_event: ISymbioteEvent) => boolean;
-    pressIn: (_event: ISymbioteEvent) => boolean;
-    pressOut: (_event: ISymbioteEvent) => boolean;
-    pressMove: (_event: ISymbioteEvent) => boolean;
-    longPress: (_event: ISymbioteEvent) => boolean;
-    hoverIn: (_event: ISymbioteEvent) => boolean;
-    hoverOut: (_event: ISymbioteEvent) => boolean;
-}, import("vue").SlotsType<IPressableSlots>, IPressableProps & {
-    onPress?: ((_event: ISymbioteEvent) => any) | undefined;
-    onPressIn?: ((_event: ISymbioteEvent) => any) | undefined;
-    onPressOut?: ((_event: ISymbioteEvent) => any) | undefined;
-    onPressMove?: ((_event: ISymbioteEvent) => any) | undefined;
-    onLongPress?: ((_event: ISymbioteEvent) => any) | undefined;
-    onHoverIn?: ((_event: ISymbioteEvent) => any) | undefined;
-    onHoverOut?: ((_event: ISymbioteEvent) => any) | undefined;
-}, import("vue").PublicProps>;

package/build/components/pressable.js

@@ -1,214 +0,0 @@
-// Pressable, the Vue lifecycle half. The press lifecycle (long-press timer, unstable_press-
-// Delay deferral, pressRetentionOffset drift test, suppression flags) lives in
-// @symbiote-native/components/state as a pure machine over a runtime + host; the render
-// decisions (responder listeners, disabled->accessibilityState fold, ripple prop) in
-// @symbiote-native/components/view, both shared verbatim with React. Vue supplies the
-// reactivity: a `ref` holds `pressed`, a setup-scope object holds the press runtime, a function
-// ref grabs the responder View's host node.
-//
-// Inputs arrive as attrs (untyped), so each is narrowed with a runtime guard, never a cast. The
-// user's onPress/onPressIn/... are consumed by the machine and MUST be stripped from the
-// forwarded attrs (pure-JS callbacks); the machine's SYNTHESIZED handlers go on the View instead.
-// Children arrive as a (scoped) default slot so `v-slot="{ pressed }"` mirrors React's
-// children-as-function.
-import { defineComponent, h, ref, shallowRef, } from '@vue/runtime-core';
-import { createPressHandlers, createPressRuntime, rippleProps, buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, resolveAccessibilityProps, DEFAULT_DELAY_LONG_PRESS_MS, } from '@symbiote-native/components';
-import { measure, isSymbioteNode, } from '@symbiote-native/engine';
-import { View } from '../components.js';
-import { normalizeVueAttrs } from '../utils/normalize-attrs.js';
-// Reused verbatim as the `emits` of every Touchable* wrapper, so the runtime list lives once.
-export const PRESSABLE_EMITS = {
-    press: (_event) => true,
-    pressIn: (_event) => true,
-    pressOut: (_event) => true,
-    pressMove: (_event) => true,
-    longPress: (_event) => true,
-    hoverIn: (_event) => true,
-    hoverOut: (_event) => true,
-};
-// Bridge the whole press surface onto a child Pressable: each host onX callback re-emits the
-// matching event on the wrapper. A wrapper that intercepts an event for its own state (e.g.
-// TouchableOpacity's opacity animation on press-in/out) overrides that one key AFTER the spread.
-export function emitPressableEvents(emit) {
-    return {
-        onPress: event => emit('press', event),
-        onPressIn: event => emit('pressIn', event),
-        onPressOut: event => emit('pressOut', event),
-        onPressMove: event => emit('pressMove', event),
-        onLongPress: event => emit('longPress', event),
-        onHoverIn: event => emit('hoverIn', event),
-        onHoverOut: event => emit('hoverOut', event),
-    };
-}
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-function isStyleFn(value) {
-    return typeof value === 'function';
-}
-function numberOr(value, fallback) {
-    return typeof value === 'number' ? value : fallback;
-}
-// A scalar offset, or the per-edge object; anything else is dropped (the machine reads undefined
-// as "no offset" -> RN's defaults).
-function asRectOffset(value) {
-    if (typeof value === 'number')
-        return value;
-    if (!isRecord(value))
-        return undefined;
-    const rect = {};
-    if (typeof value.top === 'number')
-        rect.top = value.top;
-    if (typeof value.left === 'number')
-        rect.left = value.left;
-    if (typeof value.bottom === 'number')
-        rect.bottom = value.bottom;
-    if (typeof value.right === 'number')
-        rect.right = value.right;
-    return rect;
-}
-// android_ripple arrives untyped; keep only the fields the shared rippleProps reads.
-function asRippleConfig(value) {
-    if (!isRecord(value))
-        return undefined;
-    const config = {};
-    if (typeof value.color === 'string')
-        config.color = value.color;
-    if (typeof value.borderless === 'boolean')
-        config.borderless = value.borderless;
-    if (typeof value.radius === 'number')
-        config.radius = value.radius;
-    if (typeof value.foreground === 'boolean')
-        config.foreground = value.foreground;
-    return config;
-}
-// The user's accessibilityState, narrowed to the known fields (the disabled merge happens after).
-function asAccessibilityState(value) {
-    if (!isRecord(value))
-        return undefined;
-    const state = {};
-    if (typeof value.disabled === 'boolean')
-        state.disabled = value.disabled;
-    if (typeof value.selected === 'boolean')
-        state.selected = value.selected;
-    if (value.checked === 'mixed' || typeof value.checked === 'boolean')
-        state.checked = value.checked;
-    if (typeof value.busy === 'boolean')
-        state.busy = value.busy;
-    if (typeof value.expanded === 'boolean')
-        state.expanded = value.expanded;
-    return state;
-}
-function resolveStyle(value, state) {
-    if (isStyleFn(value))
-        return value(state);
-    return value;
-}
-// Everything else forwards onto the View. User press callbacks are pure JS and must never reach
-// the host; the machine's synthesized handlers go on via buildPressableListeners.
-const HANDLED_ATTRS = [
-    'onPress',
-    'onPressIn',
-    'onPressOut',
-    'onPressMove',
-    'onLongPress',
-    'delayLongPress',
-    'disabled',
-    'cancelable',
-    'pressRetentionOffset',
-    'unstable_pressDelay',
-    'android_ripple',
-    'android_disableSound',
-    'onHoverIn',
-    'onHoverOut',
-    'delayHoverIn',
-    'delayHoverOut',
-    'style',
-    'accessibilityState',
-];
-function forwardAttrs(attrs) {
-    const result = {};
-    for (const key of Object.keys(attrs)) {
-        if (!HANDLED_ATTRS.includes(key))
-            result[key] = attrs[key];
-    }
-    return result;
-}
-export const Pressable = defineComponent((_props, { slots, attrs: rawAttrs, emit }) => {
-    const pressed = ref(false);
-    // The mutable press runtime (timers, suppression flags, measured region). A plain setup-scope
-    // object, never a ref: mutated by the machine, never reactively read.
-    const runtime = createPressRuntime();
-    // shallowRef, NOT ref: a plain ref would wrap the node in a reactive Proxy, missing the
-    // engine's WeakMap mirror and making measure() no-op.
-    const nodeRef = shallowRef(null);
-    const setNodeRef = (el) => {
-        nodeRef.value = isSymbioteNode(el) ? el : null;
-    };
-    // The lifecycle seam the machine fills: flip the reactive `pressed`, and expose the responder
-    // View's raw frame-measure (or undefined before the node commits, a radius fallback).
-    const host = {
-        setPressed: next => {
-            pressed.value = next;
-        },
-        getMeasureFn: () => {
-            const node = nodeRef.value;
-            if (node === null)
-                return undefined;
-            return callback => measure(node, callback);
-        },
-        schedule: (callback, ms) => {
-            const id = setTimeout(callback, ms);
-            return () => clearTimeout(id);
-        },
-    };
-    return () => {
-        const attrs = normalizeVueAttrs(rawAttrs);
-        const disabled = attrs.disabled === true ? true : undefined;
-        const cancelable = typeof attrs.cancelable === 'boolean' ? attrs.cancelable : undefined;
-        const config = {
-            onPress: event => emit('press', event),
-            onPressIn: event => emit('pressIn', event),
-            onPressOut: event => emit('pressOut', event),
-            onPressMove: event => emit('pressMove', event),
-            onLongPress: event => emit('longPress', event),
-            delayLongPress: numberOr(attrs.delayLongPress, DEFAULT_DELAY_LONG_PRESS_MS),
-            unstable_pressDelay: numberOr(attrs.unstable_pressDelay, 0),
-            hitSlop: asRectOffset(attrs.hitSlop),
-            pressRetentionOffset: asRectOffset(attrs.pressRetentionOffset),
-        };
-        const handlers = createPressHandlers(config, runtime, host);
-        noteHoverNoop(undefined, undefined);
-        const state = { pressed: pressed.value };
-        // Vue's View is a bare host primitive, so Pressable folds disabled into accessibilityState
-        // and aria/role itself, rather than the View folding it (as React's does).
-        const forwarded = forwardAttrs(attrs);
-        forwarded.accessibilityState = resolveDisabledAccessibilityState(asAccessibilityState(attrs.accessibilityState), disabled);
-        const folded = resolveAccessibilityProps(forwarded);
-        const viewProps = {
-            ...folded,
-            ref: setNodeRef,
-            style: resolveStyle(attrs.style, state),
-        };
-        if (typeof attrs.android_disableSound === 'boolean')
-            viewProps.android_disableSound = attrs.android_disableSound;
-        Object.assign(viewProps, buildPressableListeners(handlers, { disabled, cancelable }));
-        const content = slots.default !== undefined ? slots.default(state) : [];
-        // android_ripple rides a dedicated inner View; on iOS the prop is undefined, so the child
-        // renders unwrapped, no extra node.
-        const ripple = isRecord(attrs.android_ripple)
-            ? rippleProps(asRippleConfig(attrs.android_ripple) ?? {})
-            : undefined;
-        const inner = ripple !== undefined ? [h(View, ripple, () => content)] : content;
-        // Children go to the host View as a FUNCTION slot, never a raw array: View is a
-        // functional component, and an array child makes Vue normalize it to a default
-        // slot with a dev warn ("Prefer function slots"). Benign under SFC, but in JSX the
-        // warn's trace formats the __self/__source dev props (native HostObjects) and that
-        // read throws, unwinding the whole mount → blank screen. A function slot skips it.
-        return h(View, viewProps, () => inner);
-    };
-}, {
-    name: 'Pressable',
-    inheritAttrs: false,
-    emits: PRESSABLE_EMITS,
-});

package/build/components/refresh-control.d.ts

@@ -1,20 +0,0 @@
-import { type IClassNameValue } from '@symbiote-native/engine';
-import { type IAccessibilityProps, type IAriaProps } from '@symbiote-native/components';
-export interface IRefreshControlProps extends IAccessibilityProps, IAriaProps {
-    refreshing: boolean;
-    tintColor?: string;
-    title?: string;
-    titleColor?: string;
-    progressViewOffset?: number;
-    colors?: readonly string[];
-    progressBackgroundColor?: string;
-    size?: 'default' | 'large';
-    enabled?: boolean;
-    class?: IClassNameValue;
-}
-export type IRefreshControlEmits = {
-    refresh: () => boolean;
-};
-export declare const RefreshControl: import("vue").DefineSetupFnComponent<IRefreshControlProps, IRefreshControlEmits, {}, IRefreshControlProps & {
-    onRefresh?: (() => any) | undefined;
-}, import("vue").PublicProps>;

package/build/components/refresh-control.js

@@ -1,47 +0,0 @@
-// RefreshControl, the Vue lifecycle half. On iOS this is the PullToRefreshView Fabric node that
-// lives INSIDE a ScrollView (a sibling before the content container); on Android it is
-// AndroidSwipeRefreshLayout and WRAPS the scroll view (a ScrollView there hosts one child). Vue
-// takes the wrapped child via its DEFAULT SLOT (the seam the Android scroll-view wrap re-invokes
-// to host the scroll view inside it; iOS leaves the slot empty), folds aria/role through the
-// shared resolveAccessibilityProps, and forwards the native props onto the
-// symbiote-refresh-control host node.
-//
-// `refreshing` is a controlled prop the parent pushes down each commit; native reports the
-// gesture via the direct `topRefresh` event, routed to the host onRefresh prop and turned into
-// the typed Vue `refresh` emit.
-import { defineComponent, h } from '@vue/runtime-core';
-import { dlog } from '@symbiote-native/engine';
-import { resolveAccessibilityProps, } from '@symbiote-native/components';
-import { normalizeVueAttrs } from '../utils/normalize-attrs.js';
-// Built at the a11y-intersection type (a real narrowing, not a cast), then fold aria-*/role into
-// the canonical accessibility* props. Children cross via slots, never attrs.
-function foldAttrs(attrs) {
-    const bag = {};
-    for (const key of Object.keys(attrs)) {
-        if (key !== 'onRefresh')
-            bag[key] = attrs[key];
-    }
-    return resolveAccessibilityProps(bag);
-}
-export const RefreshControl = defineComponent((_props, { attrs: rawAttrs, emit, slots }) => {
-    return () => {
-        const nativeProps = foldAttrs(normalizeVueAttrs(rawAttrs));
-        dlog('RefreshControl -> PullToRefreshView');
-        dlog(`RefreshControl refreshing=${String(nativeProps.refreshing)}`);
-        if (nativeProps.enabled !== undefined)
-            dlog(`RefreshControl enabled=${String(nativeProps.enabled)} (Android-only)`);
-        dlog('RefreshControl refresh emit wired');
-        return h('symbiote-refresh-control', {
-            ...nativeProps,
-            onRefresh: () => {
-                emit('refresh');
-            },
-        }, slots.default !== undefined ? slots.default() : undefined);
-    };
-}, {
-    name: 'RefreshControl',
-    inheritAttrs: false,
-    emits: {
-        refresh: () => true,
-    },
-});

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

@@ -1,8 +0,0 @@
-import { type IClassNameValue } from '@symbiote-native/engine';
-import { type IAccessibilityProps, type IAriaProps } from '@symbiote-native/components';
-export type ISafeAreaViewProps = IAccessibilityProps & IAriaProps & {
-    class?: IClassNameValue;
-};
-export declare const SafeAreaView: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,33 +0,0 @@
-// SafeAreaView, the Vue lifecycle half. A plain view whose native side
-// insets its children to the safe area (notch, rounded corners, system bars); there is no
-// JS-side translation, so this maps style + children straight onto the intrinsic. The Vue twin
-// of the React adapter's SafeAreaView. Vue takes children via slots, folds aria/role through
-// the shared resolveAccessibilityProps (so every adapter normalizes the web aliases identically),
-// and forwards the rest onto the symbiote-safe-area-view host node.
-//
-// Inputs arrive as attrs (untyped), so the forwarded bag is BUILT at the a11y-intersection type
-// (a genuine narrowing, not a cast) before resolveAccessibilityProps folds aria-* into accessibility*.
-import { defineComponent, h } from '@vue/runtime-core';
-import { dlog } from '@symbiote-native/engine';
-import { resolveAccessibilityProps, } from '@symbiote-native/components';
-import { normalizeVueAttrs } from '../utils/normalize-attrs.js';
-// Copy every attr into a bag typed as the a11y intersection (the accumulator is BUILT at that
-// type, a real narrowing, not a cast), then fold aria-*/role into the canonical accessibility*
-// props before they reach the host. style / onLayout / testID forward unchanged.
-function foldAttrs(attrs) {
-    const bag = {};
-    for (const key of Object.keys(attrs))
-        bag[key] = attrs[key];
-    return resolveAccessibilityProps(bag);
-}
-export const SafeAreaView = defineComponent({
-    name: 'SafeAreaView',
-    inheritAttrs: false,
-    setup(_props, { attrs: rawAttrs, slots }) {
-        return () => {
-            dlog('SafeAreaView -> SafeAreaView');
-            const nativeProps = foldAttrs(normalizeVueAttrs(rawAttrs));
-            return h('symbiote-safe-area-view', nativeProps, slots.default !== undefined ? slots.default() : undefined);
-        };
-    },
-});

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

@@ -1,4 +0,0 @@
-export type { IScrollViewProps, IScrollViewEmits, IScrollViewHandle, } from './shared';
-export declare const ScrollView: import("vue").DefineSetupFnComponent<import("./shared").IScrollViewProps, import("./shared").IScrollViewEmits, {}, import("./shared").IScrollViewProps & {
-    onContentSizeChange?: ((width: number, height: number) => any) | undefined;
-}, import("vue").PublicProps>;

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

@@ -1,64 +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, nested
-// inside with nestedScrollEnabled so it handles the gesture before the refresh parent, mirroring
-// RN's ScrollView.js android branch.
-//
-// React does this with cloneElement(refreshControl, {style}, scrollView). Vue has no
-// cloneElement, so the analog is to RE-INVOKE the user's RefreshControl component type via h():
-// same .type, its own .props plus the injected outer/layout style, and the inner scroll view as
-// its DEFAULT SLOT. The node ref stays on the INNER scroll view (not the wrapper), so
-// dispatchViewCommand targets it. Metro picks this file on an Android host; no Platform.OS read.
-// device-verify-pending: the wrap shape mirrors RN, proven on a real host by the absence of the
-// "addViewAt: failed to insert" crash.
-import { h, isVNode } from '@vue/runtime-core';
-import { dlog } from '@symbiote-native/engine';
-import { splitLayoutProps } from '@symbiote-native/components';
-import { createScrollView } from './shared.js';
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-// Narrows VNodeTypes (string | Component | nested VNode | the Fragment/Text/... symbol
-// constants) to what h() accepts. refreshControl is always a real component element in practice.
-function isHostType(type) {
-    if (typeof type === 'string')
-        return true;
-    return ((typeof type === 'object' || typeof type === 'function') &&
-        type !== null &&
-        !isVNode(type));
-}
-export const ScrollView = createScrollView({
-    assemble: input => {
-        if (input.refreshControl === undefined) {
-            dlog('Vue ScrollView.ANDROID refreshControl=NONE(1child)');
-            return h(input.scrollViewIntrinsic, input.scrollProps, [input.content]);
-        }
-        // RN splits the flattened style across the two boxes: LAYOUT props (margin/flex/size/
-        // position/...) drive the outer AndroidSwipeRefreshLayout frame; VISUAL props (background/
-        // padding/border/...) paint the inner scroll view - not a hardcoded flex:1 that would
-        // override an explicit user height/width.
-        //
-        // layoutSplitStyle (not userStyle): a class-only layout prop is invisible to userStyle (it
-        // never carries the resolved `class` value - see isClassNameProp in shared.ts), so splitting
-        // on userStyle alone would starve the wrapper of its layout style.
-        const { outer, inner } = splitLayoutProps(input.layoutSplitStyle);
-        // `class` is stripped here: layoutSplitStyle already folded its resolved value into
-        // outer/inner above, so forwarding the raw prop too would re-apply its LAYOUT half a second time.
-        const { class: _classAppliedViaSplit, ...innerScrollOuterProps } = input.scrollOuterProps;
-        const innerScrollView = h(input.scrollViewIntrinsic, {
-            ...innerScrollOuterProps,
-            style: [input.scrollViewBaseStyle, inner],
-            nestedScrollEnabled: true,
-            ref: input.setNodeRef,
-        }, [input.content]);
-        const rc = input.refreshControl;
-        if (!isHostType(rc.type)) {
-            // Degrade to the unwrapped scroll view rather than crash (the node ref is already on it).
-            dlog('Vue ScrollView.ANDROID refreshControl has no hostable type, rendering scroll view unwrapped');
-            return innerScrollView;
-        }
-        const rcProps = isRecord(rc.props) ? rc.props : {};
-        dlog('Vue ScrollView.ANDROID refreshControl=WRAP');
-        return h(rc.type, { ...rcProps, style: outer }, { default: () => [innerScrollView] });
-    },
-});

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,4 +0,0 @@
-export type { IScrollViewProps, IScrollViewEmits, IScrollViewHandle, } from './shared';
-export declare const ScrollView: import("vue").DefineSetupFnComponent<import("./shared").IScrollViewProps, import("./shared").IScrollViewEmits, {}, import("./shared").IScrollViewProps & {
-    onContentSizeChange?: ((width: number, height: number) => any) | undefined;
-}, import("vue").PublicProps>;

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

@@ -1,17 +0,0 @@
-// ScrollView on iOS. The RefreshControl is a CHILD of the scroll view, rendered
-// as a SIBLING BEFORE the content container (RN ScrollView.js: {refreshControl}{contentContainer}).
-// The user's RefreshControl VNode renders as-is; its default slot is empty on iOS, so it is a
-// childless sibling. Also the base (scroll-view.ts re-exports it) for headless / web. Metro picks
-// this on an iOS host; no Platform.OS read. Mirrors the React adapter's iOS binding.
-import { h } from '@vue/runtime-core';
-import { createScrollView } from './shared.js';
-export const ScrollView = createScrollView({
-    assemble: input => {
-        // Sibling placement: RefreshControl before content (RN iOS). The node ref stays on the scroll
-        // view via input.scrollProps, so the imperative handle targets it whether or not refresh is on.
-        const children = input.refreshControl === undefined
-            ? [input.content]
-            : [input.refreshControl, input.content];
-        return h(input.scrollViewIntrinsic, input.scrollProps, children);
-    },
-});

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 / scroll-view.android.ts on a real host; under tsx / tsc / web the host
-// resolves here. Filename is the selector, no Platform.OS read.
-export * from './index.ios.js';