@rootnative/inertia 0.0.10 → 0.0.11

package/CHANGELOG.md

@@ -4,6 +4,32 @@ All notable changes to `@rootnative/inertia` are documented here. The format fol
 
 ## [Unreleased]
 
+## [0.0.11] - 2026-09-09
+
+### Changed
+
+- **Breaking: the peer ranges are narrowed to the Expo SDK 57 band.** `react` is now `>=19.2.3 <20.0.0`, `react-native` is `>=0.83.0 <0.87.0`, `react-native-reanimated` is `>=4.5.0 <4.6.0`, and `react-native-worklets` is `>=0.10.0 <0.11.0`. The old ranges advertised a floor that npm rejects. `0.0.10` declares `react-native >=0.81.0` and `react-native-reanimated >=4.0.0`, and the newest Reanimated that range admits requires `react-native 0.83 - 0.87`, so a fresh install can fail with `ERESOLVE`. Nothing in this repository changed when that became true — Reanimated narrowed its own range after the release, which is why a range needs a gate that re-checks it and not only a review at the time it is written.
+
+  The band cannot be wider. Each peer range resolves on its own, so any set that admits both SDK 54 (`react-native 0.81` with Reanimated `4.1`) and SDK 57 (`react-native 0.86` with Reanimated `4.5`) also admits `react-native 0.81` with Reanimated `4.6`, which cannot install. A range promises every combination it permits, not only the combinations that were tested.
+
+  A new `compat.yml` workflow now packs the release candidate and installs it into every Expo SDK fixture in `rootnative/sdk-compat` before the publish, with `enforce-range: true`. The test suite in this repository says nothing about what a consumer can install, and that gap is what let the `0.0.10` range ship.
+
+  Migration: move the app to Expo SDK 57 (React `19.2.3`, React Native `0.86.3`, Reanimated `4.5.1`, Worklets `0.10.1`). A project on SDK 54 stays on `0.0.10`. The dev pins and the example app moved to the same band, so the package now develops against the runtime it declares. `sdk-compat` records SDK 54 as a documented boundary, not as a failure.
+
+- **`@rootnative/inertia/jest-preset` needs `@react-native/jest-preset` in the consuming project.** React Native `0.86` moved its Jest preset into that package and left `react-native/jest-preset` as a shim that re-exports it. The shim declares the new package as an **optional** peer, and no package manager installs an optional peer, so the shim throws a migration error for every consumer who did not add the package by hand. The preset now resolves `@react-native/jest-preset` directly and throws a named error that says what to install, so the failure states this package's requirement instead of surfacing as a React Native migration message. Add it as a devDependency at the version that matches your `react-native`. The docs testing page carries the install step and the new `preset` spelling.
+
+  The package is deliberately **not** a peer dependency here. React Native pins it to an exact version — `0.86.3` requires exactly `@react-native/jest-preset@0.86.3` — so any range declared in this package would advertise versions that cannot install, and the `sdk-compat` range audit fails on it. An exact pin would break on every React Native patch. The version relationship belongs to `react-native`, which already declares it.
+
+### Added
+
+- **Three style types are exported: `ColorStyle`, `TranslateStyle` and `ShadowStyle`.** They are what `useColorTransition`, `useColorCascade`, `useTranslateStyle` and `useShadow` return. Each hook was public while the type of the style object it hands back was not, so a consumer could not name the value in a typed variable, a prop, or a wrapper hook's signature without rebuilding the type by hand.
+
+### Fixed
+
+- **A keyframe array no longer crashes the whole render under reduced motion.** `withSequence` writes a `finished` flag onto every argument it is handed. Reduced motion collapses each step to `no-animation`, and `no-animation` resolves to the bare target rather than an animation object, so `animate={{ translateY: [0, -8, 0] }}` reached `withSequence(0, -8, 0)` and threw `TypeError: Cannot create property 'finished' on number` from inside render. React unmounted the tree, so any consumer using the documented keyframe form — the shape in this package's own `llms.txt` — served a blank page to every visitor with reduce-motion switched on at the OS level. The resolver now settles the property on the last keyframe instead of building a sequence, which is where the sequence would have ended; `repeat` and `delay` were already dropped for `no-animation`, so nothing is left pending. A per-step `{ type: 'no-animation' }` inside a sequence that otherwise animates hit the same throw and now becomes a zero-length timing, keeping its slot in the order.
+
+  Found from a consumer, not from CI, and the reason is worth keeping: **the Jest mock cannot observe this class of bug.** Its `withSequence` is `(...args) => args[args.length - 1]` and its `withTiming` / `withSpring` return their target, so every step looks like a bare value whether the gate is on or off — the existing reduced-motion sequence tests passed against the crashing code. The regression tests therefore assert the one thing that stays observable under the mock: a sequence under the gate never reaches `withSequence` at all. For the same reason the gate is now detected from the resolved config (`no-animation` base), never by inspecting the shape of a resolved step.
+
 ## [0.0.10] - 2026-09-06
 
 ### Changed
