@legendapp/list 3.0.0-beta.36 → 3.0.0-beta.37

package/react.mjs

@@ -1,7 +1,8 @@
 import * as React3 from 'react';
 import React3__default, { forwardRef, useReducer, useEffect, createContext, useRef, useState, useMemo, useCallback, useImperativeHandle, useLayoutEffect, memo, useContext } from 'react';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
-import { unstable_batchedUpdates, flushSync } from 'react-dom';
+import * as ReactDOM from 'react-dom';
+import { flushSync } from 'react-dom';
 
 // src/components/LegendList.tsx
 forwardRef(function AnimatedView2(props, ref) {
@@ -1361,8 +1362,8 @@ var ListComponent = typedMemo(function ListComponent2({
   updateItemSize: updateItemSize2,
   refScrollView,
   renderScrollComponent,
+  onLayoutFooter,
   scrollAdjustHandler,
-  onLayoutHeader,
   snapToIndices,
   stickyHeaderConfig,
   stickyHeaderIndices,
@@ -1386,6 +1387,21 @@ var ListComponent = typedMemo(function ListComponent2({
       set$(ctx, "footerSize", 0);
     }
   }, [ListHeaderComponent, ListFooterComponent, ctx]);
+  const onLayoutHeader = useCallback(
+    (rect) => {
+      const size = rect[horizontal ? "width" : "height"];
+      set$(ctx, "headerSize", size);
+    },
+    [ctx, horizontal]
+  );
+  const onLayoutFooterInternal = useCallback(
+    (rect, fromLayoutEffect) => {
+      const size = rect[horizontal ? "width" : "height"];
+      set$(ctx, "footerSize", size);
+      onLayoutFooter == null ? void 0 : onLayoutFooter(rect, fromLayoutEffect);
+    },
+    [ctx, horizontal, onLayoutFooter]
+  );
   return /* @__PURE__ */ React3.createElement(
     SnapOrScroll,
     {
@@ -1421,17 +1437,7 @@ var ListComponent = typedMemo(function ListComponent2({
         waitForInitialLayout
       }
     ),
-    ListFooterComponent && /* @__PURE__ */ React3.createElement(
-      LayoutView,
-      {
-        onLayoutChange: (layout) => {
-          const size = layout[horizontal ? "width" : "height"];
-          set$(ctx, "footerSize", size);
-        },
-        style: ListFooterComponentStyle
-      },
-      getComponent(ListFooterComponent)
-    ),
+    ListFooterComponent && /* @__PURE__ */ React3.createElement(LayoutView, { onLayoutChange: onLayoutFooterInternal, style: ListFooterComponentStyle }, getComponent(ListFooterComponent)),
     IS_DEV && ENABLE_DEVMODE
   );
 });
@@ -1439,19 +1445,12 @@ var ListComponent = typedMemo(function ListComponent2({
 // src/core/calculateOffsetForIndex.ts
 function calculateOffsetForIndex(ctx, index) {
   const state = ctx.state;
-  let position = 0;
-  if (index !== void 0) {
-    position = state.positions[index] || 0;
-    const paddingTop = peek$(ctx, "stylePaddingTop");
-    if (paddingTop) {
-      position += paddingTop;
-    }
-    const headerSize = peek$(ctx, "headerSize");
-    if (headerSize) {
-      position += headerSize;
-    }
-  }
-  return position;
+  return index !== void 0 ? state.positions[index] || 0 : 0;
+}
+
+// src/core/getTopOffsetAdjustment.ts
+function getTopOffsetAdjustment(ctx) {
+  return (peek$(ctx, "stylePaddingTop") || 0) + (peek$(ctx, "headerSize") || 0);
 }
 
 // src/utils/getId.ts
@@ -1557,10 +1556,20 @@ function calculateOffsetWithOffsetPosition(ctx, offsetParam, params) {
   if (viewOffset) {
     offset -= viewOffset;
   }
+  if (index !== void 0) {
+    const topOffsetAdjustment = getTopOffsetAdjustment(ctx);
+    if (topOffsetAdjustment) {
+      offset += topOffsetAdjustment;
+    }
+  }
   if (viewPosition !== void 0 && index !== void 0) {
     const itemSize = getItemSize(ctx, getId(state, index), index, state.props.data[index]);
     const trailingInset = getContentInsetEnd(state);
     offset -= viewPosition * (state.scrollLength - trailingInset - itemSize);
+    if (index === state.props.data.length - 1) {
+      const footerSize = peek$(ctx, "footerSize") || 0;
+      offset += footerSize;
+    }
   }
   return offset;
 }
@@ -1761,6 +1770,7 @@ function finishScrollTo(ctx) {
     state.initialScroll = void 0;
     state.initialAnchor = void 0;
     state.scrollingTo = void 0;
+    state.stableTarget = void 0;
     if (state.pendingTotalSize !== void 0) {
       addTotalSize(ctx, null, state.pendingTotalSize);
     }
@@ -1877,8 +1887,9 @@ function scrollTo(ctx, params) {
   let offset = precomputedWithViewOffset ? scrollTargetOffset : calculateOffsetWithOffsetPosition(ctx, scrollTargetOffset, scrollTarget);
   offset = clampScrollOffset(ctx, offset, scrollTarget);
   state.scrollHistory.length = 0;
+  state.stableTarget = void 0;
   if (!noScrollingTo) {
-    state.scrollingTo = scrollTarget;
+    state.scrollingTo = { ...scrollTarget, offset };
   }
   state.scrollPending = offset;
   if (forceScroll || !isInitialScroll || Platform.OS === "android") {
@@ -2653,6 +2664,8 @@ function maybeUpdateViewabilityCallback(ctx, configId, containerId, viewToken) {
   const cb = ctx.mapViewabilityCallbacks.get(key);
   cb == null ? void 0 : cb(viewToken);
 }
+var unstableBatchedUpdates = ReactDOM.unstable_batchedUpdates;
+var batchedUpdates = typeof unstableBatchedUpdates === "function" ? unstableBatchedUpdates : (fn) => fn();
 
 // src/utils/checkAllSizesKnown.ts
 function isNullOrUndefined2(value) {
@@ -2905,7 +2918,7 @@ function handleStickyRecycling(ctx, stickyArray, scroll, drawDistance, currentSt
 }
 function calculateItemsInView(ctx, params = {}) {
   const state = ctx.state;
-  unstable_batchedUpdates(() => {
+  batchedUpdates(() => {
     var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
     const {
       columns,
@@ -3317,6 +3330,14 @@ function checkActualChange(state, dataProp, previousData) {
 }
 
 // src/core/checkFinishedScroll.ts
+function getCurrentTargetOffset(ctx, scrollingTo) {
+  if (scrollingTo.index !== void 0) {
+    const baseOffset = calculateOffsetForIndex(ctx, scrollingTo.index);
+    const resolvedOffset = calculateOffsetWithOffsetPosition(ctx, baseOffset, scrollingTo);
+    return clampScrollOffset(ctx, resolvedOffset, scrollingTo);
+  }
+  return clampScrollOffset(ctx, scrollingTo.offset, scrollingTo);
+}
 function checkFinishedScroll(ctx) {
   ctx.state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
 }
@@ -3326,20 +3347,30 @@ function checkFinishedScrollFrame(ctx) {
     const { state } = ctx;
     state.animFrameCheckFinishedScroll = void 0;
     const scroll = state.scrollPending;
-    const adjust = state.scrollAdjustHandler.getAdjust();
-    const clampedTargetOffset = clampScrollOffset(
-      ctx,
-      scrollingTo.offset - (scrollingTo.viewOffset || 0),
-      scrollingTo
-    );
+    const clampedTargetOffset = getCurrentTargetOffset(ctx, scrollingTo);
+    if (Math.abs(scrollingTo.offset - clampedTargetOffset) >= 1) {
+      state.scrollingTo = { ...scrollingTo, offset: clampedTargetOffset };
+    }
     const maxOffset = clampScrollOffset(ctx, scroll, scrollingTo);
     const diff1 = Math.abs(scroll - clampedTargetOffset);
-    const diff2 = Math.abs(diff1 - adjust);
     const isNotOverscrolled = Math.abs(scroll - maxOffset) < 1;
-    const isAtTarget = diff1 < 1 || !scrollingTo.animated && diff2 < 1;
+    const isAtTarget = diff1 < 1;
+    const previousStableTarget = state.stableTarget;
+    const hasStableTargetFrame = !!previousStableTarget && Math.abs(previousStableTarget.target - clampedTargetOffset) < 1 && Math.abs(previousStableTarget.scroll - scroll) < 1;
+    if (isAtTarget && !hasStableTargetFrame) {
+      state.stableTarget = { scroll, target: clampedTargetOffset };
+      state.animFrameCheckFinishedScroll = requestAnimationFrame(() => checkFinishedScrollFrame(ctx));
+      return;
+    }
+    if (!isAtTarget) {
+      state.stableTarget = void 0;
+    }
     if (isNotOverscrolled && isAtTarget) {
+      state.stableTarget = void 0;
       finishScrollTo(ctx);
     }
+  } else {
+    ctx.state.stableTarget = void 0;
   }
 }
 function checkFinishedScrollFallback(ctx) {
@@ -4276,7 +4307,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   const maintainVisibleContentPositionConfig = normalizeMaintainVisibleContentPosition(
     maintainVisibleContentPositionProp
   );
-  const [renderNum, setRenderNum] = useState(0);
   const initialScrollProp = initialScrollAtEnd ? { index: Math.max(0, dataProp.length - 1), viewOffset: -stylePaddingBottomState, viewPosition: 1 } : initialScrollIndexProp || initialScrollOffsetProp ? typeof initialScrollIndexProp === "object" ? {
     index: initialScrollIndexProp.index || 0,
     viewOffset: initialScrollIndexProp.viewOffset || (initialScrollIndexProp.viewPosition === 1 ? -stylePaddingBottomState : 0),
@@ -4476,6 +4506,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       true
     );
   }
+  const resolveInitialScrollOffset = useCallback((initialScroll) => {
+    const baseOffset = initialScroll.index !== void 0 ? calculateOffsetForIndex(ctx, initialScroll.index) : 0;
+    const resolvedOffset = calculateOffsetWithOffsetPosition(ctx, baseOffset, initialScroll);
+    return clampScrollOffset(ctx, resolvedOffset, initialScroll);
+  }, []);
   const initialContentOffset = useMemo(() => {
     let value;
     const { initialScroll, initialAnchor } = refState.current;
@@ -4483,9 +4518,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       if (initialScroll.contentOffset !== void 0) {
         value = initialScroll.contentOffset;
       } else {
-        const baseOffset = initialScroll.index !== void 0 ? calculateOffsetForIndex(ctx, initialScroll.index) : 0;
-        const resolvedOffset = calculateOffsetWithOffsetPosition(ctx, baseOffset, initialScroll);
-        const clampedOffset = clampScrollOffset(ctx, resolvedOffset, initialScroll);
+        const clampedOffset = resolveInitialScrollOffset(initialScroll);
         const updatedInitialScroll = { ...initialScroll, contentOffset: clampedOffset };
         refState.current.initialScroll = updatedInitialScroll;
         state.initialScroll = updatedInitialScroll;
@@ -4499,7 +4532,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       setInitialRenderState(ctx, { didInitialScroll: true });
     }
     return value;
-  }, [renderNum]);
+  }, []);
   if (isFirstLocal || didDataChangeLocal || numColumnsProp !== peek$(ctx, "numColumns")) {
     refState.current.lastBatchingAction = Date.now();
     if (!keyExtractorProp && !isFirstLocal && didDataChangeLocal) {
@@ -4513,30 +4546,45 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       set$(ctx, "totalSize", 0);
     }
   }
-  const onLayoutHeader = useCallback((rect, fromLayoutEffect) => {
-    const { initialScroll } = refState.current;
-    const size = rect[horizontal ? "width" : "height"];
-    set$(ctx, "headerSize", size);
-    if ((initialScroll == null ? void 0 : initialScroll.index) !== void 0) {
-      {
-        if (fromLayoutEffect) {
-          setRenderNum((v) => v + 1);
-        }
-      }
-    }
-  }, []);
   const doInitialScroll = useCallback(() => {
     const { initialScroll, didFinishInitialScroll, queuedInitialLayout, scrollingTo } = state;
     if (initialScroll && !queuedInitialLayout && !didFinishInitialScroll && !scrollingTo) {
+      const offset = resolveInitialScrollOffset(initialScroll);
+      const updatedInitialScroll = { ...initialScroll, contentOffset: offset };
+      refState.current.initialScroll = updatedInitialScroll;
+      state.initialScroll = updatedInitialScroll;
       scrollTo(ctx, {
         animated: false,
-        index: initialScroll == null ? void 0 : initialScroll.index,
+        index: initialScroll.index,
         isInitialScroll: true,
-        offset: initialContentOffset,
+        offset,
         precomputedWithViewOffset: true
       });
     }
-  }, [initialContentOffset]);
+  }, []);
+  const onLayoutFooter = useCallback(
+    (layout) => {
+      if (!initialScrollAtEnd) {
+        return;
+      }
+      const { initialScroll } = state;
+      if (!initialScroll) {
+        return;
+      }
+      const lastIndex = Math.max(0, dataProp.length - 1);
+      if (initialScroll.index !== lastIndex || initialScroll.viewPosition !== 1) {
+        return;
+      }
+      const footerSize = layout[horizontal ? "width" : "height"];
+      const viewOffset = -stylePaddingBottomState - footerSize;
+      if (initialScroll.viewOffset !== viewOffset) {
+        const updatedInitialScroll = { ...initialScroll, viewOffset };
+        refState.current.initialScroll = updatedInitialScroll;
+        state.initialScroll = updatedInitialScroll;
+      }
+    },
+    [dataProp.length, horizontal, initialScrollAtEnd, stylePaddingBottomState]
+  );
   const onLayoutChange = useCallback((layout) => {
     doInitialScroll();
     handleLayout(ctx, layout, setCanRender);
@@ -4645,7 +4693,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       ListEmptyComponent: dataProp.length === 0 ? ListEmptyComponent : void 0,
       ListHeaderComponent,
       onLayout,
-      onLayoutHeader,
+      onLayoutFooter,
       onMomentumScrollEnd: fns.onMomentumScrollEnd,
       onScroll: onScrollHandler,
       recycleItems,

package/reanimated.d.ts

@@ -1,7 +1,7 @@
 import * as React$1 from 'react';
-import { Key, ReactNode, ComponentProps } from 'react';
+import { Key, ReactNode, ReactElement, ComponentProps } from 'react';
 import Reanimated from 'react-native-reanimated';
-import { ScrollViewComponent, ScrollResponderMixin, Insets as Insets$1 } from 'react-native';
+import { ScrollViewProps, NativeSyntheticEvent as NativeSyntheticEvent$1, NativeScrollEvent as NativeScrollEvent$1, ScrollView, StyleProp as StyleProp$1, ViewStyle as ViewStyle$1, ScrollViewComponent, ScrollResponderMixin, Insets as Insets$1 } from 'react-native';
 
 type ListenerType = "activeStickyIndex" | "debugComputedScroll" | "debugRawScroll" | "extraData" | "footerSize" | "headerSize" | "lastItemKeys" | "lastPositionUpdate" | "maintainVisibleContentPosition" | "numColumns" | "numContainers" | "numContainersPooled" | "otherAxisSize" | "readyToRender" | "scrollAdjust" | "scrollAdjustPending" | "scrollAdjustUserOffset" | "scrollSize" | "snapToOffsets" | "stylePaddingTop" | "totalSize" | `containerColumn${number}` | `containerSpan${number}` | `containerItemData${number}` | `containerItemKey${number}` | `containerPosition${number}` | `containerSticky${number}`;
 type LegendListListenerType = Extract<ListenerType, "activeStickyIndex" | "footerSize" | "headerSize" | "lastItemKeys" | "lastPositionUpdate" | "numContainers" | "numContainersPooled" | "otherAxisSize" | "readyToRender" | "snapToOffsets" | "totalSize">;
@@ -590,21 +590,31 @@ interface ViewabilityConfig {
     waitForInteraction?: boolean | undefined;
 }
 
+type LegendListPropsOverrides<ItemT, TItemType extends string | undefined> = Omit<LegendListPropsBase<ItemT, ScrollViewProps, TItemType>, "onScroll" | "refScrollView" | "renderScrollComponent" | "ListHeaderComponentStyle" | "ListFooterComponentStyle"> & {
+    onScroll?: (event: NativeSyntheticEvent$1<NativeScrollEvent$1>) => void;
+    refScrollView?: React.Ref<ScrollView>;
+    renderScrollComponent?: (props: ScrollViewProps) => ReactElement<ScrollViewProps>;
+    ListHeaderComponentStyle?: StyleProp$1<ViewStyle$1> | undefined;
+    ListFooterComponentStyle?: StyleProp$1<ViewStyle$1> | undefined;
+};
+type LegendListProps<ItemT = any, TItemType extends string | undefined = string | undefined> = LegendListPropsOverrides<ItemT, TItemType>;
 type LegendListRef = Omit<LegendListRef$1, "getNativeScrollRef" | "getScrollResponder" | "reportContentInset"> & {
     getNativeScrollRef(): React.ElementRef<typeof ScrollViewComponent>;
     getScrollResponder(): ScrollResponderMixin;
     reportContentInset(inset?: Partial<Insets$1> | null): void;
 };
 
-type KeysToOmit = "animatedProps" | "getEstimatedItemSize" | "getFixedItemSize" | "getItemType" | "itemsAreEqual" | "ItemSeparatorComponent" | "keyExtractor" | "onItemSizeChanged" | "renderItem" | "renderScrollComponent";
-type PropsBase<ItemT> = LegendListPropsBase<ItemT, ComponentProps<typeof Reanimated.ScrollView>>;
-interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit> {
+type KeysToOmit = "getEstimatedItemSize" | "getFixedItemSize" | "getItemType" | "itemsAreEqual" | "ItemSeparatorComponent" | "keyExtractor" | "onItemSizeChanged" | "renderItem" | "renderScrollComponent";
+type PropsBase<ItemT> = LegendListProps<ItemT>;
+type ReanimatedLayoutAnimation = ComponentProps<typeof Reanimated.View>["layout"];
+interface AnimatedLegendListPropsBase<ItemT> extends Omit<PropsBase<ItemT>, KeysToOmit | "refScrollView"> {
+    animatedProps?: ComponentProps<typeof Reanimated.ScrollView>["animatedProps"];
     refScrollView?: React$1.Ref<Reanimated.ScrollView>;
     /**
      * Reanimated layout transition applied to each item container position view.
      * Example: `LinearTransition.duration(280)`.
      */
-    itemLayoutAnimation?: ComponentProps<typeof Reanimated.View>["layout"];
+    itemLayoutAnimation?: ReanimatedLayoutAnimation;
 }
 type OtherAnimatedLegendListProps<ItemT> = Pick<PropsBase<ItemT>, KeysToOmit>;
 type AnimatedLegendListProps<ItemT> = Omit<AnimatedLegendListPropsBase<ItemT>, "refLegendList" | "ref"> & OtherAnimatedLegendListProps<ItemT>;

package/reanimated.js

@@ -1,10 +1,9 @@
 'use strict';
 
-var React3 = require('react');
-var reactNative = require('react-native');
+var React = require('react');
+var reactNative$1 = require('react-native');
 var Reanimated = require('react-native-reanimated');
-var reactNative$1 = require('@legendapp/list/react-native');
-var shim = require('use-sync-external-store/shim');
+var reactNative = require('@legendapp/list/react-native');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -26,105 +25,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Reanimated__default = /*#__PURE__*/_interopDefault(Reanimated);
 
 // src/integrations/reanimated.tsx
-
-// src/constants.ts
-var POSITION_OUT_OF_VIEW = -1e7;
-
-// src/constants-platform.native.ts
-var f = global.nativeFabricUIManager;
-var IsNewArchitecture = f !== void 0 && f != null;
-var ContextState = React3__namespace.createContext(null);
-function createSelectorFunctionsArr(ctx, signalNames) {
-  let lastValues = [];
-  let lastSignalValues = [];
-  return {
-    get: () => {
-      const currentValues = [];
-      let hasChanged = false;
-      for (let i = 0; i < signalNames.length; i++) {
-        const value = peek$(ctx, signalNames[i]);
-        currentValues.push(value);
-        if (value !== lastSignalValues[i]) {
-          hasChanged = true;
-        }
-      }
-      lastSignalValues = currentValues;
-      if (hasChanged) {
-        lastValues = currentValues;
-      }
-      return lastValues;
-    },
-    subscribe: (cb) => {
-      const listeners = [];
-      for (const signalName of signalNames) {
-        listeners.push(listen$(ctx, signalName, cb));
-      }
-      return () => {
-        for (const listener of listeners) {
-          listener();
-        }
-      };
-    }
-  };
-}
-function listen$(ctx, signalName, cb) {
-  const { listeners } = ctx;
-  let setListeners = listeners.get(signalName);
-  if (!setListeners) {
-    setListeners = /* @__PURE__ */ new Set();
-    listeners.set(signalName, setListeners);
-  }
-  setListeners.add(cb);
-  return () => setListeners.delete(cb);
-}
-function peek$(ctx, signalName) {
-  const { values } = ctx;
-  return values.get(signalName);
-}
-function useArr$(signalNames) {
-  const ctx = React3__namespace.useContext(ContextState);
-  const { subscribe, get } = React3__namespace.useMemo(() => createSelectorFunctionsArr(ctx, signalNames), [ctx, signalNames]);
-  const value = shim.useSyncExternalStore(subscribe, get);
-  return value;
-}
-
-// src/utils/helpers.ts
-function isFunction(obj) {
-  return typeof obj === "function";
-}
-
-// src/hooks/useCombinedRef.ts
-var useCombinedRef = (...refs) => {
-  const callback = React3.useCallback((element) => {
-    for (const ref of refs) {
-      if (!ref) {
-        continue;
-      }
-      if (isFunction(ref)) {
-        ref(element);
-      } else {
-        ref.current = element;
-      }
-    }
-  }, refs);
-  return callback;
-};
-var getComponent = (Component) => {
-  if (React3__namespace.isValidElement(Component)) {
-    return Component;
-  }
-  if (Component) {
-    return /* @__PURE__ */ React3__namespace.createElement(Component, null);
-  }
-  return null;
-};
-
-// src/integrations/reanimated.tsx
-var typedMemo = React3.memo;
+var { POSITION_OUT_OF_VIEW, IsNewArchitecture, useArr$, useCombinedRef, getComponent } = reactNative.internal;
+var typedMemo = React.memo;
 var ReanimatedScrollBridge = typedMemo(function ReanimatedScrollBridgeComponent({
   forwardedRef,
   scrollOffset,
@@ -133,14 +39,14 @@ var ReanimatedScrollBridge = typedMemo(function ReanimatedScrollBridgeComponent(
   const animatedScrollRef = Reanimated.useAnimatedRef();
   Reanimated.useScrollViewOffset(animatedScrollRef, scrollOffset);
   const combinedRef = useCombinedRef(animatedScrollRef, forwardedRef);
-  return /* @__PURE__ */ React3__namespace.createElement(Reanimated__default.default.ScrollView, { ...props, ref: combinedRef });
+  return /* @__PURE__ */ React__namespace.createElement(Reanimated__default.default.ScrollView, { ...props, ref: combinedRef });
 });
 var StickyOverlay = typedMemo(function StickyOverlayComponent({ stickyHeaderConfig }) {
   if (!(stickyHeaderConfig == null ? void 0 : stickyHeaderConfig.backdropComponent)) {
     return null;
   }
-  return /* @__PURE__ */ React3__namespace.createElement(
-    reactNative.View,
+  return /* @__PURE__ */ React__namespace.createElement(
+    reactNative$1.View,
     {
       style: {
         inset: 0,
@@ -165,11 +71,11 @@ var ReanimatedPositionViewSticky = typedMemo(function ReanimatedPositionViewStic
     const delta = Math.max(0, stickyScrollOffset.value - stickyStart);
     return horizontal ? { transform: [{ translateX: position + delta }] } : { transform: [{ translateY: position + delta }] };
   }, [horizontal, position, stickyStart]);
-  const viewStyle = React3__namespace.useMemo(
+  const viewStyle = React__namespace.useMemo(
     () => [style, { zIndex: index + 1e3 }, transformStyle],
     [index, style, transformStyle]
   );
-  return /* @__PURE__ */ React3__namespace.createElement(Reanimated__default.default.View, { ref: refView, style: viewStyle, ...rest }, /* @__PURE__ */ React3__namespace.createElement(StickyOverlay, { stickyHeaderConfig }), children);
+  return /* @__PURE__ */ React__namespace.createElement(Reanimated__default.default.View, { ref: refView, style: viewStyle, ...rest }, /* @__PURE__ */ React__namespace.createElement(StickyOverlay, { stickyHeaderConfig }), children);
 });
 var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(props) {
   const { id, horizontal, style, refView, children, recycleItems, layoutTransition, ...rest } = props;
@@ -177,18 +83,18 @@ var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(
     `containerPosition${id}`,
     `containerItemKey${id}`
   ]);
-  const prevItemKeyRef = React3__namespace.useRef(void 0);
+  const prevItemKeyRef = React__namespace.useRef(void 0);
   const shouldSkipTransitionForRecycleReuse = !!recycleItems && itemKey !== void 0 && prevItemKeyRef.current !== void 0 && prevItemKeyRef.current !== itemKey;
-  React3__namespace.useEffect(() => {
+  React__namespace.useEffect(() => {
     if (itemKey !== void 0) {
       prevItemKeyRef.current = itemKey;
     }
   }, [itemKey]);
-  const viewStyle = React3__namespace.useMemo(
+  const viewStyle = React__namespace.useMemo(
     () => [style, horizontal ? { left: positionValue } : { top: positionValue }],
     [horizontal, positionValue, style]
   );
-  return /* @__PURE__ */ React3__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement(
     Reanimated__default.default.View,
     {
       layout: shouldSkipTransitionForRecycleReuse ? void 0 : layoutTransition,
@@ -201,9 +107,9 @@ var ReanimatedPositionView = typedMemo(function ReanimatedPositionViewComponent(
 });
 var LegendListForwardedRef = typedMemo(
   // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
-  React3__namespace.forwardRef(function LegendListForwardedRef2(props, ref) {
+  React__namespace.forwardRef(function LegendListForwardedRef2(props, ref) {
     const { itemLayoutAnimation, recycleItems, refLegendList, ...rest } = props;
-    const refFn = React3.useCallback(
+    const refFn = React.useCallback(
       (r) => {
         refLegendList(r);
       },
@@ -211,10 +117,10 @@ var LegendListForwardedRef = typedMemo(
     );
     const stickyScrollOffset = Reanimated.useSharedValue(0);
     const shouldUseReanimatedScrollView = IsNewArchitecture;
-    const renderReanimatedScrollComponent = React3.useCallback(
+    const renderReanimatedScrollComponent = React.useCallback(
       (scrollViewProps) => {
         const { ref: forwardedRef, ...restScrollViewProps } = scrollViewProps;
-        return /* @__PURE__ */ React3__namespace.createElement(
+        return /* @__PURE__ */ React__namespace.createElement(
           ReanimatedScrollBridge,
           {
             ...restScrollViewProps,
@@ -225,21 +131,21 @@ var LegendListForwardedRef = typedMemo(
       },
       [stickyScrollOffset]
     );
-    const stickyPositionComponentInternal = React3__namespace.useMemo(
+    const stickyPositionComponentInternal = React__namespace.useMemo(
       () => function StickyPositionComponent(stickyProps) {
-        return /* @__PURE__ */ React3__namespace.createElement(ReanimatedPositionViewSticky, { ...stickyProps, stickyScrollOffset });
+        return /* @__PURE__ */ React__namespace.createElement(ReanimatedPositionViewSticky, { ...stickyProps, stickyScrollOffset });
       },
       [stickyScrollOffset]
     );
-    const itemLayoutAnimationRef = React3__namespace.useRef(itemLayoutAnimation);
+    const itemLayoutAnimationRef = React__namespace.useRef(itemLayoutAnimation);
     itemLayoutAnimationRef.current = itemLayoutAnimation;
     const hasItemLayoutAnimation = !!itemLayoutAnimation;
-    const positionComponentInternal = React3__namespace.useMemo(() => {
+    const positionComponentInternal = React__namespace.useMemo(() => {
       if (!hasItemLayoutAnimation) {
         return void 0;
       }
       return function PositionComponent(positionProps) {
-        return /* @__PURE__ */ React3__namespace.createElement(
+        return /* @__PURE__ */ React__namespace.createElement(
           ReanimatedPositionView,
           {
             ...positionProps,
@@ -257,18 +163,18 @@ var LegendListForwardedRef = typedMemo(
         stickyPositionComponentInternal
       } : {}
     };
-    return /* @__PURE__ */ React3__namespace.createElement(reactNative$1.LegendList, { ref: refFn, refScrollView: ref, ...legendListProps });
+    return /* @__PURE__ */ React__namespace.createElement(reactNative.LegendList, { ref: refFn, refScrollView: ref, ...legendListProps });
   })
 );
 var AnimatedLegendListComponent = Reanimated__default.default.createAnimatedComponent(LegendListForwardedRef);
 var AnimatedLegendList = typedMemo(
   // biome-ignore lint/nursery/noShadow: const function name shadowing is intentional
-  React3__namespace.forwardRef(function AnimatedLegendList2(props, ref) {
+  React__namespace.forwardRef(function AnimatedLegendList2(props, ref) {
     const { refScrollView, ...rest } = props;
     const { animatedProps } = props;
-    const refLegendList = React3__namespace.useRef(null);
+    const refLegendList = React__namespace.useRef(null);
     const combinedRef = useCombinedRef(refLegendList, ref);
-    return /* @__PURE__ */ React3__namespace.createElement(
+    return /* @__PURE__ */ React__namespace.createElement(
       AnimatedLegendListComponent,
       {
         animatedPropsInternal: animatedProps,