@legendapp/list 3.0.0-beta.2 → 3.0.0-beta.20

package/keyboard.d.mts

@@ -6,8 +6,11 @@ import { AnimatedLegendListProps } from '@legendapp/list/reanimated';
 
 declare const KeyboardAvoidingLegendList: <ItemT>(props: Omit<AnimatedLegendListProps<ItemT>, "onScroll" | "contentInset"> & {
     onScroll?: (event: ReanimatedScrollEvent) => void;
-    contentInset?: Insets;
-    safeAreaInsetBottom?: number;
+    contentInset?: Insets | undefined;
+    safeAreaInsets?: {
+        top: number;
+        bottom: number;
+    };
 } & React.RefAttributes<LegendListRef>) => React.ReactNode;
 
 export { KeyboardAvoidingLegendList, KeyboardAvoidingLegendList as LegendList };

package/keyboard.d.ts

@@ -6,8 +6,11 @@ import { AnimatedLegendListProps } from '@legendapp/list/reanimated';
 
 declare const KeyboardAvoidingLegendList: <ItemT>(props: Omit<AnimatedLegendListProps<ItemT>, "onScroll" | "contentInset"> & {
     onScroll?: (event: ReanimatedScrollEvent) => void;
-    contentInset?: Insets;
-    safeAreaInsetBottom?: number;
+    contentInset?: Insets | undefined;
+    safeAreaInsets?: {
+        top: number;
+        bottom: number;
+    };
 } & React.RefAttributes<LegendListRef>) => React.ReactNode;
 
 export { KeyboardAvoidingLegendList, KeyboardAvoidingLegendList as LegendList };

package/keyboard.js

