@rootnative/inertia 0.0.7 → 0.0.9

package/dist/index.js

@@ -1,36 +1,36 @@
 'use strict';
 
-var chunk4NAMD62I_js = require('./chunk-4NAMD62I.js');
-var chunkNPJ46457_js = require('./chunk-NPJ46457.js');
-var chunkZSOCRHU3_js = require('./chunk-ZSOCRHU3.js');
-var chunkYUTS6JRU_js = require('./chunk-YUTS6JRU.js');
-var chunkWGCF3WQG_js = require('./chunk-WGCF3WQG.js');
-var chunkQYR66E2G_js = require('./chunk-QYR66E2G.js');
-var chunkQJYFTTM2_js = require('./chunk-QJYFTTM2.js');
-var chunk6V7MOBXO_js = require('./chunk-6V7MOBXO.js');
-var chunkOBRGJAST_js = require('./chunk-OBRGJAST.js');
-var chunkPM6CVGXJ_js = require('./chunk-PM6CVGXJ.js');
+var chunkMUT6BTZS_js = require('./chunk-MUT6BTZS.js');
+var chunk24NUL23E_js = require('./chunk-24NUL23E.js');
+var chunk4XBX7KOD_js = require('./chunk-4XBX7KOD.js');
+var chunkZ5USXWTE_js = require('./chunk-Z5USXWTE.js');
+var chunk6NOCY764_js = require('./chunk-6NOCY764.js');
+var chunkZBHQPVWE_js = require('./chunk-ZBHQPVWE.js');
+var chunkIHVMNOS4_js = require('./chunk-IHVMNOS4.js');
+var chunkE3ALFSH2_js = require('./chunk-E3ALFSH2.js');
+var chunk6AN5X3YE_js = require('./chunk-6AN5X3YE.js');
+var chunkWNVHPMBI_js = require('./chunk-WNVHPMBI.js');
 var react = require('react');
 var reactNativeReanimated = require('react-native-reanimated');
 var reactNativeWorklets = require('react-native-worklets');
 
 // src/motion/index.ts
 var Motion = {
-  View: chunkNPJ46457_js.MotionView,
-  Text: chunkZSOCRHU3_js.MotionText,
-  Image: chunkYUTS6JRU_js.MotionImage,
-  Pressable: chunkWGCF3WQG_js.MotionPressable,
-  ScrollView: chunkQYR66E2G_js.MotionScrollView,
-  FlatList: chunkQJYFTTM2_js.MotionFlatList
+  View: chunk24NUL23E_js.MotionView,
+  Text: chunk4XBX7KOD_js.MotionText,
+  Image: chunkZ5USXWTE_js.MotionImage,
+  Pressable: chunk6NOCY764_js.MotionPressable,
+  ScrollView: chunkZBHQPVWE_js.MotionScrollView,
+  FlatList: chunkIHVMNOS4_js.MotionFlatList
 };
 function useAnimation(target, transition) {
   const output = reactNativeReanimated.useSharedValue(target);
-  const shouldReduceMotion = chunkOBRGJAST_js.useShouldReduceMotion();
-  const resolved = chunkOBRGJAST_js.resolveNamedTransition(transition, chunkOBRGJAST_js.useNamedTransitions());
-  const cfgSig = chunkPM6CVGXJ_js.stableSig(resolved);
+  const shouldReduceMotion = chunk6AN5X3YE_js.useShouldReduceMotion();
+  const resolved = chunk6AN5X3YE_js.resolveNamedTransition(transition, chunk6AN5X3YE_js.useNamedTransitions());
+  const cfgSig = chunkWNVHPMBI_js.stableSig(resolved);
   react.useEffect(() => {
     const cfg = shouldReduceMotion ? { type: "no-animation" } : resolved ?? { type: "spring" };
-    output.value = chunkPM6CVGXJ_js.resolveTransition(cfg, target);
+    output.value = chunkWNVHPMBI_js.resolveTransition(cfg, target);
   }, [target, cfgSig, shouldReduceMotion]);
   react.useEffect(
     () => () => reactNativeReanimated.cancelAnimation(output),
@@ -41,22 +41,22 @@ function useAnimation(target, transition) {
   return output;
 }
 function useAnimator() {
-  const registry = chunkOBRGJAST_js.useNamedTransitions();
-  const shouldReduceMotion = chunkOBRGJAST_js.useShouldReduceMotion();
+  const registry = chunk6AN5X3YE_js.useNamedTransitions();
+  const shouldReduceMotion = chunk6AN5X3YE_js.useShouldReduceMotion();
   const registryRef = react.useRef(registry);
   registryRef.current = registry;
   const reduceMotionRef = react.useRef(shouldReduceMotion);
   reduceMotionRef.current = shouldReduceMotion;
   return react.useCallback((value, to, transition) => {
-    const resolved = chunkOBRGJAST_js.resolveNamedTransition(transition, registryRef.current);
+    const resolved = chunk6AN5X3YE_js.resolveNamedTransition(transition, registryRef.current);
     const cfg = reduceMotionRef.current ? { type: "no-animation" } : resolved ?? { type: "spring" };
-    value.value = chunkPM6CVGXJ_js.resolveTransition(cfg, to);
+    value.value = chunkWNVHPMBI_js.resolveTransition(cfg, to);
   }, []);
 }
 function useSpring(target, config) {
-  const spring = resolveSpringInput(config, chunkOBRGJAST_js.useNamedTransitions());
+  const spring = resolveSpringInput(config, chunk6AN5X3YE_js.useNamedTransitions());
   const reanimConfig = react.useMemo(
-    () => chunkPM6CVGXJ_js.springToReanimated(spring ?? {}),
+    () => chunkWNVHPMBI_js.springToReanimated(spring ?? {}),
     // Keyed on the resolved primitive fields rather than the `config` object
     // identity: callers routinely pass a fresh object literal each render, so
     // depending on `config` itself would rebuild the Reanimated config on
@@ -101,7 +101,7 @@ function useSpring(target, config) {
 }
 function resolveSpringInput(config, registry) {
   if (typeof config !== "string") return config;
-  const cfg = chunkOBRGJAST_js.lookupNamedTransition(config, registry);
+  const cfg = chunk6AN5X3YE_js.lookupNamedTransition(config, registry);
   if (cfg.type === void 0 || cfg.type === "spring") return cfg;
   if (__DEV__) {
     console.warn(
@@ -249,7 +249,11 @@ function buildEntries(map, options) {
 function useInterpolatedStyle(progress, map, options) {
   const extrapolate = mapExtrapolation(options?.extrapolate);
   const sig = buildSignature(map, options);
-  const entries = react.useMemo(() => buildEntries(map, options), [sig]);
+  const entries = react.useMemo(
+    () => buildEntries(map, options),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [sig]
+  );
   return reactNativeReanimated.useAnimatedStyle(() => {
     "worklet";
     const out = {};
@@ -298,7 +302,7 @@ function useTransform(arg1, inputRange, outputRange, options) {
     if (reactNativeWorklets.isWorkletFunction(userFn)) {
       producer = userFn;
     } else {
-      chunkPM6CVGXJ_js.warnNonWorkletOnce(
+      chunkWNVHPMBI_js.warnNonWorkletOnce(
         "useTransform-transformer",
         "[inertia] useTransform: the transformer is not a worklet, so the shared values it reads can't be tracked as dependencies \u2014 the derived value will only refresh on React re-renders, and native builds reject plain functions on the UI thread. Add the 'worklet' directive as the first statement of the transformer."
       );
@@ -364,9 +368,9 @@ function useShadow({
   const hasElevation = from.elevation !== void 0 || to.elevation !== void 0;
   const hasColor = from.shadowColor !== void 0 || to.shadowColor !== void 0;
   const hasOffset = from.shadowOffset !== void 0 || to.shadowOffset !== void 0;
-  const boxShadowPairs = from.boxShadow !== void 0 || to.boxShadow !== void 0 ? chunk6V7MOBXO_js.pairBoxShadowLayers(
-    chunk6V7MOBXO_js.resolveBoxShadowInput(from.boxShadow),
-    chunk6V7MOBXO_js.resolveBoxShadowInput(to.boxShadow)
+  const boxShadowPairs = from.boxShadow !== void 0 || to.boxShadow !== void 0 ? chunkE3ALFSH2_js.pairBoxShadowLayers(
+    chunkE3ALFSH2_js.resolveBoxShadowInput(from.boxShadow),
+    chunkE3ALFSH2_js.resolveBoxShadowInput(to.boxShadow)
   ) : [];
   const opacityFrom = from.shadowOpacity ?? 0;
   const opacityTo = to.shadowOpacity ?? 0;
@@ -465,87 +469,99 @@ function useVariants(variants, initial) {
 
 Object.defineProperty(exports, "useGesture", {
   enumerable: true,
-  get: function () { return chunk4NAMD62I_js.useGesture; }
+  get: function () { return chunkMUT6BTZS_js.useGesture; }
 });
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunkNPJ46457_js.MotionView; }
+  get: function () { return chunk24NUL23E_js.MotionView; }
 });
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunkZSOCRHU3_js.MotionText; }
+  get: function () { return chunk4XBX7KOD_js.MotionText; }
 });
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkYUTS6JRU_js.MotionImage; }
+  get: function () { return chunkZ5USXWTE_js.MotionImage; }
 });
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunkWGCF3WQG_js.MotionPressable; }
+  get: function () { return chunk6NOCY764_js.MotionPressable; }
 });
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkQYR66E2G_js.MotionScrollView; }
+  get: function () { return chunkZBHQPVWE_js.MotionScrollView; }
 });
 Object.defineProperty(exports, "MotionFlatList", {
   enumerable: true,
-  get: function () { return chunkQJYFTTM2_js.MotionFlatList; }
+  get: function () { return chunkIHVMNOS4_js.MotionFlatList; }
 });
 Object.defineProperty(exports, "Presence", {
   enumerable: true,
-  get: function () { return chunk6V7MOBXO_js.Presence; }
+  get: function () { return chunkE3ALFSH2_js.Presence; }
+});
+Object.defineProperty(exports, "Stagger", {
+  enumerable: true,
+  get: function () { return chunkE3ALFSH2_js.Stagger; }
 });
 Object.defineProperty(exports, "TRANSPARENT", {
   enumerable: true,
-  get: function () { return chunk6V7MOBXO_js.TRANSPARENT; }
+  get: function () { return chunkE3ALFSH2_js.TRANSPARENT; }
 });
 Object.defineProperty(exports, "createMotionComponent", {
   enumerable: true,
-  get: function () { return chunk6V7MOBXO_js.createMotionComponent; }
+  get: function () { return chunkE3ALFSH2_js.createMotionComponent; }
 });
 Object.defineProperty(exports, "usePresence", {
   enumerable: true,
-  get: function () { return chunk6V7MOBXO_js.usePresence; }
+  get: function () { return chunkE3ALFSH2_js.usePresence; }
+});
+Object.defineProperty(exports, "useStaggerDelay", {
+  enumerable: true,
+  get: function () { return chunkE3ALFSH2_js.useStaggerDelay; }
 });
 Object.defineProperty(exports, "MotionConfig", {
   enumerable: true,
-  get: function () { return chunkOBRGJAST_js.MotionConfig; }
+  get: function () { return chunk6AN5X3YE_js.MotionConfig; }
 });
 Object.defineProperty(exports, "resolveNamedTransition", {
   enumerable: true,
-  get: function () { return chunkOBRGJAST_js.resolveNamedTransition; }
+  get: function () { return chunk6AN5X3YE_js.resolveNamedTransition; }
 });
 Object.defineProperty(exports, "useMotionConfig", {
   enumerable: true,
-  get: function () { return chunkOBRGJAST_js.useMotionConfig; }
+  get: function () { return chunk6AN5X3YE_js.useMotionConfig; }
 });
 Object.defineProperty(exports, "useNamedTransitions", {
   enumerable: true,
-  get: function () { return chunkOBRGJAST_js.useNamedTransitions; }
+  get: function () { return chunk6AN5X3YE_js.useNamedTransitions; }
 });
 Object.defineProperty(exports, "useShouldReduceMotion", {
   enumerable: true,
-  get: function () { return chunkOBRGJAST_js.useShouldReduceMotion; }
+  get: function () { return chunk6AN5X3YE_js.useShouldReduceMotion; }
+});
+Object.defineProperty(exports, "applyDelay", {
+  enumerable: true,
+  get: function () { return chunkWNVHPMBI_js.applyDelay; }
 });
 Object.defineProperty(exports, "buildReleaseAnimation", {
   enumerable: true,
-  get: function () { return chunkPM6CVGXJ_js.buildReleaseAnimation; }
+  get: function () { return chunkWNVHPMBI_js.buildReleaseAnimation; }
 });
 Object.defineProperty(exports, "cubicBezier", {
   enumerable: true,
-  get: function () { return chunkPM6CVGXJ_js.cubicBezier; }
+  get: function () { return chunkWNVHPMBI_js.cubicBezier; }
 });
 Object.defineProperty(exports, "ensureWorkletEasing", {
   enumerable: true,
-  get: function () { return chunkPM6CVGXJ_js.ensureWorkletEasing; }
+  get: function () { return chunkWNVHPMBI_js.ensureWorkletEasing; }
 });
 Object.defineProperty(exports, "resolveAnimatableValue", {
   enumerable: true,
-  get: function () { return chunkPM6CVGXJ_js.resolveAnimatableValue; }
+  get: function () { return chunkWNVHPMBI_js.resolveAnimatableValue; }
 });
 Object.defineProperty(exports, "resolveTransition", {
   enumerable: true,
-  get: function () { return chunkPM6CVGXJ_js.resolveTransition; }
+  get: function () { return chunkWNVHPMBI_js.resolveTransition; }
 });
 exports.Motion = Motion;
 exports.useAnimation = useAnimation;

package/dist/index.mjs

@@ -1,22 +1,22 @@
-export { useGesture } from './chunk-OW5XTGVN.mjs';
-import { MotionView } from './chunk-RUIOM2YZ.mjs';
-export { MotionView } from './chunk-RUIOM2YZ.mjs';
-import { MotionText } from './chunk-WMLS4TMX.mjs';
-export { MotionText } from './chunk-WMLS4TMX.mjs';
-import { MotionImage } from './chunk-KBFN4TRO.mjs';
-export { MotionImage } from './chunk-KBFN4TRO.mjs';
-import { MotionPressable } from './chunk-52QSN2VQ.mjs';
-export { MotionPressable } from './chunk-52QSN2VQ.mjs';
-import { MotionScrollView } from './chunk-VSK2E35J.mjs';
-export { MotionScrollView } from './chunk-VSK2E35J.mjs';
-import { MotionFlatList } from './chunk-ZOBOKLAS.mjs';
-export { MotionFlatList } from './chunk-ZOBOKLAS.mjs';
-import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-HPJMIBBK.mjs';
-export { Presence, TRANSPARENT, createMotionComponent, usePresence } from './chunk-HPJMIBBK.mjs';
-import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-Z3HCJ43H.mjs';
-export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-Z3HCJ43H.mjs';
-import { stableSig, resolveTransition, springToReanimated, warnNonWorkletOnce } from './chunk-REYL77RE.mjs';
-export { buildReleaseAnimation, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveTransition } from './chunk-REYL77RE.mjs';
+export { useGesture } from './chunk-L4JFECXU.mjs';
+import { MotionView } from './chunk-GSUC4HWP.mjs';
+export { MotionView } from './chunk-GSUC4HWP.mjs';
+import { MotionText } from './chunk-QNLSCOR5.mjs';
+export { MotionText } from './chunk-QNLSCOR5.mjs';
+import { MotionImage } from './chunk-6YIUETBF.mjs';
+export { MotionImage } from './chunk-6YIUETBF.mjs';
+import { MotionPressable } from './chunk-JBK5ZLMH.mjs';
+export { MotionPressable } from './chunk-JBK5ZLMH.mjs';
+import { MotionScrollView } from './chunk-M4766VUV.mjs';
+export { MotionScrollView } from './chunk-M4766VUV.mjs';
+import { MotionFlatList } from './chunk-EN4PN7X3.mjs';
+export { MotionFlatList } from './chunk-EN4PN7X3.mjs';
+import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-IX6SEOSK.mjs';
+export { Presence, Stagger, TRANSPARENT, createMotionComponent, usePresence, useStaggerDelay } from './chunk-IX6SEOSK.mjs';
+import { useShouldReduceMotion, resolveNamedTransition, useNamedTransitions, lookupNamedTransition } from './chunk-MFAFB4K7.mjs';
+export { MotionConfig, resolveNamedTransition, useMotionConfig, useNamedTransitions, useShouldReduceMotion } from './chunk-MFAFB4K7.mjs';
+import { stableSig, resolveTransition, springToReanimated, warnNonWorkletOnce } from './chunk-W7NTRSPD.mjs';
+export { applyDelay, buildReleaseAnimation, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveTransition } from './chunk-W7NTRSPD.mjs';
 import { useEffect, useRef, useCallback, useMemo } from 'react';
 import { useSharedValue, cancelAnimation, withSpring, useAnimatedReaction, useAnimatedStyle, interpolateColor, interpolate, useDerivedValue, Extrapolation, useAnimatedScrollHandler } from 'react-native-reanimated';
 import { isWorkletFunction } from 'react-native-worklets';
@@ -256,7 +256,11 @@ function buildEntries(map, options) {
 function useInterpolatedStyle(progress, map, options) {
   const extrapolate = mapExtrapolation(options?.extrapolate);
   const sig = buildSignature(map, options);
-  const entries = useMemo(() => buildEntries(map, options), [sig]);
+  const entries = useMemo(
+    () => buildEntries(map, options),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [sig]
+  );
   return useAnimatedStyle(() => {
     "worklet";
     const out = {};

package/dist/motion/FlatList.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkQJYFTTM2_js = require('../chunk-QJYFTTM2.js');
-require('../chunk-6V7MOBXO.js');
-require('../chunk-OBRGJAST.js');
-require('../chunk-PM6CVGXJ.js');
+var chunkIHVMNOS4_js = require('../chunk-IHVMNOS4.js');
+require('../chunk-E3ALFSH2.js');
+require('../chunk-6AN5X3YE.js');
+require('../chunk-WNVHPMBI.js');
 
 
 
 Object.defineProperty(exports, "MotionFlatList", {
   enumerable: true,
-  get: function () { return chunkQJYFTTM2_js.MotionFlatList; }
+  get: function () { return chunkIHVMNOS4_js.MotionFlatList; }
 });

package/dist/motion/FlatList.mjs

@@ -1,4 +1,4 @@
-export { MotionFlatList } from '../chunk-ZOBOKLAS.mjs';
-import '../chunk-HPJMIBBK.mjs';
-import '../chunk-Z3HCJ43H.mjs';
-import '../chunk-REYL77RE.mjs';
+export { MotionFlatList } from '../chunk-EN4PN7X3.mjs';
+import '../chunk-IX6SEOSK.mjs';
+import '../chunk-MFAFB4K7.mjs';
+import '../chunk-W7NTRSPD.mjs';

package/dist/motion/Image.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkYUTS6JRU_js = require('../chunk-YUTS6JRU.js');
-require('../chunk-6V7MOBXO.js');
-require('../chunk-OBRGJAST.js');
-require('../chunk-PM6CVGXJ.js');
+var chunkZ5USXWTE_js = require('../chunk-Z5USXWTE.js');
+require('../chunk-E3ALFSH2.js');
+require('../chunk-6AN5X3YE.js');
+require('../chunk-WNVHPMBI.js');
 
 
 
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkYUTS6JRU_js.MotionImage; }
+  get: function () { return chunkZ5USXWTE_js.MotionImage; }
 });

package/dist/motion/Image.mjs

@@ -1,4 +1,4 @@
-export { MotionImage } from '../chunk-KBFN4TRO.mjs';
-import '../chunk-HPJMIBBK.mjs';
-import '../chunk-Z3HCJ43H.mjs';
-import '../chunk-REYL77RE.mjs';
+export { MotionImage } from '../chunk-6YIUETBF.mjs';
+import '../chunk-IX6SEOSK.mjs';
+import '../chunk-MFAFB4K7.mjs';
+import '../chunk-W7NTRSPD.mjs';

package/dist/motion/Pressable.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkWGCF3WQG_js = require('../chunk-WGCF3WQG.js');
-require('../chunk-6V7MOBXO.js');
-require('../chunk-OBRGJAST.js');
-require('../chunk-PM6CVGXJ.js');
+var chunk6NOCY764_js = require('../chunk-6NOCY764.js');
+require('../chunk-E3ALFSH2.js');
+require('../chunk-6AN5X3YE.js');
+require('../chunk-WNVHPMBI.js');
 
 
 
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunkWGCF3WQG_js.MotionPressable; }
+  get: function () { return chunk6NOCY764_js.MotionPressable; }
 });

package/dist/motion/Pressable.mjs

@@ -1,4 +1,4 @@
-export { MotionPressable } from '../chunk-52QSN2VQ.mjs';
-import '../chunk-HPJMIBBK.mjs';
-import '../chunk-Z3HCJ43H.mjs';
-import '../chunk-REYL77RE.mjs';
+export { MotionPressable } from '../chunk-JBK5ZLMH.mjs';
+import '../chunk-IX6SEOSK.mjs';
+import '../chunk-MFAFB4K7.mjs';
+import '../chunk-W7NTRSPD.mjs';

package/dist/motion/ScrollView.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkQYR66E2G_js = require('../chunk-QYR66E2G.js');
-require('../chunk-6V7MOBXO.js');
-require('../chunk-OBRGJAST.js');
-require('../chunk-PM6CVGXJ.js');
+var chunkZBHQPVWE_js = require('../chunk-ZBHQPVWE.js');
+require('../chunk-E3ALFSH2.js');
+require('../chunk-6AN5X3YE.js');
+require('../chunk-WNVHPMBI.js');
 
 
 
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkQYR66E2G_js.MotionScrollView; }
+  get: function () { return chunkZBHQPVWE_js.MotionScrollView; }
 });

