@symbiote-native/angular 0.1.0

package/build/angular/modules/animated/index.d.ts

@@ -0,0 +1,51 @@
+import { AnimatedValue, AnimatedValueXY, AnimatedColor, timing, spring, decay, parallel, sequence, stagger, loop, delay, add, subtract, multiply, divide, modulo, diffClamp, event, forkEvent, unforkEvent } from '@symbiote-native/engine';
+import { AnimatedImage, AnimatedScrollView, AnimatedText, AnimatedView, createAnimatedComponent } from './create-animated-component';
+export { AnimatedComponentBase, AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, createAnimatedComponent, } from './create-animated-component';
+export declare const Animated: {
+    Value: typeof AnimatedValue;
+    ValueXY: typeof AnimatedValueXY;
+    Color: typeof AnimatedColor;
+    Easing: {
+        step0(n: number): number;
+        step1(n: number): number;
+        linear(t: number): number;
+        ease(t: number): number;
+        quad(t: number): number;
+        cubic(t: number): number;
+        poly(n: number): import("@symbiote-native/engine").IEasingFunction;
+        sin(t: number): number;
+        circle(t: number): number;
+        exp(t: number): number;
+        elastic(bounciness?: number): import("@symbiote-native/engine").IEasingFunction;
+        back(s?: number): import("@symbiote-native/engine").IEasingFunction;
+        bounce(t: number): number;
+        bezier(x1: number, y1: number, x2: number, y2: number): import("@symbiote-native/engine").IEasingFunction;
+        in(easing: import("@symbiote-native/engine").IEasingFunction): import("@symbiote-native/engine").IEasingFunction;
+        out(easing: import("@symbiote-native/engine").IEasingFunction): import("@symbiote-native/engine").IEasingFunction;
+        inOut(easing: import("@symbiote-native/engine").IEasingFunction): import("@symbiote-native/engine").IEasingFunction;
+    };
+    timing: typeof timing;
+    spring: typeof spring;
+    decay: typeof decay;
+    parallel: typeof parallel;
+    sequence: typeof sequence;
+    stagger: typeof stagger;
+    loop: typeof loop;
+    delay: typeof delay;
+    add: typeof add;
+    subtract: typeof subtract;
+    multiply: typeof multiply;
+    divide: typeof divide;
+    modulo: typeof modulo;
+    diffClamp: typeof diffClamp;
+    event: typeof event;
+    forkEvent: typeof forkEvent;
+    unforkEvent: typeof unforkEvent;
+    View: typeof AnimatedView;
+    Text: typeof AnimatedText;
+    Image: typeof AnimatedImage;
+    ScrollView: typeof AnimatedScrollView;
+    FlatList: typeof import("../..").FlatList;
+    SectionList: typeof import("../..").SectionList;
+    createAnimatedComponent: typeof createAnimatedComponent;
+};

package/build/angular/modules/animated/index.js

