@rootnative/inertia 0.0.5 → 0.0.7

package/dist/chunk-QJYFTTM2.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunk6V7MOBXO_js = require('./chunk-6V7MOBXO.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 = chunk6V7MOBXO_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.
+  // Restore it with the same call-signature cast Reanimated itself uses for
+  // this exact problem (see its `ReanimatedFlatList` export, and the
+  // `@ts-expect-error` above `AnimatedFlatList` explaining that
+  // `createAnimatedComponent` cannot create generic components).
+  //
+  // **Both** generics live on the one call signature, and that is deliberate:
+  // `ItemT` infers from `data` while `V` infers from `variants`, independently.
+  // Declaring only `ItemT` (the obvious first cut) silently drops the
+  // variant-key narrowing that `MotionComponent` provides on every other
+  // primitive — `animate="typo"` would stop being a compile error here and
+  // nowhere else. Both directions are pinned in
+  // `__type-tests__/flat-list.test-d.tsx`.
+);
+
+exports.MotionFlatList = MotionFlatList;

package/dist/{chunk-QQVDZKSD.js → chunk-QYR66E2G.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkVQ5D35UA_js = require('./chunk-VQ5D35UA.js');
+var chunk6V7MOBXO_js = require('./chunk-6V7MOBXO.js');
 var reactNative = require('react-native');
 
-var MotionScrollView = chunkVQ5D35UA_js.createMotionComponent(reactNative.ScrollView);
+var MotionScrollView = chunk6V7MOBXO_js.createMotionComponent(reactNative.ScrollView);
 
 exports.MotionScrollView = MotionScrollView;

package/dist/{chunk-GTJ6VAH5.mjs → chunk-RUIOM2YZ.mjs}

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

package/dist/{chunk-27MKBTSG.mjs → chunk-VSK2E35J.mjs}

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

package/dist/{chunk-27U6766G.js → chunk-WGCF3WQG.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkVQ5D35UA_js = require('./chunk-VQ5D35UA.js');
+var chunk6V7MOBXO_js = require('./chunk-6V7MOBXO.js');
 var reactNative = require('react-native');
 
-var MotionPressable = chunkVQ5D35UA_js.createMotionComponent(reactNative.Pressable);
+var MotionPressable = chunk6V7MOBXO_js.createMotionComponent(reactNative.Pressable);
 
 exports.MotionPressable = MotionPressable;

package/dist/{chunk-COEJVWRZ.mjs → chunk-WMLS4TMX.mjs}

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

package/dist/chunk-YUTS6JRU.js

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

package/dist/chunk-ZOBOKLAS.mjs

@@ -0,0 +1,22 @@
+import { createMotionComponent } from './chunk-HPJMIBBK.mjs';
+import Animated from 'react-native-reanimated';
+
+var MotionFlatList = createMotionComponent(
+  Animated.FlatList
+  // `createMotionComponent<C>` returns a non-generic `MotionComponent<C>`, so
+  // `data` / `renderItem` would collapse to `any` and lose `ItemT` inference.
+  // Restore it with the same call-signature cast Reanimated itself uses for
+  // this exact problem (see its `ReanimatedFlatList` export, and the
+  // `@ts-expect-error` above `AnimatedFlatList` explaining that
+  // `createAnimatedComponent` cannot create generic components).
+  //
+  // **Both** generics live on the one call signature, and that is deliberate:
+  // `ItemT` infers from `data` while `V` infers from `variants`, independently.
+  // Declaring only `ItemT` (the obvious first cut) silently drops the
+  // variant-key narrowing that `MotionComponent` provides on every other
+  // primitive — `animate="typo"` would stop being a compile error here and
+  // nowhere else. Both directions are pinned in
+  // `__type-tests__/flat-list.test-d.tsx`.
+);
+
+export { MotionFlatList };

package/dist/chunk-ZSOCRHU3.js

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

package/dist/gestureLayer/index.d.mts

@@ -1,6 +1,6 @@
 import { SharedValue, AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-DfaTx-3t.mjs';
-import { a as TransitionInput, G as GestureLayerTransitions } from '../types-BQgLJeQG.mjs';
+import { U as UseGestureHandlers } from '../useGesture-CnZQnYHH.mjs';
+import { b as TransitionInput, G as GestureLayerTransitions } from '../types-DyJpG64F.mjs';
 import 'react';
 import 'react-native';
 

package/dist/gestureLayer/index.d.ts

@@ -1,6 +1,6 @@
 import { SharedValue, AnimatedStyle } from 'react-native-reanimated';
-import { U as UseGestureHandlers } from '../useGesture-B0_CzOUz.js';
-import { a as TransitionInput, G as GestureLayerTransitions } from '../types-BQgLJeQG.js';
+import { U as UseGestureHandlers } from '../useGesture-DbH46EBp.js';
+import { b as TransitionInput, G as GestureLayerTransitions } from '../types-DyJpG64F.js';
 import 'react';
 import 'react-native';
 

package/dist/index.d.mts

@@ -2,11 +2,12 @@ import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-import { M as MotionComponent, N as NamedTransitions, a as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, b as TransitionName, V as VariantController } from './types-BQgLJeQG.mjs';
-export { c as AnimateStyle, d as AnimationCallbackInfo, B as BoxShadowInput, D as DecayTransition, e as EasingFunction, f as EasingFunctionFactory, g as GestureSubStates, h as MotionProps, i as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, j as RepeatConfig, k as SequenceStep, l as TimingTransition, m as Transition, n as VariantsMap } from './types-BQgLJeQG.mjs';
+import { M as MotionComponent, V as VariantsMap, a as MotionProps, N as NamedTransitions, b as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, c as TransitionName, d as VariantController } from './types-DyJpG64F.mjs';
+export { e as AnimateStyle, f as AnimationCallbackInfo, B as BoxShadowInput, D as DecayTransition, g as EasingFunction, h as EasingFunctionFactory, i as GestureSubStates, j as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, k as RepeatConfig, l as SequenceStep, m as TimingTransition, n as Transition } from './types-DyJpG64F.mjs';
 import { SharedValue, useAnimatedStyle } from 'react-native-reanimated';
 export { SharedValue } from 'react-native-reanimated';
-export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-DfaTx-3t.mjs';
+export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-CnZQnYHH.mjs';
+export { MotionFlatList } from './motion/FlatList.mjs';
 export { MotionImage } from './motion/Image.mjs';
 export { MotionPressable } from './motion/Pressable.mjs';
 export { MotionScrollView } from './motion/ScrollView.mjs';
@@ -36,6 +37,9 @@ declare const Motion: {
     readonly Image: MotionComponent<typeof react_native.Image>;
     readonly Pressable: MotionComponent<react.ForwardRefExoticComponent<react_native.PressableProps & react.RefAttributes<react_native.View>>>;
     readonly ScrollView: MotionComponent<typeof react_native.ScrollView>;
+    readonly FlatList: <ItemT = any, V extends VariantsMap<react_native.FlatListProps<ItemT>> = VariantsMap<react_native.FlatListProps<ItemT>>>(props: react_native.FlatListProps<ItemT> & MotionProps<react_native.FlatListProps<ItemT>, V> & {
+        ref?: React.Ref<react_native.FlatList<ItemT>>;
+    }) => React.ReactElement;
 };
 
 /**
@@ -292,6 +296,34 @@ declare function ensureWorkletEasing(easing: EasingInput | undefined): ((t: numb
  */
 declare function buildReleaseAnimation(transition: TransitionConfig, toValue: number): unknown;
 
+/**
+ * The one colour spelling Reanimated's animation drivers cannot accept.
+ *
+ * Reanimated dispatches an animation on the runtime shape of its **source**
+ * value, and `isColor()` is the gate for the RGBA-channel path. That gate is
+ * `processColorInitially(value) != null`, and Reanimated's colour-name table
+ * (`Colors.ts`) maps `transparent` to `undefined` — every other CSS colour
+ * name maps to a packed integer. So `'transparent'` is the single named colour
+ * that reports **false**.
+ *
+ * A value that fails the gate but is still a string falls to the
+ * prefix-number-suffix branch, which exists for values like `'100%'`. It runs
+ * `parseFloat('transparent')` → `NaN`, animates that, and re-attaches the
+ * prefix, so the slot fills with `'transparentNaN'`. Under `withTiming` the
+ * animation still snaps to its target when the duration elapses, which hides
+ * the fault; under `withSpring` — the library default — settling is decided by
+ * comparisons against `NaN`, which are all false, so the animation runs
+ * forever and the colour never appears.
+ *
+ * `'rgba(0, 0, 0, 0)'` is the same colour and passes the gate.
+ *
+ * This only applies to values handed to `withSpring` / `withTiming`.
+ * `interpolateColor` parses `'transparent'` correctly, which is why the
+ * gesture cascade, the shared-element carry, and `useShadow` are unaffected
+ * and keep the consumer's own spelling.
+ */
+declare const TRANSPARENT = "rgba(0, 0, 0, 0)";
+
 /**
  * Drive a `SharedValue<number>` toward `target` with **any** transition shape
  * — spring, timing, decay, or no-animation — or a `TransitionName` registered
@@ -703,10 +735,10 @@ interface UseScrollResult {
     /** Vertical scroll offset in points. */
     scrollY: SharedValue<number>;
     /**
-     * Handler to pass to a `Motion.ScrollView`'s `onScroll` prop (or any other
-     * Reanimated `Animated.ScrollView`). The handler is opaque to JS — it runs
-     * as a worklet — but the type narrows to the same shape RN's native
-     * `onScroll` prop expects so it composes cleanly.
+     * Handler to pass to the `onScroll` prop of `Motion.ScrollView` or
+     * `Motion.FlatList` (or any other Reanimated animated scroller). The handler
+     * is opaque to JS — it runs as a worklet — but the type narrows to the same
+     * shape RN's native `onScroll` prop expects so it composes cleanly.
      */
     onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
 }
@@ -738,9 +770,13 @@ interface UseScrollResult {
  * read from any worklet (`useAnimatedStyle`, `useDerivedValue`,
  * `useTransform`) without a JS-thread bounce.
  *
- * Remember to set `scrollEventThrottle={16}` on the `ScrollView` for 60Hz
+ * Remember to set `scrollEventThrottle={16}` on a `Motion.ScrollView` for 60Hz
  * updates — RN's default is to dispatch on every event, which on iOS still
  * means one per frame, but Android benefits from the explicit cap.
+ *
+ * `Motion.FlatList` needs no such setting — it defaults `scrollEventThrottle`
+ * to 1 for you. Prefer it over `Motion.ScrollView` for long or unbounded lists:
+ * it virtualizes, and both accept this handler.
  */
 declare function useScroll(): UseScrollResult;
 
@@ -869,4 +905,4 @@ declare function useShadow({ from, to, progress, }: UseShadowOptions): ReturnTyp
  */
 declare function useVariants<V extends Readonly<Record<string, object>>>(variants: V, initial?: keyof V & string): VariantController<keyof V & string>;
 
-export { AnimatableValue, type Animator, type BoxShadowLayer, type ColorCascadeLayer, type ColorStyleKey, EasingInput, type ExtrapolationMode, type InterpolatedStyleMap, Motion, MotionComponent, MotionConfig, type MotionConfigProps, type MotionConfigValue, NamedTransitions, type NumericStyleKey, Presence, type PresenceContextValue, type ReducedMotion, type ShadowConfig, SpringTransition, type TransformKey, TransitionConfig, TransitionInput, TransitionName, type UseColorCascadeOptions, type UseColorTransitionOptions, type UseInterpolatedStyleOptions, type UseScrollResult, type UseShadowOptions, type UseTransformOptions, VariantController, buildReleaseAnimation, createMotionComponent, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveNamedTransition, resolveTransition, useAnimation, useAnimator, useBooleanSpring, useColorCascade, useColorTransition, useInterpolatedStyle, useMotionConfig, useMotionValue, useNamedTransitions, usePresence, useScroll, useShadow, useShouldReduceMotion, useSpring, useTransform, useVariants };
+export { AnimatableValue, type Animator, type BoxShadowLayer, type ColorCascadeLayer, type ColorStyleKey, EasingInput, type ExtrapolationMode, type InterpolatedStyleMap, Motion, MotionComponent, MotionConfig, type MotionConfigProps, type MotionConfigValue, MotionProps, NamedTransitions, type NumericStyleKey, Presence, type PresenceContextValue, type ReducedMotion, type ShadowConfig, SpringTransition, TRANSPARENT, type TransformKey, TransitionConfig, TransitionInput, TransitionName, type UseColorCascadeOptions, type UseColorTransitionOptions, type UseInterpolatedStyleOptions, type UseScrollResult, type UseShadowOptions, type UseTransformOptions, VariantController, VariantsMap, buildReleaseAnimation, createMotionComponent, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveNamedTransition, resolveTransition, useAnimation, useAnimator, useBooleanSpring, useColorCascade, useColorTransition, useInterpolatedStyle, useMotionConfig, useMotionValue, useNamedTransitions, usePresence, useScroll, useShadow, useShouldReduceMotion, useSpring, useTransform, useVariants };

package/dist/index.d.ts

@@ -2,11 +2,12 @@ import * as react from 'react';
 import { ComponentType, ReactNode } from 'react';
 import * as react_native from 'react-native';
 import { NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
-import { M as MotionComponent, N as NamedTransitions, a as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, b as TransitionName, V as VariantController } from './types-BQgLJeQG.js';
-export { c as AnimateStyle, d as AnimationCallbackInfo, B as BoxShadowInput, D as DecayTransition, e as EasingFunction, f as EasingFunctionFactory, g as GestureSubStates, h as MotionProps, i as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, j as RepeatConfig, k as SequenceStep, l as TimingTransition, m as Transition, n as VariantsMap } from './types-BQgLJeQG.js';
+import { M as MotionComponent, V as VariantsMap, a as MotionProps, N as NamedTransitions, b as TransitionInput, T as TransitionConfig, A as AnimatableValue, E as EasingInput, S as SpringTransition, c as TransitionName, d as VariantController } from './types-DyJpG64F.js';
+export { e as AnimateStyle, f as AnimationCallbackInfo, B as BoxShadowInput, D as DecayTransition, g as EasingFunction, h as EasingFunctionFactory, i as GestureSubStates, j as NoAnimationTransition, P as PerPropertyTransition, R as RegisteredTransitions, k as RepeatConfig, l as SequenceStep, m as TimingTransition, n as Transition } from './types-DyJpG64F.js';
 import { SharedValue, useAnimatedStyle } from 'react-native-reanimated';
 export { SharedValue } from 'react-native-reanimated';
-export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-B0_CzOUz.js';
+export { U as UseGestureHandlers, a as UseGestureResult, u as useGesture } from './useGesture-DbH46EBp.js';
+export { MotionFlatList } from './motion/FlatList.js';
 export { MotionImage } from './motion/Image.js';
 export { MotionPressable } from './motion/Pressable.js';
 export { MotionScrollView } from './motion/ScrollView.js';
@@ -36,6 +37,9 @@ declare const Motion: {
     readonly Image: MotionComponent<typeof react_native.Image>;
     readonly Pressable: MotionComponent<react.ForwardRefExoticComponent<react_native.PressableProps & react.RefAttributes<react_native.View>>>;
     readonly ScrollView: MotionComponent<typeof react_native.ScrollView>;
+    readonly FlatList: <ItemT = any, V extends VariantsMap<react_native.FlatListProps<ItemT>> = VariantsMap<react_native.FlatListProps<ItemT>>>(props: react_native.FlatListProps<ItemT> & MotionProps<react_native.FlatListProps<ItemT>, V> & {
+        ref?: React.Ref<react_native.FlatList<ItemT>>;
+    }) => React.ReactElement;
 };
 
 /**
@@ -292,6 +296,34 @@ declare function ensureWorkletEasing(easing: EasingInput | undefined): ((t: numb
  */
 declare function buildReleaseAnimation(transition: TransitionConfig, toValue: number): unknown;
 
+/**
+ * The one colour spelling Reanimated's animation drivers cannot accept.
+ *
+ * Reanimated dispatches an animation on the runtime shape of its **source**
+ * value, and `isColor()` is the gate for the RGBA-channel path. That gate is
+ * `processColorInitially(value) != null`, and Reanimated's colour-name table
+ * (`Colors.ts`) maps `transparent` to `undefined` — every other CSS colour
+ * name maps to a packed integer. So `'transparent'` is the single named colour
+ * that reports **false**.
+ *
+ * A value that fails the gate but is still a string falls to the
+ * prefix-number-suffix branch, which exists for values like `'100%'`. It runs
+ * `parseFloat('transparent')` → `NaN`, animates that, and re-attaches the
+ * prefix, so the slot fills with `'transparentNaN'`. Under `withTiming` the
+ * animation still snaps to its target when the duration elapses, which hides
+ * the fault; under `withSpring` — the library default — settling is decided by
+ * comparisons against `NaN`, which are all false, so the animation runs
+ * forever and the colour never appears.
+ *
+ * `'rgba(0, 0, 0, 0)'` is the same colour and passes the gate.
+ *
+ * This only applies to values handed to `withSpring` / `withTiming`.
+ * `interpolateColor` parses `'transparent'` correctly, which is why the
+ * gesture cascade, the shared-element carry, and `useShadow` are unaffected
+ * and keep the consumer's own spelling.
+ */
+declare const TRANSPARENT = "rgba(0, 0, 0, 0)";
+
 /**
  * Drive a `SharedValue<number>` toward `target` with **any** transition shape
  * — spring, timing, decay, or no-animation — or a `TransitionName` registered
@@ -703,10 +735,10 @@ interface UseScrollResult {
     /** Vertical scroll offset in points. */
     scrollY: SharedValue<number>;
     /**
-     * Handler to pass to a `Motion.ScrollView`'s `onScroll` prop (or any other
-     * Reanimated `Animated.ScrollView`). The handler is opaque to JS — it runs
-     * as a worklet — but the type narrows to the same shape RN's native
-     * `onScroll` prop expects so it composes cleanly.
+     * Handler to pass to the `onScroll` prop of `Motion.ScrollView` or
+     * `Motion.FlatList` (or any other Reanimated animated scroller). The handler
+     * is opaque to JS — it runs as a worklet — but the type narrows to the same
+     * shape RN's native `onScroll` prop expects so it composes cleanly.
      */
     onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
 }
@@ -738,9 +770,13 @@ interface UseScrollResult {
  * read from any worklet (`useAnimatedStyle`, `useDerivedValue`,
  * `useTransform`) without a JS-thread bounce.
  *
- * Remember to set `scrollEventThrottle={16}` on the `ScrollView` for 60Hz
+ * Remember to set `scrollEventThrottle={16}` on a `Motion.ScrollView` for 60Hz
  * updates — RN's default is to dispatch on every event, which on iOS still
  * means one per frame, but Android benefits from the explicit cap.
+ *
+ * `Motion.FlatList` needs no such setting — it defaults `scrollEventThrottle`
+ * to 1 for you. Prefer it over `Motion.ScrollView` for long or unbounded lists:
+ * it virtualizes, and both accept this handler.
  */
 declare function useScroll(): UseScrollResult;
 
@@ -869,4 +905,4 @@ declare function useShadow({ from, to, progress, }: UseShadowOptions): ReturnTyp
  */
 declare function useVariants<V extends Readonly<Record<string, object>>>(variants: V, initial?: keyof V & string): VariantController<keyof V & string>;
 
-export { AnimatableValue, type Animator, type BoxShadowLayer, type ColorCascadeLayer, type ColorStyleKey, EasingInput, type ExtrapolationMode, type InterpolatedStyleMap, Motion, MotionComponent, MotionConfig, type MotionConfigProps, type MotionConfigValue, NamedTransitions, type NumericStyleKey, Presence, type PresenceContextValue, type ReducedMotion, type ShadowConfig, SpringTransition, type TransformKey, TransitionConfig, TransitionInput, TransitionName, type UseColorCascadeOptions, type UseColorTransitionOptions, type UseInterpolatedStyleOptions, type UseScrollResult, type UseShadowOptions, type UseTransformOptions, VariantController, buildReleaseAnimation, createMotionComponent, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveNamedTransition, resolveTransition, useAnimation, useAnimator, useBooleanSpring, useColorCascade, useColorTransition, useInterpolatedStyle, useMotionConfig, useMotionValue, useNamedTransitions, usePresence, useScroll, useShadow, useShouldReduceMotion, useSpring, useTransform, useVariants };
+export { AnimatableValue, type Animator, type BoxShadowLayer, type ColorCascadeLayer, type ColorStyleKey, EasingInput, type ExtrapolationMode, type InterpolatedStyleMap, Motion, MotionComponent, MotionConfig, type MotionConfigProps, type MotionConfigValue, MotionProps, NamedTransitions, type NumericStyleKey, Presence, type PresenceContextValue, type ReducedMotion, type ShadowConfig, SpringTransition, TRANSPARENT, type TransformKey, TransitionConfig, TransitionInput, TransitionName, type UseColorCascadeOptions, type UseColorTransitionOptions, type UseInterpolatedStyleOptions, type UseScrollResult, type UseShadowOptions, type UseTransformOptions, VariantController, VariantsMap, buildReleaseAnimation, createMotionComponent, cubicBezier, ensureWorkletEasing, resolveAnimatableValue, resolveNamedTransition, resolveTransition, useAnimation, useAnimator, useBooleanSpring, useColorCascade, useColorTransition, useInterpolatedStyle, useMotionConfig, useMotionValue, useNamedTransitions, usePresence, useScroll, useShadow, useShouldReduceMotion, useSpring, useTransform, useVariants };

package/dist/index.js

@@ -1,12 +1,13 @@
 'use strict';
 
 var chunk4NAMD62I_js = require('./chunk-4NAMD62I.js');
-var chunkK63LXGKS_js = require('./chunk-K63LXGKS.js');
-var chunk67GHRCF6_js = require('./chunk-67GHRCF6.js');
-var chunkGPOMFIIU_js = require('./chunk-GPOMFIIU.js');
-var chunk27U6766G_js = require('./chunk-27U6766G.js');
-var chunkQQVDZKSD_js = require('./chunk-QQVDZKSD.js');
-var chunkVQ5D35UA_js = require('./chunk-VQ5D35UA.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 react = require('react');
@@ -15,11 +16,12 @@ var reactNativeWorklets = require('react-native-worklets');
 
 // src/motion/index.ts
 var Motion = {
-  View: chunkK63LXGKS_js.MotionView,
-  Text: chunk67GHRCF6_js.MotionText,
-  Image: chunkGPOMFIIU_js.MotionImage,
-  Pressable: chunk27U6766G_js.MotionPressable,
-  ScrollView: chunkQQVDZKSD_js.MotionScrollView
+  View: chunkNPJ46457_js.MotionView,
+  Text: chunkZSOCRHU3_js.MotionText,
+  Image: chunkYUTS6JRU_js.MotionImage,
+  Pressable: chunkWGCF3WQG_js.MotionPressable,
+  ScrollView: chunkQYR66E2G_js.MotionScrollView,
+  FlatList: chunkQJYFTTM2_js.MotionFlatList
 };
 function useAnimation(target, transition) {
   const output = reactNativeReanimated.useSharedValue(target);
@@ -362,9 +364,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 ? chunkVQ5D35UA_js.pairBoxShadowLayers(
-    chunkVQ5D35UA_js.resolveBoxShadowInput(from.boxShadow),
-    chunkVQ5D35UA_js.resolveBoxShadowInput(to.boxShadow)
+  const boxShadowPairs = from.boxShadow !== void 0 || to.boxShadow !== void 0 ? chunk6V7MOBXO_js.pairBoxShadowLayers(
+    chunk6V7MOBXO_js.resolveBoxShadowInput(from.boxShadow),
+    chunk6V7MOBXO_js.resolveBoxShadowInput(to.boxShadow)
   ) : [];
   const opacityFrom = from.shadowOpacity ?? 0;
   const opacityTo = to.shadowOpacity ?? 0;
@@ -467,35 +469,43 @@ Object.defineProperty(exports, "useGesture", {
 });
 Object.defineProperty(exports, "MotionView", {
   enumerable: true,
-  get: function () { return chunkK63LXGKS_js.MotionView; }
+  get: function () { return chunkNPJ46457_js.MotionView; }
 });
 Object.defineProperty(exports, "MotionText", {
   enumerable: true,
-  get: function () { return chunk67GHRCF6_js.MotionText; }
+  get: function () { return chunkZSOCRHU3_js.MotionText; }
 });
 Object.defineProperty(exports, "MotionImage", {
   enumerable: true,
-  get: function () { return chunkGPOMFIIU_js.MotionImage; }
+  get: function () { return chunkYUTS6JRU_js.MotionImage; }
 });
 Object.defineProperty(exports, "MotionPressable", {
   enumerable: true,
-  get: function () { return chunk27U6766G_js.MotionPressable; }
+  get: function () { return chunkWGCF3WQG_js.MotionPressable; }
 });
 Object.defineProperty(exports, "MotionScrollView", {
   enumerable: true,
-  get: function () { return chunkQQVDZKSD_js.MotionScrollView; }
+  get: function () { return chunkQYR66E2G_js.MotionScrollView; }
+});
+Object.defineProperty(exports, "MotionFlatList", {
+  enumerable: true,
+  get: function () { return chunkQJYFTTM2_js.MotionFlatList; }
 });
 Object.defineProperty(exports, "Presence", {
   enumerable: true,
-  get: function () { return chunkVQ5D35UA_js.Presence; }
+  get: function () { return chunk6V7MOBXO_js.Presence; }
+});
+Object.defineProperty(exports, "TRANSPARENT", {
+  enumerable: true,
+  get: function () { return chunk6V7MOBXO_js.TRANSPARENT; }
 });
 Object.defineProperty(exports, "createMotionComponent", {
   enumerable: true,
-  get: function () { return chunkVQ5D35UA_js.createMotionComponent; }
+  get: function () { return chunk6V7MOBXO_js.createMotionComponent; }
 });
 Object.defineProperty(exports, "usePresence", {
   enumerable: true,
-  get: function () { return chunkVQ5D35UA_js.usePresence; }
+  get: function () { return chunk6V7MOBXO_js.usePresence; }
 });
 Object.defineProperty(exports, "MotionConfig", {
   enumerable: true,

package/dist/index.mjs

@@ -1,16 +1,18 @@
 export { useGesture } from './chunk-OW5XTGVN.mjs';
-import { MotionView } from './chunk-GTJ6VAH5.mjs';
-export { MotionView } from './chunk-GTJ6VAH5.mjs';
-import { MotionText } from './chunk-COEJVWRZ.mjs';
-export { MotionText } from './chunk-COEJVWRZ.mjs';
-import { MotionImage } from './chunk-XSK5MNUH.mjs';
-export { MotionImage } from './chunk-XSK5MNUH.mjs';
-import { MotionPressable } from './chunk-OAUWLPQH.mjs';
-export { MotionPressable } from './chunk-OAUWLPQH.mjs';
-import { MotionScrollView } from './chunk-27MKBTSG.mjs';
-export { MotionScrollView } from './chunk-27MKBTSG.mjs';
-import { pairBoxShadowLayers, resolveBoxShadowInput } from './chunk-RIVVBABB.mjs';
-export { Presence, createMotionComponent, usePresence } from './chunk-RIVVBABB.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';
@@ -25,7 +27,8 @@ var Motion = {
   Text: MotionText,
   Image: MotionImage,
   Pressable: MotionPressable,
-  ScrollView: MotionScrollView
+  ScrollView: MotionScrollView,
+  FlatList: MotionFlatList
 };
 function useAnimation(target, transition) {
   const output = useSharedValue(target);

package/dist/motion/FlatList.d.mts

@@ -0,0 +1,53 @@
+import { FlatListProps, FlatList } from 'react-native';
+import { V as VariantsMap, a as MotionProps } from '../types-DyJpG64F.mjs';
+import 'react';
+
+/**
+ * Animatable, virtualized `FlatList`.
+ *
+ * Built on Reanimated's `Animated.FlatList` rather than RN's `FlatList`. That
+ * wrapper supplies two things this primitive would otherwise have to
+ * re-implement: the `CellRendererComponent` injection that powers per-row
+ * `itemLayoutAnimation`, and a `scrollEventThrottle` default of 1.
+ *
+ * A note on that throttle default, because the reasoning is easy to get wrong
+ * from Reanimated's own source comment: it says RN defaults FlatList's
+ * `scrollEventThrottle` to 50, which **is stale**. On RN 0.81
+ * (`@react-native/virtualized-lists`, `VirtualizedList.js`) the default is
+ * `props.scrollEventThrottle ?? 0.0001` — effectively every frame. So the
+ * patch is belt-and-braces on current RN rather than the load-bearing reason
+ * to use the wrapper. It is still worth inheriting: it costs nothing, and it
+ * pins the behaviour if RN's default changes again. **Do not restate the "50"
+ * figure as fact** — verify against the installed RN before relying on it.
+ *
+ * This is the primitive that lets one list both virtualize and animate. The
+ * `useScroll()` handler works because `Motion.*` components are Reanimated
+ * animated components — the same mechanism `Motion.ScrollView` relies on, and
+ * nothing about it was ever specific to `ScrollView`:
+ *
+ * ```tsx
+ * const { scrollY, onScroll } = useScroll()
+ *
+ * <Motion.FlatList
+ *   data={items}
+ *   renderItem={renderItem}
+ *   onScroll={onScroll}
+ *   initial={{ opacity: 0 }}
+ *   animate={{ opacity: 1 }}
+ * />
+ * ```
+ *
+ * Two scoping notes:
+ *
+ * - `animate` / `initial` / `gesture` apply to the **scroll container**, not to
+ *   rows. Animate rows by using a `Motion.*` primitive inside `renderItem`.
+ * - The `layout` prop animates the list frame. Per-row layout animation is
+ *   Reanimated's `itemLayoutAnimation`, which is forwarded through untouched.
+ *   Note that row-level layout animation can fight the list's own measurement
+ *   passes — measure before adopting it.
+ */
+declare const MotionFlatList: <ItemT = any, V extends VariantsMap<FlatListProps<ItemT>> = VariantsMap<FlatListProps<ItemT>>>(props: FlatListProps<ItemT> & MotionProps<FlatListProps<ItemT>, V> & {
+    ref?: React.Ref<FlatList<ItemT>>;
+}) => React.ReactElement;
+
+export { MotionFlatList };

package/dist/motion/FlatList.d.ts

@@ -0,0 +1,53 @@
+import { FlatListProps, FlatList } from 'react-native';
+import { V as VariantsMap, a as MotionProps } from '../types-DyJpG64F.js';
+import 'react';
+
+/**
+ * Animatable, virtualized `FlatList`.
+ *
+ * Built on Reanimated's `Animated.FlatList` rather than RN's `FlatList`. That
+ * wrapper supplies two things this primitive would otherwise have to
+ * re-implement: the `CellRendererComponent` injection that powers per-row
+ * `itemLayoutAnimation`, and a `scrollEventThrottle` default of 1.
+ *
+ * A note on that throttle default, because the reasoning is easy to get wrong
+ * from Reanimated's own source comment: it says RN defaults FlatList's
+ * `scrollEventThrottle` to 50, which **is stale**. On RN 0.81
+ * (`@react-native/virtualized-lists`, `VirtualizedList.js`) the default is
+ * `props.scrollEventThrottle ?? 0.0001` — effectively every frame. So the
+ * patch is belt-and-braces on current RN rather than the load-bearing reason
+ * to use the wrapper. It is still worth inheriting: it costs nothing, and it
+ * pins the behaviour if RN's default changes again. **Do not restate the "50"
+ * figure as fact** — verify against the installed RN before relying on it.
+ *
+ * This is the primitive that lets one list both virtualize and animate. The
+ * `useScroll()` handler works because `Motion.*` components are Reanimated
+ * animated components — the same mechanism `Motion.ScrollView` relies on, and
+ * nothing about it was ever specific to `ScrollView`:
+ *
+ * ```tsx
+ * const { scrollY, onScroll } = useScroll()
+ *
+ * <Motion.FlatList
+ *   data={items}
+ *   renderItem={renderItem}
+ *   onScroll={onScroll}
+ *   initial={{ opacity: 0 }}
+ *   animate={{ opacity: 1 }}
+ * />
+ * ```
+ *
+ * Two scoping notes:
+ *
+ * - `animate` / `initial` / `gesture` apply to the **scroll container**, not to
+ *   rows. Animate rows by using a `Motion.*` primitive inside `renderItem`.
+ * - The `layout` prop animates the list frame. Per-row layout animation is
+ *   Reanimated's `itemLayoutAnimation`, which is forwarded through untouched.
+ *   Note that row-level layout animation can fight the list's own measurement
+ *   passes — measure before adopting it.
+ */
+declare const MotionFlatList: <ItemT = any, V extends VariantsMap<FlatListProps<ItemT>> = VariantsMap<FlatListProps<ItemT>>>(props: FlatListProps<ItemT> & MotionProps<FlatListProps<ItemT>, V> & {
+    ref?: React.Ref<FlatList<ItemT>>;
+}) => React.ReactElement;
+
+export { MotionFlatList };

package/dist/motion/FlatList.js

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

package/dist/motion/FlatList.mjs

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

package/dist/motion/Image.d.mts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-BQgLJeQG.mjs';
+import { M as MotionComponent } from '../types-DyJpG64F.mjs';
 import 'react';
 
 /**

package/dist/motion/Image.d.ts

@@ -1,5 +1,5 @@
 import { Image } from 'react-native';
-import { M as MotionComponent } from '../types-BQgLJeQG.js';
+import { M as MotionComponent } from '../types-DyJpG64F.js';
 import 'react';
 
 /**