@symbiote-native/components 1.0.0 → 2.0.0

package/build/component-names/index.ios.js

@@ -2,33 +2,45 @@
 // (component-names.ts re-exports it) for headless tsx / tsc / web fallback.
 // Fabric names are the codegen spec's registered name (the new-arch name), not the legacy
 // paperComponentName (RCTSwitch, …).
+import { ANCHOR_COMPONENT } from '@symbiote-native/engine';
 import { buildDescriptors, makeDescriptorFor, } from './shared.js';
 const IOS_NAMES = {
-    'symbiote-view': 'RCTView',
-    'symbiote-pressable': 'RCTView',
-    'symbiote-text': 'RCTText',
-    'symbiote-image': 'RCTImageView',
-    'symbiote-scroll-view': 'RCTScrollView',
-    'symbiote-scroll-content': 'RCTScrollContentView',
+    view: 'RCTView',
+    pressable: 'RCTView',
+    'touchable-opacity': 'RCTView',
+    // NOT a view name — TNF commits nothing at all. See `shared.ts`. Platform-invariant, unlike
+    // every other entry here: RN's TNF renders no view on either platform, it only stops CLONING a
+    // background off Android (TouchableNativeFeedback.js:402).
+    'touchable-native-feedback': ANCHOR_COMPONENT,
+    'touchable-without-feedback': ANCHOR_COMPONENT,
+    'touchable-highlight': 'RCTView',
+    button: 'RCTView',
+    text: 'RCTText',
+    image: 'RCTImageView',
+    'image-background': 'RCTView',
+    'scroll-view': 'RCTScrollView',
+    'scroll-content': 'RCTScrollContentView',
     // iOS uses one scroll view for both axes; horizontal is RCTScrollView with the
     // `horizontal` prop set, so these resolve identically to the vertical pair.
-    'symbiote-horizontal-scroll-view': 'RCTScrollView',
-    'symbiote-horizontal-scroll-content': 'RCTScrollContentView',
-    'symbiote-text-input': 'RCTSinglelineTextInputView',
-    'symbiote-text-input-multiline': 'RCTMultilineTextInputView',
+    'horizontal-scroll-view': 'RCTScrollView',
+    'horizontal-scroll-content': 'RCTScrollContentView',
+    'text-input': 'RCTSinglelineTextInputView',
+    'text-input-multiline': 'RCTMultilineTextInputView',
     // The component path's pair — same native views, a tag the behavior registry does not
     // carry. See `shared.ts` for why the wrapper may not share the lowered tag.
-    'symbiote-text-input-managed': 'RCTSinglelineTextInputView',
-    'symbiote-text-input-multiline-managed': 'RCTMultilineTextInputView',
-    'symbiote-switch': 'Switch',
+    'text-input-managed': 'RCTSinglelineTextInputView',
+    'text-input-multiline-managed': 'RCTMultilineTextInputView',
+    switch: 'Switch',
     // The wrapper's tag — same native view, a tag the behavior registry does not carry. See
     // `shared.ts` for why the wrapper may not share the lowered tag.
-    'symbiote-switch-managed': 'Switch',
-    'symbiote-activity-indicator': 'ActivityIndicatorView',
-    'symbiote-safe-area-view': 'SafeAreaView',
-    'symbiote-modal': 'ModalHostView',
-    'symbiote-refresh-control': 'PullToRefreshView',
-    'symbiote-input-accessory-view': 'RCTInputAccessoryView',
+    'switch-managed': 'Switch',
+    'activity-indicator': 'RCTView',
+    'activity-indicator-spinner': 'ActivityIndicatorView',
+    'safe-area-view': 'SafeAreaView',
+    modal: 'ModalHostView',
+    'refresh-control': 'PullToRefreshView',
+    'sticky-header': 'RCTView',
+    'input-accessory-view': 'RCTInputAccessoryView',
 };
 export const COMPONENT_DESCRIPTORS = buildDescriptors(IOS_NAMES);
 export const descriptorFor = makeDescriptorFor(COMPONENT_DESCRIPTORS);

package/build/component-names/shared.d.ts

