@symbiote-native/angular 3.3.0 → 3.4.0

package/src/components/virtualized-section-list/section-list-template.ts

@@ -13,6 +13,7 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
     [stickyHeaderIndices]="stickyHeaderIndices"
     [extraData]="extraData"
     [inverted]="inverted"
+    [horizontal]="horizontal"
     [refreshing]="refreshing"
     [progressViewOffset]="progressViewOffset"
     [refreshRequested]="refreshRequested ?? refresh.observed"
@@ -26,25 +27,32 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
     [maxToRenderPerBatch]="maxToRenderPerBatch"
     [updateCellsBatchingPeriod]="updateCellsBatchingPeriod"
     [windowSize]="windowSize"
+    [disableVirtualization]="disableVirtualization"
     [maintainVisibleContentPosition]="maintainVisibleContentPosition"
     [onScroll]="onScroll"
     [onScrollBeginDrag]="onScrollBeginDrag"
     [onScrollEndDrag]="onScrollEndDrag"
     [onMomentumScrollBegin]="onMomentumScrollBegin"
     [onMomentumScrollEnd]="onMomentumScrollEnd"
+    [onContentSizeChange]="onContentSizeChange"
     [scrollEventThrottle]="scrollEventThrottle"
     [keyboardShouldPersistTaps]="keyboardShouldPersistTaps"
     [keyboardDismissMode]="keyboardDismissMode"
     [removeClippedSubviews]="removeClippedSubviews"
     [nestedScrollEnabled]="nestedScrollEnabled"
+    [stickyHeaderHiddenOnScroll]="stickyHeaderHiddenOnScroll"
+    [innerViewRef]="innerViewRef"
     [style]="resolvedStyle"
     [contentContainerStyle]="contentContainerStyle"
+    [listHeaderComponentStyle]="listHeaderComponentStyle"
+    [listFooterComponentStyle]="listFooterComponentStyle"
+    [cellRendererTemplate]="cellRendererTpl"
     [testID]="testID"
     [nativeID]="nativeID"
     ${LIST_ACCESSIBILITY_FORWARD}
   >
     <!-- The single synthesized cell template: dispatch per flattened entry tag -->
-    <ng-template vListItem let-entry let-separators="separators">
+    <ng-template vListItem let-entry let-index="index">
       @switch (entryKind(entry)) {
         @case ('header') {
           <ng-container
@@ -58,16 +66,32 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
             [vListOutletContext]="sectionContextOf(entry)"
           ></ng-container>
         }
-        @case ('section-separator') {
-          <ng-container
-            [vListOutlet]="sectionSeparatorDir?.templateRef"
-          ></ng-container>
-        }
         @case ('item') {
-          <ng-container
-            [vListOutlet]="sectionItemDir?.templateRef"
-            [vListOutletContext]="itemContextOf(entry, separators)"
-          ></ng-container>
+          @let plan = cellPlanOf(entry, index);
+          @if (plan !== undefined) {
+            <ng-container
+              vSectionCell
+              #cell="vSectionCell"
+              [board]="board"
+              [cellKey]="plan.cellKey"
+              [prevCellKey]="plan.prevCellKey"
+              [hasLeading]="plan.hasLeading"
+              [hasTrailing]="plan.hasTrailing"
+            >
+              <ng-container
+                [vListOutlet]="plan.first.template"
+                [vListOutletContext]="cell.contextOf(plan.first)"
+              ></ng-container>
+              <ng-container
+                [vListOutlet]="plan.itemTemplate"
+                [vListOutletContext]="itemContextOf(entry, cell.separators)"
+              ></ng-container>
+              <ng-container
+                [vListOutlet]="plan.second.template"
+                [vListOutletContext]="cell.contextOf(plan.second)"
+              ></ng-container>
+            </ng-container>
+          }
         }
       }
     </ng-template>