@@ -0,0 +1,59 @@
+// The Animated namespace for @symbiote-native/angular: the Angular twin of adapters/vue/src/modules/
+// animated/index.ts. The animated COMPONENTS (View / Text / Image / ScrollView) are explicit
+// standalone components (Angular has no runtime HOC — see create-animated-component.ts); the
+// value graph, easing and imperative drivers come from @symbiote-native/engine (framework-agnostic,
+// JS-driven, ADR 0016), spread in verbatim. Both halves meet here so the familiar surface,
+// `Animated.timing(new Animated.Value(0), …).start()`, works against the Angular-driven engine.
+import { AnimatedValue, AnimatedValueXY, AnimatedColor, AnimatedMock, Easing, Platform, timing, spring, decay, parallel, sequence, stagger, loop, delay, add, subtract, multiply, divide, modulo, diffClamp, event, forkEvent, unforkEvent, } from '@symbiote-native/engine';
+import { AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, createAnimatedComponent, } from './create-animated-component';
+export { AnimatedComponentBase, AnimatedFlatList, AnimatedImage, AnimatedScrollView, AnimatedSectionList, AnimatedText, AnimatedView, createAnimatedComponent, } from './create-animated-component';
+// ScrollView is exposed DIRECTLY, not behind the lazy getter the React/Vue modules use: that
+// getter only exists to defer a RUNTIME createAnimatedComponent(ScrollView) past module init so
+// it cannot read ScrollView inside its own TDZ during an import cycle. AnimatedScrollView here is
+// a statically-declared component that never reads the ScrollView class at init (it targets the
+// `symbiote-scroll-view` host by string), so there is no cycle to defer.
+//
+// FlatList / SectionList are exposed as explicit AOT-safe list entries now that the Angular list
+// components exist. Angular still cannot synthesize arbitrary animated wrappers at runtime; custom
+// animated components remain explicit standalone components over AnimatedComponentBase.
+// The live, JS-driven driver namespace (real frames). RN's AnimatedImplementation.
+const liveDrivers = {
+    Value: AnimatedValue,
+    ValueXY: AnimatedValueXY,
+    Color: AnimatedColor,
+    Easing,
+    timing,
+    spring,
+    decay,
+    parallel,
+    sequence,
+    stagger,
+    loop,
+    delay,
+    add,
+    subtract,
+    multiply,
+    divide,
+    modulo,
+    diffClamp,
+    event,
+    forkEvent,
+    unforkEvent,
+};
+// RN swaps the WHOLE driver namespace for the mock when the host reports isDisableAnimations
+// (reduced motion / test env): the mock keeps the same surface but jumps each animation to its
+// final value synchronously, no frames. The animated COMPONENTS are live in both branches; only
+// the drivers/value/operators/events half is swapped, exactly like RN spreading `...Animated`
+// (impl or mock) over the same components.
+const drivers = Platform.isDisableAnimations ? AnimatedMock : liveDrivers;
+export const Animated = {
+    View: AnimatedView,
+    Text: AnimatedText,
+    Image: AnimatedImage,
+    ScrollView: AnimatedScrollView,
+    FlatList: AnimatedFlatList,
+    SectionList: AnimatedSectionList,
+    createAnimatedComponent,
+    ...drivers,
+};
+//# sourceMappingURL=index.js.map

package/build/angular/modules/animated/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/animated/index.ts"],"names":[],"mappings":"AAAA,qGAAqG;AACrG,6FAA6F;AAC7F,6FAA6F;AAC7F,oGAAoG;AACpG,2FAA2F;AAC3F,gGAAgG;AAEhG,OAAO,EACL,aAAa,EACb,eAAe,EACf,aAAa,EACb,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,GAAG,EACH,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,SAAS,EACT,WAAW,GACZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAErC,6FAA6F;AAC7F,gGAAgG;AAChG,kGAAkG;AAClG,gGAAgG;AAChG,yEAAyE;AACzE,EAAE;AACF,iGAAiG;AACjG,mGAAmG;AACnG,wFAAwF;AAExF,mFAAmF;AACnF,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,aAAa;IACpB,MAAM;IACN,MAAM;IACN,MAAM;IACN,KAAK;IACL,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,IAAI;IACJ,KAAK;IACL,GAAG;IACH,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,MAAM;IACN,SAAS;IACT,KAAK;IACL,SAAS;IACT,WAAW;CACZ,CAAC;AAEF,6FAA6F;AAC7F,+FAA+F;AAC/F,gGAAgG;AAChG,8FAA8F;AAC9F,2CAA2C;AAC3C,MAAM,OAAO,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC;AAE1E,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,YAAY;IAClB,IAAI,EAAE,YAAY;IAClB,KAAK,EAAE,aAAa;IACpB,UAAU,EAAE,kBAAkB;IAC9B,QAAQ,EAAE,gBAAgB;IAC1B,WAAW,EAAE,mBAAmB;IAChC,uBAAuB;IACvB,GAAG,OAAO;CACX,CAAC"}

package/build/angular/modules/app-registry/index.d.ts

