@symbiote-native/react 0.4.0 → 2.0.0

package/build/jsx-runtime.d.ts

@@ -0,0 +1,62 @@
+import type { ICrossTypedIntrinsics } from '@symbiote-native/components';
+import type { Key } from 'react';
+import type { IViewProps, ITextProps } from './components';
+import type { IPressableProps } from './components/pressable/pressable-props';
+import type { IButtonProps } from './components/button-props';
+import type { IImageProps } from './components/image/image-props';
+import type { IImageBackgroundProps } from './components/image-background-props';
+import type { IInputAccessoryViewProps } from './components/input-accessory-view-props';
+import type { IRefreshControlProps } from './components/refresh-control-props';
+import type { ISafeAreaViewProps } from './components/safe-area-view-props';
+import type { ITouchableNativeFeedbackProps } from './components/touchable-native-feedback/touchable-native-feedback-props';
+import type { ITouchableOpacityProps, ITouchableHighlightProps } from './components/touchable/touchable-props';
+import type { ITouchableWithoutFeedbackProps } from './components/touchable-without-feedback/touchable-without-feedback-props';
+import type { IScrollViewProps } from './components/scroll-view/scroll-view-props';
+import type { ISwitchProps } from './components/switch/switch-props';
+import type { ITextInputProps } from './components/text-input/text-input-props';
+import type { IModalProps } from './components/modal';
+import type { IActivityIndicatorProps } from './components/activity-indicator-props';
+export { Fragment, jsx, jsxs } from 'react/jsx-runtime';
+interface IHostProps {
+    style?: unknown;
+    children?: import('react').ReactNode;
+    [key: string]: unknown;
+}
+export interface ICrossedPrimitiveProps {
+    view: IViewProps;
+    text: ITextProps;
+    pressable: IPressableProps;
+    button: IButtonProps;
+    image: IImageProps;
+    'image-background': IImageBackgroundProps;
+    'input-accessory-view': IInputAccessoryViewProps;
+    'refresh-control': IRefreshControlProps;
+    'safe-area-view': ISafeAreaViewProps;
+    'touchable-native-feedback': ITouchableNativeFeedbackProps;
+    'touchable-opacity': ITouchableOpacityProps;
+    'touchable-highlight': ITouchableHighlightProps;
+    'touchable-without-feedback': ITouchableWithoutFeedbackProps;
+    'scroll-view': IScrollViewProps;
+    switch: ISwitchProps;
+    'text-input': ITextInputProps;
+    modal: IModalProps;
+    'activity-indicator': IActivityIndicatorProps;
+}
+type IWithKey<Props> = Props & {
+    key?: Key | null;
+};
+export declare namespace JSX {
+    type ElementType = import('react').JSX.ElementType;
+    type Element = import('react').JSX.Element;
+    type ElementClass = import('react').JSX.ElementClass;
+    type ElementAttributesProperty = import('react').JSX.ElementAttributesProperty;
+    type ElementChildrenAttribute = import('react').JSX.ElementChildrenAttribute;
+    type LibraryManagedAttributes<C, P> = import('react').JSX.LibraryManagedAttributes<C, P>;
+    type IntrinsicAttributes = import('react').JSX.IntrinsicAttributes;
+    type IntrinsicClassAttributes<T> = import('react').JSX.IntrinsicClassAttributes<T>;
+    interface IntrinsicElements extends ICrossTypedIntrinsics<IHostProps, {
+        [K in keyof ICrossedPrimitiveProps]: IWithKey<ICrossedPrimitiveProps[K]>;
+    }> {
+    }
+}
+export type ISymbioteIntrinsicTag = keyof JSX.IntrinsicElements;

package/build/jsx-runtime.js

@@ -0,0 +1 @@
+export { Fragment, jsx, jsxs } from 'react/jsx-runtime';

package/build/modules/animated/create-animated-component.d.ts