package/dist/motion/ScrollView.mjs

@@ -1,4 +1,4 @@
-export { MotionScrollView } from '../chunk-VSK2E35J.mjs';
-import '../chunk-HPJMIBBK.mjs';
-import '../chunk-Z3HCJ43H.mjs';
-import '../chunk-REYL77RE.mjs';
+export { MotionScrollView } from '../chunk-M4766VUV.mjs';
+import '../chunk-IX6SEOSK.mjs';
+import '../chunk-MFAFB4K7.mjs';
+import '../chunk-W7NTRSPD.mjs';

package/dist/motion/Text.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkZSOCRHU3_js = require('../chunk-ZSOCRHU3.js');
-require('../chunk-6V7MOBXO.js');
-require('../chunk-OBRGJAST.js');
-require('../chunk-PM6CVGXJ.js');
+var chunk4XBX7KOD_js = require('../chunk-4XBX7KOD.js');
+require('../chunk-E3ALFSH2.js');
+require('../chunk-6AN5X3YE.js');
+require('../chunk-WNVHPMBI.js');
 
 
 
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunkZSOCRHU3_js.MotionText; }
+  get: function () { return chunk4XBX7KOD_js.MotionText; }
 });

package/dist/motion/Text.mjs

@@ -1,4 +1,4 @@
-export { MotionText } from '../chunk-WMLS4TMX.mjs';
-import '../chunk-HPJMIBBK.mjs';
-import '../chunk-Z3HCJ43H.mjs';
-import '../chunk-REYL77RE.mjs';
+export { MotionText } from '../chunk-QNLSCOR5.mjs';
+import '../chunk-IX6SEOSK.mjs';
+import '../chunk-MFAFB4K7.mjs';
+import '../chunk-W7NTRSPD.mjs';