@@ -1,4 +1,5 @@
-export type ISymbioteIntrinsic = 'symbiote-view' | 'symbiote-pressable' | 'symbiote-text' | 'symbiote-image' | 'symbiote-scroll-view' | 'symbiote-scroll-content' | 'symbiote-horizontal-scroll-view' | 'symbiote-horizontal-scroll-content' | 'symbiote-text-input' | 'symbiote-text-input-multiline' | 'symbiote-text-input-managed' | 'symbiote-text-input-multiline-managed' | 'symbiote-switch' | 'symbiote-switch-managed' | 'symbiote-activity-indicator' | 'symbiote-safe-area-view' | 'symbiote-modal' | 'symbiote-refresh-control' | 'symbiote-input-accessory-view';
+export type ISymbioteIntrinsic = 'view' | 'pressable' | 'touchable-opacity' | 'touchable-native-feedback' | 'touchable-without-feedback' | 'touchable-highlight' | 'button' | 'text' | 'image' | 'image-background' | 'scroll-view' | 'scroll-content' | 'horizontal-scroll-view' | 'horizontal-scroll-content' | 'text-input' | 'text-input-multiline' | 'text-input-managed' | 'text-input-multiline-managed' | 'switch' | 'switch-managed' | 'activity-indicator' | 'activity-indicator-spinner' | 'safe-area-view' | 'modal' | 'refresh-control' | 'sticky-header' | 'input-accessory-view';
+export type ICrossTypedIntrinsics<LooseProps, Crossed extends Partial<Record<ISymbioteIntrinsic, unknown>>> = Omit<Record<ISymbioteIntrinsic, LooseProps>, keyof Crossed> & Crossed;
 export interface IComponentDescriptor {
     component: string;
     isText: boolean;

package/build/component-names/shared.js

@@ -7,7 +7,7 @@
 // The only text-laying intrinsic; drives the RCTText / RCTVirtualText nesting choice
 // (a <Text> inside another <Text> becomes a virtual span). Platform-invariant, so it is
 // not part of the per-platform name table.
-const TEXT_INTRINSICS = new Set(['symbiote-text']);
+const TEXT_INTRINSICS = new Set(['text']);
 // Assemble the descriptor map a platform file exports: each intrinsic's Fabric name from
 // the platform table, paired with its invariant isText flag.
 export function buildDescriptors(names) {
@@ -32,12 +32,23 @@ export function makeDescriptorFor(descriptors) {
         const descriptor = descriptors[type];
         if (descriptor !== undefined)
             return descriptor;
-        if (type.startsWith('symbiote-')) {
-            throw new Error(`Unknown symbiote component type: ${type}`);
-        }
+        // NO "unknown tag of ours" throw any more, and the reason is the whole cost of dropping the
+        // prefix: `symbiote-*` was a MARKER, so a miss carrying it could only be our own typo. Without
+        // it this namespace holds three populations that a string cannot tell apart —
+        //
+        //   view · scroll-view          ours
+        //   counter-child · app-root    an Angular app's OWN component selectors, kebab by convention
+        //   RCTView · RNCSlider         a Fabric view name, resolving through the fallthrough below
+        //
+        // — and the first attempt at a replacement ("lowercase is ours") threw on the second row, which
+        // is most of an Angular app. Measured: 222 tests, the primary failure being `counter-child`.
+        //
+        // What replaces it is stronger and is not runtime at all: `ISymbioteIntrinsic` is a closed
+        // union, so a misspelled tag in our own source is a compile error at every call site that names
+        // one. The guard was only ever a backstop for a name built dynamically.
         if (unrewritten.has(type)) {
             throw new Error(`"${type}" is a primitive's PUBLIC name, not a Fabric view name — a rewrite was missed. ` +
-                `Expected the intrinsic tag (e.g. "symbiote-view"). Falling through would have committed ` +
+                `Expected the intrinsic tag (e.g. "view"). Falling through would have committed ` +
                 `a Fabric view literally named "${type}", which fails on device only.`);
         }
         return { component: type, isText: false };
@@ -64,7 +75,6 @@ function publicNamesThatAreNotViewNames(descriptors) {
     const names = new Set();
     for (const intrinsic of Object.keys(descriptors)) {
         const publicName = intrinsic
-            .slice('symbiote-'.length)
             .split('-')
             .map(part => part.charAt(0).toUpperCase() + part.slice(1))
             .join('');

package/build/descriptor.js

@@ -4,14 +4,14 @@
 // adapter's host element then flows on through its reconciler → engine → Fabric.
 //
 // `type` is an open host-component string, not a closed two-member union, because
-// symbiote paints one host element PER native component (`symbiote-activity-indicator`,
-// `symbiote-switch`, …), not just a generic box/text pair.
-// el(): a host element of any type. txt(): shorthand for the `symbiote-text` primitive.
+// symbiote paints one host element PER native component (`activity-indicator`,
+// `switch`, …), not just a generic box/text pair.
+// el(): a host element of any type. txt(): shorthand for the `text` primitive.
 export function el(type, props = {}, children = [], key) {
     return { type, props, children, key };
 }
 export function txt(props = {}, children = []) {
-    return { type: 'symbiote-text', props, children };
+    return { type: 'text', props, children };
 }
 // `bridge` names the caller (`descriptorToSolid`, `descriptorToSvelte`) so a device log says which
 // one tripped without a stack to read.

package/build/fold-host-bag.js

@@ -8,7 +8,7 @@
 //   `<View>` it refused      the wrapper folds it        covered by the wrapper
 //   a hand-authored tag      nobody folds it             covered by NOTHING
 //
-// The third path is not hypothetical: Svelte's `components/button.svelte` writes `<symbiote-text>`
+// The third path is not hypothetical: Svelte's `components/button.svelte` writes `<text>`
 // directly rather than composing `Text.svelte`, so its title reached Fabric with no
 // `ellipsizeMode` and clipped mid-word where every other adapter ellipsised (2026-08-31). Angular
 // shipped the identical defect from the identical cause, and both fixed it the same way — a seed
@@ -34,7 +34,7 @@ const managedSpellingOf = (tag) => `${tag}-managed`;
 // EVERY spelling a primitive commits under, and the two axes are independent.
 //
 // `intrinsicWhen` lets one primitive commit two different tags (`TextInput` ->
-// `symbiote-text-input` / `…-multiline`). `-managed` is the wrapper's twin of each of those. A map
+// `text-input` / `…-multiline`). `-managed` is the wrapper's twin of each of those. A map
 // keyed on the lowered spellings alone folds the lowered path and silently skips the component one
 // — which is exactly what shipped: TextInput and Switch committed a raw `id`, a key no ViewConfig
 // declares, so Fabric dropped it and the nativeID was lost on device with nothing red. Found by

package/build/index.d.ts

@@ -8,17 +8,15 @@ export type { IEllipsizeMode, ITextDefaultableProps } from './text-props';
 export type { IAccessibilityProps, IAriaProps, IAccessibilityRole, IRole, IAccessibilityStateValue, IAccessibilityValue, IAccessibilityActionInfo, } from './accessibility-props';
 export { descriptorFor, COMPONENT_DESCRIPTORS } from './component-names';
 export { buildDescriptors, makeDescriptorFor } from './component-names/shared';
-export type { ISymbioteIntrinsic, IComponentDescriptor, } from './component-names/shared';
-export { renderActivityIndicator } from './view/render-activity-indicator';
-export type { IActivityIndicatorProps, IActivityIndicatorViewProps, IActivityIndicatorPlatform, IActivityIndicatorSize, } from './view/render-activity-indicator';
+export type { ISymbioteIntrinsic, IComponentDescriptor, ICrossTypedIntrinsics, } from './component-names/shared';
 export { renderSwitch } from './view/render-switch';
-export type { ISwitchProps, ISwitchViewProps, ISwitchPlatform, ISwitchTrackColor, } from './view/render-switch';
+export type { ISwitchProps, ISwitchViewProps, ISwitchPlatform, ISwitchTrackColor, ISwitchChangeEvent, } from './view/render-switch';
 export type { IResponderProps } from './responder-props';
 export { switchReducer, createInitialSwitchState, shouldSnapBack, valueFromChange, } from './state/switch';
 export type { ISwitchState, ISwitchAction } from './state/switch';
 export { resolveDecelerationRate, selectScrollIntrinsics, readLayoutDimension, didContentSizeChange, resolveScrollForwarding, SCROLL_VIEW_BASE_HORIZONTAL, SCROLL_VIEW_BASE_VERTICAL, } from './view/render-scroll-view';
 export type { IScrollIntrinsics, IContentSize, IScrollForwarding, IScrollForwardingInputs, IScrollForwardMode, } from './view/render-scroll-view';
-export { buildScrollViewHandle, splitLayoutProps, attachStickyScroll, isSymbioteEvent, forwardScrollEvent, } from './scroll-view-commands';
+export { buildScrollViewHandle, splitLayoutProps, splitScrollViewStyle, attachStickyScroll, isSymbioteEvent, forwardScrollEvent, } from './scroll-view-commands';
 export type { IScrollViewHandle } from './scroll-view-commands';
 export { computeStickyInterpolation, nextStickyHeaderY, stickyDebounceMs, readLayoutNumber, STICKY_HEADER_Z_INDEX, } from './view/render-scroll-sticky';
 export type { IStickyHeaderProps, IStickyInterpolationParams, } from './view/render-scroll-sticky';
@@ -28,8 +26,6 @@ export type { IImageSource, IImageSourceProp, IResizeMode, IImageProps, IImageVi
 export { renderImage } from './view/render-image';
 export type { IImageStatics, IImageSize, IImageCacheStatus, } from '@symbiote-native/engine';
 export { imageStatics, setImageSourceResolver } from '@symbiote-native/engine';
-export { renderImageBackground } from './view/render-image-background';
-export type { IImageBackgroundViewProps } from './view/render-image-background';
 export { renderInputAccessoryView } from './view/render-input-accessory-view';
 export type { IInputAccessoryViewViewProps } from './view/render-input-accessory-view';
 export { renderModal } from './view/render-modal';
@@ -40,17 +36,17 @@ export { computeInset, keyboardAvoidingEventNamesFor, readPrefersCrossFadeTransi
 export type { IComputeInsetOptions, IKeyboardAvoidingBehavior, IKeyboardAvoidingEventNames, IMeasuredFrame, IKeyboardFrame, IKeyboardAvoidingLayout, IResolveKeyboardAvoidingLayoutParams, } from './view/render-keyboard-avoiding-view';
 export { createPressHandlers, createPressRuntime, disposePressRuntime, normalizeRect, maxEdge, isTouchWithinRegion, readPoint, computeRegion, rippleProps, DEFAULT_DELAY_LONG_PRESS_MS, DEFAULT_MIN_PRESS_DURATION_MS, DEFAULT_PRESS_RECT_OFFSETS, } from './state/pressable';
 export type { IPressState, IPressHandler, IPressHandlers, IPressHost, IPressRuntime, IPressMachineConfig, IFrameCallback, IRectOffset, IEdgeInsets, IResponderRegion, IPressableAndroidRippleConfig, IRippleBackground as IPressableRippleBackground, } from './state/pressable';
-export { buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, shouldSuppressPress, shouldClaimResponder, isTerminationAllowed, } from './view/render-pressable';
+export { buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, shouldSuppressPress, shouldClaimResponder, isTerminationAllowed, resolvePressableFocusable, resolveTouchableFocusable, } from './view/render-pressable';
 export { computePressOutWait, createTouchableFeedbackRuntime, createTouchableFeedbackHandlers, DEFAULT_ACTIVE_OPACITY, OPACITY_ACTIVE_GRANT_DURATION_MS, OPACITY_ACTIVE_DURATION_MS, OPACITY_INACTIVE_DURATION_MS, RESTING_OPACITY, DEFAULT_HIGHLIGHT_CHILD_OPACITY, DEFAULT_UNDERLAY_COLOR, TOUCHABLE_MIN_PRESS_DURATION_MS, restingOpacityFromStyle, hasTouchablePressHandler, createHighlightUnderlayRuntime, createHighlightUnderlayHandlers, } from './state/touchable';
 export type { IPressTimingProps, ITouchableHandler, ITouchableFeedbackRuntime, ITouchableFeedbackConfig, ITouchableFeedbackCallbacks, ITouchableFeedbackHandlers, ITouchablePressHandlerProps, IHighlightUnderlayRuntime, IHighlightUnderlayConfig, IHighlightUnderlayCallbacks, IHighlightUnderlayHandlers, } from './state/touchable';
 export { resolveHighlightExtraStyles } from './view/render-touchable-highlight';
 export type { ITouchableHighlightExtraStyles, ITouchableHighlightUnderlayView, } from './view/render-touchable-highlight';
-export { backgroundProps, canUseNativeForeground, selectableBackground, selectableBackgroundBorderless, rippleBackground, } from './view/render-touchable-native-feedback';
+export { backgroundProps, canUseNativeForeground, selectableBackground, selectableBackgroundBorderless, rippleBackground, TouchableNativeFeedback, } from './view/render-touchable-native-feedback';
 export type { INativeFeedbackBackground, IThemeAttrBackground, IRippleBackground, } from './view/render-touchable-native-feedback';
-export { BUTTON_ACCESSIBILITY_ROLE, buttonTextStyle, resolveButtonTextStyle, } from './view/render-button';
+export { BUTTON_ACCESSIBILITY_ROLE, buttonTextStyle, buttonViewStyle, resolveButtonDisabled, resolveButtonImportantForAccessibility, resolveButtonTextStyle, resolveButtonTitle, resolveButtonViewStyle, } from './view/render-button';
 export type { IButtonProps } from './view/render-button';
 export { resolveTextInputProps, foldText, foldAutoComplete, foldSubmitBehavior, mapAutoComplete, textFromChange, eventCountFromChange, shouldCommandText, INITIAL_EVENT_COUNT, SELECTION_NONE, } from './state/text-input';
-export type { ITextInputProps, ITextInputHandle, ITextInputSelection, ITextInputEventHandler, ITextInputFoldInput, IFoldedTextInputProps, IInputMode, IEnterKeyHint, ISubmitBehavior, } from './state/text-input';
+export type { ITextInputProps, ITextInputHandle, ITextInputSelection, ITextInputEventHandler, ITextInputFoldInput, IFoldedTextInputProps, IInputMode, IEnterKeyHint, ISubmitBehavior, ITextInputChangeEvent, } from './state/text-input';
 export { keyboardTypeForInputMode } from './state/text-input';
 export { renderTextInput } from './view/render-text-input';
 export type { ITextInputViewProps } from './view/render-text-input';
@@ -65,7 +61,17 @@ export type { IRow } from './state/flat-list';
 export { flattenSections, unwrapEntryItem, sectionEntryKey, scrollLocationToFlatIndex, } from './state/section-list';
 export type { ISection, ISectionEntry, IVirtualizedSectionListHandle, } from './state/section-list';
 export { registerPressableBehavior, PRESSABLE_TAG, } from './behaviors/pressable';
+export { registerTouchableOpacityBehavior, TOUCHABLE_OPACITY_TAG, } from './behaviors/touchable-opacity';
+export { registerTouchableHighlightBehavior, TOUCHABLE_HIGHLIGHT_TAG, } from './behaviors/touchable-highlight';
+export { registerButtonBehavior, BUTTON_TAG } from './behaviors/button';
+export { registerTouchableNativeFeedbackBehavior, TOUCHABLE_NATIVE_FEEDBACK_TAG, } from './behaviors/touchable-native-feedback';
+export { registerTouchableWithoutFeedbackBehavior, TOUCHABLE_WITHOUT_FEEDBACK_TAG, } from './behaviors/touchable-without-feedback';
+export { ACTIVITY_INDICATOR_SPINNER_TAG, ACTIVITY_INDICATOR_TAG, registerActivityIndicatorBehavior, } from './behaviors/activity-indicator';
+export type { IActivityIndicatorProps, IActivityIndicatorSize, } from './behaviors/activity-indicator';
 export { foldImagePayload, IMAGE_TAG, registerImageBehavior, } from './behaviors/image';
+export { IMAGE_BACKGROUND_TAG, registerImageBackgroundBehavior, } from './behaviors/image-background';
 export { foldInputAccessoryViewPayload, INPUT_ACCESSORY_VIEW_TAG, registerInputAccessoryViewBehavior, } from './behaviors/input-accessory-view';
 export { registerTextInputBehavior, buildTextInputHandle, TEXT_INPUT_TAG, TEXT_INPUT_MULTILINE_TAG, } from './behaviors/text-input';
 export { registerSwitchBehavior, SWITCH_TAG } from './behaviors/switch';
+export { registerRefreshControlBehavior, REFRESH_CONTROL_TAG, } from './behaviors/refresh-control';
+export { HORIZONTAL_SCROLL_VIEW_TAG, registerScrollViewBehavior, SCROLL_VIEW_TAG, } from './behaviors/scroll-view';

package/build/index.js

@@ -18,7 +18,6 @@ export { resolveTextProps } from './text-props.js';
 // re-exports iOS for headless. descriptorFor is the per-platform-bound resolver.
 export { descriptorFor, COMPONENT_DESCRIPTORS } from './component-names';
 export { buildDescriptors, makeDescriptorFor } from './component-names/shared.js';
-export { renderActivityIndicator } from './view/render-activity-indicator.js';
 export { renderSwitch } from './view/render-switch.js';
 // Switch is the first STATE machine off this layer (ActivityIndicator was render-only):
 // the reducer + the two pure predicates are the logic half, the adapter supplies the hook.
@@ -27,7 +26,7 @@ export { switchReducer, createInitialSwitchState, shouldSnapBack, valueFromChang
 // owns the refs/effects/element assembly and the sticky-header component; these supply the
 // platform-invariant math and plumbing every adapter shares.
 export { resolveDecelerationRate, selectScrollIntrinsics, readLayoutDimension, didContentSizeChange, resolveScrollForwarding, SCROLL_VIEW_BASE_HORIZONTAL, SCROLL_VIEW_BASE_VERTICAL, } from './view/render-scroll-view.js';
-export { buildScrollViewHandle, splitLayoutProps, attachStickyScroll, isSymbioteEvent, forwardScrollEvent, } from './scroll-view-commands.js';
+export { buildScrollViewHandle, splitLayoutProps, splitScrollViewStyle, attachStickyScroll, isSymbioteEvent, forwardScrollEvent, } from './scroll-view-commands.js';
 export { computeStickyInterpolation, nextStickyHeaderY, stickyDebounceMs, readLayoutNumber, STICKY_HEADER_Z_INDEX, } from './view/render-scroll-sticky.js';
 // The per-header sticky effect machine: the one pure state machine every sticky-header consumer drives
 // (React/Vue header component, Angular header component, Angular projection wrapper), folding the
@@ -37,7 +36,8 @@ export { reduceSticky, createInitialStickyState, stickyEffectSignature, } from '
 export { renderImage } from './view/render-image/index.js';
 export { imageStatics, setImageSourceResolver } from '@symbiote-native/engine';
 // ImageBackground: render-only composition (absolute-fill image behind, children on top).
-export { renderImageBackground } from './view/render-image-background.js';
+// No render fn: the only composition this primitive had is the two nodes the behavior builds, so
+// `view/render-image-background.ts` went with the wrappers — same as ActivityIndicator's.
 // InputAccessoryView: render-only host assembly (nativeID/backgroundColor).
 export { renderInputAccessoryView } from './view/render-input-accessory-view.js';
 // Modal: full 3-layer split (state machine gates the iOS keep-alive frame).
@@ -50,15 +50,19 @@ export { computeInset, keyboardAvoidingEventNamesFor, readPrefersCrossFadeTransi
 // accessibilityState + ripple render decisions in view/render-pressable. Every adapter supplies
 // only its reactive `pressed` cell + the View's measure handle (see the 3-layer split).
 export { createPressHandlers, createPressRuntime, disposePressRuntime, normalizeRect, maxEdge, isTouchWithinRegion, readPoint, computeRegion, rippleProps, DEFAULT_DELAY_LONG_PRESS_MS, DEFAULT_MIN_PRESS_DURATION_MS, DEFAULT_PRESS_RECT_OFFSETS, } from './state/pressable.js';
-export { buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, shouldSuppressPress, shouldClaimResponder, isTerminationAllowed, } from './view/render-pressable/index.js';
+export { buildPressableListeners, resolveDisabledAccessibilityState, noteHoverNoop, shouldSuppressPress, shouldClaimResponder, isTerminationAllowed, resolvePressableFocusable, resolveTouchableFocusable, } from './view/render-pressable/index.js';
 // Touchable*: shared press-timing constants + the deactivation-floor math (the Animated feedback
 // itself stays per-adapter), and TouchableNativeFeedback's pure static factories + background map.
 export { computePressOutWait, createTouchableFeedbackRuntime, createTouchableFeedbackHandlers, DEFAULT_ACTIVE_OPACITY, OPACITY_ACTIVE_GRANT_DURATION_MS, OPACITY_ACTIVE_DURATION_MS, OPACITY_INACTIVE_DURATION_MS, RESTING_OPACITY, DEFAULT_HIGHLIGHT_CHILD_OPACITY, DEFAULT_UNDERLAY_COLOR, TOUCHABLE_MIN_PRESS_DURATION_MS, restingOpacityFromStyle, hasTouchablePressHandler, createHighlightUnderlayRuntime, createHighlightUnderlayHandlers, } from './state/touchable.js';
 export { resolveHighlightExtraStyles } from './view/render-touchable-highlight.js';
-export { backgroundProps, canUseNativeForeground, selectableBackground, selectableBackgroundBorderless, rippleBackground, } from './view/render-touchable-native-feedback.js';
-// Button: shared base text style, role constant, and color fold (the adapter composes its own
-// TouchableOpacity + Text).
-export { BUTTON_ACCESSIBILITY_ROLE, buttonTextStyle, resolveButtonTextStyle, } from './view/render-button.js';
+export { backgroundProps, canUseNativeForeground, selectableBackground, selectableBackgroundBorderless, rippleBackground, 
+// RN's own static namespace, the only part of the deleted wrappers with nowhere else to go: the
+// element is a tag now, and a tag is a string that cannot carry `.Ripple`.
+TouchableNativeFeedback, } from './view/render-touchable-native-feedback.js';
+// Button: the role constant plus every platform fold RN's Button.js performs (the adapter composes
+// its own touchable + view + text around them). The VIEW style is the half that was missing until
+// 2026-09-09 and it is the whole Android look.
+export { BUTTON_ACCESSIBILITY_ROLE, buttonTextStyle, buttonViewStyle, resolveButtonDisabled, resolveButtonImportantForAccessibility, resolveButtonTextStyle, resolveButtonTitle, resolveButtonViewStyle, } from './view/render-button.js';
 // TextInput: the controlled-value / event-count handshake. The logic half is the pure
 // folds/maps + the controlled-write predicate (not a single reducer: count must re-render the
 // imperative handle, lastNativeText must not); the view half picks the intrinsic and maps the
@@ -80,7 +84,39 @@ export { subscribeListDiagnostics } from './state/virtualized-list-diagnostics.j
 export { SINGLE_COLUMN, chunkIntoRows, rowKeyExtractor, expandRowToken, expandRowViewability, lastItemOfRow, firstItemOfRow, } from './state/flat-list.js';
 export { flattenSections, unwrapEntryItem, sectionEntryKey, scrollLocationToFlatIndex, } from './state/section-list.js';
 export { registerPressableBehavior, PRESSABLE_TAG, } from './behaviors/pressable.js';
+export { registerTouchableOpacityBehavior, TOUCHABLE_OPACITY_TAG, } from './behaviors/touchable-opacity.js';
+export { registerTouchableHighlightBehavior, TOUCHABLE_HIGHLIGHT_TAG, } from './behaviors/touchable-highlight.js';
+export { registerButtonBehavior, BUTTON_TAG } from './behaviors/button.js';
+// Registered by ALL FIVE adapters since 2026-09-09, in the same commit that deleted the five
+// wrappers — which is what makes it safe. While those wrappers still rendered a `Pressable` around
+// a feedback `View`, registering would have put a second responder on every existing
+// TouchableNativeFeedback. The ActivityIndicator and ScrollView blocks below are still in the
+// withheld state this one just left.
+export { registerTouchableNativeFeedbackBehavior, TOUCHABLE_NATIVE_FEEDBACK_TAG, } from './behaviors/touchable-native-feedback.js';
+// The second tag that commits no node, and registered by all five adapters in the same commit that
+// deleted their five wrappers — while those wrappers still rendered a `Pressable` around the app's
+// children, registering would have put a second responder on every TouchableWithoutFeedback.
+export { registerTouchableWithoutFeedbackBehavior, TOUCHABLE_WITHOUT_FEEDBACK_TAG, } from './behaviors/touchable-without-feedback.js';
+// Registered by all five adapters since 2026-09-09, in the same commit that deleted the five
+// wrappers — the tag builds its own spinner, so a surviving wrapper would have painted a second one.
+// The prop type rides along: there is no `view/render-activity-indicator.ts` any more, because the
+// only render this primitive had was the two nodes the behavior now builds.
+export { ACTIVITY_INDICATOR_SPINNER_TAG, ACTIVITY_INDICATOR_TAG, registerActivityIndicatorBehavior, } from './behaviors/activity-indicator';
 export { foldImagePayload, IMAGE_TAG, registerImageBehavior, } from './behaviors/image.js';
+// Registered by all five adapters since 2026-09-09, in the same commit that deleted the five
+// wrappers — the tag builds the background image itself, so a surviving wrapper would have
+// committed a second one under it.
+export { IMAGE_BACKGROUND_TAG, registerImageBackgroundBehavior, } from './behaviors/image-background.js';
 export { foldInputAccessoryViewPayload, INPUT_ACCESSORY_VIEW_TAG, registerInputAccessoryViewBehavior, } from './behaviors/input-accessory-view.js';
 export { registerTextInputBehavior, buildTextInputHandle, TEXT_INPUT_TAG, TEXT_INPUT_MULTILINE_TAG, } from './behaviors/text-input.js';
 export { registerSwitchBehavior, SWITCH_TAG } from './behaviors/switch.js';
+export { registerRefreshControlBehavior, REFRESH_CONTROL_TAG, } from './behaviors/refresh-control.js';
+// Exported as a FUNCTION, not as a side-effect module, which is what keeps it safe on a barrel:
+// Metro's inlineRequires only defers a re-export until its binding is named as a VALUE, and a
+// caller of `registerScrollViewBehavior()` names it. The shape CLAUDE.md forbids is a module whose
+// evaluation alone registers.
+//
+// EVERY ADAPTER CALLS IT since 2026-09-11, through `@symbiote-native/components/register`. It was
+// withheld while the wrappers built their own content node — registering then would have
+// double-nested every ScrollView. They are gone; the engine is the single owner.
+export { HORIZONTAL_SCROLL_VIEW_TAG, registerScrollViewBehavior, SCROLL_VIEW_TAG, } from './behaviors/scroll-view';

package/build/register.d.ts

@@ -0,0 +1 @@
+export {};

package/build/register.js

@@ -0,0 +1,55 @@
+// Side-effect ONLY. Exports nothing, and must never be re-exported from any barrel.
+//
+// The engine's host-behavior registry is what makes a bare `<pressable>` / `<text-input>` /
+// `<switch>` carry its machine; an unregistered tag commits inert. Every adapter needs the same
+// fourteen calls, so they live here once — an adapter's own `src/register.ts` is a single bare
+// `import '@symbiote-native/components/register';`.
+//
+// WHY A SIDE-EFFECT MODULE AND NOT A BARREL EXPORT. Metro turns on `inlineRequires` for PRODUCTION
+// only: it moves a `require` down to the first place its binding is used as a VALUE, and
+// `export { X } from './x'` compiles to a lazy getter. A registration reached only through a
+// re-export therefore never evaluates in a Release build — invisible to tsc, to vitest, and to
+// grepping the bundle. A bare `import` placed NEXT TO a re-export of the same specifier does not
+// help either: Babel merges the two into one dependency and the merged dependency stays lazy.
+// `register.test.ts` is what stops a later tidy-up from turning this back into an export.
+import { registerActivityIndicatorBehavior } from './behaviors/activity-indicator';
+import { registerButtonBehavior } from './behaviors/button.js';
+import { registerImageBackgroundBehavior } from './behaviors/image-background.js';
+import { registerImageBehavior } from './behaviors/image.js';
+import { registerInputAccessoryViewBehavior } from './behaviors/input-accessory-view.js';
+import { registerPressableBehavior } from './behaviors/pressable.js';
+import { registerRefreshControlBehavior } from './behaviors/refresh-control.js';
+import { registerScrollViewBehavior } from './behaviors/scroll-view';
+import { registerSwitchBehavior } from './behaviors/switch.js';
+import { registerTextInputBehavior } from './behaviors/text-input.js';
+import { registerTouchableHighlightBehavior } from './behaviors/touchable-highlight.js';
+import { registerTouchableNativeFeedbackBehavior } from './behaviors/touchable-native-feedback.js';
+import { registerTouchableOpacityBehavior } from './behaviors/touchable-opacity.js';
+import { registerTouchableWithoutFeedbackBehavior } from './behaviors/touchable-without-feedback.js';
+registerPressableBehavior();
+registerTouchableNativeFeedbackBehavior();
+registerTouchableWithoutFeedbackBehavior();
+// Their own tags rather than `pressable`: one node holds exactly one press machine, and each of
+// these is a pressable PLUS a second machine — the opacity fade, the underlay show/hide.
+registerTouchableOpacityBehavior();
+registerTouchableHighlightBehavior();
+// The whole subtree is the behavior's — RN's Button takes no children and builds
+// touchable > view > text > raw text itself (Button.js:363-388).
+registerButtonBehavior();
+// Two nodes, both the behavior's: RN wraps its native spinner in a centering View
+// (ActivityIndicator.js:112), so the tag is that View and `buildStructure` builds the spinner.
+registerActivityIndicatorBehavior();
+registerTextInputBehavior();
+registerSwitchBehavior();
+registerRefreshControlBehavior();
+// Fold-only, both of them: no node of their own, just the prop fold the wrapper used to run.
+registerImageBehavior();
+registerInputAccessoryViewBehavior();
+registerImageBackgroundBehavior();
+// The ENGINE is the single owner of a ScrollView's content node: `buildStructure` builds the
+// `RCTScrollContentView`, `slotProps` carries `contentContainerStyle` onto it, the claim on a
+// `refresh-control` child places it per platform, and the sticky seam is
+// `behaviors/scroll-view/sticky.ts`. EXACTLY ONE THING MAY BUILD THAT NODE — a second owner is a
+// silent `RCTScrollContentView` inside the first, which each adapter's
+// `scroll-view-content-owner` test is what guards.
+registerScrollViewBehavior();

package/build/scroll-view-commands.d.ts

@@ -16,6 +16,10 @@ export declare function splitLayoutProps(style: IStyleProp<IViewStyle> | undefin
     outer: Record<string, unknown>;
     inner: Record<string, unknown>;
 };
+export declare function splitScrollViewStyle(base: IStyleProp<IViewStyle> | undefined, style: unknown): {
+    outer: IStyleProp<IViewStyle>;
+    inner: IStyleProp<IViewStyle>;
+};
 export { isSymbioteEvent };
 export declare function forwardScrollEvent(handler: IScrollHandler, args: readonly unknown[]): void;
 export declare function buildScrollViewHandle(getNode: () => ISymbioteNode | null): IScrollViewHandle;

package/build/scroll-view-commands.js

@@ -3,7 +3,7 @@
 // the Android RefreshControl wrap, the scroll-event guard/forwarder, and the native sticky
 // scroll-attach are all platform- and framework-invariant, so they live here. The adapter
 // supplies the lifecycle (the node getter, the effect) and re-exports these.
-import { attachNativeEvent, dispatchViewCommand, dlog, flattenStyle, isSymbioteEvent, } from '@symbiote-native/engine';
+import { attachNativeEvent, dlog, flattenStyle, isSymbioteEvent, } from '@symbiote-native/engine';
 // RN's splitLayoutProps key partition (StyleSheet/splitLayoutProps.js): the LAYOUT keys
 // that belong on the OUTER box when a layout-affecting wrapper sits between the laid-out
 // frame and the visual content. Everything NOT in this set (background*, padding*, border*,
@@ -58,6 +58,24 @@ export function splitLayoutProps(style) {
     }
     return { outer, inner };
 }
+// The whole Android wrap style decision: the layout/visual split, AND the axis base composed onto
+// BOTH boxes. RN does the second half too (`StyleSheet.compose(baseStyle, outer)` beside
+// `compose(baseStyle, inner)`, ScrollView.js:1856), and every adapter had dropped it from the
+// wrapper — so an AndroidSwipeRefreshLayout with no explicit user layout style lost `flexGrow: 1`
+// and collapsed to its content height inside a flex parent, where RN's grows.
+//
+// One function rather than five call sites composing `[base, outer]` by hand, because that is what
+// the last one drifted into: a fold written inline is invisible to
+// `tests/lowered-primitive-fold-parity.test.ts`, whose oracle is shared value imports.
+// `style` is `unknown` rather than `IStyleProp`, because a `payloadFold` reads it off an untyped
+// props bag and `flattenStyle` — the only thing that touches it here — already takes `unknown`.
+// Narrowing it would buy a guard at every fold call site and no safety.
+export function splitScrollViewStyle(base, style) {
+    const { outer, inner } = splitLayoutProps(flattenStyle(style));
+    // Base UNDER the split half on both, so an explicit user value still wins — the same order the
+    // unwrapped scroll view composes.
+    return { outer: [base, outer], inner: [base, inner] };
+}
 // Re-exported so the package barrel (index.ts) can still export this guard to
 // '@symbiote-native/components' callers, now that it lives in the engine, next to ISymbioteEvent.
 export { isSymbioteEvent };
@@ -69,42 +87,23 @@ export function forwardScrollEvent(handler, args) {
     if (isSymbioteEvent(first))
         handler(first);
 }
-// The imperative handle is identical across platforms: every method dispatches a view
-// command on the SAME scroll-view node; only the surrounding element assembly diverges
-// (iOS sibling RefreshControl vs Android wrap). So it is built once here and both platform
-// files back it with their scroll node getter. Commands and arg order mirror RN's
-// ScrollViewCommands: scrollTo [x, y, animated], scrollToEnd [animated], flashScrollIndicators [].
+// The imperative handle is identical across platforms — only the surrounding element assembly
+// diverges (iOS sibling RefreshControl vs Android wrap) — so it is built once here and both
+// platform files back it with their scroll node getter.
+//
+// It DELEGATES to the node's own methods rather than dispatching commands itself. The commands and
+// their defaults live on `ISymbioteNode` because a LOWERED ScrollView hands the app its engine
+// node directly, with no wrapper to build a handle: two implementations would let `scrollTo()` with
+// no argument mean one thing through a ref and another through a tag, and nothing would report it.
 //
 // `getNode` is a LAZY getter (React `() => ref.current`, Vue `() => nodeRef.value`), read on
 // every call, NOT the node captured once. The node is null at mount and only set after the
 // element commits, so an eager capture would freeze `null` and every command would no-op.
 export function buildScrollViewHandle(getNode) {
     return {
-        scrollTo: (options) => {
-            const node = getNode();
-            if (node === null)
-                return;
-            const x = options?.x ?? 0;
-            const y = options?.y ?? 0;
-            const animated = options?.animated ?? true;
-            dlog(`ScrollView.scrollTo x=${x} y=${y} animated=${animated}`);
-            dispatchViewCommand(node, 'scrollTo', [x, y, animated]);
-        },
-        scrollToEnd: (options) => {
-            const node = getNode();
-            if (node === null)
-                return;
-            const animated = options?.animated ?? true;
-            dlog(`ScrollView.scrollToEnd animated=${animated}`);
-            dispatchViewCommand(node, 'scrollToEnd', [animated]);
-        },
-        flashScrollIndicators: () => {
-            const node = getNode();
-            if (node === null)
-                return;
-            dlog('ScrollView.flashScrollIndicators');
-            dispatchViewCommand(node, 'flashScrollIndicators', []);
-        },
+        scrollTo: (options) => getNode()?.scrollTo(options),
+        scrollToEnd: (options) => getNode()?.scrollToEnd(options),
+        flashScrollIndicators: () => getNode()?.flashScrollIndicators(),
         getScrollNode: () => getNode(),
     };
 }

package/build/state/text-input.d.ts

@@ -53,6 +53,9 @@ export type IFoldedTextInputProps = {
     showSoftInputOnFocus: boolean | undefined;
 };
 export declare function resolveTextInputProps(input: ITextInputFoldInput): IFoldedTextInputProps;
+export type ITextInputChangeEvent = ISymbioteEvent & {
+    text: string;
+};
 export type ITextInputProps = IAccessibilityProps & IAriaProps & {
     value?: string;
     defaultValue?: string;
@@ -86,7 +89,7 @@ export type ITextInputProps = IAccessibilityProps & IAriaProps & {
     underlineColorAndroid?: string;
     inputAccessoryViewID?: string;
     style?: ITextStyle;
-    onValueChange?: (text: string, event: ISymbioteEvent) => void;
+    onValueChange?: (event: ITextInputChangeEvent) => void;
     onFocus?: ITextInputEventHandler;
     onBlur?: ITextInputEventHandler;
     onEndEditing?: ITextInputEventHandler;

package/build/view/render-button.d.ts

@@ -1,4 +1,4 @@
-import type { ITextStyle, ISymbioteEvent } from '@symbiote-native/engine';
+import type { ITextStyle, IViewStyle, ISymbioteEvent } from '@symbiote-native/engine';
 import type { IAccessibilityProps, IAriaProps } from '../accessibility-props';
 export interface IButtonProps extends IAccessibilityProps, IAriaProps {
     title: string;
@@ -16,4 +16,39 @@ export interface IButtonProps extends IAccessibilityProps, IAriaProps {
 }
 export declare const BUTTON_ACCESSIBILITY_ROLE = "button";
 export declare const buttonTextStyle: ITextStyle;
+export declare const buttonViewStyle: IViewStyle;
+/**
+ * The label style with `color` and `disabled` folded in.
+ *
+ * `color` tints the TEXT on iOS and the BUTTON on Android (Button.js:318-324), so on Android this
+ * ignores it — see `resolveButtonViewStyle`, which is where it lands there. `disabled` wins over
+ * `color` on both, because RN pushes `textDisabled` after the tint.
+ */
 export declare function resolveButtonTextStyle(color: string | undefined, disabled: boolean | undefined): ITextStyle;
+/**
+ * The inner view's style with `color` and `disabled` folded in — `{}` on iOS in every combination,
+ * which is RN's own answer there and the reason the node looked droppable.
+ */
+export declare function resolveButtonViewStyle(color: string | undefined, disabled: boolean | undefined): IViewStyle;
+/**
+ * The label as it is rendered: UPPERCASE on Android (Button.js:352-353).
+ *
+ * RN also asserts the title is a string one line above. Not reproduced: the assert is a dev-only
+ * `invariant`, and every adapter here types `title: string`.
+ */
+export declare function resolveButtonTitle(title: string): string;
+/**
+ * Whether the button is disabled, which `aria-disabled` may decide on its own.
+ *
+ * Button.js:337-338 — `props.disabled != null ? props.disabled : accessibilityState.disabled`. The
+ * engine already folds `aria-disabled` into the committed `accessibilityState`, but that fold is a
+ * PAYLOAD fold: it cannot suppress the press or grey the label, which is what this is for.
+ */
+export declare function resolveButtonDisabled(disabled: boolean | undefined, ariaDisabled: boolean | undefined, accessibilityState: {
+    disabled?: boolean;
+} | undefined): boolean | undefined;
+/**
+ * Button.js:356-359 — `'no'` becomes `'no-hide-descendants'`, so the label inside cannot take
+ * focus separately from the button that contains it.
+ */
+export declare function resolveButtonImportantForAccessibility(value: IAccessibilityProps['importantForAccessibility']): IAccessibilityProps['importantForAccessibility'];