@@ -0,0 +1,7 @@
+import type { Type } from '@angular/core';
+import { type IAppParameters } from '@symbiote-native/engine';
+export type IComponentProvider = () => Type<unknown>;
+export type IWrapperComponentProvider = (appParameters: IAppParameters) => Type<unknown>;
+declare const AppRegistry: import("@symbiote-native/engine").IAppRegistry<IComponentProvider, IWrapperComponentProvider>, setHostRegistrar: (registrar: import("@symbiote-native/engine").IHostRegistrar) => void;
+export { AppRegistry, setHostRegistrar };
+export type { IAppParameters, IRunnable, IHostRegistrar, IRegistry, IHeadlessTask, ITaskProvider, ITaskCanceller, ITaskCancelProvider, } from '@symbiote-native/engine';

package/build/angular/modules/app-registry/index.js

@@ -0,0 +1,23 @@
+// AppRegistry: the JS entry point RN apps already use:
+//   AppRegistry.registerComponent(appKey, () => App)
+// The registry bookkeeping (sections, host-registrar bridge, headless tasks) is
+// framework-agnostic and lives in @symbiote-native/engine's createAppRegistry; this file supplies
+// only the one Angular-specific seam — building a runnable from a component provider via
+// `mount`'s wrapper/initialProps support (render.ts) — so examples/angular's own
+// registerRunnable + mount call can move onto the same entry point React/Vue already have.
+import { createAppRegistry, dlog, } from '@symbiote-native/engine';
+import { mount } from '../../render';
+function runnableFor(componentProvider, getWrapperComponentProvider) {
+    return appParameters => {
+        dlog(`AppRegistry: mounting on rootTag ${String(appParameters.rootTag)}`);
+        // Read live (not at registration time) so setWrapperComponentProvider affects every
+        // runnable's next run, not just future ones.
+        mount(appParameters.rootTag, componentProvider(), {
+            initialProps: appParameters.initialProps,
+            wrapperComponent: getWrapperComponentProvider()?.(appParameters),
+        });
+    };
+}
+const { AppRegistry, setHostRegistrar } = createAppRegistry(runnableFor);
+export { AppRegistry, setHostRegistrar };
+//# sourceMappingURL=index.js.map

package/build/angular/modules/app-registry/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/modules/app-registry/index.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,qDAAqD;AACrD,gFAAgF;AAChF,kGAAkG;AAClG,yFAAyF;AACzF,iFAAiF;AACjF,2FAA2F;AAG3F,OAAO,EACL,iBAAiB,EACjB,IAAI,GAGL,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAcrC,SAAS,WAAW,CAClB,iBAAqC,EACrC,2BAAwE;IAExE,OAAO,aAAa,CAAC,EAAE;QACrB,IAAI,CAAC,oCAAoC,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC1E,oFAAoF;QACpF,6CAA6C;QAC7C,KAAK,CAAC,aAAa,CAAC,OAAO,EAAE,iBAAiB,EAAE,EAAE;YAChD,YAAY,EAAE,aAAa,CAAC,YAAY;YACxC,gBAAgB,EAAE,2BAA2B,EAAE,EAAE,CAAC,aAAa,CAAC;SACjE,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,iBAAiB,CAGzD,WAAW,CAAC,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/build/angular/modules/status-bar.d.ts