@@ -8,5 +8,6 @@ type IAnimatableProps = {
     style?: unknown;
     children?: unknown;
 };
-export declare function createAnimatedComponent<P extends IAnimatableProps>(Component: ComponentType<P>): ComponentType<IAnimatedComponentProps>;
+type IAnimatableBase<P extends IAnimatableProps> = ComponentType<P> | string;
+export declare function createAnimatedComponent<P extends IAnimatableProps>(Component: IAnimatableBase<P>): ComponentType<IAnimatedComponentProps>;
 export {};

package/build/modules/animated/create-animated-component.js

@@ -27,6 +27,12 @@ function assignRef(ref, value) {
     }
     ref.current = value;
 }
+// A tag has no displayName/name, so read the label through the shape actually present.
+function baseNameOf(base) {
+    if (typeof base === 'string')
+        return base;
+    return base.displayName ?? base.name ?? 'Anonymous';
+}
 export function createAnimatedComponent(Component) {
     function AnimatedComponent(props) {
         const { ref: forwardedRef, passthroughAnimatedPropExplicitValues: passthrough, ...rest } = props;
@@ -81,6 +87,6 @@ export function createAnimatedComponent(Component) {
         const childProps = Object.assign(Object.create(null), reduced, { ref: captureRef });
         return createElement(Component, childProps);
     }
-    AnimatedComponent.displayName = `Animated(${Component.displayName ?? Component.name ?? 'Anonymous'})`;
+    AnimatedComponent.displayName = `Animated(${baseNameOf(Component)})`;
     return AnimatedComponent;
 }

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

@@ -45,7 +45,6 @@ export declare const Animated: {
     View: import("react").ComponentType<import("./create-animated-component").IAnimatedComponentProps>;
     Text: import("react").ComponentType<import("./create-animated-component").IAnimatedComponentProps>;
     Image: import("react").ComponentType<import("./create-animated-component").IAnimatedComponentProps>;
-    ScrollView: ReturnType<typeof createAnimatedComponent>;
     FlatList: ReturnType<typeof createAnimatedComponent>;
     SectionList: ReturnType<typeof createAnimatedComponent>;
     createAnimatedComponent: typeof createAnimatedComponent;

package/build/modules/animated/index.js

@@ -4,9 +4,6 @@
 // JS-driven). Both halves meet here in one `Animated` object so the
 // familiar surface (`Animated.timing(new Animated.Value(0), …).start()`) works.
 import { AnimatedValue, AnimatedValueXY, AnimatedColor, Easing, Platform, timing, spring, decay, parallel, sequence, stagger, loop, delay, add, subtract, multiply, divide, modulo, diffClamp, event, forkEvent, unforkEvent, } from '@symbiote-native/engine';
-import { View, Text } from '../../components.js';
-import { Image } from '../../components/image/index.js';
-import { ScrollView } from '../../components/scroll-view';
 import { FlatList } from '../../components/flat-list/index.js';
 import { SectionList } from '../../components/section-list/index.js';
 import { createAnimatedComponent } from './create-animated-component.js';
@@ -15,21 +12,22 @@ export { createAnimatedComponent } from './create-animated-component.js';
 // The pure graph leaves now live in @symbiote-native/engine (they extend AnimatedWithChildren,
 // no React); re-exported here so @symbiote-native/react's Animated surface is unchanged.
 export { AnimatedProps, AnimatedStyle, AnimatedTransform, } from '@symbiote-native/engine';
-// View/Text/Image are pure host primitives, so wrap them eagerly.
-const AnimatedView = createAnimatedComponent(View);
-const AnimatedText = createAnimatedComponent(Text);
-const AnimatedImage = createAnimatedComponent(Image);
-// RN's AnimatedExports.js:13-58 exposes all six animated components. The scrolling
-// containers (ScrollView/FlatList/SectionList) are wrapped behind LAZY getters,
-// mirroring RN's `get ScrollView() { return require(...) }`: ScrollView's module
-// chain pulls in scroll-view/sticky-header, which imports this Animated namespace
-// back, and a static `createAnimatedComponent(ScrollView)` at init would read ScrollView
-// inside its own TDZ. A memoized getter defers the wrap past module init, so the
-// cycle never fires. The wrappers carry no per-component animation logic; they only
-// add animated-prop support, keeping the adapter a thin layer over the engine.
-// The native scroll-event attach (Animated.event onto contentOffset) is owned by
-// ScrollView itself.
-let animatedScrollView;
+// The tags themselves: View/Text/Image are pure host primitives, so wrap them eagerly.
+const AnimatedView = createAnimatedComponent('view');
+const AnimatedText = createAnimatedComponent('text');
+// The tag, not the `Image` name: that one is the STATICS namespace now (`modules/image`).
+const AnimatedImage = createAnimatedComponent('image');
+// There is no `Animated.ScrollView` any more, and nothing replaced it — the whole API is
+// `<scroll-view style={{ opacity: v }} onScroll={Animated.event(…)}>`. A scroll wrapper's one
+// remaining animated job looked like the native scroll-event attach, and that is engine-side for
+// EVERY host node: `setEventListener` calls `bindAnimatedEvent` on any `on*` prop
+// (`core/engine/src/node.ts`), and an AnimatedNode written into any style key is resolved by
+// `routeProp`. Its lazy getter existed only to dodge a TDZ through `scroll-view/sticky-header`,
+// which is deleted with the wrapper.
+//
+// The two below REMAIN because the list family is tier 3: a render prop decides their output shape
+// in JS, so there is no tag for `<Animated.X>` to be an alias of. Both stay LAZY, mirroring RN's
+// own `get FlatList() { return require(...) }`.
 let animatedFlatList;
 let animatedSectionList;
 // The live, JS-driven driver namespace (real frames). RN's AnimatedImplementation.
@@ -67,10 +65,6 @@ export const Animated = {
     View: AnimatedView,
     Text: AnimatedText,
     Image: AnimatedImage,
-    get ScrollView() {
-        animatedScrollView ??= createAnimatedComponent(ScrollView);
-        return animatedScrollView;
-    },
     get FlatList() {
         animatedFlatList ??= createAnimatedComponent(FlatList);
         return animatedFlatList;

package/build/modules/image/index.d.ts

@@ -0,0 +1,3 @@
+import { type IImageStatics } from '@symbiote-native/components';
+export type { IImageStatics };
+export declare const Image: IImageStatics;

package/build/modules/image/index.js

@@ -0,0 +1,14 @@
+// RN's Image STATICS — `getSize`, `getSizeWithHeaders`, `prefetch`, `abortPrefetch`, `queryCache`,
+// `resolveAssetSource`.
+//
+// IN `modules/`, NOT `components/`. The primitive is the `<image>` tag and its fold runs in the
+// engine (`behaviors/image.ts`); what is left under the name `Image` is an imperative API with no
+// view, which is what this bucket is for (<adapter_src_follows_framework_idioms>). Sitting in
+// `components/` was what made a statics object read as a component.
+//
+// A NAMESPACE OBJECT rather than six bare functions, deliberately: `Alert`, `Share`, `Linking` and
+// `AppState` all take that shape, and an app porting from RN writes `Image.getSize(...)` verbatim.
+//
+// Shared verbatim via `imageStatics`, the same source every other adapter's Image uses.
+import { imageStatics } from '@symbiote-native/components';
+export const Image = imageStatics;

package/build/register.d.ts

@@ -0,0 +1 @@
+import '@symbiote-native/components/register';

package/build/register.js

@@ -0,0 +1,15 @@
+// Side-effect ONLY. Exports nothing, and must never be re-exported from the barrel.
+//
+// The fourteen calls live once, in `@symbiote-native/components/register` — they were identical in
+// all five adapters, and each copy carried a migration ledger justifying a call against a wrapper
+// that no longer exists. What is per-adapter is only the SPELLING of the import below: every
+// `*-tag.test.*` here reaches the registry through `import './register';`, and this adapter's own
+// barrel guard pins that line.
+//
+// WHY A SIDE-EFFECT SUBPATH 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 that way 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.
+import '@symbiote-native/components/register';

package/build/render.js

@@ -2,7 +2,7 @@
 // rootTag (via AppRegistry.registerRunnable); we create a surface for it and let
 // the reconciler drive shared, which commits into nativeFabricUIManager.
 import { createSurface, disposeRoot, setEventDispatcher, dlog, reportUncaughtError, } from '@symbiote-native/engine';
-import reconciler, { withDiscretePriority } from './host-config.js';
+import reconciler, { flushExternalUpdate } from './host-config.js';
 import { LegacyRoot } from './reconciler-constants.js';
 const noop = () => { };
 function errorReporter(origin) {
@@ -40,10 +40,8 @@ const onRecoverableError = errorReporter('react render (recovered)');
 // to compare against Vue/Angular's microtask-coalesced requestCommit(). Kept
 // behind DEBUG per <keep_logs_gate_behind_DEBUG>, never removed.
 setEventDispatcher(run => {
-    withDiscretePriority(run);
     dlog('react event-dispatch: forced flushSyncWork');
-    // @ts-expect-error flushSyncWork exists at runtime in react-reconciler 0.33
-    reconciler.flushSyncWork();
+    flushExternalUpdate(run);
 });
 const containers = new Map();
 // Unmount a surface's React tree (render null → empty completeRoot, clearing the

package/metro-css-parser.cjs

@@ -5,4 +5,5 @@
 // .cjs, not .js: this package is "type": "module", but Metro's babelTransformerPath loading needs
 // a require()-able file. createCssMetroTransformer() is a factory — Metro needs the actual
 // {transform, getCacheKey} object it returns, not the css-parser package barrel.
-module.exports = require('@symbiote-native/css-parser').createCssMetroTransformer();
+module.exports =
+  require('@symbiote-native/css-parser').createCssMetroTransformer();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/react",
-  "version": "0.4.0",
+  "version": "2.0.0",
   "description": "SymbioteNative's React adapter — a react-reconciler host config (mutation mode) driving real native iOS/Android views through stock React Native Fabric.",
   "license": "MIT",
   "repository": {
@@ -13,6 +13,18 @@
     "url": "https://github.com/OneEyed1366/symbiote-native/issues"
   },
   "author": "Andrey Prokopenko <psevdoproger@gmail.com>",
+  "keywords": [
+    "react-native",
+    "symbiote-native",
+    "react",
+    "fabric",
+    "reconciler",
+    "renderer",
+    "cross-platform",
+    "mobile",
+    "ios",
+    "android"
+  ],
   "type": "module",
   "main": "./build/index.js",
   "module": "./build/index.js",
@@ -26,7 +38,15 @@
       "types": "./build/bootstrap.d.ts",
       "default": "./build/bootstrap.js"
     },
-    "./metro-css-parser": "./metro-css-parser.cjs"
+    "./metro-css-parser": "./metro-css-parser.cjs",
+    "./jsx-runtime": {
+      "types": "./build/jsx-runtime.d.ts",
+      "default": "./build/jsx-runtime.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./build/jsx-dev-runtime.d.ts",
+      "default": "./build/jsx-dev-runtime.js"
+    }
   },
   "files": [
     "build",
@@ -37,20 +57,20 @@
   },
   "dependencies": {
     "react-reconciler": "^0.33.0",
-    "@symbiote-native/components": "0.5.0",
-    "@symbiote-native/css-parser": "0.4.0"
+    "@symbiote-native/components": "2.0.0",
+    "@symbiote-native/css-parser": "0.5.0"
   },
   "peerDependencies": {
-    "@symbiote-native/engine": ">=0.1.7",
     "react": ">=19.0.0",
-    "react-native": ">=0.86"
+    "react-native": ">=0.86",
+    "@symbiote-native/engine": "^0.5.0"
   },
   "devDependencies": {
     "@types/react": "^19.2.0",
     "@types/react-reconciler": "^0.32.2",
     "react": "19.2.3",
-    "@symbiote-native/engine": "0.3.0",
-    "@symbiote-native/test-utils": "0.2.0"
+    "@symbiote-native/engine": "0.5.0",
+    "@symbiote-native/test-utils": "0.3.0"
   },
   "scripts": {
     "typecheck": "tsc --build",

package/build/components/activity-indicator/index.android.d.ts

@@ -1,3 +0,0 @@
-import type { IActivityIndicatorProps } from './shared';
-export type { IActivityIndicatorProps } from './shared';
-export declare function ActivityIndicator(rawProps: IActivityIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/build/components/activity-indicator/index.android.js

@@ -1,17 +0,0 @@
-// AndroidProgressBar needs `styleAttr` (drives ProgressBar.setStyle(); missing it throws
-// "setStyle() not called") and `indeterminate: true`; default color is the theme (null) —
-// mirrors RN's ActivityIndicator.js android branch. Metro selects this file on an Android
-// host, no Platform.OS read needed.
-// device-verify-pending: confirmed by the absence of the setStyle() red box on a real host.
-import { descriptorToReact } from '../../descriptor-to-react/index.js';
-import { useActivityIndicatorLogic } from './shared.js';
-const PLATFORM = {
-    // RN: `color = Platform.OS === 'ios' ? GRAY : null`; Android lets the theme color it.
-    defaultColor: null,
-    nativeExtras: { styleAttr: 'Normal', indeterminate: true },
-};
-// A top-level named function, not a factory-returned closure: React Compiler's
-// component detection only walks top-level declarations (see shared.ts).
-export function ActivityIndicator(rawProps) {
-    return descriptorToReact(useActivityIndicatorLogic(rawProps, PLATFORM));
-}

package/build/components/activity-indicator/index.d.ts

@@ -1 +0,0 @@
-export * from './index.ios';

package/build/components/activity-indicator/index.ios.d.ts

@@ -1,3 +0,0 @@
-import type { IActivityIndicatorProps } from './shared';
-export type { IActivityIndicatorProps } from './shared';
-export declare function ActivityIndicator(rawProps: IActivityIndicatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/build/components/activity-indicator/index.ios.js

@@ -1,16 +0,0 @@
-// ActivityIndicator on iOS: RCTActivityIndicatorView takes the size enum + a GRAY
-// default color and no extra native props. Also the base (activity-indicator.ts
-// re-exports it) for headless / web.
-import { descriptorToReact } from '../../descriptor-to-react/index.js';
-import { useActivityIndicatorLogic } from './shared.js';
-// RN's iOS default spinner color (Libraries/.../ActivityIndicator.js GRAY).
-const IOS_DEFAULT_COLOR = '#999999';
-const PLATFORM = {
-    defaultColor: IOS_DEFAULT_COLOR,
-    nativeExtras: {},
-};
-// A top-level named function, not a factory-returned closure: React Compiler's
-// component detection only walks top-level declarations (see shared.ts).
-export function ActivityIndicator(rawProps) {
-    return descriptorToReact(useActivityIndicatorLogic(rawProps, PLATFORM));
-}

package/build/components/activity-indicator/index.js

@@ -1,4 +0,0 @@
-// Base / default ActivityIndicator: re-exports the iOS build. Metro overrides this with
-// activity-indicator.ios.ts / .android.ts on a real host; under tsx / tsc / web the host
-// config resolves here. Filename is the selector, no Platform.OS read.
-export * from './index.ios.js';

package/build/components/activity-indicator/shared.d.ts

@@ -1,6 +0,0 @@
-import type { IActivityIndicatorPlatform, IActivityIndicatorProps as IActivityIndicatorBaseProps } from '@symbiote-native/components';
-export type { IActivityIndicatorPlatform } from '@symbiote-native/components';
-export type IActivityIndicatorProps = IActivityIndicatorBaseProps & {
-    className?: string;
-};
-export declare function useActivityIndicatorLogic(rawProps: IActivityIndicatorProps, platform: IActivityIndicatorPlatform): import("@symbiote-native/components").IDescriptor;

package/build/components/activity-indicator/shared.js

@@ -1,22 +0,0 @@
-// ActivityIndicator is the React lifecycle half. The render (size translation, wrapper +
-// spinner, color omission) lives framework-agnostic in @symbiote-native/components; here the
-// adapter only resolves props (accessibility, defaults), calls the render fn, and bridges
-// the Descriptor to a React element. No state, no effects: this component is render-only.
-//
-// The per-platform bits (iOS GRAY default + no extras; Android theme/null + styleAttr +
-// indeterminate) are supplied by the .ios/.android files via `IActivityIndicatorPlatform`.
-//
-// useActivityIndicatorLogic is a plain top-level hook, not a component factory returning a
-// closure: React Compiler's component/hook detection only walks top-level declarations, so
-// index.ios.ts / index.android.ts each declare their OWN top-level `ActivityIndicator`
-// function that calls this hook, rather than exporting whatever a factory here returns (same
-// shape as switch/shared.ts's useSwitchLogic).
-import { renderActivityIndicator, resolveAccessibilityProps, } from '@symbiote-native/components';
-export function useActivityIndicatorLogic(rawProps, platform) {
-    // The wrapper is a raw symbiote-view, not the View FC, so it never runs
-    // resolveAccessibilityProps itself, so fold aria/role here, then forward the resolved
-    // accessibility* surface (plus testID / onLayout) onto the wrapper via `passthrough`.
-    const props = resolveAccessibilityProps(rawProps);
-    const { animating = true, color, hidesWhenStopped = true, size = 'small', style, ...passthrough } = props;
-    return renderActivityIndicator({ animating, color, hidesWhenStopped, size, style, passthrough }, platform);
-}

package/build/components/button.js

@@ -1,42 +0,0 @@
-// Button is the minimal cross-platform button, rendered in its iOS shape per RN's Button.js: a
-// TouchableOpacity wrapping a Text. The base text style, the role constant, and the color fold
-// (caller color tints the label; disabled greys it) are shared in @symbiote-native/components/view; here
-// React only composes its TouchableOpacity + Text and forwards the native-only props.
-import { createElement } from 'react';
-import { Text } from '../components.js';
-import { TouchableOpacity } from './touchable/index.js';
-import { BUTTON_ACCESSIBILITY_ROLE, resolveButtonTextStyle, } from '@symbiote-native/components';
-export const Button = props => {
-    const { title, onPress, color, disabled, touchSoundDisabled, testID, hasTVPreferredFocus, nextFocusDown, nextFocusForward, nextFocusLeft, nextFocusRight, nextFocusUp, ...accessibilityRest } = props;
-    const textStyle = resolveButtonTextStyle(color, disabled);
-    // The pressable / native View props TouchableOpacity does not type but forwards to Fabric
-    // (testID + TV-focus). Carried as a plain record (the pass-through idiom Image uses) so
-    // excess-property typing does not reject the native-only keys. TV-focus is inert on a phone.
-    const nativeForward = { testID };
-    if (hasTVPreferredFocus !== undefined)
-        nativeForward.hasTVPreferredFocus = hasTVPreferredFocus;
-    if (nextFocusDown !== undefined)
-        nativeForward.nextFocusDown = nextFocusDown;
-    if (nextFocusForward !== undefined)
-        nativeForward.nextFocusForward = nextFocusForward;
-    if (nextFocusLeft !== undefined)
-        nativeForward.nextFocusLeft = nextFocusLeft;
-    if (nextFocusRight !== undefined)
-        nativeForward.nextFocusRight = nextFocusRight;
-    if (nextFocusUp !== undefined)
-        nativeForward.nextFocusUp = nextFocusUp;
-    // RN's Button sets role=button, is accessible, and propagates the disabled accessibility state.
-    // The caller's accessibility props pass through, but Button's fixed role / accessible /
-    // disabled-state win, applied after the spread. touchSoundDisabled maps to the pressable's
-    // android_disableSound.
-    return createElement(TouchableOpacity, {
-        ...accessibilityRest,
-        ...nativeForward,
-        onPress,
-        disabled,
-        android_disableSound: touchSoundDisabled,
-        accessibilityRole: BUTTON_ACCESSIBILITY_ROLE,
-        accessible: true,
-        accessibilityState: { disabled },
-    }, createElement(Text, { style: textStyle }, title));
-};

package/build/components/image/index.d.ts

@@ -1,9 +0,0 @@
-import { type FC } from 'react';
-import { type IImageStatics, type IImageProps as IImageBaseProps } from '@symbiote-native/components';
-export type IImageProps = IImageBaseProps & {
-    className?: string;
-};
-export type IImageWithStatics = FC<IImageProps> & IImageStatics;
-export declare const Image: IImageWithStatics;
-export { setImageSourceResolver } from '@symbiote-native/components';
-export type { IImageSource, IImageSourceProp, IResizeMode, IImageSize, IImageCacheStatus, } from '@symbiote-native/components';

package/build/components/image/index.js

@@ -1,28 +0,0 @@
-import {} from 'react';
-import { imageStatics, renderImage, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { descriptorToReact } from '../../descriptor-to-react/index.js';
-// renderImage takes a pre-resolved view + passthrough (the ISwitchViewProps shape), so the
-// adapter folds aria/role and splits the typed transform fields from the forward-only rest.
-// The W3C source aliases (src/srcSet/crossOrigin/referrerPolicy) and width/height become typed
-// view fields (consumed by the source/style fold), so they never leak to Fabric via passthrough.
-const ImageComponent = rawProps => {
-    const { source, defaultSource, loadingIndicatorSource, style, resizeMode, tintColor, src, srcSet, alt, width, height, crossOrigin, referrerPolicy, ...passthrough } = resolveAccessibilityProps(rawProps);
-    return descriptorToReact(renderImage({
-        source,
-        defaultSource,
-        loadingIndicatorSource,
-        style,
-        resizeMode,
-        tintColor,
-        src,
-        srcSet,
-        alt,
-        width,
-        height,
-        crossOrigin,
-        referrerPolicy,
-        passthrough,
-    }));
-};
-export const Image = Object.assign(ImageComponent, imageStatics);
-export { setImageSourceResolver } from '@symbiote-native/components';

package/build/components/image-background/index.d.ts

@@ -1,10 +0,0 @@
-import { type ReactElement, type ReactNode } from 'react';
-import { type IImageProps } from '@symbiote-native/components';
-import type { IStyleProp, IViewStyle } from '../../utils/styles';
-export interface IImageBackgroundProps extends Omit<IImageProps, 'style'> {
-    style?: IStyleProp<IViewStyle>;
-    imageStyle?: IStyleProp<IViewStyle> | string;
-    className?: string;
-    children?: ReactNode;
-}
-export declare function ImageBackground(props: IImageBackgroundProps): ReactElement;

package/build/components/image-background/index.js

@@ -1,46 +0,0 @@
-// ImageBackground: the React lifecycle half. The composition (the absolute-fill Image behind
-// the children, the dimension-proxy + style-merge math) lives framework-agnostic in
-// @symbiote-native/components/renderImageBackground and is shared verbatim with Vue; here React only
-// folds aria/role, splits the typed Image transform fields from the forward-only rest, bridges
-// the Descriptor to elements, and appends the user children ON TOP of the inner image.
-import { createElement } from 'react';
-import { resolveClassName } from '@symbiote-native/engine';
-import { renderImageBackground, resolveAccessibilityProps, } from '@symbiote-native/components';
-import { descriptorToReact } from '../../descriptor-to-react/index.js';
-function toChild(child) {
-    return typeof child === 'string' ? child : descriptorToReact(child);
-}
-export function ImageBackground(props) {
-    // className is pulled out here, like style, and applied to the WRAPPER element below — left
-    // in ...imageProps it would fall into `passthrough` and land on the INNER Image instead
-    // (renderImageBackground's `image.passthrough`, not the wrapper's own props).
-    const { children, style, imageStyle, className, ...imageProps } = props;
-    // imageStyle targets the INNER image (renderImageBackground's own field), unlike className
-    // above which lands on the wrapper — resolve the string here, before it flows in below.
-    const resolvedImageStyle = typeof imageStyle === 'string' ? resolveClassName(imageStyle) : imageStyle;
-    // The W3C source aliases (src/srcSet/crossOrigin/referrerPolicy) and width/height become typed
-    // Image view fields (consumed by the source/style fold), so they never leak to Fabric via
-    // passthrough; everything else (events, blurRadius, the folded accessibility*, testID) forwards.
-    const { source, defaultSource, loadingIndicatorSource, resizeMode, tintColor, src, srcSet, alt, width, height, crossOrigin, referrerPolicy, ...passthrough } = resolveAccessibilityProps(imageProps);
-    const wrapper = renderImageBackground({
-        style,
-        imageStyle: resolvedImageStyle,
-        image: {
-            source,
-            defaultSource,
-            loadingIndicatorSource,
-            resizeMode,
-            tintColor,
-            src,
-            srcSet,
-            alt,
-            width,
-            height,
-            crossOrigin,
-            referrerPolicy,
-            passthrough,
-        },
-    });
-    // wrapper = symbiote-view > [imageDescriptor]; the user children paint AFTER the image (on top).
-    return createElement(wrapper.type, { key: wrapper.key, ...wrapper.props, className }, ...wrapper.children.map(toChild), children);
-}

package/build/components/input-accessory-view/index.d.ts

@@ -1,11 +0,0 @@
-import { type FC, type ReactNode } from 'react';
-import { type IAccessibilityProps, type IAriaProps } from '@symbiote-native/components';
-import type { IStyleProp, IViewStyle } from '../../utils/styles';
-export interface IInputAccessoryViewProps extends IAccessibilityProps, IAriaProps {
-    nativeID?: string;
-    backgroundColor?: string;
-    style?: IStyleProp<IViewStyle>;
-    className?: string;
-    children?: ReactNode;
-}
-export declare const InputAccessoryView: FC<IInputAccessoryViewProps>;

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

@@ -1,19 +0,0 @@
-// InputAccessoryView: the React lifecycle half (iOS). The host-node assembly (nativeID /
-// backgroundColor / style / accessibility forwarding) lives framework-agnostic in
-// @symbiote-native/components/renderInputAccessoryView and is shared verbatim with Vue; here React only
-// folds aria/role, bridges the Descriptor, and nests the user children under the host.
-import { createElement } from 'react';
-import { renderInputAccessoryView, resolveAccessibilityProps, } from '@symbiote-native/components';
-export const InputAccessoryView = rawProps => {
-    // Owns its host element (symbiote-input-accessory-view), so it folds aria/role here; the
-    // resolved accessibility* surface rides the node via `...passthrough`.
-    const { nativeID, backgroundColor, style, children, ...passthrough } = resolveAccessibilityProps(rawProps);
-    const host = renderInputAccessoryView({
-        nativeID,
-        backgroundColor,
-        style,
-        passthrough,
-    });
-    // host has no structural children; the user children nest directly under it.
-    return createElement(host.type, { key: host.key, ...host.props }, children);
-};