package/dist/motion/View.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkNPJ46457_js = require('../chunk-NPJ46457.js');
-require('../chunk-6V7MOBXO.js');
-require('../chunk-OBRGJAST.js');
-require('../chunk-PM6CVGXJ.js');
+var chunk24NUL23E_js = require('../chunk-24NUL23E.js');
+require('../chunk-E3ALFSH2.js');
+require('../chunk-6AN5X3YE.js');
+require('../chunk-WNVHPMBI.js');
 
 
 
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunkNPJ46457_js.MotionView; }
+  get: function () { return chunk24NUL23E_js.MotionView; }
 });

package/dist/motion/View.mjs

@@ -1,4 +1,4 @@
-export { MotionView } from '../chunk-RUIOM2YZ.mjs';
-import '../chunk-HPJMIBBK.mjs';
-import '../chunk-Z3HCJ43H.mjs';
-import '../chunk-REYL77RE.mjs';
+export { MotionView } from '../chunk-GSUC4HWP.mjs';
+import '../chunk-IX6SEOSK.mjs';
+import '../chunk-MFAFB4K7.mjs';
+import '../chunk-W7NTRSPD.mjs';

package/dist/touch/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkPM6CVGXJ_js = require('../chunk-PM6CVGXJ.js');
+var chunkWNVHPMBI_js = require('../chunk-WNVHPMBI.js');
 var react = require('react');
 var reactNative = require('react-native');
 var reactNativeReanimated = require('react-native-reanimated');