@@ -27,72 +27,187 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 // src/integrations/keyboard.tsx
+
+// src/utils/helpers.ts
+function isFunction(obj) {
+  return typeof obj === "function";
+}
+
+// src/hooks/useCombinedRef.ts
+var useCombinedRef = (...refs) => {
+  const callback = React.useCallback((element) => {
+    for (const ref of refs) {
+      if (!ref) {
+        continue;
+      }
+      if (isFunction(ref)) {
+        ref(element);
+      } else {
+        ref.current = element;
+      }
+    }
+  }, refs);
+  return callback;
+};
+
+// src/integrations/keyboard.tsx
+var calculateKeyboardInset = (height, safeAreaInsetBottom, isNewArchitecture) => {
+  "worklet";
+  return Math.max(0, height - safeAreaInsetBottom) ;
+};
 var KeyboardAvoidingLegendList = React.forwardRef(function KeyboardAvoidingLegendList2(props, forwardedRef) {
   const {
     contentInset: contentInsetProp,
     horizontal,
     onScroll: onScrollProp,
-    scrollEventThrottle,
-    safeAreaInsetBottom = 0,
+    safeAreaInsets = { bottom: 0, top: 0 },
+    style: styleProp,
     ...rest
   } = props;
-  const resolvedScrollEventThrottle = scrollEventThrottle != null ? scrollEventThrottle : 16;
+  const styleFlattened = reactNative.StyleSheet.flatten(styleProp);
+  const refLegendList = React.useRef(null);
+  const combinedRef = useCombinedRef(forwardedRef, refLegendList);
+  const isIos = reactNative.Platform.OS === "ios";
+  const isAndroid = reactNative.Platform.OS === "android";
   const scrollViewRef = reactNativeReanimated.useAnimatedRef();
   const scrollOffsetY = reactNativeReanimated.useSharedValue(0);
+  const animatedOffsetY = reactNativeReanimated.useSharedValue(null);
   const scrollOffsetAtKeyboardStart = reactNativeReanimated.useSharedValue(0);
-  const keyboardInset = reactNativeReanimated.useSharedValue(0);
+  const mode = reactNativeReanimated.useSharedValue("idle");
+  const keyboardInset = reactNativeReanimated.useSharedValue({ bottom: 0, top: 0 });
+  const keyboardHeight = reactNativeReanimated.useSharedValue(0);
+  const isOpening = reactNativeReanimated.useSharedValue(false);
+  const didInteractive = reactNativeReanimated.useSharedValue(false);
+  const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = safeAreaInsets;
+  const isKeyboardOpen = reactNativeReanimated.useSharedValue(false);
   const scrollHandler = reactNativeReanimated.useAnimatedScrollHandler(
     (event) => {
-      scrollOffsetY.value = event.contentOffset[horizontal ? "x" : "y"];
+      scrollOffsetY.set(event.contentOffset[horizontal ? "x" : "y"]);
       if (onScrollProp) {
         reactNativeReanimated.runOnJS(onScrollProp)(event);
       }
     },
     [onScrollProp, horizontal]
   );
+  const setScrollProcessingEnabled = React.useCallback(
+    (enabled) => {
+      var _a;
+      return (_a = refLegendList.current) == null ? void 0 : _a.setScrollProcessingEnabled(enabled);
+    },
+    [refLegendList]
+  );
   reactNativeKeyboardController.useKeyboardHandler(
     // biome-ignore assist/source/useSortedKeys: prefer start/move/end
     {
-      onStart: () => {
+      onStart: (event) => {
         "worklet";
-        scrollOffsetAtKeyboardStart.value = scrollOffsetY.value;
+        mode.set("running");
+        if (isKeyboardOpen.get() && event.progress === 1 && event.height > 0) {
+          return;
+        }
+        if (!didInteractive.get()) {
+          if (event.height > 0) {
+            keyboardHeight.set(event.height - safeAreaInsetBottom);
+          }
+          isOpening.set(event.progress > 0);
+          scrollOffsetAtKeyboardStart.set(scrollOffsetY.get());
+          animatedOffsetY.set(scrollOffsetY.get());
+          reactNativeReanimated.runOnJS(setScrollProcessingEnabled)(false);
+        }
+      },
+      onInteractive: (event) => {
+        "worklet";
+        if (mode.get() !== "running") {
+          reactNativeReanimated.runOnJS(setScrollProcessingEnabled)(false);
+        }
+        mode.set("running");
+        if (!didInteractive.get()) {
+          didInteractive.set(true);
+        }
+        if (isAndroid && !horizontal) {
+          const newInset = calculateKeyboardInset(event.height, safeAreaInsetBottom);
+          keyboardInset.set({ bottom: newInset, top: safeAreaInsetTop * 2 });
+        }
       },
       onMove: (event) => {
         "worklet";
-        const targetOffset = scrollOffsetAtKeyboardStart.value + event.height;
-        scrollOffsetY.value = targetOffset;
-        reactNativeReanimated.scrollTo(scrollViewRef, 0, targetOffset, false);
-        if (!horizontal) {
-          keyboardInset.value = Math.max(0, event.height - safeAreaInsetBottom);
+        if (!didInteractive.get()) {
+          const vIsOpening = isOpening.get();
+          const vKeyboardHeight = keyboardHeight.get();
+          const vProgress = vIsOpening ? event.progress : 1 - event.progress;
+          const targetOffset = Math.max(
+            0,
+            scrollOffsetAtKeyboardStart.get() + (vIsOpening ? vKeyboardHeight : -vKeyboardHeight) * vProgress
+          );
+          scrollOffsetY.set(targetOffset);
+          animatedOffsetY.set(targetOffset);
+          if (!horizontal) {
+            const newInset = calculateKeyboardInset(event.height, safeAreaInsetBottom);
+            keyboardInset.set({ bottom: newInset, top: 0  });
+          }
         }
       },
       onEnd: (event) => {
         "worklet";
-        const targetOffset = scrollOffsetAtKeyboardStart.value + event.height;
-        scrollOffsetY.value = targetOffset;
-        reactNativeReanimated.scrollTo(scrollViewRef, 0, targetOffset, false);
-        if (!horizontal) {
-          keyboardInset.value = Math.max(0, event.height - safeAreaInsetBottom);
+        const wasInteractive = didInteractive.get();
+        const vMode = mode.get();
+        mode.set("idle");
+        if (vMode === "running") {
+          if (!wasInteractive) {
+            const vIsOpening = isOpening.get();
+            const vKeyboardHeight = keyboardHeight.get();
+            const targetOffset = Math.max(
+              0,
+              scrollOffsetAtKeyboardStart.get() + (vIsOpening ? vKeyboardHeight : -vKeyboardHeight) * (vIsOpening ? event.progress : 1 - event.progress)
+            );
+            scrollOffsetY.set(targetOffset);
+            animatedOffsetY.set(targetOffset);
+          }
+          reactNativeReanimated.runOnJS(setScrollProcessingEnabled)(true);
+          didInteractive.set(false);
+          isKeyboardOpen.set(event.height > 0);
+          if (!horizontal) {
+            const newInset = calculateKeyboardInset(event.height, safeAreaInsetBottom);
+            keyboardInset.set({ bottom: newInset, top: 0  });
+            if (newInset <= 0) {
+              animatedOffsetY.set(scrollOffsetY.get());
+            }
+          }
         }
       }
     },
     [scrollViewRef, safeAreaInsetBottom]
   );
-  const animatedProps = reactNative.Platform.OS === "ios" ? reactNativeReanimated.useAnimatedProps(() => {
+  const animatedProps = reactNativeReanimated.useAnimatedProps(() => {
     "worklet";
     var _a, _b, _c, _d;
-    return {
+    const vAnimatedOffsetY = animatedOffsetY.get();
+    const baseProps = {
+      contentOffset: vAnimatedOffsetY === null ? void 0 : {
+        x: 0,
+        y: vAnimatedOffsetY
+      }
+    };
+    const { top: keyboardInsetTop, bottom: keyboardInsetBottom } = keyboardInset.get();
+    return isIos ? Object.assign(baseProps, {
       contentInset: {
-        bottom: ((_a = contentInsetProp == null ? void 0 : contentInsetProp.bottom) != null ? _a : 0) + (horizontal ? 0 : keyboardInset.value),
+        bottom: ((_a = contentInsetProp == null ? void 0 : contentInsetProp.bottom) != null ? _a : 0) + (horizontal ? 0 : keyboardInsetBottom),
         left: (_b = contentInsetProp == null ? void 0 : contentInsetProp.left) != null ? _b : 0,
         right: (_c = contentInsetProp == null ? void 0 : contentInsetProp.right) != null ? _c : 0,
-        top: (_d = contentInsetProp == null ? void 0 : contentInsetProp.top) != null ? _d : 0
+        top: ((_d = contentInsetProp == null ? void 0 : contentInsetProp.top) != null ? _d : 0) - keyboardInsetTop
       }
-    };
-  }) : void 0;
-  const style = reactNative.Platform.OS !== "ios" ? reactNativeReanimated.useAnimatedStyle(() => ({
-    marginBottom: keyboardInset.value
-  })) : void 0;
+    }) : baseProps;
+  });
+  const style = isAndroid ? reactNativeReanimated.useAnimatedStyle(
+    () => {
+      var _a;
+      return {
+        ...styleFlattened || {},
+        marginBottom: (_a = keyboardInset.get().bottom) != null ? _a : 0
+      };
+    },
+    [styleProp, keyboardInset]
+  ) : void 0;
   return /* @__PURE__ */ React__namespace.createElement(
     reanimated.AnimatedLegendList,
     {
@@ -100,9 +215,8 @@ var KeyboardAvoidingLegendList = React.forwardRef(function KeyboardAvoidingLegen
       animatedProps,
       keyboardDismissMode: "interactive",
       onScroll: scrollHandler,
-      ref: forwardedRef,
+      ref: combinedRef,
       refScrollView: scrollViewRef,
-      scrollEventThrottle: resolvedScrollEventThrottle,
       scrollIndicatorInsets: { bottom: 0, top: 0 },
       style
     }

package/keyboard.mjs

@@ -1,77 +1,192 @@
 import * as React from 'react';
-import { forwardRef } from 'react';
-import { Platform } from 'react-native';
+import { forwardRef, useRef, useCallback } from 'react';
+import { StyleSheet, Platform } from 'react-native';
 import { useKeyboardHandler } from 'react-native-keyboard-controller';
-import { useAnimatedRef, useSharedValue, useAnimatedScrollHandler, runOnJS, scrollTo, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
+import { useAnimatedRef, useSharedValue, useAnimatedScrollHandler, runOnJS, useAnimatedProps, useAnimatedStyle } from 'react-native-reanimated';
 import { AnimatedLegendList } from '@legendapp/list/reanimated';
 
 // src/integrations/keyboard.tsx
+
+// src/utils/helpers.ts
+function isFunction(obj) {
+  return typeof obj === "function";
+}
+
+// src/hooks/useCombinedRef.ts
+var useCombinedRef = (...refs) => {
+  const callback = useCallback((element) => {
+    for (const ref of refs) {
+      if (!ref) {
+        continue;
+      }
+      if (isFunction(ref)) {
+        ref(element);
+      } else {
+        ref.current = element;
+      }
+    }
+  }, refs);
+  return callback;
+};
+
+// src/integrations/keyboard.tsx
+var calculateKeyboardInset = (height, safeAreaInsetBottom, isNewArchitecture) => {
+  "worklet";
+  return Math.max(0, height - safeAreaInsetBottom) ;
+};
 var KeyboardAvoidingLegendList = forwardRef(function KeyboardAvoidingLegendList2(props, forwardedRef) {
   const {
     contentInset: contentInsetProp,
     horizontal,
     onScroll: onScrollProp,
-    scrollEventThrottle,
-    safeAreaInsetBottom = 0,
+    safeAreaInsets = { bottom: 0, top: 0 },
+    style: styleProp,
     ...rest
   } = props;
-  const resolvedScrollEventThrottle = scrollEventThrottle != null ? scrollEventThrottle : 16;
+  const styleFlattened = StyleSheet.flatten(styleProp);
+  const refLegendList = useRef(null);
+  const combinedRef = useCombinedRef(forwardedRef, refLegendList);
+  const isIos = Platform.OS === "ios";
+  const isAndroid = Platform.OS === "android";
   const scrollViewRef = useAnimatedRef();
   const scrollOffsetY = useSharedValue(0);
+  const animatedOffsetY = useSharedValue(null);
   const scrollOffsetAtKeyboardStart = useSharedValue(0);
-  const keyboardInset = useSharedValue(0);
+  const mode = useSharedValue("idle");
+  const keyboardInset = useSharedValue({ bottom: 0, top: 0 });
+  const keyboardHeight = useSharedValue(0);
+  const isOpening = useSharedValue(false);
+  const didInteractive = useSharedValue(false);
+  const { top: safeAreaInsetTop, bottom: safeAreaInsetBottom } = safeAreaInsets;
+  const isKeyboardOpen = useSharedValue(false);
   const scrollHandler = useAnimatedScrollHandler(
     (event) => {
-      scrollOffsetY.value = event.contentOffset[horizontal ? "x" : "y"];
+      scrollOffsetY.set(event.contentOffset[horizontal ? "x" : "y"]);
       if (onScrollProp) {
         runOnJS(onScrollProp)(event);
       }
     },
     [onScrollProp, horizontal]
   );
+  const setScrollProcessingEnabled = useCallback(
+    (enabled) => {
+      var _a;
+      return (_a = refLegendList.current) == null ? void 0 : _a.setScrollProcessingEnabled(enabled);
+    },
+    [refLegendList]
+  );
   useKeyboardHandler(
     // biome-ignore assist/source/useSortedKeys: prefer start/move/end
     {
-      onStart: () => {
+      onStart: (event) => {
+        "worklet";
+        mode.set("running");
+        if (isKeyboardOpen.get() && event.progress === 1 && event.height > 0) {
+          return;
+        }
+        if (!didInteractive.get()) {
+          if (event.height > 0) {
+            keyboardHeight.set(event.height - safeAreaInsetBottom);
+          }
+          isOpening.set(event.progress > 0);
+          scrollOffsetAtKeyboardStart.set(scrollOffsetY.get());
+          animatedOffsetY.set(scrollOffsetY.get());
+          runOnJS(setScrollProcessingEnabled)(false);
+        }
+      },
+      onInteractive: (event) => {
         "worklet";
-        scrollOffsetAtKeyboardStart.value = scrollOffsetY.value;
+        if (mode.get() !== "running") {
+          runOnJS(setScrollProcessingEnabled)(false);
+        }
+        mode.set("running");
+        if (!didInteractive.get()) {
+          didInteractive.set(true);
+        }
+        if (isAndroid && !horizontal) {
+          const newInset = calculateKeyboardInset(event.height, safeAreaInsetBottom);
+          keyboardInset.set({ bottom: newInset, top: safeAreaInsetTop * 2 });
+        }
       },
       onMove: (event) => {
         "worklet";
-        const targetOffset = scrollOffsetAtKeyboardStart.value + event.height;
-        scrollOffsetY.value = targetOffset;
-        scrollTo(scrollViewRef, 0, targetOffset, false);
-        if (!horizontal) {
-          keyboardInset.value = Math.max(0, event.height - safeAreaInsetBottom);
+        if (!didInteractive.get()) {
+          const vIsOpening = isOpening.get();
+          const vKeyboardHeight = keyboardHeight.get();
+          const vProgress = vIsOpening ? event.progress : 1 - event.progress;
+          const targetOffset = Math.max(
+            0,
+            scrollOffsetAtKeyboardStart.get() + (vIsOpening ? vKeyboardHeight : -vKeyboardHeight) * vProgress
+          );
+          scrollOffsetY.set(targetOffset);
+          animatedOffsetY.set(targetOffset);
+          if (!horizontal) {
+            const newInset = calculateKeyboardInset(event.height, safeAreaInsetBottom);
+            keyboardInset.set({ bottom: newInset, top: 0  });
+          }
         }
       },
       onEnd: (event) => {
         "worklet";
-        const targetOffset = scrollOffsetAtKeyboardStart.value + event.height;
-        scrollOffsetY.value = targetOffset;
-        scrollTo(scrollViewRef, 0, targetOffset, false);
-        if (!horizontal) {
-          keyboardInset.value = Math.max(0, event.height - safeAreaInsetBottom);
+        const wasInteractive = didInteractive.get();
+        const vMode = mode.get();
+        mode.set("idle");
+        if (vMode === "running") {
+          if (!wasInteractive) {
+            const vIsOpening = isOpening.get();
+            const vKeyboardHeight = keyboardHeight.get();
+            const targetOffset = Math.max(
+              0,
+              scrollOffsetAtKeyboardStart.get() + (vIsOpening ? vKeyboardHeight : -vKeyboardHeight) * (vIsOpening ? event.progress : 1 - event.progress)
+            );
+            scrollOffsetY.set(targetOffset);
+            animatedOffsetY.set(targetOffset);
+          }
+          runOnJS(setScrollProcessingEnabled)(true);
+          didInteractive.set(false);
+          isKeyboardOpen.set(event.height > 0);
+          if (!horizontal) {
+            const newInset = calculateKeyboardInset(event.height, safeAreaInsetBottom);
+            keyboardInset.set({ bottom: newInset, top: 0  });
+            if (newInset <= 0) {
+              animatedOffsetY.set(scrollOffsetY.get());
+            }
+          }
         }
       }
     },
     [scrollViewRef, safeAreaInsetBottom]
   );
-  const animatedProps = Platform.OS === "ios" ? useAnimatedProps(() => {
+  const animatedProps = useAnimatedProps(() => {
     "worklet";
     var _a, _b, _c, _d;
-    return {
+    const vAnimatedOffsetY = animatedOffsetY.get();
+    const baseProps = {
+      contentOffset: vAnimatedOffsetY === null ? void 0 : {
+        x: 0,
+        y: vAnimatedOffsetY
+      }
+    };
+    const { top: keyboardInsetTop, bottom: keyboardInsetBottom } = keyboardInset.get();
+    return isIos ? Object.assign(baseProps, {
       contentInset: {
-        bottom: ((_a = contentInsetProp == null ? void 0 : contentInsetProp.bottom) != null ? _a : 0) + (horizontal ? 0 : keyboardInset.value),
+        bottom: ((_a = contentInsetProp == null ? void 0 : contentInsetProp.bottom) != null ? _a : 0) + (horizontal ? 0 : keyboardInsetBottom),
         left: (_b = contentInsetProp == null ? void 0 : contentInsetProp.left) != null ? _b : 0,
         right: (_c = contentInsetProp == null ? void 0 : contentInsetProp.right) != null ? _c : 0,
-        top: (_d = contentInsetProp == null ? void 0 : contentInsetProp.top) != null ? _d : 0
+        top: ((_d = contentInsetProp == null ? void 0 : contentInsetProp.top) != null ? _d : 0) - keyboardInsetTop
       }
-    };
-  }) : void 0;
-  const style = Platform.OS !== "ios" ? useAnimatedStyle(() => ({
-    marginBottom: keyboardInset.value
-  })) : void 0;
+    }) : baseProps;
+  });
+  const style = isAndroid ? useAnimatedStyle(
+    () => {
+      var _a;
+      return {
+        ...styleFlattened || {},
+        marginBottom: (_a = keyboardInset.get().bottom) != null ? _a : 0
+      };
+    },
+    [styleProp, keyboardInset]
+  ) : void 0;
   return /* @__PURE__ */ React.createElement(
     AnimatedLegendList,
     {
@@ -79,9 +194,8 @@ var KeyboardAvoidingLegendList = forwardRef(function KeyboardAvoidingLegendList2
       animatedProps,
       keyboardDismissMode: "interactive",
       onScroll: scrollHandler,
-      ref: forwardedRef,
+      ref: combinedRef,
       refScrollView: scrollViewRef,
-      scrollEventThrottle: resolvedScrollEventThrottle,
       scrollIndicatorInsets: { bottom: 0, top: 0 },
       style
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.20",
   "description": "Legend List is a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,

package/reanimated.d.mts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { ComponentProps } from 'react';
-import Animated from 'react-native-reanimated';
+import Reanimated from 'react-native-reanimated';
 import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 
 type KeysToOmit = "getEstimatedItemSize" | "getFixedItemSize" | "getItemType" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "itemsAreEqual" | "ItemSeparatorComponent";
-type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
+type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Reanimated.ScrollView>>;
 interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
-    refScrollView?: React.Ref<Animated.ScrollView>;
+    refScrollView?: React.Ref<Reanimated.ScrollView>;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
 type AnimatedLegendListProps<ItemT> = Omit<AnimatedLegendListPropsBase<ItemT>, "refLegendList" | "ref"> & OtherAnimatedLegendListProps<ItemT>;

package/reanimated.d.ts

@@ -1,12 +1,12 @@
 import * as React from 'react';
 import { ComponentProps } from 'react';
-import Animated from 'react-native-reanimated';
+import Reanimated from 'react-native-reanimated';
 import { LegendListPropsBase, LegendListRef } from '@legendapp/list';
 
 type KeysToOmit = "getEstimatedItemSize" | "getFixedItemSize" | "getItemType" | "keyExtractor" | "animatedProps" | "renderItem" | "onItemSizeChanged" | "itemsAreEqual" | "ItemSeparatorComponent";
-type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Animated.ScrollView>>;
+type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Reanimated.ScrollView>>;
 interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
-    refScrollView?: React.Ref<Animated.ScrollView>;
+    refScrollView?: React.Ref<Reanimated.ScrollView>;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
 type AnimatedLegendListProps<ItemT> = Omit<AnimatedLegendListPropsBase<ItemT>, "refLegendList" | "ref"> & OtherAnimatedLegendListProps<ItemT>;

package/reanimated.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var Animated = require('react-native-reanimated');
+var Reanimated = require('react-native-reanimated');
 var list = require('@legendapp/list');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var Animated__default = /*#__PURE__*/_interopDefault(Animated);
+var Reanimated__default = /*#__PURE__*/_interopDefault(Reanimated);
 
 // src/integrations/reanimated.tsx
 
@@ -54,6 +54,7 @@ var useCombinedRef = (...refs) => {
 // src/integrations/reanimated.tsx
 var typedMemo = React.memo;
 var LegendListForwardedRef = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
   React__namespace.forwardRef(function LegendListForwardedRef2(props, ref) {
     const { refLegendList, ...rest } = props;
     const refFn = React.useCallback(
@@ -65,13 +66,23 @@ var LegendListForwardedRef = typedMemo(
     return /* @__PURE__ */ React__namespace.createElement(list.LegendList, { ref: refFn, refScrollView: ref, ...rest });
   })
 );
-var AnimatedLegendListComponent = Animated__default.default.createAnimatedComponent(LegendListForwardedRef);
+var AnimatedLegendListComponent = Reanimated__default.default.createAnimatedComponent(LegendListForwardedRef);
 var AnimatedLegendList = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
   React__namespace.forwardRef(function AnimatedLegendList2(props, ref) {
     const { refScrollView, ...rest } = props;
+    const { animatedProps } = props;
     const refLegendList = React__namespace.useRef(null);
     const combinedRef = useCombinedRef(refLegendList, ref);
-    return /* @__PURE__ */ React__namespace.createElement(AnimatedLegendListComponent, { ref: refScrollView, refLegendList: combinedRef, ...rest });
+    return /* @__PURE__ */ React__namespace.createElement(
+      AnimatedLegendListComponent,
+      {
+        animatedPropsInternal: animatedProps,
+        ref: refScrollView,
+        refLegendList: combinedRef,
+        ...rest
+      }
+    );
   })
 );
 

package/reanimated.mjs

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useCallback, memo } from 'react';
-import Animated from 'react-native-reanimated';
+import Reanimated from 'react-native-reanimated';
 import { LegendList } from '@legendapp/list';
 
 // src/integrations/reanimated.tsx
@@ -30,6 +30,7 @@ var useCombinedRef = (...refs) => {
 // src/integrations/reanimated.tsx
 var typedMemo = memo;
 var LegendListForwardedRef = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
   React.forwardRef(function LegendListForwardedRef2(props, ref) {
     const { refLegendList, ...rest } = props;
     const refFn = useCallback(
@@ -41,13 +42,23 @@ var LegendListForwardedRef = typedMemo(
     return /* @__PURE__ */ React.createElement(LegendList, { ref: refFn, refScrollView: ref, ...rest });
   })
 );
-var AnimatedLegendListComponent = Animated.createAnimatedComponent(LegendListForwardedRef);
+var AnimatedLegendListComponent = Reanimated.createAnimatedComponent(LegendListForwardedRef);
 var AnimatedLegendList = typedMemo(
+  // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
   React.forwardRef(function AnimatedLegendList2(props, ref) {
     const { refScrollView, ...rest } = props;
+    const { animatedProps } = props;
     const refLegendList = React.useRef(null);
     const combinedRef = useCombinedRef(refLegendList, ref);
-    return /* @__PURE__ */ React.createElement(AnimatedLegendListComponent, { ref: refScrollView, refLegendList: combinedRef, ...rest });
+    return /* @__PURE__ */ React.createElement(
+      AnimatedLegendListComponent,
+      {
+        animatedPropsInternal: animatedProps,
+        ref: refScrollView,
+        refLegendList: combinedRef,
+        ...rest
+      }
+    );
   })
 );
 

package/section-list.d.mts

@@ -1,8 +1,7 @@
 import * as react_native from 'react-native';
 import { SectionListData, SectionBase, SectionListRenderItemInfo, SectionListScrollParams } from 'react-native';
 import * as React from 'react';
-import { a as LegendListRef, L as LegendListProps } from './types-JPHClxiw.mjs';
-import 'react-native-reanimated';
+import { LegendListRef, LegendListProps } from '@legendapp/list';
 
 type SectionListSeparatorProps<ItemT, SectionT> = {
     leadingItem?: ItemT;

package/section-list.d.ts

@@ -1,8 +1,7 @@
 import * as react_native from 'react-native';
 import { SectionListData, SectionBase, SectionListRenderItemInfo, SectionListScrollParams } from 'react-native';
 import * as React from 'react';
-import { a as LegendListRef, L as LegendListProps } from './types-JPHClxiw.js';
-import 'react-native-reanimated';
+import { LegendListRef, LegendListProps } from '@legendapp/list';
 
 type SectionListSeparatorProps<ItemT, SectionT> = {
     leadingItem?: ItemT;