@symbiote-native/svelte 1.0.0 → 3.0.0

package/build/index.d.ts

@@ -2,13 +2,16 @@ import './register';
 export { mount, unmount } from './render';
 export { AppRegistry, setHostRegistrar } from './modules/app-registry';
 export type { IComponentProvider, IWrapperComponentProvider, IAppParameters, IRunnable, IHostRegistrar, IRegistry, IHeadlessTask, ITaskProvider, ITaskCanceller, ITaskCancelProvider, } from './modules/app-registry';
-export { View, Text, ActivityIndicator, Image, ImageBackground, InputAccessoryView, KeyboardAvoidingView, Switch, TextInput, Modal, SafeAreaView, RefreshControl, Pressable, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, TouchableNativeFeedback, Button, ScrollView, ScrollViewStickyHeader, VirtualizedList, FlatList, VirtualizedSectionList, SectionList, } from './components';
-export type { IViewProps, ITextProps, IActivityIndicatorProps, IImageProps, IImageStatics, IImageBackgroundProps, IInputAccessoryViewProps, IKeyboardAvoidingViewProps, IKeyboardAvoidingBehavior, ISwitchProps, ITextInputProps, ITextInputHandle, IModalProps, ISafeAreaViewProps, IRefreshControlProps, IPressableProps, ITouchableOpacityProps, ITouchableHighlightProps, ITouchableWithoutFeedbackProps, ITouchableNativeFeedbackProps, IButtonProps, IScrollViewProps, IScrollViewHandle, IStickyHeaderComponentProps, IVirtualizedListProps, IVirtualizedListHandle, IFlatListProps, IFlatListHandle, IVirtualizedSectionListProps, ISectionListProps, ISection, } from './components';
+export { KeyboardAvoidingView, Modal, VirtualizedList, FlatList, VirtualizedSectionList, SectionList, } from './components';
+export type { IViewProps, ITextProps, IActivityIndicatorProps, IImageProps, IImageBackgroundProps, IInputAccessoryViewProps, IKeyboardAvoidingViewProps, IKeyboardAvoidingBehavior, ISwitchProps, ISwitchChangeEvent, ITextInputProps, ITextInputHandle, ITextInputChangeEvent, IModalProps, ISafeAreaViewProps, IRefreshControlProps, IPressableProps, ITouchableOpacityProps, ITouchableHighlightProps, ITouchableWithoutFeedbackProps, ITouchableNativeFeedbackProps, IButtonProps, IScrollViewProps, IScrollViewHandle, IVirtualizedListProps, IVirtualizedListHandle, IFlatListProps, IFlatListHandle, IVirtualizedSectionListProps, ISectionListProps, ISection, } from './components';
 export type { IAccessibilityProps, IAriaProps, IAccessibilityRole, IRole, IAccessibilityStateValue, IAccessibilityValue, IAccessibilityActionInfo, IResponderProps, } from '@symbiote-native/components';
 export { setImageSourceResolver } from '@symbiote-native/components';
 export type { IImageSource, IImageSourceProp, IResizeMode, IImageSize, IImageCacheStatus, IModalAnimationType, IModalPresentationStyle, IModalOrientation, IViewToken, IViewableItemsChangedInfo, IViewabilityConfig, IViewabilityConfigCallbackPair, IPressState, ISwitchTrackColor, INativeFeedbackBackground, IThemeAttrBackground, IRippleBackground, IVirtualizedSectionListHandle, IVirtualizedSectionListHandle as ISectionListHandle, ICellLayout, ISeparatorProps, ISeparators, IModalOrientationChangeEvent, IPressableAndroidRippleConfig, IEnterKeyHint, IInputMode, ISubmitBehavior, ITextInputSelection, } from '@symbiote-native/components';
 export { Platform, StyleSheet, PlatformColor, DynamicColorIOS, processColor, setNativeViewConfigSource, setColorProcessor, setDeviceEventSource, PixelRatio, PanResponder, dlog, isDebug, } from '@symbiote-native/engine';
 export type { INativeViewConfig, INativeViewConfigSource, IPixelRatioStatic, ISymbioteEvent, ISymbioteNode, IRootTag, IPanResponderGestureState, IPanResponderCallbacks, IGestureResponderHandlers, IPanResponderInstance, IViewStyle, ITextStyle, IFlexAlign, IFlexJustify, IPlatformStatic, IPlatformOSType, IPlatformConstantsIOS, IPlatformConstantsAndroid, IPlatformSelectSpec, IColorValue, IOpaqueColorValue, IDynamicColorIOSTuple, } from '@symbiote-native/engine';