@@ -351,7 +377,8 @@ Initial alpha publish. The full initial surface is in place; APIs are still subj
 - SVG path morphing, gradient interpolation, and shared-element transitions across screens are out of scope until `0.2.x` / `1.x` per the roadmap.
 - `react-native-gesture-handler` integration (drag, pan, swipe sub-states) lands in `0.2` via the optional `@rootnative/inertia-gestures` adapter.
 
-[unreleased]: https://github.com/rootnative/inertia/compare/core+gestures+gradients+svg@0.0.10...HEAD
+[unreleased]: https://github.com/rootnative/inertia/compare/core+gestures+gradients+svg@0.0.11...HEAD
+[0.0.11]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.11
 [0.0.10]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.10
 [0.0.9]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.9
 [0.0.8]: https://github.com/rootnative/inertia/releases/tag/core+gestures+gradients+svg@0.0.8

package/README.md

@@ -12,7 +12,7 @@
 
 Declarative animation primitives for React Native, built as a thin wrapper around [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/). Inspired by Framer Motion (web) and react-spring (cross-platform).
 
-> **Status:** `0.0.10` — stable. Pre-`1.0.0` minor versions may break — see the [CHANGELOG](https://github.com/rootnative/inertia/blob/main/packages/core/CHANGELOG.md).
+> **Status:** `0.0.11` — stable. Pre-`1.0.0` minor versions may break — see the [CHANGELOG](https://github.com/rootnative/inertia/blob/main/packages/core/CHANGELOG.md).
 
 ## Install
 
@@ -22,7 +22,7 @@ pnpm add @rootnative/inertia react-native-reanimated
 
 Then enable the [Reanimated Babel plugin](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation).
 
-**Peer dependencies:** `react >=19.0.0`, `react-native >=0.81.0`, `react-native-reanimated >=4.0.0`.
+**Peer dependencies:** `react >=19.2.3`, `react-native >=0.83.0 <0.87.0`, `react-native-reanimated >=4.5.0 <4.6.0`, `react-native-worklets >=0.10.0 <0.11.0`.
 
 ## Quick start
 

package/dist/{chunk-6FCATUMY.mjs → chunk-2Q6JMDYZ.mjs}

@@ -1,4 +1,4 @@
-import { stableSig, warnOnce, isTopLevelTransition } from './chunk-HEAWMZEM.mjs';
+import { stableSig, warnOnce, isTopLevelTransition } from './chunk-QIRKPDXA.mjs';
 import { createContext, useContext, useMemo } from 'react';
 import { useReducedMotion } from 'react-native-reanimated';
 import { jsx } from 'react/jsx-runtime';

package/dist/chunk-2UREDR4Z.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var chunkHBURWGCZ_js = require('./chunk-HBURWGCZ.js');
+var reactNative = require('react-native');
+
+var MotionView = chunkHBURWGCZ_js.createMotionComponent(reactNative.View);
+
+exports.MotionView = MotionView;

package/dist/{chunk-3ZNHPT5Z.js → chunk-3PB27UIE.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
+var chunkHBURWGCZ_js = require('./chunk-HBURWGCZ.js');
 var reactNative = require('react-native');
 
-var MotionScrollView = chunk2UGWAB6N_js.createMotionComponent(reactNative.ScrollView);
+var MotionScrollView = chunkHBURWGCZ_js.createMotionComponent(reactNative.ScrollView);
 
 exports.MotionScrollView = MotionScrollView;

package/dist/{chunk-JENYDTXH.mjs → chunk-5EYIZG72.mjs}

@@ -1,5 +1,5 @@
-import { useNamedTransitions, resolveNamedTransitionProp, lookupNamedTransition, useShouldReduceMotion, installFocusVisibility, isFocusVisible } from './chunk-6FCATUMY.mjs';
-import { warnOnce, stableSig, applyDelay, resolveAnimatableValue, isTopLevelTransition, resolveTransition, repeatIterationsOf, DEFAULT_LAYOUT_DURATION, ensureWorkletEasing, springToReanimated, DEFAULT_SPRING } from './chunk-HEAWMZEM.mjs';
+import { useNamedTransitions, resolveNamedTransitionProp, lookupNamedTransition, useShouldReduceMotion, installFocusVisibility, isFocusVisible } from './chunk-2Q6JMDYZ.mjs';
+import { warnOnce, stableSig, applyDelay, resolveAnimatableValue, isTopLevelTransition, resolveTransition, repeatIterationsOf, DEFAULT_LAYOUT_DURATION, ensureWorkletEasing, springToReanimated, DEFAULT_SPRING } from './chunk-QIRKPDXA.mjs';
 import { createContext, useContext, useMemo, Children, isValidElement, useState, useRef, useCallback, forwardRef, useEffect } from 'react';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import Animated, { useSharedValue, cancelAnimation, useAnimatedStyle, interpolateColor, reanimatedVersion, runOnJS, LinearTransition, withSequence, withTiming, withSpring } from 'react-native-reanimated';
@@ -260,7 +260,7 @@ function resolveBoxShadowInput(input) {
     offsetY: coerceLength(layer.offsetY, "offsetY"),
     blurRadius: coerceLength(layer.blurRadius, "blurRadius"),
     spreadDistance: coerceLength(layer.spreadDistance, "spreadDistance"),
-    color: layer.color ?? "black",
+    color: coerceColor(layer.color),
     inset: layer.inset ?? false
   }));
 }