@@ -48,14 +48,14 @@ function useTouchDrag(options = {}) {
         if (result) {
           if (result.x && lockX) {
             const toX = "to" in result.x ? result.x.to : x;
-            dragX.value = chunkPM6CVGXJ_js.buildReleaseAnimation(
+            dragX.value = chunkWNVHPMBI_js.buildReleaseAnimation(
               result.x,
               toX
             );
           }
           if (result.y && lockY) {
             const toY = "to" in result.y ? result.y.to : y;
-            dragY.value = chunkPM6CVGXJ_js.buildReleaseAnimation(
+            dragY.value = chunkWNVHPMBI_js.buildReleaseAnimation(
               result.y,
               toY
             );

package/dist/touch/index.mjs

@@ -1,4 +1,4 @@
-import { buildReleaseAnimation } from '../chunk-REYL77RE.mjs';
+import { buildReleaseAnimation } from '../chunk-W7NTRSPD.mjs';
 import { useMemo } from 'react';
 import { PanResponder } from 'react-native';
 import { useSharedValue, useAnimatedStyle } from 'react-native-reanimated';

package/llms.txt

@@ -10,12 +10,28 @@ pnpm add @rootnative/inertia react-native-reanimated
 
 Enable the Reanimated Babel plugin per its install guide.
 
+## Which package has what
+
+The core package does not contain the gesture hooks, the gradient primitive, or the SVG primitives. Each is a separate install. `useSwipe` and `useDrag` are **not** in core — a swipe deck needs `@rootnative/inertia-gestures`.
+
+| You want | Package | Extra peer dependency |
+| --- | --- | --- |
+| `Motion.*`, `Presence`, `Stagger`, `MotionConfig`, every value-layer hook | `@rootnative/inertia` | — (core, always required) |
+| `useDrag`, `useSwipe`, `usePan` | `@rootnative/inertia-gestures` | `react-native-gesture-handler` |
+| Animatable linear gradients | `@rootnative/inertia-gradients` | `expo-linear-gradient` |
+| Animatable SVG paths and shapes | `@rootnative/inertia-svg` | `react-native-svg` |
+
+`useTouchDrag` is the exception: a drag hook in **core**, under the `@rootnative/inertia/touch` subpath, because PanResponder is built into React Native. Use it for drag without `react-native-gesture-handler`, or when the drag needs keyboard accessibility.
+
+All four packages ship in **lockstep** — same version, released together. Install the same version of every `@rootnative/inertia*` package you use. Two things that mislead: the `@rootnative/core` and `@rootnative/components` packages of RootNative UI are a different library on a different version line, and `npm view` shows an `alpha` dist-tag on these packages that is **older** than `latest` (a prerelease leftover — follow `latest`).
+
 ## Imports
 
 ```ts
 import {
   Motion,
   Presence,
+  Stagger,
   MotionConfig,
   useGesture,
   useVariants,
@@ -50,6 +66,7 @@ import { MotionFlatList } from '@rootnative/inertia/flat-list'
 
 - `Motion.View` / `Motion.Text` / `Motion.Image` / `Motion.Pressable` / `Motion.ScrollView` / `Motion.FlatList` — animatable primitives. Per-primitive style inference (no shared `ViewStyle & TextStyle & ImageStyle` fallback). `Motion.FlatList` is the **virtualized** animated scroller: it takes `useScroll`'s `onScroll` handler and keeps `data` / `renderItem` item-type inference, so a long list can virtualize and animate at once. Animation props apply to the scroll container; animate rows with a `Motion.*` inside `renderItem`.
 - `<Presence>` — mount / unmount transitions; children need explicit `key`s. Exiting children get `pointerEvents: 'none'` automatically.
+- `<Stagger interval delay? from? enabled?>` — assigns each child a delay of `delay + position * interval` (ms), applied to the declarative animations (`initial` → `animate`, later `animate` changes) of every `Motion.*` primitive in that child's subtree. `from='last'` reverses the cascade; `enabled={false}` zeroes every delay (the "cascade in, snap out" switch). Composes with the child's own `transition.delay`; never delays `gesture` feedback, `<Presence>` exits, or reduced-motion snaps. Renders no host view. Custom animated components read the slot's delay with `useStaggerDelay()`.
 - `<MotionConfig reducedMotion="user" | "never" | "always" transitions={{ name: TransitionConfig }}>` — gates motion against the OS reduce-motion setting (default `"user"`) and registers named transitions for the subtree. A registered name is accepted anywhere a `TransitionConfig` is: the `transition` prop (top-level and per-property/per-layer), the `layout` prop, and the value-layer hooks (`transition="selection"`, `useBooleanSpring(checked, 'selection')`). Nested providers merge (child overrides per name); unknown names warn in dev and fall back to the default spring. Names are consumer vocabulary — no presets ship with the library. Optional compile-time narrowing via `declare module '@rootnative/inertia' { interface RegisteredTransitions { ... } }`. Custom components join the registry with `useNamedTransitions()` + `resolveNamedTransition(input, registry)`.
 - `useGesture(transition?)` — hook-form of the `gesture` prop. Returns 0↔1 progress shared values (`pressed`, `focused`, `focusVisible`, `hovered`) plus a `handlers` bag to spread on a `Pressable`. Use when one gesture needs to drive multiple animated siblings (focus rings, MD3 state-layer halos, multi-element compositions).
 - `useGestureLayer(states, options?)` — opt-in helper at `@rootnative/inertia/gesture-layer` for the **strongest-active-layer-wins** composition (MD3 state-layer haloes, iOS-translucent overlays). Supply per-state target maps (`rest` / `hovered` / `focused` / `focusVisible` / `pressed` / `disabled`); the hook owns the worklet. Numeric keys compose via clamped-max with `rest` as the floor; color keys compose via priority cascade with `interpolateColor`; `disabled` (JS-side flag) overrides every gesture layer. Returns `{ style, handlers, states }` — `states` is the per-state 0↔1 progress shared values (`hovered` / `focused` / `focusVisible` / `pressed` / `disabled`) behind the composed style, for deriving extra styles (e.g. `useShadow({ progress: states.hovered })`) from the same gesture wiring. Reach for plain `useGesture` for additive blends or per-key custom rules.
@@ -63,7 +80,7 @@ import { MotionFlatList } from '@rootnative/inertia/flat-list'
 - `useShadow({ from, to, progress })` — pure value-layer interpolator between two `ShadowConfig`s (`shadowOpacity` / `shadowRadius` / `shadowOffset` / `elevation` / `shadowColor`, plus `boxShadow` as a CSS string or `BoxShadowLayer[]` — the shadow surface on web and RN 0.76+ new-arch; multi-layer, CSS-transition padding semantics, malformed strings throw at setup) driven by a `SharedValue<number>` (0→1). Returns an animated style fragment to spread onto `style`; only emits keys present on either side, absent sides default to natural zero. The hook does not animate on its own — drive `progress` with a spring, a scroll-derived `useTransform`, or any other shared value source.
 - `useColorTransition(progress, [from, to], options?)` — pure value-layer interpolator for a single color channel, driven by a `SharedValue<number>` (0→1). Returns an animated style fragment with one color key (default `backgroundColor`; configurable via `options.key` to `color` / `borderColor` / `tintColor` / `shadowColor` / per-side border colors). For raw `SharedValue<string>` output, use `useTransform(progress, [0, 1], [from, to])` instead.
 - `useColorCascade(rest, layers, options?)` — pure value-layer interpolator compositing a **priority-ordered** stack of color layers over a base `rest` color; each `layers` entry is `{ progress: SharedValue<number>, color: string }`, later entries win as their progress rises (equivalent to the nested `focus(error(hover(rest)))` `interpolateColor` chain). `options.key` reuses `ColorStyleKey` (default `backgroundColor`). Returns a spreadable animated style fragment; memoized on a colors+key signature. Color-only by design — cascade a numeric key separately via `useInterpolatedStyle` + `useTransform` max. `useColorTransition` stays the single-layer fast path.
-- `useInterpolatedStyle(progress, map, options?)` — pure value-layer interpolator mapping one `SharedValue<number>` onto **N** style props at once, returned as a spreadable animated style fragment (the multi-key, style-fragment counterpart to `useTransform`'s output-range form). Numeric keys (`opacity` / `height` / `fontSize` / …) route through `interpolate`; transform keys (`translateX` / `scale` / `rotate` / …) lift into a `transform` array in map key-order (`rotate*` emit `'<n>deg'`); color keys (`backgroundColor` / `borderColor` / …) route through `interpolateColor` (a multi-stop `useColorTransition`). Stop types are compile-checked. `options.inputRange` (default `[0,1]` / evenly-spaced) and `options.extrapolate` (default `'clamp'`) apply to every key. Memoized on an order-preserving signature. For function-valued or multi-source composition, drop to `useTransform`'s worklet form or a hand-rolled `useAnimatedStyle`.
+- `useInterpolatedStyle(progress, map, options?)` — pure value-layer interpolator mapping one `SharedValue<number>` onto **N** style props at once, returned as a spreadable animated style fragment (the multi-key, style-fragment counterpart to `useTransform`'s output-range form). Numeric keys (`opacity` / `height` / `fontSize` / …) route through `interpolate`; transform keys (`translateX` / `scale` / `rotate` / …) lift into a `transform` array in map key-order (`rotate*` emit `'<n>deg'`); color keys (`backgroundColor` / `borderColor` / …) route through `interpolateColor` (a multi-stop `useColorTransition`). Stop types are compile-checked. **The return type is derived from the map's own keys (`InterpolatedStyle<K>`), so it narrows to the right style family and needs no cast in a `style` array** — view keys satisfy `StyleProp<ViewStyle>`, text-metric keys (`fontSize` / `lineHeight` / `letterSpacing`) satisfy `StyleProp<TextStyle>`, `tintColor` satisfies `StyleProp<ImageStyle>`, and transform keys collapse into the emitted `transform` array. (Reanimated's `useAnimatedStyle` returns the `DefaultStyle` union, whose `TextStyle` member fails against `ViewStyle` on `cursor` inside a style array.) `options.inputRange` (default `[0,1]` / evenly-spaced) and `options.extrapolate` (default `'clamp'`) apply to every key. Memoized on an order-preserving signature. For function-valued or multi-source composition, drop to `useTransform`'s worklet form or a hand-rolled `useAnimatedStyle`.
 - `useScroll()` — returns `{ scrollX, scrollY, onScroll }` for use with `Motion.ScrollView` or `Motion.FlatList`. Scroll events fire on the UI thread. Set `scrollEventThrottle={16}` on a `Motion.ScrollView`; `Motion.FlatList` defaults it to 1.
 - `createMotionComponent<C>(C)` — wrap any component with the same Motion prop surface, inferring style from `C`.
 - `buildReleaseAnimation(transition, toValue)` — worklet-safe single-step animation builder (spring / timing / decay / no-animation). For assigning Inertia-resolved animations to shared values from inside a gesture worklet. Used internally by `@rootnative/inertia-gestures`'s `useDrag({ onRelease })`.
@@ -153,7 +170,7 @@ Auto-layout transitions ship via the `layout` prop (`true` / `TransitionConfig`)
 
 - `@rootnative/inertia-gradients` — `MotionLinearGradient` over `expo-linear-gradient`. Animatable: `colors`, `start`, `end`, `locations`.
 - `@rootnative/inertia-svg` — animatable SVG primitives over `react-native-svg`, all under the `MotionSvg` namespace (`MotionSvg.Path` / `.Circle` / `.Rect` / `.Line`) or as direct imports. `MotionPath` animates `d` (path morphing on structurally-compatible paths — same command sequence after implicit-repeat expansion; remount with `key` to switch shape), `fill`, `stroke`, `strokeWidth`, opacities, `strokeDashoffset`. `MotionCircle` / `MotionRect` / `MotionLine` animate their geometry props, paints, and `strokeDasharray` (element-wise; array length locked at mount). `createMotionSvgComponent(Component, { animatableProps, colorProps, arrayProps })` — the factory behind the prebuilt shapes — wraps any other `react-native-svg` element with the same `initial` / `animate` / `transition` surface; `transition` accepts named transitions from the nearest `<MotionConfig transitions>` (top-level and per-property).
-- `@rootnative/inertia-gestures` — `useDrag`, `useSwipe`, `usePan` over `react-native-gesture-handler`. `useDrag` accepts an `onRelease` worklet that returns per-axis Inertia release transitions (snap-to-tick spring, decay with bounds, etc.) — the release velocity stays on the UI thread, no JS round-trip.
+- `@rootnative/inertia-gestures` — `useDrag`, `useSwipe`, `usePan` over `react-native-gesture-handler`. `useDrag` accepts an `onRelease` worklet that returns per-axis Inertia release transitions (snap-to-tick spring, decay with bounds, etc.) — the release velocity stays on the UI thread, no JS round-trip. `useSwipe`'s snap-back is configurable (`releaseTransition`, inline or a named transition, release velocity passed in), and a committed swipe can exit the screen instead of snapping back: `onCommit` (UI-thread worklet, returns per-axis exit transitions) + `onSwipeEnd` (JS thread, fires when the release animation settles) — the card-deck shape.
 
 ## Docs
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rootnative/inertia",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Declarative animation primitives for React Native, built on react-native-reanimated.",
   "license": "MIT",
   "author": "RootNative",

package/src/index.ts

@@ -33,12 +33,16 @@ export type {
 } from './config'
 export { Presence, usePresence } from './presence'
 export type { PresenceContextValue } from './presence'
+export { Stagger, useStaggerDelay } from './stagger'
+export type { StaggerProps } from './stagger'
 export {
+  applyDelay,
   buildReleaseAnimation,
   cubicBezier,
   resolveTransition,
   resolveAnimatableValue,
   ensureWorkletEasing,
+  type AnimationCallback,
 } from './transitions'
 // Seed value for any color shared value a custom animated component drives
 // through `resolveTransition`. Exported because the obvious choice —
@@ -70,6 +74,7 @@ export type {
   ColorCascadeLayer,
   ColorStyleKey,
   ExtrapolationMode,
+  InterpolatedStyle,
   InterpolatedStyleMap,
   NumericStyleKey,
   ShadowConfig,