+export { Image } from './modules/image';
+export type { IImageStatics } from './modules/image';
+export { TouchableNativeFeedback } from '@symbiote-native/components';
 export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, AppState, Keyboard, KEYBOARD_EVENT, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, LayoutAnimation, InteractionManager, } from '@symbiote-native/engine';
 export type { IAlertType, IAlertButtonStyle, IAlertButton, IAlertButtons, IAlertOptions, IShareContent, IShareOptions, IShareAction, IActionSheetIOSOptions, IShareActionSheetIOSOptions, IShareActionSheetError, IUrlEvent, II18nManagerConstants, IDisplayMetrics, IDisplayMetricsAndroid, IDimensionsPayload, IDimensionsSet, IDimensionsKey, IDimensionsChangeListener, IDimensionsStatic, IColorSchemeName, IColorSchemePreference, IAppStateStatus, IAppStateEvent, IKeyboardEventName, IKeyboardEvent, IKeyboardMetrics, IBackPressEventName, IBackPressHandler, IPermission, IPermissionStatus, IRationale, ILayoutAnimationType, ILayoutAnimationProperty, ILayoutAnimationConfig, ILayoutAnimationAnim, IInteractionEvent, ISimpleTask, IPromiseTask, ITask, IHandle, } from '@symbiote-native/engine';
 export { StatusBar } from './modules/status-bar';