@@ -291,6 +291,13 @@ function invisibleLayer(inset) {
     inset
   };
 }
+function coerceColor(value) {
+  if (value === void 0) return "black";
+  if (typeof value === "string") return value;
+  throw new Error(
+    `[inertia] boxShadow: color must be a colour string, got ${typeof value}. PlatformColor and DynamicColorIOS values cannot be interpolated \u2014 pass a string colour on an animated shadow.`
+  );
+}
 function coerceLength(value, field) {
   if (value === void 0) return 0;
   if (typeof value === "number") return value;

package/dist/{chunk-Z23AMUSW.mjs → chunk-7RMSLKQQ.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-JENYDTXH.mjs';
+import { createMotionComponent } from './chunk-5EYIZG72.mjs';
 import Animated from 'react-native-reanimated';
 
 var MotionFlatList = createMotionComponent(

package/dist/{chunk-7BH3CAO5.mjs → chunk-DT2KVAAO.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-JENYDTXH.mjs';
+import { createMotionComponent } from './chunk-5EYIZG72.mjs';
 import { Image } from 'react-native';
 
 var MotionImage = createMotionComponent(Image);

package/dist/{chunk-F4HMCXAX.mjs → chunk-FKJLPYGY.mjs}

@@ -1,5 +1,5 @@
-import { useShouldReduceMotion, resolveNamedTransitionProp, useNamedTransitions, installFocusVisibility, isFocusVisible } from './chunk-6FCATUMY.mjs';
-import { resolveTransition, isTopLevelTransition } from './chunk-HEAWMZEM.mjs';
+import { useShouldReduceMotion, resolveNamedTransitionProp, useNamedTransitions, installFocusVisibility, isFocusVisible } from './chunk-2Q6JMDYZ.mjs';
+import { resolveTransition, isTopLevelTransition } from './chunk-QIRKPDXA.mjs';
 import { useEffect, useCallback, useMemo } from 'react';
 import { useSharedValue } from 'react-native-reanimated';
 

package/dist/{chunk-2UGWAB6N.js → chunk-HBURWGCZ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkKXU6VH2Y_js = require('./chunk-KXU6VH2Y.js');
-var chunkN33GSDNQ_js = require('./chunk-N33GSDNQ.js');
+var chunkQDMSFRQR_js = require('./chunk-QDMSFRQR.js');
+var chunkQX5JHRZ2_js = require('./chunk-QX5JHRZ2.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var Animated = require('react-native-reanimated');
@@ -45,7 +45,7 @@ function Presence({ children }) {
     react.Children.forEach(children, (child) => {
       if (!react.isValidElement(child)) return;
       if (child.key === null) {
-        chunkN33GSDNQ_js.warnOnce(
+        chunkQX5JHRZ2_js.warnOnce(
           "presence-keyless-child",
           "[inertia] <Presence> children must have a `key`. Skipping a keyless child."
         );
@@ -266,7 +266,7 @@ function resolveBoxShadowInput(input) {
     offsetY: coerceLength(layer.offsetY, "offsetY"),
     blurRadius: coerceLength(layer.blurRadius, "blurRadius"),
     spreadDistance: coerceLength(layer.spreadDistance, "spreadDistance"),
-    color: layer.color ?? "black",
+    color: coerceColor(layer.color),
     inset: layer.inset ?? false
   }));
 }
@@ -297,6 +297,13 @@ function invisibleLayer(inset) {
     inset
   };
 }
+function coerceColor(value) {
+  if (value === void 0) return "black";
+  if (typeof value === "string") return value;
+  throw new Error(
+    `[inertia] boxShadow: color must be a colour string, got ${typeof value}. PlatformColor and DynamicColorIOS values cannot be interpolated \u2014 pass a string colour on an animated shadow.`
+  );
+}
 function coerceLength(value, field) {
   if (value === void 0) return 0;
   if (typeof value === "number") return value;
@@ -364,16 +371,16 @@ function resolveLayoutTransition(layout) {
   if (cfg.type === "no-animation") return void 0;
   if (cfg.type === "timing") {
     let builder2 = Animated.LinearTransition.duration(
-      cfg.duration ?? chunkN33GSDNQ_js.DEFAULT_LAYOUT_DURATION
+      cfg.duration ?? chunkQX5JHRZ2_js.DEFAULT_LAYOUT_DURATION
     );
-    const easing = chunkN33GSDNQ_js.ensureWorkletEasing(cfg.easing);
+    const easing = chunkQX5JHRZ2_js.ensureWorkletEasing(cfg.easing);
     if (easing) builder2 = builder2.easing(easing);
     if (cfg.delay) builder2 = builder2.delay(cfg.delay);
     return builder2;
   }
   const spring = cfg.type === "decay" ? { type: "spring" } : cfg;
-  const { stiffness, damping, mass } = chunkN33GSDNQ_js.springToReanimated({
-    ...chunkN33GSDNQ_js.DEFAULT_SPRING,
+  const { stiffness, damping, mass } = chunkQX5JHRZ2_js.springToReanimated({
+    ...chunkQX5JHRZ2_js.DEFAULT_SPRING,
     ...spring
   });
   let builder = Animated.LinearTransition.springify().stiffness(stiffness).damping(damping).mass(mass);
@@ -561,14 +568,14 @@ function useSharedLayout(options) {
 }
 function legBuilder(transition) {
   if (transition?.type === "timing") {
-    const duration = transition.duration ?? chunkN33GSDNQ_js.DEFAULT_LAYOUT_DURATION;
+    const duration = transition.duration ?? chunkQX5JHRZ2_js.DEFAULT_LAYOUT_DURATION;
     return (from, to) => Animated.withSequence(
       Animated.withTiming(from, { duration: 0 }),
       Animated.withTiming(to, { duration })
     );
   }
-  const springCfg = transition?.type === "spring" ? { ...chunkN33GSDNQ_js.DEFAULT_SPRING, ...transition } : { type: "spring", ...chunkN33GSDNQ_js.DEFAULT_SPRING };
-  const springParams = chunkN33GSDNQ_js.springToReanimated(springCfg);
+  const springCfg = transition?.type === "spring" ? { ...chunkQX5JHRZ2_js.DEFAULT_SPRING, ...transition } : { type: "spring", ...chunkQX5JHRZ2_js.DEFAULT_SPRING };
+  const springParams = chunkQX5JHRZ2_js.springToReanimated(springCfg);
   return (from, to) => Animated.withSequence(
     Animated.withTiming(from, { duration: 0 }),
     Animated.withSpring(to, springParams)
@@ -854,14 +861,14 @@ var DEFAULT_RESTING = {
 function transitionFor(prop, transition) {
   if (!transition) return void 0;
   if (typeof transition === "string") return void 0;
-  if (chunkN33GSDNQ_js.isTopLevelTransition(transition)) return transition;
+  if (chunkQX5JHRZ2_js.isTopLevelTransition(transition)) return transition;
   if (GESTURE_LAYER_NAME_SET.has(prop)) return void 0;
   return transition[prop];
 }
 function gestureLayerTransitionFor(layer, transition) {
   if (!transition) return void 0;
   if (typeof transition === "string") return void 0;
-  if (chunkN33GSDNQ_js.isTopLevelTransition(transition)) return transition;
+  if (chunkQX5JHRZ2_js.isTopLevelTransition(transition)) return transition;
   return transition[layer];
 }
 function createMotionComponent(Component) {
@@ -911,12 +918,12 @@ function createMotionComponent(Component) {
         onLayout: userOnLayout,
         ...rest
       } = props;
-      const namedTransitions = chunkKXU6VH2Y_js.useNamedTransitions();
-      const transition = chunkKXU6VH2Y_js.resolveNamedTransitionProp(
+      const namedTransitions = chunkQDMSFRQR_js.useNamedTransitions();
+      const transition = chunkQDMSFRQR_js.resolveNamedTransitionProp(
         transitionProp,
         namedTransitions
       );
-      const layout = typeof layoutProp === "string" ? chunkKXU6VH2Y_js.lookupNamedTransition(layoutProp, namedTransitions) : layoutProp;
+      const layout = typeof layoutProp === "string" ? chunkQDMSFRQR_js.lookupNamedTransition(layoutProp, namedTransitions) : layoutProp;
       if (__DEV__ && typeof style === "function") {
         throw new Error(
           "[inertia] `style` must be a style object or array of style objects, not a function. The function-form `style={(state) => ...}` Pressable API is not supported \u2014 use `gesture.pressed` (or `gesture.focused`, etc.) to drive state-dependent styling instead."
@@ -924,7 +931,7 @@ function createMotionComponent(Component) {
       }
       const presence = usePresence();
       const isExiting = presence !== null && presence.isPresent === false;
-      const shouldReduceMotion = chunkKXU6VH2Y_js.useShouldReduceMotion();
+      const shouldReduceMotion = chunkQDMSFRQR_js.useShouldReduceMotion();
       const staggerDelay = useStaggerDelay();
       const onAnimationEndRef = react.useRef(onAnimationEnd);
       onAnimationEndRef.current = onAnimationEnd;
@@ -1003,7 +1010,7 @@ function createMotionComponent(Component) {
           hasBoxShadow: keys.includes("boxShadow")
         };
         if (__DEV__ && activeSetRef.current.hasBoxShadow && keys.some((k) => k !== "boxShadow" && k.startsWith("shadow"))) {
-          chunkN33GSDNQ_js.warnOnce(
+          chunkQX5JHRZ2_js.warnOnce(
             "boxShadow-with-native-shadow",
             "[inertia] `boxShadow` is animated alongside the native `shadow*` keys on the same element, which applies two shadow systems at once. Pick one: `boxShadow` for the cross-platform CSS form, or the native `shadow*` keys."
           );
@@ -1076,7 +1083,7 @@ function createMotionComponent(Component) {
       const boxShadowInsets = Animated.useSharedValue(
         boxShadowSeedRef.current.insets
       );
-      const styleRestingSig = chunkN33GSDNQ_js.stableSig(styleResting);
+      const styleRestingSig = chunkQX5JHRZ2_js.stableSig(styleResting);
       react.useEffect(() => {
         for (const key of activeKeys) {
           if (everDrivenRef.current.has(key)) continue;
@@ -1104,13 +1111,13 @@ function createMotionComponent(Component) {
       const gestureSV = Animated.useSharedValue(
         resolveGestureLayers(gesture)
       );
-      const gestureTargetsSig = chunkN33GSDNQ_js.stableSig(gesture);
+      const gestureTargetsSig = chunkQX5JHRZ2_js.stableSig(gesture);
       react.useEffect(() => {
         gestureSV.value = resolveGestureLayers(gesture);
       }, [gestureTargetsSig]);
       const baseRecord = isExiting && exitRecord ? { ...animateRecord, ...exitRecord } : animateRecord;
-      const baseSig = chunkN33GSDNQ_js.stableSig(baseRecord) + (isExiting ? "|exit" : "") + (shouldReduceMotion ? "|rm" : "");
-      const transitionSig = chunkN33GSDNQ_js.stableSig(transition);
+      const baseSig = chunkQX5JHRZ2_js.stableSig(baseRecord) + (isExiting ? "|exit" : "") + (shouldReduceMotion ? "|rm" : "");
+      const transitionSig = chunkQX5JHRZ2_js.stableSig(transition);
       const hasAnimationEnd = onAnimationEnd !== void 0;
       const safeToRemoveRef = react.useRef(void 0);
       safeToRemoveRef.current = presence?.safeToRemove;
@@ -1186,8 +1193,8 @@ function createMotionComponent(Component) {
             isExiting ? onSettle : void 0,
             TRANSFORM_KEY_SET.has(key) ? transformGroup : void 0
           );
-          sharedValues[key].value = chunkN33GSDNQ_js.applyDelay(
-            chunkN33GSDNQ_js.resolveAnimatableValue(
+          sharedValues[key].value = chunkQX5JHRZ2_js.applyDelay(
+            chunkQX5JHRZ2_js.resolveAnimatableValue(
               COLOR_KEY_SET.has(key) ? normalizeAnimatableColorTarget(target) : target,
               cfg,
               factory
@@ -1254,7 +1261,7 @@ function createMotionComponent(Component) {
       const sharedLayout = useSharedLayout({
         layoutId,
         userRef: ref,
-        transition: chunkN33GSDNQ_js.isTopLevelTransition(transition) ? transition : void 0,
+        transition: chunkQX5JHRZ2_js.isTopLevelTransition(transition) ? transition : void 0,
         shouldReduceMotion,
         userOnLayout,
         readStyles: readSharedStyles
@@ -1357,7 +1364,7 @@ function createMotionComponent(Component) {
         setFocusVisible,
         setHovered
       );
-      const layoutSig = chunkN33GSDNQ_js.stableSig(layout);
+      const layoutSig = chunkQX5JHRZ2_js.stableSig(layout);
       const layoutTransition = react.useMemo(
         () => shouldReduceMotion ? void 0 : resolveLayoutTransition(layout),
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -1506,8 +1513,8 @@ function driveBoxShadow(slot, insetSlot, target, cfg, staggerDelay, factory) {
   );
   insetSlot.value = insets;
   if (from.length !== currentLayers.length) slot.value = layersToPayload(from);
-  slot.value = chunkN33GSDNQ_js.applyDelay(
-    chunkN33GSDNQ_js.resolveTransition(
+  slot.value = chunkQX5JHRZ2_js.applyDelay(
+    chunkQX5JHRZ2_js.resolveTransition(
       cfg,
       layersToPayload(to),
       factory?.("animation", void 0)
@@ -1565,7 +1572,7 @@ function stepCountOf(v) {
 }
 function totalIterationsOf(cfg) {
   if (!cfg || cfg.type === "no-animation" || cfg.type === "decay") return 1;
-  return chunkN33GSDNQ_js.repeatIterationsOf(cfg.repeat);
+  return chunkQX5JHRZ2_js.repeatIterationsOf(cfg.repeat);
 }
 function reachesTerminalPhase(cfg) {
   return Number.isFinite(totalIterationsOf(cfg));
@@ -1593,7 +1600,7 @@ function useControllerKey(controller) {
 }
 function resolveAnimateInput(animate, variants, controllerKey) {
   if (controllerKey !== void 0 && animate !== void 0) {
-    chunkN33GSDNQ_js.warnOnce(
+    chunkQX5JHRZ2_js.warnOnce(
       "controller-and-animate",
       "[inertia] Both `controller` and `animate` are set on the same primitive. The controller drives the animation and `animate` is ignored \u2014 remove one of the two."
     );
@@ -1603,7 +1610,7 @@ function resolveAnimateInput(animate, variants, controllerKey) {
   }
   if (typeof animate === "string") {
     if (variants && animate in variants) return variants[animate];
-    chunkN33GSDNQ_js.warnOnce(
+    chunkQX5JHRZ2_js.warnOnce(
       `missing-variant:${animate}`,
       `[inertia] animate="${animate}" but no matching variant. Did you forget to pass \`variants\`?`
     );
@@ -1633,7 +1640,7 @@ function resolveGestureLayers(gesture) {
     for (const key of ALL_KEYS) {
       if (STRUCTURED_KEY_SET.has(key)) {
         if (__DEV__ && subState[key] !== void 0) {
-          chunkN33GSDNQ_js.warnOnce(
+          chunkQX5JHRZ2_js.warnOnce(
             `gesture-structured-${layer}-${key}`,
             `[inertia] \`${key}\` is not supported inside \`gesture.${layer}\` and will be ignored. Drive it from \`animate\` (optionally via a variant keyed off the same state), or interpolate it yourself with \`useShadow\`.`
           );
@@ -1657,7 +1664,7 @@ function resolveGestureLayers(gesture) {
   return out;
 }
 function useGestureLayerProgress(progress, active, declared, layer, transition, isExiting, shouldReduceMotion) {
-  const layerCfgSig = chunkN33GSDNQ_js.stableSig(gestureLayerTransitionFor(layer, transition));
+  const layerCfgSig = chunkQX5JHRZ2_js.stableSig(gestureLayerTransitionFor(layer, transition));
   react.useEffect(() => {
     if (!declared) return;
     if (isExiting) {
@@ -1666,7 +1673,7 @@ function useGestureLayerProgress(progress, active, declared, layer, transition,
     }
     const target = active ? 1 : 0;
     const cfg = shouldReduceMotion ? { type: "no-animation" } : gestureLayerTransitionFor(layer, transition) ?? { type: "spring" };
-    progress.value = chunkN33GSDNQ_js.resolveTransition(cfg, target);
+    progress.value = chunkQX5JHRZ2_js.resolveTransition(cfg, target);
   }, [active, declared, isExiting, shouldReduceMotion, layerCfgSig]);
 }
 function useGestureHandlers(gesture, rest, setPressed, setFocused, setFocusVisible, setHovered) {
@@ -1675,7 +1682,7 @@ function useGestureHandlers(gesture, rest, setPressed, setFocused, setFocusVisib
   const hasFocusVisible = gesture?.focusVisible ? 1 : 0;
   const hasHovered = gesture?.hovered ? 1 : 0;
   react.useEffect(() => {
-    if (hasFocusVisible) chunkKXU6VH2Y_js.installFocusVisibility();
+    if (hasFocusVisible) chunkQDMSFRQR_js.installFocusVisibility();
   }, [hasFocusVisible]);
   return react.useMemo(() => {
     if (!gesture) return {};
@@ -1702,7 +1709,7 @@ function useGestureHandlers(gesture, rest, setPressed, setFocused, setFocusVisib
     if (gesture.focused || gesture.focusVisible) {
       handlers.onFocus = compose(rest.onFocus, () => {
         if (gesture.focused) setFocused(true);
-        if (gesture.focusVisible && chunkKXU6VH2Y_js.isFocusVisible()) setFocusVisible(true);
+        if (gesture.focusVisible && chunkQDMSFRQR_js.isFocusVisible()) setFocusVisible(true);
       });
       handlers.onBlur = compose(rest.onBlur, () => {
         if (gesture.focused) setFocused(false);

package/dist/chunk-JAJHKJC5.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var chunkHBURWGCZ_js = require('./chunk-HBURWGCZ.js');
+var reactNative = require('react-native');
+
+var MotionImage = chunkHBURWGCZ_js.createMotionComponent(reactNative.Image);
+
+exports.MotionImage = MotionImage;

package/dist/chunk-JBMTTICC.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var chunkHBURWGCZ_js = require('./chunk-HBURWGCZ.js');
+var reactNative = require('react-native');
+
+var MotionText = chunkHBURWGCZ_js.createMotionComponent(reactNative.Text);
+
+exports.MotionText = MotionText;

package/dist/{chunk-QXKPIENP.mjs → chunk-JGQ6YRDN.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-JENYDTXH.mjs';
+import { createMotionComponent } from './chunk-5EYIZG72.mjs';
 import { View } from 'react-native';
 
 var MotionView = createMotionComponent(View);

package/dist/{chunk-DRA2K53O.mjs → chunk-LHW4VNWD.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-JENYDTXH.mjs';
+import { createMotionComponent } from './chunk-5EYIZG72.mjs';
 import { ScrollView } from 'react-native';
 
 var MotionScrollView = createMotionComponent(ScrollView);

package/dist/{chunk-4EZ5DBL3.js → chunk-NTG6PSGZ.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkKXU6VH2Y_js = require('./chunk-KXU6VH2Y.js');
-var chunkN33GSDNQ_js = require('./chunk-N33GSDNQ.js');
+var chunkQDMSFRQR_js = require('./chunk-QDMSFRQR.js');
+var chunkQX5JHRZ2_js = require('./chunk-QX5JHRZ2.js');
 var react = require('react');
 var reactNativeReanimated = require('react-native-reanimated');
 
@@ -10,15 +10,15 @@ function useGesture(transition) {
   const focused = reactNativeReanimated.useSharedValue(0);
   const focusVisible = reactNativeReanimated.useSharedValue(0);
   const hovered = reactNativeReanimated.useSharedValue(0);
-  const shouldReduceMotion = chunkKXU6VH2Y_js.useShouldReduceMotion();
-  const resolved = chunkKXU6VH2Y_js.resolveNamedTransitionProp(transition, chunkKXU6VH2Y_js.useNamedTransitions());
+  const shouldReduceMotion = chunkQDMSFRQR_js.useShouldReduceMotion();
+  const resolved = chunkQDMSFRQR_js.resolveNamedTransitionProp(transition, chunkQDMSFRQR_js.useNamedTransitions());
   react.useEffect(() => {
-    chunkKXU6VH2Y_js.installFocusVisibility();
+    chunkQDMSFRQR_js.installFocusVisibility();
   }, []);
   const setLayer = react.useCallback(
     (sv, layer, target) => {
       const cfg = shouldReduceMotion ? { type: "no-animation" } : layerTransition(layer, resolved) ?? { type: "spring" };
-      sv.value = chunkN33GSDNQ_js.resolveTransition(cfg, target);
+      sv.value = chunkQX5JHRZ2_js.resolveTransition(cfg, target);
     },
     // The transition is intentionally read on every call rather than cooked
     // into the dep array — a fresh literal each render would otherwise
@@ -37,7 +37,7 @@ function useGesture(transition) {
       onHoverOut: () => setLayer(hovered, "hovered", 0),
       onFocus: () => {
         setLayer(focused, "focused", 1);
-        if (chunkKXU6VH2Y_js.isFocusVisible()) setLayer(focusVisible, "focusVisible", 1);
+        if (chunkQDMSFRQR_js.isFocusVisible()) setLayer(focusVisible, "focusVisible", 1);
       },
       onBlur: () => {
         setLayer(focused, "focused", 0);
@@ -50,7 +50,7 @@ function useGesture(transition) {
 }
 function layerTransition(layer, transition) {
   if (!transition) return void 0;
-  if (chunkN33GSDNQ_js.isTopLevelTransition(transition)) return transition;
+  if (chunkQX5JHRZ2_js.isTopLevelTransition(transition)) return transition;
   return transition[layer];
 }
 

package/dist/{chunk-KXU6VH2Y.js → chunk-QDMSFRQR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkN33GSDNQ_js = require('./chunk-N33GSDNQ.js');
+var chunkQX5JHRZ2_js = require('./chunk-QX5JHRZ2.js');
 var react = require('react');
 var reactNativeReanimated = require('react-native-reanimated');
 var jsxRuntime = require('react/jsx-runtime');
@@ -32,7 +32,7 @@ function MotionConfig({
   children
 }) {
   const parent = useMotionConfig();
-  const transitionsSig = chunkN33GSDNQ_js.stableSig(transitions);
+  const transitionsSig = chunkQX5JHRZ2_js.stableSig(transitions);
   const value = react.useMemo(
     () => ({
       reducedMotion: reducedMotion ?? parent.reducedMotion,
@@ -49,7 +49,7 @@ var UNKNOWN_NAME_FALLBACK = { type: "spring" };
 function lookupNamedTransition(name, registry) {
   const cfg = registry[name];
   if (cfg) return cfg;
-  chunkN33GSDNQ_js.warnOnce(
+  chunkQX5JHRZ2_js.warnOnce(
     `unknown-transition:${name}`,
     `[inertia] Unknown transition name "${name}" \u2014 falling back to the default spring. Register it on a provider: <MotionConfig transitions={{ '${name}': { ... } }}>.`
   );
@@ -65,7 +65,7 @@ function resolveNamedTransitionProp(transition, registry) {
   if (typeof transition === "string") {
     return lookupNamedTransition(transition, registry);
   }
-  if (chunkN33GSDNQ_js.isTopLevelTransition(transition)) return transition;
+  if (chunkQX5JHRZ2_js.isTopLevelTransition(transition)) return transition;
   const map = transition;
   let out = null;
   for (const key in map) {

package/dist/{chunk-HEAWMZEM.mjs → chunk-QIRKPDXA.mjs}

@@ -1,5 +1,5 @@
 import { isWorkletFunction } from 'react-native-worklets';
-import { withDelay, withSequence, Easing, withDecay, withTiming, withSpring, withRepeat } from 'react-native-reanimated';
+import { withDelay, withSequence, withTiming, Easing, withDecay, withSpring, withRepeat } from 'react-native-reanimated';
 
 // src/transitions/sig.ts
 function stableSig(value) {
@@ -211,6 +211,10 @@ function delayOf(cfg) {
   if (cfg.type === "no-animation") return void 0;
   return cfg.delay;
 }
+var INSTANT = { duration: 0 };
+function isSnapped(step) {
+  return typeof step === "number" || typeof step === "string";
+}
 function isStepObject(v) {
   return typeof v === "object" && v !== null && !Array.isArray(v) && "to" in v;
 }
@@ -221,7 +225,14 @@ function resolveAnimatableValue(value, base, factory) {
     const animations = steps.map(
       (step2, i) => resolveStep(step2, stepBase, factory?.("step", i))
     );
-    const seq = withSequence(...animations);
+    if (stepBase?.type === "no-animation" && animations.length > 0) {
+      return animations[animations.length - 1];
+    }
+    const seq = withSequence(
+      ...animations.map(
+        (a) => isSnapped(a) ? withTiming(a, INSTANT) : a
+      )
+    );
     return applyRepeat(seq, base ? repeatOf(base) : void 0, {
       sequence: true
     });

package/dist/{chunk-N33GSDNQ.js → chunk-QX5JHRZ2.js}

@@ -213,6 +213,10 @@ function delayOf(cfg) {
   if (cfg.type === "no-animation") return void 0;
   return cfg.delay;
 }
+var INSTANT = { duration: 0 };
+function isSnapped(step) {
+  return typeof step === "number" || typeof step === "string";
+}
 function isStepObject(v) {
   return typeof v === "object" && v !== null && !Array.isArray(v) && "to" in v;
 }
@@ -223,7 +227,14 @@ function resolveAnimatableValue(value, base, factory) {
     const animations = steps.map(
       (step2, i) => resolveStep(step2, stepBase, factory?.("step", i))
     );
-    const seq = reactNativeReanimated.withSequence(...animations);
+    if (stepBase?.type === "no-animation" && animations.length > 0) {
+      return animations[animations.length - 1];
+    }
+    const seq = reactNativeReanimated.withSequence(
+      ...animations.map(
+        (a) => isSnapped(a) ? reactNativeReanimated.withTiming(a, INSTANT) : a
+      )
+    );
     return applyRepeat(seq, base ? repeatOf(base) : void 0, {
       sequence: true
     });

package/dist/{chunk-VKXSL3ZL.js → chunk-R7YD6L3D.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
+var chunkHBURWGCZ_js = require('./chunk-HBURWGCZ.js');
 var reactNative = require('react-native');
 
-var MotionPressable = chunk2UGWAB6N_js.createMotionComponent(reactNative.Pressable);
+var MotionPressable = chunkHBURWGCZ_js.createMotionComponent(reactNative.Pressable);
 
 exports.MotionPressable = MotionPressable;

package/dist/{chunk-CUHOCONB.mjs → chunk-RO4XFTQ6.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-JENYDTXH.mjs';
+import { createMotionComponent } from './chunk-5EYIZG72.mjs';
 import { Pressable } from 'react-native';
 
 var MotionPressable = createMotionComponent(Pressable);

package/dist/{chunk-OLOSU2BD.mjs → chunk-UGYBFAVY.mjs}

@@ -1,4 +1,4 @@
-import { createMotionComponent } from './chunk-JENYDTXH.mjs';
+import { createMotionComponent } from './chunk-5EYIZG72.mjs';
 import { Text } from 'react-native';
 
 var MotionText = createMotionComponent(Text);

package/dist/{chunk-46766TBM.js → chunk-XLKI2MSD.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunk2UGWAB6N_js = require('./chunk-2UGWAB6N.js');
+var chunkHBURWGCZ_js = require('./chunk-HBURWGCZ.js');
 var Animated = require('react-native-reanimated');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var Animated__default = /*#__PURE__*/_interopDefault(Animated);
 
-var MotionFlatList = chunk2UGWAB6N_js.createMotionComponent(
+var MotionFlatList = chunkHBURWGCZ_js.createMotionComponent(
   Animated__default.default.FlatList
   // `createMotionComponent<C>` returns a non-generic `MotionComponent<C>`, so
   // `data` / `renderItem` would collapse to `any` and lose `ItemT` inference.