@@ -0,0 +1,20 @@
+import { type OnChanges, type SimpleChanges } from '@angular/core';
+import { type IColorValue, type IStatusBarStyle } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+export type { IStatusBarProps, IStatusBarStyle } from '@symbiote-native/engine';
+declare class StatusBarComponent implements OnChanges {
+    barStyle?: IStatusBarStyle;
+    hidden?: boolean;
+    animated?: boolean;
+    networkActivityIndicatorVisible?: boolean;
+    backgroundColor?: IColorValue;
+    translucent?: boolean;
+    ngOnChanges(_changes: SimpleChanges): void;
+    private buildProps;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBarComponent, "StatusBar", never, { "barStyle": { "alias": "barStyle"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; "networkActivityIndicatorVisible": { "alias": "networkActivityIndicatorVisible"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "translucent": { "alias": "translucent"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare const StatusBarWithStatics: typeof StatusBarComponent & import("@symbiote-native/engine").IStatusBarImperative;
+export declare const StatusBar: typeof StatusBarWithStatics & {
+    readonly currentHeight?: number;
+};

package/build/angular/modules/status-bar.js

@@ -0,0 +1,59 @@
+// StatusBar, the Angular lifecycle half. The native StatusBarManager driving, the imperative
+// statics, and the Android bar-height constant all live in @symbiote-native/engine, shared verbatim with
+// React and Vue; Metro selects the engine's platform variant. Angular supplies only the
+// declarative shape: a component that renders nothing and re-applies the props through
+// ngOnChanges on mount + every prop change. Imperative statics are attached to the component
+// object the same way RN does.
+import { Component, Input } from '@angular/core';
+import { applyStatusBarProps, statusBarImperative, statusBarCurrentHeight, } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+class StatusBarComponent {
+    barStyle;
+    hidden;
+    animated;
+    networkActivityIndicatorVisible;
+    backgroundColor;
+    translucent;
+    ngOnChanges(_changes) {
+        applyStatusBarProps(this.buildProps());
+    }
+    buildProps() {
+        return {
+            barStyle: this.barStyle,
+            hidden: this.hidden,
+            animated: this.animated,
+            networkActivityIndicatorVisible: this.networkActivityIndicatorVisible,
+            backgroundColor: this.backgroundColor,
+            translucent: this.translucent,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: StatusBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: StatusBarComponent, isStandalone: true, selector: "StatusBar", inputs: { barStyle: "barStyle", hidden: "hidden", animated: "animated", networkActivityIndicatorVisible: "networkActivityIndicatorVisible", backgroundColor: "backgroundColor", translucent: "translucent" }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: StatusBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'StatusBar',
+                    standalone: true,
+                    template: '',
+                }]
+        }], propDecorators: { barStyle: [{
+                type: Input
+            }], hidden: [{
+                type: Input
+            }], animated: [{
+                type: Input
+            }], networkActivityIndicatorVisible: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], translucent: [{
+                type: Input
+            }] } });
+const StatusBarWithStatics = Object.assign(StatusBarComponent, statusBarImperative);
+Object.defineProperty(StatusBarWithStatics, 'currentHeight', {
+    get: statusBarCurrentHeight,
+    enumerable: true,
+});
+export const StatusBar = StatusBarWithStatics;
+//# sourceMappingURL=status-bar.js.map

package/build/angular/modules/status-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-bar.js","sourceRoot":"","sources":["../../../src/modules/status-bar.ts"],"names":[],"mappings":"AAAA,6FAA6F;AAC7F,yGAAyG;AACzG,wFAAwF;AACxF,uFAAuF;AACvF,6FAA6F;AAC7F,+BAA+B;AAE/B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAsC,MAAM,eAAe,CAAC;AACrF,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,GAIvB,MAAM,yBAAyB,CAAC;;AAIjC,MAKM,kBAAkB;IACb,QAAQ,CAAmB;IAC3B,MAAM,CAAW;IACjB,QAAQ,CAAW;IACnB,+BAA+B,CAAW;IAC1C,eAAe,CAAe;IAC9B,WAAW,CAAW;IAE/B,WAAW,CAAC,QAAuB;QACjC,mBAAmB,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;IACzC,CAAC;IAEO,UAAU;QAChB,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,+BAA+B,EAAE,IAAI,CAAC,+BAA+B;YACrE,eAAe,EAAE,IAAI,CAAC,eAAe;YACrC,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC;IACJ,CAAC;uGArBG,kBAAkB;2FAAlB,kBAAkB,wSAFZ,EAAE;;2FAER,kBAAkB;kBALvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,EAAE;iBACb;;sBAEE,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;sBACL,KAAK;;AAkBR,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,EAAE,mBAAmB,CAAC,CAAC;AAEpF,MAAM,CAAC,cAAc,CAAC,oBAAoB,EAAE,eAAe,EAAE;IAC3D,GAAG,EAAE,sBAAsB;IAC3B,UAAU,EAAE,IAAI;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,SAAS,GACpB,oBAAoB,CAAC"}

package/build/angular/primitives/index.d.ts

@@ -0,0 +1,63 @@
+import { SymbiotePrimitiveHost } from './shared';
+import * as i0 from "@angular/core";
+export { anchorHostStyle, anchorStyleProp, stableAnchorStyle, SymbioteHostPropsDirective, } from './shared';
+export declare class ViewHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ViewHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ViewHost, "symbiote-view, View", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class TextHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextHost, "symbiote-text, Text", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class ImageHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageHost, "symbiote-image", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class ScrollViewHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewHost, "symbiote-scroll-view", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class ScrollContentView extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollContentView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollContentView, "symbiote-scroll-content", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class HorizontalScrollView extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalScrollView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalScrollView, "symbiote-horizontal-scroll-view", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class HorizontalScrollContentView extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalScrollContentView, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalScrollContentView, "symbiote-horizontal-scroll-content", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class TextInputHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputHost, "symbiote-text-input", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class MultilineTextInputHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultilineTextInputHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultilineTextInputHost, "symbiote-text-input-multiline", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class SwitchHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchHost, "symbiote-switch", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class ActivityIndicatorHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActivityIndicatorHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActivityIndicatorHost, "symbiote-activity-indicator", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class SafeAreaViewHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SafeAreaViewHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SafeAreaViewHost, "symbiote-safe-area-view", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class ModalHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalHost, "symbiote-modal", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class RefreshControlHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RefreshControlHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RefreshControlHost, "symbiote-refresh-control", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class InputAccessoryViewHost extends SymbiotePrimitiveHost {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputAccessoryViewHost, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputAccessoryViewHost, "symbiote-input-accessory-view", never, {}, {}, never, ["*"], true, never>;
+}

package/build/angular/primitives/index.js

@@ -0,0 +1,189 @@
+// Angular primitive host components over Symbiote engine intrinsics. These are the only
+// components that directly own the `symbiote-*` selectors; every composed adapter
+// component imports them and renders them in its template. Declaring `style` as a real
+// Angular input prevents Angular's CSS style engine from decomposing RN `StyleProp` arrays.
+import { Component } from '@angular/core';
+import { SymbiotePrimitiveHost } from './shared';
+import * as i0 from "@angular/core";
+export { anchorHostStyle, anchorStyleProp, stableAnchorStyle, SymbioteHostPropsDirective, } from './shared';
+export class ViewHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ViewHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ViewHost, isStandalone: true, selector: "symbiote-view, View", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ViewHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-view, View',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class TextHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TextHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TextHost, isStandalone: true, selector: "symbiote-text, Text", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TextHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-text, Text',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class ImageHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ImageHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ImageHost, isStandalone: true, selector: "symbiote-image", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ImageHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-image',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class ScrollViewHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ScrollViewHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ScrollViewHost, isStandalone: true, selector: "symbiote-scroll-view", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ScrollViewHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-scroll-view',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class ScrollContentView extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ScrollContentView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ScrollContentView, isStandalone: true, selector: "symbiote-scroll-content", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ScrollContentView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-scroll-content',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class HorizontalScrollView extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: HorizontalScrollView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: HorizontalScrollView, isStandalone: true, selector: "symbiote-horizontal-scroll-view", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: HorizontalScrollView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-horizontal-scroll-view',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class HorizontalScrollContentView extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: HorizontalScrollContentView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: HorizontalScrollContentView, isStandalone: true, selector: "symbiote-horizontal-scroll-content", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: HorizontalScrollContentView, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-horizontal-scroll-content',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class TextInputHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TextInputHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: TextInputHost, isStandalone: true, selector: "symbiote-text-input", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: TextInputHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-text-input',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class MultilineTextInputHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: MultilineTextInputHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: MultilineTextInputHost, isStandalone: true, selector: "symbiote-text-input-multiline", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: MultilineTextInputHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-text-input-multiline',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class SwitchHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SwitchHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: SwitchHost, isStandalone: true, selector: "symbiote-switch", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SwitchHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-switch',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class ActivityIndicatorHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicatorHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ActivityIndicatorHost, isStandalone: true, selector: "symbiote-activity-indicator", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ActivityIndicatorHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-activity-indicator',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class SafeAreaViewHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SafeAreaViewHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: SafeAreaViewHost, isStandalone: true, selector: "symbiote-safe-area-view", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: SafeAreaViewHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-safe-area-view',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class ModalHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ModalHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: ModalHost, isStandalone: true, selector: "symbiote-modal", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: ModalHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-modal',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class RefreshControlHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: RefreshControlHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: RefreshControlHost, isStandalone: true, selector: "symbiote-refresh-control", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: RefreshControlHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-refresh-control',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+export class InputAccessoryViewHost extends SymbiotePrimitiveHost {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: InputAccessoryViewHost, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.4", type: InputAccessoryViewHost, isStandalone: true, selector: "symbiote-input-accessory-view", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: InputAccessoryViewHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'symbiote-input-accessory-view',
+                    standalone: true,
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+//# sourceMappingURL=index.js.map

package/build/angular/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/index.ts"],"names":[],"mappings":"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"}

package/build/angular/primitives/shared.d.ts

@@ -0,0 +1,89 @@
+import { ElementRef, type OnChanges, type SimpleChanges } from '@angular/core';
+import { type IHostInstance, type IStyleProp } from '@symbiote-native/engine';
+import * as i0 from "@angular/core";
+/**
+ * A composed Angular component (Pressable, SafeAreaView, ScrollView, ...) is created as a
+ * non-painting ANCHOR host (`ANCHOR_HOST_COMPONENTS` in renderer.ts) so it doesn't paint an
+ * extra native view over its own template's real content. `class="..."`/`[class.x]`/`[ngClass]`
+ * at the component's use site ALWAYS resolves through the renderer's addClass/removeClass onto
+ * that anchor — Angular gives no `@Input()` interception hook for `class` the way it does for
+ * `[style]` (which is why `style` alone was declared as an `@Input()` in the first place, see
+ * `SymbiotePrimitiveHost` above) — so the anchor ends up holding the fully-resolved class-derived
+ * style (`routeProp`'s `commitClassStyle` already wrote it to `anchor.props.style`) while the
+ * REAL native node the component's own template creates never sees it.
+ *
+ * Call this from a composed component's own `hostProps`/style getter and merge the result AHEAD
+ * of its own explicit `style` @Input, e.g. `style: [anchorHostStyle(this.elementRef),
+ * this.resolvedStyle]` — array order matters: `flattenStyle`'s later-wins collapse is what makes
+ * an explicit `[style]` on the component still beat its ambient class, mirroring the
+ * class-loses-to-explicit-style cascade `commitClassStyle` already enforces for a direct
+ * primitive. `this.elementRef` must be this component's OWN injected `ElementRef` (its anchor
+ * host), not a `@ViewChild` into its template's inner primitive.
+ *
+ * Skipping this call for a new `ANCHOR_HOST_COMPONENTS` entry compiles clean under `tsc` AND a
+ * real `ngc` AOT build — no type error, no template error — it just silently drops `class="..."`
+ * forever; only a device/simulator render (or a committed-node style assertion) catches it. See
+ * the `angular-adapter` skill §21 for the device-confirmed incident and the full checklist.
+ */
+export declare function anchorHostStyle(elementRef: ElementRef<unknown>): unknown;
+export declare function anchorStyleProp<T>(elementRef: ElementRef<unknown>): IStyleProp<T> | undefined;
+/**
+ * `anchorHostStyle` must be re-read on every check (a bare `class="x"` with no matching
+ * `[style]` binding never appears in Angular's `SimpleChanges`/dirty-check inputs, so nothing
+ * else signals "the anchor's class-derived style may have changed"). But `flattenStyle([...])`
+ * always allocates a FRESH object, even when its content is byte-for-byte identical to last
+ * time — and a windowed list component (FlatList/VirtualizedList/SectionList/
+ * VirtualizedSectionList) binds its resolved style into a structural-directive-bound `@Input()`
+ * chain where a fresh reference on an UNRELATED CD pass is mistaken for a real change, which
+ * reschedules ANOTHER CD tick (`VListOutletDirective`'s `context` `@Input()` calling
+ * `markForCheck()`) — free-running forever. See the `flat-list-array-style.test.ts` regression
+ * this fixes (and the near-identical `lastRecompute` dedup guard in `virtualized-list/index.ts`,
+ * which this mirrors at the style-merge call site instead of a whole recompute step). Returns
+ * `previous` unchanged when the freshly-flattened merge is shallow-equal to it, so a downstream
+ * `@Input() style` binding sees NO change and skips its own update on an unrelated tick.
+ */
+export declare function stableAnchorStyle(elementRef: ElementRef<unknown>, explicitStyle: unknown, previous: unknown): Record<string, unknown>;
+/**
+ * Base for all Angular primitive host components (`symbiote-view`, `symbiote-text`, ...).
+ * RN's `StyleProp` can be an object, an array, nested arrays, falsy entries, and Animated
+ * values. Angular's raw `[style]` binding on a custom element routes through the CSS style
+ * engine (`setStyle` per key), which crashes on numeric array keys. By declaring `style` as
+ * an Angular `@Input()` on a known component, we intercept it here and forward a flattened
+ * style object through `Renderer2.setProperty`, bypassing Angular's CSS styling path.
+ *
+ * Other props (source, pointerEvents, ...) are intentionally *not* declared as inputs.
+ * Angular then treats them as host property bindings and still dispatches them through the
+ * custom renderer's `setProperty`, so the engine's `routeProp` handles them as usual.
+ */
+export declare abstract class SymbiotePrimitiveHost implements OnChanges {
+    private readonly renderer;
+    private readonly elementRef;
+    style?: IStyleProp<unknown>;
+    /**
+     * The underlying engine host node (public instance). Exposed so `findNodeHandle` can resolve
+     * an Angular template ref (`#ref`) on a primitive host to its native reactTag.
+     */
+    get nativeElement(): IHostInstance;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SymbiotePrimitiveHost, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SymbiotePrimitiveHost, never, never, { "style": { "alias": "style"; "required": false; }; }, {}, never, never, true, never>;
+}
+/**
+ * Applies a whole resolved props record (a shared `renderX(...).props` bag) onto a host
+ * element via `Renderer2.setProperty`, one call per key. Angular templates compile bindings
+ * ahead of time — there is no `v-bind="obj"` equivalent for a custom element — so a component
+ * whose props come from a shared render function would otherwise have to declare every key as
+ * its own static `[prop]="hostProps['x']"` binding. This generalizes the pattern
+ * `SwitchHostPropsDirective` proved first: `<symbiote-x [symbioteHostProps]="hostProps" #ref="symbioteHost">`,
+ * with `ref.node` exposing the native element for any imperative follow-up call.
+ */
+export declare class SymbioteHostPropsDirective {
+    private readonly renderer;
+    private readonly elementRef;
+    private readonly cdr;
+    get node(): unknown;
+    set symbioteHostProps(props: Record<string, unknown>);
+    private wrapCallback;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SymbioteHostPropsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SymbioteHostPropsDirective, "[symbioteHostProps]", ["symbioteHost"], { "symbioteHostProps": { "alias": "symbioteHostProps"; "required": false; }; }, {}, never, never, true, never>;
+}