@@ -18,6 +21,7 @@ export type { IAccessibilityChangeEvent, IAccessibilityChangeEventName, IAccessi
 export { findNodeHandle, hostInstance } from './host-instance';
 export type { IHostInstance } from './host-instance';
 export type { ShimElement } from './dom-shim';
+export type { ISymbioteIntrinsicTag, ISymbioteHostAttributes, } from './intrinsic-elements';
 export { createTunnel, TunnelIn, TunnelOut, type ITunnel, } from './create-tunnel';
 export { Portal, type IPortalProps, type IPortalTarget } from './create-portal';
 export { useWindowDimensions } from './runes/use-window-dimensions.svelte';
@@ -27,5 +31,4 @@ export { orientation, createWidthQuery } from './runes/media-query';
 export type { IOrientation, IWidthQueryBounds } from './runes/media-query';
 export type { IReactiveValue } from './runes/dimensions-value';
 export { normalizeSvelteClass, resolveSvelteClass, type ISvelteClassValue, type IClassMap, type IClassEntry, } from './class-value';
-export { Animated, createAnimatedComponent } from './modules/animated';
-export type { IAnimatedComponentProps } from './modules/animated';
+export { Animated } from './modules/animated';

package/build/index.js

@@ -15,7 +15,12 @@
 import './register.js';
 export { mount, unmount } from './render.js';
 export { AppRegistry, setHostRegistrar } from './modules/app-registry/index.js';
-export { View, Text, ActivityIndicator, Image, ImageBackground, InputAccessoryView, KeyboardAvoidingView, Switch, TextInput, Modal, SafeAreaView, RefreshControl, Pressable, TouchableOpacity, TouchableHighlight, TouchableWithoutFeedback, TouchableNativeFeedback, Button, ScrollView, ScrollViewStickyHeader, VirtualizedList, FlatList, VirtualizedSectionList, SectionList, } from './components/index.js';
+// Nine names are deliberately absent and there is nothing to import in their place: `view`, `text`,
+// `safe-area-view`, `pressable`, `text-input`, `switch`, `image`, `input-accessory-view` and
+// `activity-indicator` are INTRINSIC TAGS an app writes directly. What survives of `Image` and
+// `TouchableNativeFeedback` is a STATICS namespace each, exported with the other imperative
+// namespaces below. See ./components/index.ts for where each deleted wrapper's body went.
+export { KeyboardAvoidingView, Modal, VirtualizedList, FlatList, VirtualizedSectionList, SectionList, } from './components/index.js';
 // Component-scoped agnostic types that live in @symbiote-native/components but weren't yet
 // threaded through this barrel (parity fix, see React's index.ts lines 55-58, 89, 245-250).
 export { setImageSourceResolver } from '@symbiote-native/components';
@@ -24,6 +29,13 @@ export { setImageSourceResolver } from '@symbiote-native/components';
 // React/Vue's own barrels) until 2026-08-12 — a pure engine re-export, no framework glue, so
 // adding it is a one-line parity fix, not new adapter work.
 export { Platform, StyleSheet, PlatformColor, DynamicColorIOS, processColor, setNativeViewConfigSource, setColorProcessor, setDeviceEventSource, PixelRatio, PanResponder, dlog, isDebug, } from '@symbiote-native/engine';
+// The two namespaces left behind by primitives that became tags, here rather than in the component
+// block above for one reason: they carry no view. `Image` gets an adapter file only because it
+// renames the shared `imageStatics`; TNF's four are pure dict producers and come straight from the
+// shared package. RN points NEW code at `<pressable p={{ android_ripple: {…} }}>`, but they are not
+// redundant — the `touchable-native-feedback` tag folds `background`, and nothing else builds it.
+export { Image } from './modules/image/index.js';
+export { TouchableNativeFeedback } from '@symbiote-native/components';
 // Imperative runtime modules: the SAME module every adapter shares, re-exported straight from
 // @symbiote-native/engine so app code names only @symbiote-native/svelte (RN's single import
 // root). Nothing here has a visual or a lifecycle, so there is no Svelte half to write.
@@ -80,7 +92,7 @@ export { orientation, createWidthQuery } from './runes/media-query.js';
 // IClassNameValue — plus the normalizer, for a consumer building a class value in its own
 // helper. See class-value.ts's header for the object-is-a-style vs object-is-a-clsx-map rule.
 export { normalizeSvelteClass, resolveSvelteClass, } from './class-value.js';
-// Animated: the Svelte twin of adapters/vue/src/modules/animated. All six RN animated components
-// ship (View/Text/Image/ScrollView/FlatList/SectionList), all of them from the same generic
-// createAnimatedComponent() wrap React, Vue and Solid also export.
-export { Animated, createAnimatedComponent } from './modules/animated/index.js';
+// Animated: the drivers, plus FlatList/SectionList as ALIASES of the plain components. There is no
+// `createAnimatedComponent` — the engine resolves an AnimatedNode in any prop of any host node, so
+// nothing needs wrapping (modules/animated/index.ts).
+export { Animated } from './modules/animated/index.js';

package/build/intrinsic-elements.d.ts

@@ -0,0 +1,63 @@
+import type { ISymbioteIntrinsic, ICrossTypedIntrinsics } from '@symbiote-native/components';
+import type { IShimPropBag } from './dom-shim/element';
+import type { IViewProps } from './components/view-props';
+import type { ITextProps } from './components/text-props';
+import type { IImageProps } from './components/image/image-props';
+import type { IImageBackgroundProps } from './components/image-background-props';
+import type { IPressableProps } from './components/pressable/pressable-props';
+import type { IButtonProps } from './components/button-props';
+import type { IActivityIndicatorProps } from './components/activity-indicator-props';
+import type { ISafeAreaViewProps } from './components/safe-area-view-props';
+import type { IRefreshControlProps } from './components/refresh-control-props';
+import type { ITouchableOpacityProps } from './components/touchable-opacity/touchable-opacity-props';
+import type { ITouchableWithoutFeedbackProps } from './components/touchable-without-feedback/touchable-without-feedback-props';
+import type { ITouchableHighlightProps } from './components/touchable-highlight/touchable-highlight-props';
+import type { ITouchableNativeFeedbackProps } from './components/touchable-native-feedback/touchable-native-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/modal-props';
+import type { IInputAccessoryViewProps } from './components/input-accessory-view/input-accessory-view-props';
+export interface ISymbioteHostAttributes {
+    p?: IShimPropBag;
+    [attribute: 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 IWithSvelteAttributeRealities<Props> = Partial<Props> & {
+    p?: IShimPropBag;
+} & {
+    [K in keyof Props as K extends string ? Lowercase<K> : never]?: Props[K];
+};
+declare global {
+    namespace svelteHTML {
+        interface IntrinsicElements extends ICrossTypedIntrinsics<ISymbioteHostAttributes, {
+            [K in keyof ICrossedPrimitiveProps]: IWithSvelteAttributeRealities<ICrossedPrimitiveProps[K]>;
+        }> {
+        }
+        interface SVGAttributes extends ISymbioteHostAttributes {
+        }
+        interface HTMLAttributes extends ISymbioteHostAttributes {
+        }
+    }
+}
+export type ISymbioteIntrinsicTag = ISymbioteIntrinsic;
+export {};

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

@@ -1,29 +1,9 @@
 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';
-export { createAnimatedComponent } from './create-animated-component';
-export type { IAnimatedComponentProps } from './animated-component-props';
-export declare const Animated: {
+declare const drivers: {
     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;
-    };
+    Easing: import("@symbiote-native/engine").IEasing;
     timing: typeof timing;
     spring: typeof spring;
     decay: typeof decay;
@@ -41,28 +21,32 @@ export declare const Animated: {
     event: typeof event;
     forkEvent: typeof forkEvent;
     unforkEvent: typeof unforkEvent;
-    View: import("svelte").Component<import("./animated-component-props").IAnimatedComponentProps, {
-        $on?(type: string, callback: (e: any) => void): () => void;
-        $set?(props: Partial<Record<string, any>>): void;
-    } & Record<string, any>, string>;
-    Text: import("svelte").Component<import("./animated-component-props").IAnimatedComponentProps, {
-        $on?(type: string, callback: (e: any) => void): () => void;
-        $set?(props: Partial<Record<string, any>>): void;
-    } & Record<string, any>, string>;
-    Image: import("svelte").Component<import("./animated-component-props").IAnimatedComponentProps, {
-        $on?(type: string, callback: (e: any) => void): () => void;
-        $set?(props: Partial<Record<string, any>>): void;
-    } & Record<string, any>, string>;
-    ScrollView: import("svelte").Component<import("./animated-component-props").IAnimatedComponentProps, {
-        $on?(type: string, callback: (e: any) => void): () => void;
-        $set?(props: Partial<Record<string, any>>): void;
-    } & Record<string, any>, string>;
-    FlatList: import("svelte").Component<import("./animated-component-props").IAnimatedComponentProps, {
-        $on?(type: string, callback: (e: any) => void): () => void;
-        $set?(props: Partial<Record<string, any>>): void;
-    } & Record<string, any>, string>;
-    SectionList: import("svelte").Component<import("./animated-component-props").IAnimatedComponentProps, {
-        $on?(type: string, callback: (e: any) => void): () => void;
-        $set?(props: Partial<Record<string, any>>): void;
-    } & Record<string, any>, string>;
+} | {
+    Value: typeof AnimatedValue;
+    ValueXY: typeof AnimatedValueXY;
+    Color: typeof AnimatedColor;
+    Easing: import("@symbiote-native/engine").IEasing;
+    timing: (value: AnimatedValue, config: import("@symbiote-native/engine").ITimingConfig) => import("@symbiote-native/engine").ICompositeAnimation;
+    spring: (value: AnimatedValue, config: import("@symbiote-native/engine").ISpringConfig) => import("@symbiote-native/engine").ICompositeAnimation;
+    decay: (_value: AnimatedValue, _config: import("@symbiote-native/engine").IDecayConfig) => import("@symbiote-native/engine").ICompositeAnimation;
+    parallel: (animations: import("@symbiote-native/engine").ICompositeAnimation[], _config?: import("@symbiote-native/engine").IParallelConfig) => import("@symbiote-native/engine").ICompositeAnimation;
+    sequence: (animations: import("@symbiote-native/engine").ICompositeAnimation[]) => import("@symbiote-native/engine").ICompositeAnimation;
+    stagger: (_time: number, animations: import("@symbiote-native/engine").ICompositeAnimation[]) => import("@symbiote-native/engine").ICompositeAnimation;
+    loop: (_animation: import("@symbiote-native/engine").ICompositeAnimation) => import("@symbiote-native/engine").ICompositeAnimation;
+    delay: (_time: number) => import("@symbiote-native/engine").ICompositeAnimation;
+    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;
 };
+interface IAnimatedNamespace {
+    FlatList: typeof import('../../components/flat-list/index.svelte').default;
+    SectionList: typeof import('../../components/section-list/index.svelte').default;
+}
+export declare const Animated: IAnimatedNamespace & typeof drivers;
+export {};

package/build/modules/animated/index.js

@@ -1,29 +1,27 @@
-// The Animated namespace for @symbiote-native/svelte: the Svelte twin of
-// adapters/vue/src/modules/animated/index.ts (the primary reference — Svelte 5's runes are much
-// closer to Vue's reactivity model than to React's hooks). The value graph, easing,
-// interpolation and drivers come from @symbiote-native/engine (framework-agnostic, JS-driven),
-// spread in verbatim.
+// The Animated namespace for @symbiote-native/svelte. The value graph, easing, interpolation and
+// drivers come from @symbiote-native/engine (framework-agnostic, JS-driven), spread in verbatim.
 //
-// All six components come from ONE generic `createAnimatedComponent(Base)` — the same shape
-// React, Vue and Solid have — applied to the ordinary components. There is no hand-authored
-// `.svelte` file per animated component any more: an earlier revision of this header claimed a
-// generic wrap was impossible on Svelte, and that was simply wrong. See
-// create-animated-component.ts for how the wrap reaches the host node behind a base that exports
-// an imperative handle (ScrollView/FlatList/SectionList) versus one that exports nothing
-// (View/Text/Image), and for why it is plain TS rather than a parametrized `.svelte` file.
+// There is no `Animated.View` / `Animated.Text` / `Animated.Image` any more, and nothing replaced
+// them: `<view style={{ opacity: someAnimatedValue }}>` is the whole API. The engine resolves an
+// AnimatedNode written into any prop of any host node (`core/engine/src/animated/host-binding.ts`):
+// it publishes the current value, subscribes the leaf, writes each frame through its own targeted
+// setNativeProps commit, and releases at the commit sweep. `createAnimatedComponent` brokered
+// between the value graph and the node's Fabric tag, and both of those were already engine-side.
 //
-// A consumer animating their OWN component wraps it the same way: `createAnimatedComponent(Mine)`
-// works as long as Mine either exports `getScrollNode()` or forwards `{@attach}` onto its host
-// tag, which every component in this adapter does.
+// Those three were aliases of the wrappers, and the wrappers are gone — a primitive is a tag now,
+// which is not a value `<Animated.X>` can call. `Animated.ScrollView` left the same way on
+// 2026-09-10: `bindAnimatedEvent` (node.ts, from `setEventListener`) attaches a native-driven event
+// on ANY host node, which was the one job a scroll wrapper still looked like it had. The whole API
+// is `<scroll-view style={{ opacity: v }} p={{ onScroll: Animated.event(…) }}>`.
+//
+// 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.
+//
+// A consumer animating their OWN component wraps nothing either: any component that forwards
+// `style` down to a Symbiote primitive accepts an AnimatedNode by construction.
 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 View from '../../components/View.svelte';
-import Text from '../../components/Text.svelte';
-import Image from '../../components/image/index.svelte';
-import ScrollView from '../../components/scroll-view/index.svelte';
 import FlatList from '../../components/flat-list/index.svelte';
 import SectionList from '../../components/section-list/index.svelte';
-import { createAnimatedComponent } from './create-animated-component.js';
-export { createAnimatedComponent } from './create-animated-component.js';
 // The live, JS-driven driver namespace (real frames). RN's AnimatedImplementation.
 const liveDrivers = {
     Value: AnimatedValue,
@@ -50,20 +48,12 @@ const liveDrivers = {
 };
 // 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 (View/Text/Image/ScrollView/
-// FlatList/SectionList) 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 component references.
+// final value synchronously, no frames. Only this half is swapped — the component names below are
+// the same references either way, exactly like RN spreading `...Animated` (impl or mock) over one
+// set of components.
 const drivers = Platform.isDisableAnimations ? AnimatedMock : liveDrivers;
-// Wrapped eagerly, unlike Vue's lazy getters: nothing in the scroll/list chain imports THIS
-// module back (sticky-header builds its own Animated.View straight from the wrap), so there is
-// no half-evaluated cycle to dodge.
 export const Animated = {
-    View: createAnimatedComponent(View),
-    Text: createAnimatedComponent(Text),
-    Image: createAnimatedComponent(Image),
-    ScrollView: createAnimatedComponent(ScrollView),
-    FlatList: createAnimatedComponent(FlatList),
-    SectionList: createAnimatedComponent(SectionList),
+    FlatList,
+    SectionList,
     ...drivers,
 };

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,15 @@
+// RN's Image STATICS — `getSize`, `prefetch`, `queryCache`, `abortPrefetch`, `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>` names it.
+// Sitting in `components/` was what made a statics object read as a component.
+//
+// A NAMESPACE OBJECT rather than five bare functions, deliberately. `Alert`, `Share`, `Linking`,
+// `Vibration` and `AppState` are all `export const X = {…}`, an app porting from RN writes
+// `Image.getSize(...)` verbatim (P0, `<adapters_reach_full_feature_parity>`), and the bundle-size
+// argument for splitting them is void: Metro does no tree shaking (facebook/metro#227).
+//
+// Shared verbatim via `imageStatics`, the same source React's and Vue's Image use.
+import { imageStatics } from '@symbiote-native/components';
+export const Image = imageStatics;

package/build/preprocessor/scoped-styles.js

@@ -5,7 +5,7 @@
 // (`generate:'client', fragments:'tree', css:'external'`), a `<style>` block behaves one of two
 // ways:
 //
-//   <symbiote-view class="card">   ->  result.css: `.card.svelte-4psua6 { … }`
+//   <view class="card">   ->  result.css: `.card.svelte-4psua6 { … }`
 //                                      result.js:  `$.set_class(node, 1, 'card svelte-4psua6')`
 //   <View class="card">            ->  warning: css_unused_selector
 //                                      result.css: `/* (unused) .card { … }*/`

package/build/register.d.ts

@@ -1 +1 @@
-export {};
+import '@symbiote-native/components/register';

package/build/register.js

@@ -1,33 +1,15 @@
-// Side-effect ONLY — this module exports nothing, and that is the whole design.
+// Side-effect ONLY. Exports nothing, and must never be re-exported from the barrel.
 //
-// The host-behavior registry has to know that `symbiote-pressable` carries a press machine before
-// any node of that tag is created, and a registration is exactly the shape Metro's
-// `inlineRequires` silently drops in RELEASE builds: it moves a `require` down to the first place
-// its binding is used as a VALUE, and a barrel's `export { X } from './x'` compiles to a lazy
-// getter. A module nobody names as a value therefore never evaluates — dev is perfect, release has
-// no behavior at all.
+// 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.
 //
-// Two shapes survive that, and only two. Deleting the indirection is unavailable here: the engine
-// cannot import from `@symbiote-native/components` because the dependency runs the other way, so
-// the registry is forced rather than chosen. That leaves a BARE side-effect import that is never
-// re-exported, the pattern `packages/slider/src/{react,vue,svelte,angular}/index.ts` already uses.
-// `index.ts` carries `import './register';` and must never carry `export * from './register'`, nor
-// sit beside a re-export of this same specifier — Babel merges two imports of one specifier into a
-// single dependency and the merged one stays lazy.
-import { registerImageBehavior, registerInputAccessoryViewBehavior, registerPressableBehavior, registerSwitchBehavior, registerTextInputBehavior, } from '@symbiote-native/components';
-registerPressableBehavior();
-// Only the LOWERED tags carry this — the wrapper renders `symbiote-text-input-managed` and
-// keeps running its own lifecycle. One owner per node; see `component-names/shared.ts`.
-registerTextInputBehavior();
-// Same reason as TextInput: the wrapper renders `symbiote-switch-managed` and runs its own
-// lastNativeReport/snap-back lifecycle, so the engine's copy attaches only to the bare tag.
-registerSwitchBehavior();
-// Image owns no runtime — its behavior is a prop FOLD and nothing else, and it is registered on the
-// same `symbiote-image` the wrapper already emits rather than on a `-managed` twin. That is safe
-// only because the mapping is idempotent, which `core/components/src/behaviors/image.test.ts`
-// asserts rather than assumes; a wrapper-built node simply folds a second time and nothing moves.
-registerImageBehavior();
-// Fold-only, and it shares the wrapper's tag for the same reason Image does: the mapping has no
-// aliasing at all, so a wrapper-built node folding a second time moves nothing.
-// `core/components/src/behaviors/input-accessory-view.test.ts` asserts that rather than assuming it.
-registerInputAccessoryViewBehavior();
+// 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/root-element.js

@@ -9,7 +9,7 @@
 // normally an ancestor's `insertOne` does that. For the root there is no ancestor shim node;
 // the surface plays that role, so this file makes the one `surface.appendChild` call directly.
 import { ShimElement } from './dom-shim/index.js';
-const ROOT_INTRINSIC = 'symbiote-view';
+const ROOT_INTRINSIC = 'view';
 // Unlike Vue/React, whose app root mounts directly onto the surface (its own flex:1
 // class/style reaches the engine's synthetic flex:1 AppContainer with nothing in between),
 // Svelte's compiled output needs a real DOM-like `target` to call appendChild on — this

package/metro-css-parser.cjs

@@ -6,4 +6,5 @@
 // already handles standalone style files itself (its isStyleFile branch), so this subpath exists
 // only for parity with the other adapters and for a future consumer that wants CSS-only handling
 // without the .svelte transform (e.g. importing a plain .css from non-.svelte source).
-module.exports = require('@symbiote-native/css-parser').createCssMetroTransformer();
+module.exports =
+  require('@symbiote-native/css-parser').createCssMetroTransformer();

package/metro-svelte-transformer.cjs

@@ -86,17 +86,6 @@ function collapseTextWhitespacePreprocessor() {
   return collapseTextWhitespacePromise;
 }
 
-// Lowers <View>/<Text> to their intrinsic tags so a primitive stops costing a Svelte component
-// boundary — which in Svelte is paid in ANCHOR NODES, 12 per benchmark row (see the file header).
-// Loaded lazily for the same reason as the three above.
-let lowerHostPrimitivesPromise;
-function lowerHostPrimitivesPreprocessor() {
-  lowerHostPrimitivesPromise ??=
-    import('@symbiote-native/svelte/lower-host-primitives').then(mod =>
-      mod.lowerHostPrimitives(),
-    );
-  return lowerHostPrimitivesPromise;
-}
 //
 // Svelte 5's compiler strips <script lang="ts"> types structurally, with no external type
 // resolution needed (unlike @vue/compiler-sfc's compileScript, which needs registerTS + a real
@@ -160,12 +149,7 @@ module.exports.transform = async function transform(params) {
     const preprocessed = await (
       await collapseTextWhitespacePreprocessor()
     ).markup({ content: stylePreprocessed.code, filename: params.filename });
-    // LAST, and after scopedStyles specifically — see svelte.config.js for why the order is
-    // load-bearing rather than stylistic.
-    const lowered = await (
-      await lowerHostPrimitivesPreprocessor()
-    ).markup({ content: preprocessed.code, filename: params.filename });
-    const code = compileSvelteFile(lowered.code, params.filename);
+    const code = compileSvelteFile(preprocessed.code, params.filename);
     // Re-label as .tsx so RN's transformer processes the module exactly like app source; Metro
     // tracks the real path separately. Matches metro-vue-transformer.cjs's identical trick.
     return upstreamTransformer.transform({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/svelte",
-  "version": "1.0.0",
+  "version": "3.0.0",
   "description": "SymbioteNative's Svelte adapter — a DOM shim over stock compiled Svelte output driving real native iOS/Android views through the same engine as every other adapter.",
   "keywords": [
     "react-native",
@@ -52,10 +52,6 @@
       "types": "./build/preprocessor/collapse-text-whitespace.d.ts",
       "default": "./build/preprocessor/collapse-text-whitespace.js"
     },
-    "./lower-host-primitives": {
-      "types": "./build/preprocessor/lower-host-primitives.d.ts",
-      "default": "./build/preprocessor/lower-host-primitives.js"
-    },
     "./style-scope": {
       "types": "./build/style-scope.d.ts",
       "default": "./build/style-scope.js"
@@ -65,11 +61,7 @@
       "default": "./build/scope-token.js"
     },
     "./metro-svelte-transformer": "./metro-svelte-transformer.cjs",
-    "./metro-css-parser": "./metro-css-parser.cjs",
-    "./state-style": {
-      "types": "./build/state-style.d.ts",
-      "default": "./build/state-style.js"
-    }
+    "./metro-css-parser": "./metro-css-parser.cjs"
   },
   "files": [
     "build",
@@ -81,22 +73,22 @@
   },
   "dependencies": {
     "typescript": "~6.0.0",
-    "@symbiote-native/components": "1.0.0",
+    "@symbiote-native/components": "3.0.0",
     "@symbiote-native/css-parser": "0.5.0"
   },
   "peerDependencies": {
     "svelte": ">=5.56.0",
     "react-native": ">=0.86",
-    "@symbiote-native/engine": "^0.4.0"
+    "@symbiote-native/engine": "^1.0.0"
   },
   "devDependencies": {
     "@vue/runtime-core": "^3.5.13",
     "react": "19.2.3",
     "svelte": "^5.56.0",
-    "@symbiote-native/engine": "0.4.0",
-    "@symbiote-native/react": "1.0.0",
-    "@symbiote-native/test-utils": "0.3.0",
-    "@symbiote-native/vue": "1.0.0"
+    "@symbiote-native/engine": "1.0.0",
+    "@symbiote-native/react": "3.0.0",
+    "@symbiote-native/test-utils": "0.3.1",
+    "@symbiote-native/vue": "3.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",

package/build/components/RefreshControl.svelte

@@ -1,40 +0,0 @@
-<script lang="ts" module>
-  // RefreshControl primitive. On iOS this is the PullToRefreshView Fabric node that lives INSIDE
-  // a ScrollView (a sibling of the content container), giving the pull-to-refresh gesture. On
-  // Android it is AndroidSwipeRefreshLayout and WRAPS the scroll view (a childless-on-iOS,
-  // wraps-on-Android shape — see refresh-control-props.ts). `refreshing` is a controlled prop:
-  // the parent owns it and pushes it down each commit; native reports the gesture via the direct
-  // `topRefresh` event, which the engine routes to the host's `onRefresh` bag entry.
-  import type { IRefreshControlProps } from './refresh-control-props';
-
-  export type { IRefreshControlProps };
-</script>
-
-<script lang="ts">
-  import { dlog } from '@symbiote-native/engine';
-  import { resolveAccessibilityProps } from '@symbiote-native/components';
-  import { createAttachmentsSync } from '../runes/attachments';
-  import type { ShimElement } from '../dom-shim';
-
-  let { children, ...rest }: IRefreshControlProps = $props();
-
-  dlog('RefreshControl -> PullToRefreshView');
-  dlog(`RefreshControl refreshing=${String(rest.refreshing)}`);
-  if (rest.enabled !== undefined)
-    dlog(`RefreshControl enabled=${String(rest.enabled)} (Android-only)`);
-  if (rest.onRefresh !== undefined)
-    dlog('RefreshControl onRefresh listener wired');
-
-  const bag = $derived(resolveAccessibilityProps(rest));
-
-  // See View.svelte's note on `{@attach}`.
-  let hostShim = $state.raw<ShimElement | null>(null);
-  const syncAttachments = createAttachmentsSync();
-  $effect(() => {
-    syncAttachments(hostShim, rest);
-  });
-</script>
-
-<symbiote-refresh-control p={bag} bind:this={hostShim}>
-  {@render children?.()}
-</symbiote-refresh-control>

package/build/components/RefreshControl.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { IRefreshControlProps } from './refresh-control-props';
-export type { IRefreshControlProps };
-declare const RefreshControl: import("svelte").Component<IRefreshControlProps, {}, "">;
-type RefreshControl = ReturnType<typeof RefreshControl>;
-export default RefreshControl;

package/build/components/SafeAreaView.svelte

@@ -1,34 +0,0 @@
-<script lang="ts" module>
-  // SafeAreaView primitive. A plain view whose native side insets its children to the safe area
-  // (notch, rounded corners, system bars). There is no JS-side translation; RN just renders the
-  // native RCTSafeAreaView and lets the host do the inset math, so this maps style + children
-  // straight onto the intrinsic — same object-bag pattern as View.svelte.
-  import type { ISafeAreaViewProps } from './safe-area-view-props';
-
-  export type { ISafeAreaViewProps };
-</script>
-
-<script lang="ts">
-  import { dlog } from '@symbiote-native/engine';
-  import { resolveAccessibilityProps } from '@symbiote-native/components';
-
-  import { createAttachmentsSync } from '../runes/attachments';
-  import type { ShimElement } from '../dom-shim';
-
-  let { children, ...rest }: ISafeAreaViewProps = $props();
-
-  dlog('SafeAreaView -> SafeAreaView');
-
-  const bag = $derived(resolveAccessibilityProps(rest));
-
-  // See View.svelte's note on `{@attach}`.
-  let hostShim = $state.raw<ShimElement | null>(null);
-  const syncAttachments = createAttachmentsSync();
-  $effect(() => {
-    syncAttachments(hostShim, rest);
-  });
-</script>
-
-<symbiote-safe-area-view p={bag} bind:this={hostShim}>
-  {@render children?.()}
-</symbiote-safe-area-view>

package/build/components/SafeAreaView.svelte.d.ts

@@ -1,5 +0,0 @@
-import type { ISafeAreaViewProps } from './safe-area-view-props';
-export type { ISafeAreaViewProps };
-declare const SafeAreaView: import("svelte").Component<ISafeAreaViewProps, {}, "">;
-type SafeAreaView = ReturnType<typeof SafeAreaView>;
-export default SafeAreaView;