@symbiote-native/vue 0.5.0 → 2.0.0

package/build/components/switch/shared.js

@@ -1,126 +0,0 @@
-// Switch, the Vue lifecycle half. The logic (lastNativeReport reducer, valueFromChange, the
-// snap-back decision) lives in @symbiote-native/components/state and the render in
-// @symbiote-native/components/view, both shared verbatim with React. Vue supplies the
-// reactivity: a ref holds what native last reported, a function ref grabs the host node, and a
-// post-flush watch snaps native back when the parent rejects a toggle.
-//
-// Inputs arrive as attrs (untyped), so each is narrowed with a runtime guard, never a cast.
-// onValueChange MUST be stripped from the forwarded attrs: it is not a ViewConfig event, so
-// leaking it would reach Fabric as a function prop and crash Android's folly::dynamic.
-import { defineComponent, ref, shallowRef, watch } from '@vue/runtime-core';
-import { renderSwitch, switchReducer, createInitialSwitchState, shouldSnapBack, valueFromChange, } from '@symbiote-native/components';
-import { dispatchViewCommand, isSymbioteNode, dlog, } from '@symbiote-native/engine';
-import { descriptorToVue } from '../../descriptor-to-vue.js';
-import { normalizeVueAttrs } from '../../utils/normalize-attrs.js';
-import { resolveModelValue, emitModelUpdate } from '../../utils/model-binding.js';
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-function asString(value) {
-    return typeof value === 'string' ? value : undefined;
-}
-function isBoolean(value) {
-    return typeof value === 'boolean';
-}
-function normalizeTrackColor(value) {
-    if (!isRecord(value))
-        return undefined;
-    const trackColor = {};
-    if (typeof value.false === 'string')
-        trackColor.false = value.false;
-    if (typeof value.true === 'string')
-        trackColor.true = value.true;
-    return trackColor;
-}
-// The render fn's style param is a plain object; array/registered styles degrade to undefined
-// (the engine flattens those on its own).
-function isViewStyleObject(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-// Everything else forwards onto the host node. onValueChange is pure JS and must never reach Fabric.
-const HANDLED_ATTRS = [
-    'value',
-    'modelValue',
-    'disabled',
-    'trackColor',
-    'thumbColor',
-    'ios_backgroundColor',
-    'style',
-    'onValueChange',
-];
-function forwardAttrs(attrs) {
-    const result = {};
-    for (const key of Object.keys(attrs)) {
-        if (!HANDLED_ATTRS.includes(key))
-            result[key] = attrs[key];
-    }
-    return result;
-}
-export function createSwitch(platform) {
-    return defineComponent((_props, { attrs: rawAttrs, emit }) => {
-        // shallowRef, NOT ref: a plain ref() would hand back a reactive Proxy the engine's WeakMap
-        // mirror doesn't recognize, so every imperative command would silently no-op. General rule
-        // for this adapter: host nodes live in shallowRef / markRaw.
-        const nodeRef = shallowRef(null);
-        const state = ref(createInitialSwitchState());
-        const setNodeRef = (el) => {
-            nodeRef.value = isSymbioteNode(el) ? el : null;
-        };
-        const handleChange = (event) => {
-            const next = valueFromChange(event);
-            dlog(`Switch onChange value=${String(next)} eventCount=${String(event.nativeEvent.eventCount)}`);
-            if (next === undefined)
-                return;
-            emit('valueChange', next, event);
-            emitModelUpdate(emit, next);
-            state.value = switchReducer(state.value, {
-                type: 'native-reported',
-                value: next,
-            });
-        };
-        // Snap-back: when native reported a value the parent rejected, command the JS value back
-        // down (the controlled-Switch correction RN does via SwitchCommands.setValue). The
-        // decision is shared with React (shouldSnapBack); only the command name is platform-
-        // imperative. flush:'post' so the node is committed before the command reads its Fabric handle.
-        watch(() => ({
-            fabricValue: resolveModelValue(rawAttrs, isBoolean) === true,
-            switchState: state.value,
-        }), ({ fabricValue, switchState }) => {
-            const node = nodeRef.value;
-            if (node === null)
-                return;
-            if (!shouldSnapBack(switchState, fabricValue)) {
-                dlog(`Switch snap-back no-op reported=${String(switchState.lastNativeReport)} value=${fabricValue}`);
-                return;
-            }
-            dlog(`Switch ${platform.snapBackCommand} snap-back reported=${String(switchState.lastNativeReport)} value=${fabricValue}`);
-            dispatchViewCommand(node, platform.snapBackCommand, [fabricValue]);
-        }, { flush: 'post' });
-        return () => {
-            const attrs = normalizeVueAttrs(rawAttrs);
-            return descriptorToVue(renderSwitch({
-                value: resolveModelValue(attrs, isBoolean) === true,
-                disabled: typeof attrs.disabled === 'boolean'
-                    ? attrs.disabled
-                    : undefined,
-                trackColor: normalizeTrackColor(attrs.trackColor),
-                thumbColor: asString(attrs.thumbColor),
-                ios_backgroundColor: asString(attrs.ios_backgroundColor),
-                style: isViewStyleObject(attrs.style) ? attrs.style : undefined,
-                passthrough: {
-                    ...forwardAttrs(attrs),
-                    ref: setNodeRef,
-                    onChange: handleChange,
-                },
-            }, platform));
-        };
-    }, {
-        name: 'Switch',
-        inheritAttrs: false,
-        emits: {
-            valueChange: (_value, _event) => true,
-            'update:modelValue': (_value) => true,
-            'update:value': (_value) => true,
-        },
-    });
-}

package/build/components/text-input/index.d.ts

@@ -1,24 +0,0 @@
-import { type ITextInputProps as ITextInputBaseProps, type ITextInputHandle } from '@symbiote-native/components';
-import { type IClassNameValue, type ISymbioteEvent } from '@symbiote-native/engine';
-export type ITextInputProps = Omit<ITextInputBaseProps, 'onValueChange' | 'onFocus' | 'onBlur'> & {
-    modelValue?: string;
-    class?: IClassNameValue;
-};
-export type { ITextInputHandle };
-type ITextInputEmits = {
-    valueChange: (text: string, event: ISymbioteEvent) => boolean;
-    focus: (event: ISymbioteEvent) => boolean;
-    blur: (event: ISymbioteEvent) => boolean;
-    'update:modelValue': (text: string) => boolean;
-    'update:value': (text: string) => boolean;
-};
-export declare const TextInput: import("vue").DefineSetupFnComponent<ITextInputProps, ITextInputEmits, {}, Omit<ITextInputBaseProps, "onFocus" | "onBlur" | "onValueChange"> & {
-    modelValue?: string;
-    class?: IClassNameValue;
-} & {
-    "onUpdate:modelValue"?: ((text: string) => any) | undefined;
-    "onUpdate:value"?: ((text: string) => any) | undefined;
-    onValueChange?: ((text: string, event: ISymbioteEvent) => any) | undefined;
-    onFocus?: ((event: ISymbioteEvent) => any) | undefined;
-    onBlur?: ((event: ISymbioteEvent) => any) | undefined;
-}, import("vue").PublicProps>;

package/build/components/text-input/index.js

@@ -1,242 +0,0 @@
-// TextInput, the Vue lifecycle half. The folds/maps (value->text, W3C/alias resolution) and the
-// controlled-write predicate live in @symbiote-native/components/state, the render in
-// @symbiote-native/components/view, both shared verbatim with React. Vue supplies only the
-// reactivity: a shallowRef holds the host node, a ref holds the acknowledged event count, setup-
-// scope `let`s hold the last native text + focus flag, a post-flush watch runs the
-// controlled-write command, and expose() wires the imperative handle.
-//
-// Inputs arrive as attrs (untyped), so each is narrowed with a runtime guard, never a cast.
-// onValueChange MUST be stripped from the forwarded attrs: it is not a ViewConfig event, so
-// leaking it would reach Fabric as a function prop and crash Android's folly::dynamic.
-import { defineComponent, onBeforeUnmount, ref, shallowRef, watch, } from '@vue/runtime-core';
-import { resolveAccessibilityProps, resolveTextInputProps, renderTextInput, foldText, textFromChange, eventCountFromChange, shouldCommandText, INITIAL_EVENT_COUNT, SELECTION_NONE, } from '@symbiote-native/components';
-import { dispatchViewCommand, isSymbioteNode, dlog, blurTextInput, setInputFocused, setInputBlurred, whenCommitted, } from '@symbiote-native/engine';
-import { descriptorToVue } from '../../descriptor-to-vue.js';
-import { normalizeVueAttrs } from '../../utils/normalize-attrs.js';
-import { resolveModelValue, emitModelUpdate } from '../../utils/model-binding.js';
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-function asString(value) {
-    return typeof value === 'string' ? value : undefined;
-}
-function isString(value) {
-    return typeof value === 'string';
-}
-function asBoolean(value) {
-    return typeof value === 'boolean' ? value : undefined;
-}
-function normalizeSelection(value) {
-    if (!isRecord(value))
-        return undefined;
-    if (typeof value.start !== 'number')
-        return undefined;
-    const selection = { start: value.start };
-    if (typeof value.end === 'number')
-        selection.end = value.end;
-    return selection;
-}
-// Everything else forwards onto the host node. onFocus/onBlur are re-supplied as our wrapped
-// handlers; onValueChange is pure JS and must never reach Fabric.
-const HANDLED_ATTRS = [
-    'value',
-    'modelValue',
-    'defaultValue',
-    'multiline',
-    'selection',
-    'inputMode',
-    'enterKeyHint',
-    'readOnly',
-    'submitBehavior',
-    'blurOnSubmit',
-    'cursorColor',
-    'selectionColor',
-    'selectionHandleColor',
-    'keyboardType',
-    'returnKeyType',
-    'editable',
-    'autoComplete',
-    'textContentType',
-    'autoFocus',
-    'showSoftInputOnFocus',
-    'underlineColorAndroid',
-    'onValueChange',
-    'onFocus',
-    'onBlur',
-];
-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 TextInput = defineComponent((_props, { attrs: rawAttrs, emit, expose }) => {
-    // shallowRef, NOT ref: a plain ref() would hand back a reactive Proxy the engine's WeakMap
-    // mirror doesn't recognize, so every imperative command would silently no-op. Same rule as
-    // the Switch / ScrollView host node.
-    const nodeRef = shallowRef(null);
-    const setNodeRef = (el) => {
-        nodeRef.value = isSymbioteNode(el) ? el : null;
-    };
-    // The count native last acknowledged. A ref so render echoes it as mostRecentEventCount; the
-    // controlled write commands it so native's eventLag lands on 0.
-    const mostRecentEventCount = ref(INITIAL_EVENT_COUNT);
-    // Seeded from the mount-time value (the `text` prop already carries it down via createNode,
-    // so the FIRST controlled value is not a divergence and must NOT re-command).
-    let lastNativeText = foldText(resolveModelValue(rawAttrs, isString), asString(rawAttrs.defaultValue));
-    // Mirrored from focus/blur events for isFocused(): native exposes no synchronous focus getter.
-    let focused = false;
-    // Guard so a later node identity change does not re-focus.
-    let autoFocused = false;
-    const handleChange = (event) => {
-        // iOS and Android Fabric can key the change payload differently, so log the actual shape.
-        dlog(`TextInput change keys=[${Object.keys(event.nativeEvent).join(',')}] ` +
-            `text=${JSON.stringify(event.nativeEvent.text)} count=${JSON.stringify(event.nativeEvent.eventCount)}`);
-        const text = textFromChange(event);
-        if (text !== undefined) {
-            // Record the text first, so the count never runs ahead of the text it stands for.
-            lastNativeText = text;
-            emit('valueChange', text, event);
-            emitModelUpdate(emit, text);
-        }
-        const count = eventCountFromChange(event);
-        if (count !== undefined)
-            mostRecentEventCount.value = count;
-    };
-    const handleFocus = (event) => {
-        focused = true;
-        // Track focus app-wide so Keyboard.dismiss can blur this input without a ref.
-        const node = nodeRef.value;
-        if (node !== null)
-            setInputFocused(node);
-        emit('focus', event);
-    };
-    const handleBlur = (event) => {
-        focused = false;
-        const node = nodeRef.value;
-        if (node !== null)
-            setInputBlurred(node);
-        emit('blur', event);
-    };
-    // Controlled write: when JS-side `value` diverges from what native reported, command the new
-    // text down with the acknowledged count - a plain prop re-push would race the user's
-    // keystrokes. flush:'post' so the node is committed before the command reads its Fabric handle.
-    watch(() => resolveModelValue(rawAttrs, isString), value => {
-        const node = nodeRef.value;
-        if (node === null)
-            return;
-        if (!shouldCommandText(lastNativeText, value))
-            return;
-        const selection = normalizeSelection(rawAttrs.selection);
-        const selStart = selection?.start ?? SELECTION_NONE;
-        const selEnd = selection?.end ?? selection?.start ?? SELECTION_NONE;
-        dlog(`TextInput setTextAndSelection count=${mostRecentEventCount.value} text=${JSON.stringify(value)}`);
-        dispatchViewCommand(node, 'setTextAndSelection', [
-            mostRecentEventCount.value,
-            value,
-            selStart,
-            selEnd,
-        ]);
-        lastNativeText = value;
-    }, { flush: 'post' });
-    // autoFocus is driven in JS: once the node first commits, command `focus` down once. Under
-    // Vue's async-batched commit the node has no Fabric tag yet at post-flush, so
-    // whenCommitted defers it to the commit that assigns the tag. Cancelled on unmount so an
-    // un-committed pending focus can't leak.
-    let cancelAutoFocus;
-    watch(nodeRef, node => {
-        if (autoFocused || node === null || rawAttrs.autoFocus !== true)
-            return;
-        autoFocused = true;
-        dlog('TextInput autoFocus -> focus command');
-        cancelAutoFocus = whenCommitted(node, () => dispatchViewCommand(node, 'focus', []));
-    }, { flush: 'post' });
-    onBeforeUnmount(() => cancelAutoFocus?.());
-    // Methods read nodeRef.value / the count LIVE, so no stale capture. clear/setSelection reuse
-    // setTextAndSelection, the same path as a controlled write.
-    expose({
-        focus: () => {
-            const node = nodeRef.value;
-            if (node !== null)
-                dispatchViewCommand(node, 'focus', []);
-        },
-        blur: () => {
-            // Routes through TextInputState so the app-wide focus tracking clears too.
-            blurTextInput(nodeRef.value);
-        },
-        clear: () => {
-            const node = nodeRef.value;
-            if (node === null)
-                return;
-            dispatchViewCommand(node, 'setTextAndSelection', [
-                mostRecentEventCount.value,
-                '',
-                0,
-                0,
-            ]);
-            lastNativeText = '';
-        },
-        isFocused: () => focused,
-        setSelection: (start, end) => {
-            const node = nodeRef.value;
-            if (node === null)
-                return;
-            const current = lastNativeText ?? '';
-            dispatchViewCommand(node, 'setTextAndSelection', [
-                mostRecentEventCount.value,
-                current,
-                start,
-                end,
-            ]);
-        },
-    });
-    return () => {
-        const attrs = normalizeVueAttrs(rawAttrs);
-        const multiline = attrs.multiline === true;
-        const folded = resolveTextInputProps({
-            inputMode: asString(attrs.inputMode),
-            keyboardType: asString(attrs.keyboardType),
-            enterKeyHint: asString(attrs.enterKeyHint),
-            returnKeyType: asString(attrs.returnKeyType),
-            readOnly: asBoolean(attrs.readOnly),
-            editable: asBoolean(attrs.editable),
-            submitBehavior: asString(attrs.submitBehavior),
-            blurOnSubmit: asBoolean(attrs.blurOnSubmit),
-            multiline,
-            cursorColor: asString(attrs.cursorColor),
-            selectionColor: asString(attrs.selectionColor),
-            selectionHandleColor: asString(attrs.selectionHandleColor),
-            autoComplete: asString(attrs.autoComplete),
-            textContentType: asString(attrs.textContentType),
-            showSoftInputOnFocus: asBoolean(attrs.showSoftInputOnFocus),
-            underlineColorAndroid: asString(attrs.underlineColorAndroid),
-        });
-        const text = foldText(resolveModelValue(attrs, isString), asString(attrs.defaultValue));
-        return descriptorToVue(renderTextInput({
-            multiline,
-            text,
-            mostRecentEventCount: mostRecentEventCount.value,
-            selection: normalizeSelection(attrs.selection),
-            folded,
-            passthrough: {
-                ...resolveAccessibilityProps(forwardAttrs(attrs)),
-                ref: setNodeRef,
-                onChange: handleChange,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-            },
-        }));
-    };
-}, {
-    name: 'TextInput',
-    inheritAttrs: false,
-    emits: {
-        valueChange: (_text, _event) => true,
-        focus: (_event) => true,
-        blur: (_event) => true,
-        'update:modelValue': (_text) => true,
-        'update:value': (_text) => true,
-    },
-});

package/build/components/touchable-native-feedback.d.ts

@@ -1,24 +0,0 @@
-import { canUseNativeForeground, rippleBackground, selectableBackground, selectableBackgroundBorderless, type INativeFeedbackBackground } from '@symbiote-native/components';
-import { type IPressableEmits, type IPressableProps } from './pressable';
-export type { INativeFeedbackBackground, IThemeAttrBackground, IRippleBackground, } from '@symbiote-native/components';
-export type ITouchableNativeFeedbackProps = Omit<IPressableProps, 'style'> & {
-    background?: INativeFeedbackBackground;
-    useForeground?: boolean;
-};
-export declare const TouchableNativeFeedback: import("vue").DefineSetupFnComponent<ITouchableNativeFeedbackProps, IPressableEmits, {}, Omit<IPressableProps, "style"> & {
-    background?: INativeFeedbackBackground;
-    useForeground?: boolean;
-} & {
-    onPress?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-    onPressIn?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-    onPressOut?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-    onPressMove?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-    onLongPress?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-    onHoverIn?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-    onHoverOut?: ((event: import("@symbiote-native/engine").ISymbioteEvent) => any) | undefined;
-}, import("vue").PublicProps> & {
-    SelectableBackground: typeof selectableBackground;
-    SelectableBackgroundBorderless: typeof selectableBackgroundBorderless;
-    Ripple: typeof rippleBackground;
-    canUseNativeForeground: typeof canUseNativeForeground;
-};

package/build/components/touchable-native-feedback.js

@@ -1,77 +0,0 @@
-// TouchableNativeFeedback for Vue: Android's ripple/state-drawable touchable, built on Pressable
-// like the rest of the family (the Vue twin of the React adapter). The native ripple props
-// (nativeBackgroundAndroid / nativeForegroundAndroid) ride a dedicated feedback View nested under
-// the Pressable; on iOS they are inert. The static factories + background mapping are shared in
-// @symbiote-native/components/view; Vue only attaches them onto the component value and nests the View.
-import { defineComponent, h } from '@vue/runtime-core';
-import { backgroundProps, canUseNativeForeground, rippleBackground, selectableBackground, selectableBackgroundBorderless, } from '@symbiote-native/components';
-import { dlog } from '@symbiote-native/engine';
-import { View } from '../components.js';
-import { Pressable, emitPressableEvents, PRESSABLE_EMITS, } from './pressable.js';
-import { normalizeVueAttrs } from '../utils/normalize-attrs.js';
-const HANDLED = ['background', 'useForeground'];
-function forwardAttrs(attrs) {
-    const result = {};
-    for (const key of Object.keys(attrs)) {
-        if (!HANDLED.includes(key))
-            result[key] = attrs[key];
-    }
-    return result;
-}
-function isRecord(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-// `background` arrives untyped; narrow it to the discriminated union the mapping reads, else
-// undefined (the impl then defaults to SelectableBackground, like RN).
-function asBackground(value) {
-    if (!isRecord(value))
-        return undefined;
-    if (value.type === 'ThemeAttrAndroid') {
-        if (value.attribute === 'selectableItemBackground' ||
-            value.attribute === 'selectableItemBackgroundBorderless') {
-            return {
-                type: 'ThemeAttrAndroid',
-                attribute: value.attribute,
-                rippleRadius: typeof value.rippleRadius === 'number'
-                    ? value.rippleRadius
-                    : undefined,
-            };
-        }
-        return undefined;
-    }
-    if (value.type === 'RippleAndroid') {
-        return {
-            type: 'RippleAndroid',
-            color: typeof value.color === 'string' ? value.color : null,
-            borderless: value.borderless === true,
-            rippleRadius: typeof value.rippleRadius === 'number' ? value.rippleRadius : undefined,
-        };
-    }
-    return undefined;
-}
-const TouchableNativeFeedbackImpl = defineComponent((_props, { slots, attrs: rawAttrs, emit }) => {
-    return () => {
-        const attrs = normalizeVueAttrs(rawAttrs);
-        const useForeground = attrs.useForeground === true;
-        // RN defaults a missing background to SelectableBackground() so the touchable always shows
-        // feedback; mirror that here.
-        const resolved = asBackground(attrs.background) ?? selectableBackground();
-        dlog(`TouchableNativeFeedback render ${resolved.type} useForeground ${useForeground}`);
-        const nativeProps = backgroundProps(resolved, useForeground);
-        const children = slots.default !== undefined ? slots.default() : [];
-        const feedback = h(View, nativeProps, () => children);
-        return h(Pressable, { ...forwardAttrs(attrs), ...emitPressableEvents(emit) }, { default: () => [feedback] });
-    };
-}, {
-    name: 'TouchableNativeFeedback',
-    inheritAttrs: false,
-    emits: PRESSABLE_EMITS,
-});
-// The static factories live on the component value so callers reach TouchableNativeFeedback.Ripple(…)
-// exactly like RN. Object.assign onto the defineComponent return (a plain object) keeps the typing.
-export const TouchableNativeFeedback = Object.assign(TouchableNativeFeedbackImpl, {
-    SelectableBackground: selectableBackground,
-    SelectableBackgroundBorderless: selectableBackgroundBorderless,
-    Ripple: rippleBackground,
-    canUseNativeForeground,
-});

package/build/components/touchable.d.ts

@@ -1,50 +0,0 @@
-import { type IPressTimingProps } from '@symbiote-native/components';
-import { type ISymbioteEvent, type IStyleProp, type IViewStyle } from '@symbiote-native/engine';
-import { type IPressableEmits, type IPressableProps } from './pressable';
-type ITouchableBaseProps = Omit<IPressableProps, 'style'> & IPressTimingProps & {
-    style?: IStyleProp<IViewStyle>;
-};
-export interface ITouchableOpacityProps extends ITouchableBaseProps {
-    activeOpacity?: number;
-}
-export interface ITouchableHighlightProps extends ITouchableBaseProps {
-    activeOpacity?: number;
-    underlayColor?: string;
-}
-export type ITouchableWithoutFeedbackProps = ITouchableBaseProps;
-export type ITouchableHighlightEmits = IPressableEmits & {
-    showUnderlay: () => boolean;
-    hideUnderlay: () => boolean;
-};
-export declare const TouchableOpacity: import("vue").DefineSetupFnComponent<ITouchableOpacityProps, IPressableEmits, {}, ITouchableOpacityProps & {
-    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>;
-export declare const TouchableHighlight: import("vue").DefineSetupFnComponent<ITouchableHighlightProps, ITouchableHighlightEmits, {}, ITouchableHighlightProps & {
-    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;
-    onShowUnderlay?: (() => any) | undefined;
-    onHideUnderlay?: (() => any) | undefined;
-}, import("vue").PublicProps>;
-export declare const TouchableWithoutFeedback: import("vue").DefineSetupFnComponent<ITouchableBaseProps, IPressableEmits, {}, Omit<IPressableProps, "style"> & IPressTimingProps & {
-    style?: IStyleProp<IViewStyle>;
-} & {
-    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>;
-export {};