@@ -88,21 +112,5 @@ export const VIRTUALIZED_SECTION_LIST_TEMPLATE = `
         <ng-container [vListOutlet]="listEmptyDir.templateRef"></ng-container>
       </ng-template>
     }
-    <!-- Item separator: unwrap each flattened entry back to its item -->
-    @if (itemSeparatorDir !== undefined) {
-      <ng-template
-        vListSeparator
-        let-highlighted
-        let-leadingItem="leadingItem"
-        let-trailingItem="trailingItem"
-      >
-        <ng-container
-          [vListOutlet]="itemSeparatorDir.templateRef"
-          [vListOutletContext]="
-            itemSeparatorContextOf(highlighted, leadingItem, trailingItem)
-          "
-        ></ng-container>
-      </ng-template>
-    }
   </VirtualizedList>
 `;

package/src/components.ts

@@ -48,6 +48,8 @@ export type {
 // an app's `imports: [SafeAreaView]` becomes `imports: [SafeAreaViewElement]`. Only the prop type
 // stays.
 export type { IAngularSafeAreaViewProps } from './components/safe-area-view-props';
+export type { IAngularLayoutConformanceProps } from './components/layout-conformance-props';
+export type { ILayoutConformanceMode } from '@symbiote-native/components';
 // `Switch` is a TAG — `<switch>`, matched by `SwitchElement` — and there is nothing to import in
 // its place. RN gives it no statics, so the name exports nothing at all now; `[(value)]` is handled
 // by the renderer and `[(ngModel)]` by `SwitchValueAccessor` (`../elements`), which is where the
@@ -126,12 +128,16 @@ export type { IButtonProps } from './components/button-props';
 export type { ICheckboxProps } from './components/checkbox-props';
 export {
   VirtualizedList,
+  VListCellDirective,
   VListEmptyDirective,
   VListFooterDirective,
   VListHeaderDirective,
   VListItemDirective,
+  VListOutletDirective,
   VListSeparatorDirective,
 } from './components/virtualized-list';
+export { injectVirtualizedListScope } from './components/virtualized-list/nested-scope';
+export type { IListScope } from '@symbiote-native/components';
 export type {
   ICellLayout,
   ISeparatorProps,
@@ -142,6 +148,7 @@ export type {
   IViewToken,
   IVirtualizedListHandle,
   IVirtualizedListProps,
+  IVListCellContext,
   IVListItemContext,
   IVListSeparatorContext,
 } from './components/virtualized-list';
@@ -160,6 +167,7 @@ export type {
   IVirtualizedSectionListProps,
   IVSectionContext,
   IVSectionItemContext,
+  IVSectionSeparatorContext,
 } from './components/virtualized-section-list';
 export { SectionList } from './components/section-list';
 export type {

package/src/element-base.ts

@@ -57,6 +57,8 @@ export abstract class SymbioteElement implements OnChanges {
   @Input() accessibilityState?: IElementProps['accessibilityState'];
   @Input() accessibilityValue?: IElementProps['accessibilityValue'];
   @Input() accessibilityActions?: IElementProps['accessibilityActions'];
+  @Input()
+  experimental_accessibilityOrder?: IElementProps['experimental_accessibilityOrder'];
   @Input() accessibilityLabelledBy?: IElementProps['accessibilityLabelledBy'];
   @Input()
   importantForAccessibility?: IElementProps['importantForAccessibility'];
@@ -114,6 +116,21 @@ export abstract class SymbioteElement implements OnChanges {
   @Input() onResponderTerminate?: IElementProps['onResponderTerminate'];
   @Input()
   onResponderTerminationRequest?: IElementProps['onResponderTerminationRequest'];
+  @Input() onTouchStart?: IElementProps['onTouchStart'];
+  @Input() onTouchStartCapture?: IElementProps['onTouchStartCapture'];
+  @Input() onTouchMove?: IElementProps['onTouchMove'];
+  @Input() onTouchMoveCapture?: IElementProps['onTouchMoveCapture'];
+  @Input() onTouchEnd?: IElementProps['onTouchEnd'];
+  @Input() onTouchEndCapture?: IElementProps['onTouchEndCapture'];
+  @Input() onTouchCancel?: IElementProps['onTouchCancel'];
+  @Input() onTouchCancelCapture?: IElementProps['onTouchCancelCapture'];
+  @Input() onFocusCapture?: IElementProps['onFocusCapture'];
+  @Input() onBlurCapture?: IElementProps['onBlurCapture'];
+  @Input() onClickCapture?: IElementProps['onClickCapture'];
+  @Input() onKeyDown?: IElementProps['onKeyDown'];
+  @Input() onKeyDownCapture?: IElementProps['onKeyDownCapture'];
+  @Input() onKeyUp?: IElementProps['onKeyUp'];
+  @Input() onKeyUpCapture?: IElementProps['onKeyUpCapture'];
 
   @Input() pointerEvents?: IElementProps['pointerEvents'];
   @Input() hitSlop?: IElementProps['hitSlop'];

package/src/element-props.ts

@@ -17,6 +17,7 @@ import type {
   IPressState,
   IRectOffset,
   IResponderProps,
+  ITextNativeOnlyProps,
 } from '@symbiote-native/components';
 import type {
   ISymbioteEvent,
@@ -38,38 +39,39 @@ export type IAngularStyleBinding<TStyle> = TStyle | string | null | undefined;
 export type IElementStyleProp =
   IStyleProp<IViewStyle> | ((state: IPressState) => IStyleProp<IViewStyle>);
 
-export interface IElementProps
-  extends IAccessibilityProps, IAriaProps, IResponderProps {
-  /** RN's modern W3C-named alias for `nativeID`; the renderer folds it (`PROP_ALIASES`). */
-  id?: string;
-  pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only';
-  hitSlop?: IRectOffset | number;
-  focusable?: boolean;
-  collapsable?: boolean;
-  removeClippedSubviews?: boolean;
-  renderToHardwareTextureAndroid?: boolean;
-  shouldRasterizeIOS?: boolean;
-  needsOffscreenAlphaCompositing?: boolean;
-  style?: IAngularStyleBinding<IViewStyle>;
-  /**
-   * An RN StyleProp as ONE property binding: arrays, falsy entries, and the press-state callback.
-   * The callback is in the union because a subclass cannot widen an inherited property and
-   * `<pressable>`/`<touchable-*>` are the tags that take one; on every other tag the engine resolves
-   * it at `pressed: false`.
-   */
-  styleProp?: IElementStyleProp;
-  onPress?: IEventHandler;
-  onPressIn?: IEventHandler;
-  onPressOut?: IEventHandler;
-  onPressMove?: IEventHandler;
-  onLongPress?: IEventHandler;
-  onLayout?: IEventHandler;
-  onFocus?: IEventHandler;
-  onBlur?: IEventHandler;
-}
+export type IElementProps = IAccessibilityProps &
+  IAriaProps &
+  IResponderProps & {
+    /** RN's modern W3C-named alias for `nativeID`; the renderer folds it (`PROP_ALIASES`). */
+    id?: string;
+    pointerEvents?: 'auto' | 'none' | 'box-none' | 'box-only';
+    hitSlop?: IRectOffset | number;
+    focusable?: boolean;
+    collapsable?: boolean;
+    removeClippedSubviews?: boolean;
+    renderToHardwareTextureAndroid?: boolean;
+    shouldRasterizeIOS?: boolean;
+    needsOffscreenAlphaCompositing?: boolean;
+    style?: IAngularStyleBinding<IViewStyle>;
+    /**
+     * An RN StyleProp as ONE property binding: arrays, falsy entries, and the press-state callback.
+     * The callback is in the union because a subclass cannot widen an inherited property and
+     * `<pressable>`/`<touchable-*>` are the tags that take one; on every other tag the engine resolves
+     * it at `pressed: false`.
+     */
+    styleProp?: IElementStyleProp;
+    onPress?: IEventHandler;
+    onPressIn?: IEventHandler;
+    onPressOut?: IEventHandler;
+    onPressMove?: IEventHandler;
+    onLongPress?: IEventHandler;
+    onLayout?: IEventHandler;
+    onFocus?: IEventHandler;
+    onBlur?: IEventHandler;
+  };
 
 /** Text's own surface on top of the shared one. `onTextLayout` is an event, so it is not here. */
-export interface ITextElementProps {
+export type ITextElementProps = ITextNativeOnlyProps & {
   /** Narrows the shared `style` so `fontSize` / `fontWeight` type-check on a `<text>`. */
   style?: IAngularStyleBinding<ITextStyle>;
   styleProp?: IStyleProp<ITextStyle>;
@@ -84,12 +86,12 @@ export interface ITextElementProps {
   // RN's Text carries it (Text.js) and Button hands it to the label so a screen reader announces
   // the text as disabled along with the button holding it (Button.js:388).
   disabled?: boolean;
-}
+};
 
 /** The sticky-header wrapper RN builds in JS (ScrollViewStickyHeader.js). */
-export interface IStickyHeaderElementProps {
+export type IStickyHeaderElementProps = {
   inverted?: boolean;
   nextHeaderLayoutY?: number | null;
   scrollAnimatedValue?: unknown;
   scrollViewHeight?: number | null;
-}
+};

package/src/element-text-input-native.ts

@@ -0,0 +1,31 @@
+import { Directive, Input } from '@angular/core';
+import type { ITextInputProps } from '@symbiote-native/components';
+import { ValueChangeElement } from './element-base';
+
+// The inputs only one platform's native view reads, split from `TextInputElement` for file size
+@Directive()
+export abstract class TextInputNativeInputs extends ValueChangeElement {
+  @Input() caretHidden?: ITextInputProps['caretHidden'];
+  @Input() clearButtonMode?: ITextInputProps['clearButtonMode'];
+  @Input() clearTextOnFocus?: ITextInputProps['clearTextOnFocus'];
+  @Input() contextMenuHidden?: ITextInputProps['contextMenuHidden'];
+  @Input() dataDetectorTypes?: ITextInputProps['dataDetectorTypes'];
+  @Input() disableFullscreenUI?: ITextInputProps['disableFullscreenUI'];
+  @Input()
+  disableKeyboardShortcuts?: ITextInputProps['disableKeyboardShortcuts'];
+  @Input()
+  enablesReturnKeyAutomatically?: ITextInputProps['enablesReturnKeyAutomatically'];
+  @Input() importantForAutofill?: ITextInputProps['importantForAutofill'];
+  @Input() inlineImageLeft?: ITextInputProps['inlineImageLeft'];
+  @Input() inlineImagePadding?: ITextInputProps['inlineImagePadding'];
+  @Input()
+  inputAccessoryViewButtonLabel?: ITextInputProps['inputAccessoryViewButtonLabel'];
+  @Input() keyboardAppearance?: ITextInputProps['keyboardAppearance'];
+  @Input() lineBreakModeIOS?: ITextInputProps['lineBreakModeIOS'];
+  @Input() lineBreakStrategyIOS?: ITextInputProps['lineBreakStrategyIOS'];
+  @Input() passwordRules?: ITextInputProps['passwordRules'];
+  @Input() returnKeyLabel?: ITextInputProps['returnKeyLabel'];
+  @Input() smartInsertDelete?: ITextInputProps['smartInsertDelete'];
+  @Input() spellCheck?: ITextInputProps['spellCheck'];
+  @Input() textBreakStrategy?: ITextInputProps['textBreakStrategy'];
+}

package/src/elements-controls.ts

@@ -14,12 +14,14 @@ import { VALUE_CHANGE_EVENT } from './renderer/value-change';
 import type {
   IActivityIndicatorProps,
   IInputAccessoryViewViewProps,
+  ILayoutConformanceMode,
   IModalViewProps,
   ISwitchProps,
   ITextInputProps,
 } from '@symbiote-native/components';
 import type { IStickyHeaderElementProps } from './element-props';
 import type { IAngularRefreshControlProps } from './components/refresh-control-props';
+import { TextInputNativeInputs } from './element-text-input-native';
 import {
   ReadBackElement,
   SymbioteElement,
@@ -27,7 +29,7 @@ import {
 } from './element-base';
 
 @Directive({ selector: 'text-input', standalone: true })
-export class TextInputElement extends ValueChangeElement {
+export class TextInputElement extends TextInputNativeInputs {
   @Input() value?: ITextInputProps['value'];
   @Input() defaultValue?: ITextInputProps['defaultValue'];
   @Input() placeholder?: ITextInputProps['placeholder'];
@@ -236,6 +238,12 @@ export class ActivityIndicatorSpinnerElement extends ActivityIndicatorElement {}
 @Directive({ selector: 'safe-area-view', standalone: true })
 export class SafeAreaViewElement extends SymbioteElement {}
 
+// RN's `experimental_LayoutConformance`: the tag paints as `display: contents` through its fold
+@Directive({ selector: 'layout-conformance', standalone: true })
+export class LayoutConformanceElement extends SymbioteElement {
+  @Input() mode?: ILayoutConformanceMode;
+}
+
 @Directive({ selector: 'modal, symbiote-modal', standalone: true })
 export class ModalElement extends SymbioteElement {
   @Input() visible?: IModalViewProps['visible'];

package/src/elements-layout.ts

@@ -14,6 +14,7 @@ export class ImageElement extends SymbioteElement {
   @Input() height?: IImageProps['height'];
   @Input() resizeMode?: IImageProps['resizeMode'];
   @Input() resizeMethod?: IImageProps['resizeMethod'];
+  @Input() resizeMultiplier?: IImageProps['resizeMultiplier'];
   @Input() defaultSource?: IImageProps['defaultSource'];
   @Input() loadingIndicatorSource?: IImageProps['loadingIndicatorSource'];
   @Input() blurRadius?: IImageProps['blurRadius'];
@@ -47,6 +48,7 @@ export class ImageBackgroundElement extends SymbioteElement {
   @Input() height?: IImageProps['height'];
   @Input() resizeMode?: IImageProps['resizeMode'];
   @Input() resizeMethod?: IImageProps['resizeMethod'];
+  @Input() resizeMultiplier?: IImageProps['resizeMultiplier'];
   @Input() defaultSource?: IImageProps['defaultSource'];
   @Input() loadingIndicatorSource?: IImageProps['loadingIndicatorSource'];
   @Input() blurRadius?: IImageProps['blurRadius'];
@@ -129,6 +131,31 @@ export class ScrollViewElement extends SymbioteElement {
   @Input() onMomentumScrollEnd?: IAngularScrollViewProps['onMomentumScrollEnd'];
   @Input() onScrollToTop?: IAngularScrollViewProps['onScrollToTop'];
   @Input() onContentSizeChange?: IAngularScrollViewProps['onContentSizeChange'];
+  @Input()
+  onKeyboardWillShow?: IAngularScrollViewProps['onKeyboardWillShow'];
+  @Input()
+  onKeyboardWillHide?: IAngularScrollViewProps['onKeyboardWillHide'];
+  @Input() onKeyboardDidShow?: IAngularScrollViewProps['onKeyboardDidShow'];
+  @Input() onKeyboardDidHide?: IAngularScrollViewProps['onKeyboardDidHide'];
+  @Input()
+  automaticallyAdjustContentInsets?: IAngularScrollViewProps['automaticallyAdjustContentInsets'];
+  @Input()
+  automaticallyAdjustsScrollIndicatorInsets?: IAngularScrollViewProps['automaticallyAdjustsScrollIndicatorInsets'];
+  @Input()
+  canCancelContentTouches?: IAngularScrollViewProps['canCancelContentTouches'];
+  @Input()
+  experimental_endDraggingSensitivityMultiplier?: IAngularScrollViewProps['experimental_endDraggingSensitivityMultiplier'];
+  @Input() innerViewRef?: IAngularScrollViewProps['innerViewRef'];
+  @Input()
+  onScrollAnimationEnd?: IAngularScrollViewProps['onScrollAnimationEnd'];
+  @Input() scrollPerfTag?: IAngularScrollViewProps['scrollPerfTag'];
+  @Input()
+  scrollToOverflowEnabled?: IAngularScrollViewProps['scrollToOverflowEnabled'];
+  @Input()
+  scrollsChildToFocus?: IAngularScrollViewProps['scrollsChildToFocus'];
+  @Input() scrollsToTop?: IAngularScrollViewProps['scrollsToTop'];
+  @Input()
+  stickyHeaderHiddenOnScroll?: IAngularScrollViewProps['stickyHeaderHiddenOnScroll'];
 }
 
 @Directive({ selector: 'horizontal-scroll-view', standalone: true })

package/src/elements-press.ts

@@ -1,5 +1,6 @@
 import { Directive, Input } from '@angular/core';
 import type { INativeFeedbackBackground } from '@symbiote-native/components';
+import type { IColorValue } from '@symbiote-native/engine';
 import type { ITextElementProps } from './element-props';
 import type { ICheckboxProps } from './components/checkbox-props';
 import type { IAngularPressableProps } from './components/pressable-props';
@@ -73,7 +74,7 @@ export class TouchableOpacityElement extends PressableElement {
 @Directive({ selector: 'touchable-highlight', standalone: true })
 export class TouchableHighlightElement extends PressableElement {
   @Input() activeOpacity?: number;
-  @Input() underlayColor?: string;
+  @Input() underlayColor?: IColorValue;
   @Input() delayPressIn?: number;
   @Input() delayPressOut?: number;
   @Input() minPressDuration?: number;
@@ -112,7 +113,7 @@ export class TouchableWithoutFeedbackElement extends PressableElement {
 @Directive({ selector: 'button, symbiote-button', standalone: true })
 export class ButtonElement extends TouchableOpacityElement {
   @Input() title?: string;
-  @Input() color?: string;
+  @Input() color?: IColorValue;
   @Input() touchSoundDisabled?: boolean;
 }
 
@@ -142,4 +143,11 @@ export class TextElement extends SymbioteElement {
   @Input() maxFontSizeMultiplier?: ITextElementProps['maxFontSizeMultiplier'];
   @Input() selectionColor?: ITextElementProps['selectionColor'];
   @Input() disabled?: ITextElementProps['disabled'];
+  @Input()
+  android_hyphenationFrequency?: ITextElementProps['android_hyphenationFrequency'];
+  @Input() dataDetectorType?: ITextElementProps['dataDetectorType'];
+  @Input() dynamicTypeRamp?: ITextElementProps['dynamicTypeRamp'];
+  @Input() lineBreakMode?: ITextElementProps['lineBreakMode'];
+  @Input() lineBreakStrategyIOS?: ITextElementProps['lineBreakStrategyIOS'];
+  @Input() textBreakStrategy?: ITextElementProps['textBreakStrategy'];
 }

package/src/elements.ts

@@ -81,6 +81,7 @@ import {
   ActivityIndicatorElement,
   ActivityIndicatorSpinnerElement,
   InputAccessoryViewElement,
+  LayoutConformanceElement,
   ModalElement,
   MultilineTextInputElement,
   RefreshControlElement,
@@ -103,6 +104,7 @@ export {
   ImageBackgroundElement,
   ImageElement,
   InputAccessoryViewElement,
+  LayoutConformanceElement,
   ModalElement,
   MultilineTextInputElement,
   PressableElement,
@@ -155,6 +157,7 @@ export const SYMBIOTE_ELEMENTS = [
   ActivityIndicatorElement,
   ActivityIndicatorSpinnerElement,
   SafeAreaViewElement,
+  LayoutConformanceElement,
   ModalElement,
   RefreshControlElement,
   StickyHeaderElement,

package/src/index.ts

@@ -36,24 +36,27 @@ export {
   Text,
   TouchableNativeFeedback,
   View,
+  injectVirtualizedListScope,
   VirtualizedList,
   VirtualizedSectionList,
+  VListCellDirective,
   VListEmptyDirective,
   VListFooterDirective,
   VListHeaderDirective,
   VListItemDirective,
+  VListOutletDirective,
   VListSeparatorDirective,
   VSectionFooterDirective,
   VSectionHeaderDirective,
   VSectionItemDirective,
   VSectionSeparatorDirective,
 } from './components';
+// What a list built on `FlatList` needs to keep its template and its accessibility gate
+export { FLAT_LIST_TEMPLATE } from './components/flat-list/flat-list-template';
+export { provideGateDemand } from './gate-demand';
 export { Animated } from './modules/animated';
-// Also exposed as named top-level symbols (not just Animated.View/.Text/...): ngtsc's partial-mode
-// static evaluator can't trace a component class through property access on an external
-// namespace object, only through a direct named import binding —
-// so `<AnimatedView>` in a template requires `import { AnimatedView } from '@symbiote-native/angular'`,
-// not `const AnimatedView = Animated.View`. Plain tsc/vitest don't catch this; only a real ngc run does.
+// Named top-level too, as the ngtsc static evaluator cannot trace `Animated.View` property access
+// A template tag like `<AnimatedView>` needs a direct import, only a real ngc run catches it
 export {
   AnimatedFlatList,
   AnimatedImage,
@@ -62,15 +65,9 @@ export {
   AnimatedText,
   AnimatedView,
 } from './modules/animated';
-// Exported even though Angular's version maps only the four primitives (View/Text/Image/
-// ScrollView) onto the pre-authored wrappers above and THROWS on anything else — there is no JIT
-// under AOT/Metro, so it cannot synthesize a wrapper at runtime the way the other four adapters
-// do. It ships anyway because portable code (`createAnimatedComponent(View)`) then compiles and
-// runs identically on all five adapters, and the one case Angular cannot serve fails with a
-// message naming the fix (author a standalone @Component over AnimatedComponentBase) instead of
-// failing as a missing export, which names nothing. Found by the barrel audit in
-// `.claude/rules/adapter-parity-audit.md`: it was implemented and tested here all along and simply
-// never reached this file, so `@symbiote-native/angular` consumers could not reach it at all.
+// Maps only View/Text/Image/ScrollView onto the wrappers above and throws on anything else (no JIT)
+// Portable `createAnimatedComponent(View)` still runs on all five adapters, and the error names
+// the fix: a standalone `@Component` over `AnimatedComponentBase`
 export { createAnimatedComponent } from './modules/animated';
 export type {
   IActivityIndicatorProps,
@@ -78,6 +75,7 @@ export type {
   IAngularImageBackgroundProps,
   IAngularInputAccessoryViewProps,
   IAngularKeyboardAvoidingViewProps,
+  IAngularLayoutConformanceProps,
   IAngularModalProps,
   IAngularPressableProps,
   IAngularRefreshControlProps,
@@ -101,6 +99,7 @@ export type {
   IImageSourceProp,
   IInputMode,
   IKeyboardAvoidingBehavior,
+  ILayoutConformanceMode,
   IModalAnimationType,
   IModalOrientation,
   IModalOrientationChangeEvent,
@@ -119,14 +118,17 @@ export type {
   IViewabilityConfigCallbackPair,
   IViewableItemsChangedInfo,
   IViewToken,
+  IListScope,
   IVirtualizedListHandle,
   IVirtualizedListProps,
   IVirtualizedSectionListHandle,
   IVirtualizedSectionListProps,
+  IVListCellContext,
   IVListItemContext,
   IVListSeparatorContext,
   IVSectionContext,
   IVSectionItemContext,
+  IVSectionSeparatorContext,
   ISection,
   ISwitchProps,
   ISwitchTrackColor,
@@ -156,6 +158,7 @@ export {
   PressableElement,
   RefreshControlElement,
   SafeAreaViewElement,
+  LayoutConformanceElement,
   ScrollContentElement,
   ScrollViewElement,
   StickyHeaderElement,
@@ -190,12 +193,8 @@ export { mount, unmount } from './render';
 // without hand-writing its own Renderer2 walker.
 export { DescriptorOutlet } from './descriptor-to-angular';
 export { DescriptorHost } from './descriptor-to-angular/descriptor-host';
-// createPortal (same-surface only — see the file header) and createTunnel (cross-surface,
-// see its file header) are the Angular twins of the React/Vue portal/tunnel primitives.
-// Angular can't synthesize components at runtime (no JIT under Metro/Hermes), so both are
-// static, pre-authored structural directives (`*portal`/`*tunnelIn`, the `*ngIf`/`*ngFor`
-// idiom) parameterized by an `@Input()`, rather than a factory returning fresh components per
-// call.
+// Twins of the React/Vue portal and tunnel: same-surface portal, cross-surface tunnel
+// No JIT under Metro/Hermes, so both are pre-authored structural directives (`*portal`/`*tunnelIn`)
 export { PortalDirective, PortalOutletDirective } from './create-portal';
 export {
   createTunnel,
@@ -215,9 +214,14 @@ export { StatusBar } from './modules/status-bar';
 export type { IStatusBarProps, IStatusBarStyle } from './modules/status-bar';
 // AppRegistry: RN's app entry point over `mount`. setHostRegistrar wires RN's own
 // registrar so the native Fabric host finds our runnable by app key.
-export { AppRegistry, setHostRegistrar } from './modules/app-registry';
+export {
+  AppRegistry,
+  HeadlessJsTaskError,
+  setHostRegistrar,
+} from './modules/app-registry';
 export type {
   IComponentProvider,
+  IAppConfig,
   IAppParameters,
   IRunnable,
   IHostRegistrar,
@@ -238,6 +242,11 @@ export {
   connectWatchedSignal,
   PermissionsServiceBase,
 } from './services';
+export {
+  createAnimatedColor as injectAnimatedColor,
+  createAnimatedValue as injectAnimatedValue,
+  createAnimatedValueXY as injectAnimatedValueXY,
+} from '@symbiote-native/engine';
 export { AccessibilityInputsBase } from './accessibility-inputs';
 export { NativeViewBase } from './native-view-base';
 export { anchorStyleProp } from './primitives/shared';
@@ -258,6 +267,7 @@ export {
   AppState,
   Keyboard,
   KEYBOARD_EVENT,
+  TextInputState,
   BackHandler,
   PermissionsAndroid,
   PERMISSIONS,
@@ -333,7 +343,6 @@ export {
   Platform,
   processColor,
   setColorProcessor,
-  setDeviceEventSource,
   setNativeViewConfigSource,
   StyleSheet,
 } from '@symbiote-native/engine';
@@ -381,3 +390,44 @@ export {
   setAngularProfileDetail,
 } from './diagnostics';
 export type { IAngularProfile, IAngularProfileDetail } from './diagnostics';
+
+// The device event bus and the easing curves, shared verbatim from the engine
+export {
+  DeviceEventEmitter,
+  Easing,
+  EventEmitter,
+  NativeAppEventEmitter,
+  NativeEventEmitter,
+} from '@symbiote-native/engine';
+export type {
+  IEasing,
+  IEasingFunction,
+  IEmitterSubscription,
+  IEventEmitter,
+  IEventEmitterModule,
+  IEventSubscription,
+  INativeEventListener,
+} from '@symbiote-native/engine';
+
+// RN's dev and native-module utilities, shared verbatim from the engine. The ones RN owns forward
+// to its own module, which `registerApp` hands over
+export {
+  codegenNativeCommands,
+  codegenNativeComponent,
+  DevMenu,
+  DevSettings,
+  LogBox,
+  NativeComponentRegistry,
+  NativeModules,
+  Networking,
+  PushNotificationIOS,
+  ReactNativeVersion,
+  registerCallableModule,
+  requireNativeComponent,
+  Systrace,
+  Touchable,
+  TurboModuleRegistry,
+  UIManager,
+  UTFSequence,
+} from '@symbiote-native/engine';
+export type { IDevSettings } from '@symbiote-native/engine';