@symbiote-native/svelte 1.0.0 → 2.0.0

package/build/dom-shim/patch-globals.js

@@ -40,6 +40,7 @@ const PATCHED_KEYS = [
     'DocumentFragment',
     'document',
     'customElements',
+    'HTMLMediaElement',
 ];
 // Real DOM's `CustomElementRegistry`. `set_custom_element_data` (svelte's
 // dom/elements/attributes.js) reads the BARE global `customElements` unconditionally, with no
@@ -48,11 +49,34 @@ const PATCHED_KEYS = [
 // pipeline (mount-pipeline.smoke.test.ts); `tsc --build` has no way to catch a missing global
 // a compiled Svelte bundle reads. RN/Hermes has no Custom Elements API of its own to collide
 // with (unlike `navigator`/`requestAnimationFrame`, verified against .vendors/react-native —
-// see the header comment above), so patching this is safe. `get()` always returns `undefined`
-// since we never call `customElements.define()`, which is exactly what steers
-// `set_custom_element_data` down the object-bag "set as property" branch every `p={bag}` prop
-// needs (skill §3g(c)).
-const FAKE_CUSTOM_ELEMENT_REGISTRY = { get: () => undefined };
+// see the header comment above), so patching this is safe.
+//
+// `get()` returns a TRUTHY stand-in, and that is the whole reason `set_custom_element_data` can be
+// made lossless. Its condition (attributes.js:245-265) is a ternary, not a fallback:
+//
+//   setters_cache.has(nodeName) || !customElements || customElements.get(nodeName)
+//     ? get_setters(node).includes(prop)     <- a real setter decides; the value passes through
+//     : value && typeof value === 'object'   <- a HEURISTIC: an object is set as a property and
+//                                               every scalar is handed on as String(value)
+//
+// Returning `undefined` — which it did until 2026-09-07 — selects the heuristic, so
+// `<text-input multiline={false}>` committed the STRING "false" and an object-valued prop with no
+// prototype setter was assigned to a plain JS property and silently lost. Anything truthy steers
+// it to `get_setters`, which reaches `ShimElement.prototype`'s accessors (see
+// `svelte-shim-element-global-must-be-an-ancestor.md` for why that walk terminates where it does).
+// One reader in the whole client runtime, so nothing else is affected.
+const FAKE_CUSTOM_ELEMENT_REGISTRY = {
+    get: () => ShimElement,
+};
+// Same class of trap as `customElements` above, found the same way — by running the pipeline
+// rather than by reading. Svelte's `event()` (dom/elements/events.js) ends its teardown check with
+// a BARE `dom instanceof HTMLMediaElement`, no `typeof` guard, so an undeclared global throws
+// ReferenceError instead of yielding `undefined`. It is reached by every `on<Name>={fn}` an app
+// writes on a bare tag, which is why nothing hit it while the lowering transform funnelled every
+// handler through the `p` bag. Nothing of ours ever derives from it, so an empty class is enough:
+// `instanceof` only has to answer false.
+class FakeHTMLMediaElement {
+}
 let previous;
 export function patchGlobals() {
     if (previous !== undefined)
@@ -68,6 +92,7 @@ export function patchGlobals() {
         DocumentFragment: g.DocumentFragment,
         document: g.document,
         customElements: g.customElements,
+        HTMLMediaElement: g.HTMLMediaElement,
     };
     g.Node = ShimNode;
     // ShimElementBase, NOT ShimElement: `get_setters` stops AT `Element.prototype`, so pointing this
@@ -83,6 +108,7 @@ export function patchGlobals() {
     g.DocumentFragment = ShimDocumentFragment;
     g.document = getShimDocument();
     g.customElements = FAKE_CUSTOM_ELEMENT_REGISTRY;
+    g.HTMLMediaElement = FakeHTMLMediaElement;
     dlog('svelte dom-shim: patchGlobals installed');
 }
 export function restoreGlobals() {

package/build/dom-shim/style-cache.d.ts

@@ -0,0 +1 @@
+export declare function discoverStyleCacheKey(): symbol;

package/build/dom-shim/style-cache.js

@@ -0,0 +1,27 @@
+// Where a `style={…}` attribute really goes, and why the shim cannot read it off `cssText`.
+//
+// Every tag name takes the same path: the compiler emits `$.set_style(node, value)` for `style`,
+// on a short tag and a hyphenated one alike. `set_style` then STRINGIFIES —
+// `to_style(value, undefined)` is `String(value)` — so a React Native style object arrives at
+// `dom.style.cssText` as the literal `"[object Object]"`. Nothing downstream can recover it.
+//
+// One line later `set_style` writes the ORIGINAL value onto the element under a module-private
+// `Symbol('style')` (svelte's `internal/client/constants.js`), which it also reads back as the
+// change guard. That symbol is the only surviving copy, so intercepting it is the only way a
+// bare `<view style={obj}>` reaches `routeProp`.
+//
+// The symbol is not exported, so it is DISCOVERED by running svelte's own `set_style` against a
+// probe and reading the one own symbol it leaves behind — once per process, never per node. A
+// version that changes the shape fails loudly here rather than silently dropping every style.
+import { set_style } from 'svelte/internal/client';
+export function discoverStyleCacheKey() {
+    const probe = { style: { cssText: '' } };
+    // A non-null string: `to_style` returns it unchanged, so the probe stays on the assignment
+    // branch and never reaches `removeAttribute`, which it does not implement.
+    set_style(probe, 'probe');
+    const symbols = Object.getOwnPropertySymbols(probe);
+    if (symbols.length !== 1)
+        throw new Error(`svelte's set_style left ${symbols.length} own symbols on a probe; ` +
+            'the style-cache key cannot be identified and `style` would be dropped');
+    return symbols[0];
+}

package/build/dom-shim/text.js

@@ -36,8 +36,8 @@ const WHITESPACE_ONLY = /^[\s\u200b-\u200d\ufeff]+$/;
 // The PARENT is what makes this exact rather than a heuristic. Measured on svelte 5.56.8, a
 // stray gap and an {#each} text placeholder are the same ' ' string in the from_tree template:
 //
-//   stray gap    ['symbiote-view', null, [...], ' ', [...]]   parent takes no raw text -> drop
-//   placeholder  ['symbiote-text', null, ' ']                 parent IS a <Text>       -> keep
+//   stray gap    ['view', null, [...], ' ', [...]]   parent takes no raw text -> drop
+//   placeholder  ['text', null, ' ']                 parent IS a <Text>       -> keep
 //
 // So `<Text><Text>a</Text> <Text>b</Text></Text>` keeps its separator, correctly — there the
 // space really is a word boundary. This also covers the one shape the source preprocessor

package/build/host-instance.d.ts

@@ -1,5 +1,4 @@
 import { type IHostInstance } from '@symbiote-native/engine';
-import type { ShimElement } from './dom-shim';
 export type { IHostInstance } from '@symbiote-native/engine';
-export declare function hostInstance(shim: ShimElement | null | undefined): IHostInstance | undefined;
-export declare function findNodeHandle(componentOrHandle: ShimElement | number | null | undefined): number | null;
+export declare function hostInstance(shim: unknown): IHostInstance | undefined;
+export declare function findNodeHandle(componentOrHandle: unknown): number | null;

package/build/host-instance.js

@@ -26,8 +26,14 @@ function isShimElement(value) {
 // the toPublicInstance call below is the identity; this helper exists only to give app code a correctly
 // TYPED accessor off the SHIM value (`ShimElement`) instead of the bare `.engineNode` field,
 // with no `as` cast at the call site.
+// `unknown` rather than `ShimElement`, and the guard is what makes that sound. svelte2tsx bakes a
+// `bind:this` return type out of `lib.dom`'s tag maps — an SVG element type for `view`/`text`/
+// `image`/`switch`, `any` for the other seventeen — and neither map accepts augmentation
+// (`src/intrinsic-elements.ts` records the measurement). So an app CANNOT declare its ref as
+// `ShimElement` without a cast, and this is the accessor that exists to keep casts out of app
+// code. Declaring the parameter `unknown` moves the narrowing where it can actually be checked.
 export function hostInstance(shim) {
-    if (shim === null || shim === undefined)
+    if (!isShimElement(shim))
         return undefined;
     const node = shim.engineNode;
     return node !== undefined && isSymbioteNode(node)

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,7 +1,5 @@
 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;
@@ -41,28 +39,10 @@ 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>;
 };
+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": "2.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": "2.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": "^0.5.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/engine": "0.5.0",
+    "@symbiote-native/react": "2.0.0",
     "@symbiote-native/test-utils": "0.3.0",
-    "@symbiote-native/vue": "1.0.0"
+    "@symbiote-native/vue": "2.0.0"
   },
   "scripts": {
     "typecheck": "tsc --build",