@legendapp/list 1.0.0-beta.52 → 1.0.0-beta.53

package/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React6 = require('react');
+var React2 = require('react');
 var reactNative = require('react-native');
 
 function _interopNamespace(e) {
@@ -21,12 +21,12 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React6__namespace = /*#__PURE__*/_interopNamespace(React6);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
 // src/LegendList.tsx
-var ContextState = React6__namespace.createContext(null);
+var ContextState = React2__namespace.createContext(null);
 function StateProvider({ children }) {
-  const [value] = React6__namespace.useState(() => ({
+  const [value] = React2__namespace.useState(() => ({
     listeners: /* @__PURE__ */ new Map(),
     values: /* @__PURE__ */ new Map([
       ["paddingTop", 0],
@@ -41,10 +41,10 @@ function StateProvider({ children }) {
     columnWrapperStyle: void 0,
     viewRefs: /* @__PURE__ */ new Map()
   }));
-  return /* @__PURE__ */ React6__namespace.createElement(ContextState.Provider, { value }, children);
+  return /* @__PURE__ */ React2__namespace.createElement(ContextState.Provider, { value }, children);
 }
 function useStateContext() {
-  return React6__namespace.useContext(ContextState);
+  return React2__namespace.useContext(ContextState);
 }
 function createSelectorFunctions(ctx, signalName) {
   return {
@@ -53,9 +53,9 @@ function createSelectorFunctions(ctx, signalName) {
   };
 }
 function use$(signalName) {
-  const ctx = React6__namespace.useContext(ContextState);
-  const { subscribe, get } = React6__namespace.useMemo(() => createSelectorFunctions(ctx, signalName), []);
-  const value = React6.useSyncExternalStore(subscribe, get);
+  const ctx = React2__namespace.useContext(ContextState);
+  const { subscribe, get } = React2__namespace.useMemo(() => createSelectorFunctions(ctx, signalName), []);
+  const value = React2.useSyncExternalStore(subscribe, get);
   return value;
 }
 function listen$(ctx, signalName, cb) {
@@ -95,9 +95,9 @@ function getContentSize(ctx) {
 
 // src/DebugView.tsx
 var DebugRow = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(reactNative.View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" } }, children);
+  return /* @__PURE__ */ React2__namespace.createElement(reactNative.View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" } }, children);
 };
-var DebugView = React6.memo(function DebugView2({ state }) {
+var DebugView = React2__namespace.memo(function DebugView2({ state }) {
   const ctx = useStateContext();
   const totalSize = use$("totalSize") || 0;
   const totalSizeWithScrollAdjust = use$("totalSizeWithScrollAdjust") || 0;
@@ -105,13 +105,13 @@ var DebugView = React6.memo(function DebugView2({ state }) {
   const rawScroll = use$("debugRawScroll") || 0;
   const scroll = use$("debugComputedScroll") || 0;
   const contentSize = getContentSize(ctx);
-  const [, forceUpdate] = React6.useReducer((x) => x + 1, 0);
+  const [, forceUpdate] = React2.useReducer((x) => x + 1, 0);
   use$("numContainers");
   use$("numContainersPooled");
   useInterval(() => {
     forceUpdate();
   }, 100);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React2__namespace.createElement(
     reactNative.View,
     {
       style: {
@@ -127,19 +127,19 @@ var DebugView = React6.memo(function DebugView2({ state }) {
       },
       pointerEvents: "none"
     },
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "TotalSize:"), /* @__PURE__ */ React.createElement(reactNative.Text, null, totalSize.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "ContentSize:"), /* @__PURE__ */ React.createElement(reactNative.Text, null, contentSize.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "At end:"), /* @__PURE__ */ React.createElement(reactNative.Text, null, String(state.isAtBottom))),
-    /* @__PURE__ */ React.createElement(reactNative.Text, null),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "ScrollAdjust:"), /* @__PURE__ */ React.createElement(reactNative.Text, null, scrollAdjust.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "TotalSizeReal: "), /* @__PURE__ */ React.createElement(reactNative.Text, null, totalSizeWithScrollAdjust.toFixed(2))),
-    /* @__PURE__ */ React.createElement(reactNative.Text, null),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "RawScroll: "), /* @__PURE__ */ React.createElement(reactNative.Text, null, rawScroll.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(reactNative.Text, null, "ComputedScroll: "), /* @__PURE__ */ React.createElement(reactNative.Text, null, scroll.toFixed(2)))
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "TotalSize:"), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, totalSize.toFixed(2))),
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "ContentSize:"), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, contentSize.toFixed(2))),
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "At end:"), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, String(state.isAtBottom))),
+    /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null),
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "ScrollAdjust:"), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, scrollAdjust.toFixed(2))),
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "TotalSizeReal: "), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, totalSizeWithScrollAdjust.toFixed(2))),
+    /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null),
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "RawScroll: "), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, rawScroll.toFixed(2))),
+    /* @__PURE__ */ React2__namespace.createElement(DebugRow, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, "ComputedScroll: "), /* @__PURE__ */ React2__namespace.createElement(reactNative.Text, null, scroll.toFixed(2)))
   );
 });
 function useInterval(callback, delay) {
-  React6.useEffect(() => {
+  React2.useEffect(() => {
     const interval = setInterval(callback, delay);
     return () => clearInterval(interval);
   }, [delay]);
@@ -161,7 +161,7 @@ function roundSize(size) {
 }
 var symbolFirst = Symbol();
 function useInit(cb) {
-  const refValue = React6.useRef(symbolFirst);
+  const refValue = React2.useRef(symbolFirst);
   if (refValue.current === symbolFirst) {
     refValue.current = cb();
   }
@@ -169,10 +169,10 @@ function useInit(cb) {
 }
 
 // src/ContextContainer.ts
-var ContextContainer = React6.createContext(null);
+var ContextContainer = React2.createContext(null);
 function useViewability(callback, configId) {
   const ctx = useStateContext();
-  const { containerId } = React6.useContext(ContextContainer);
+  const { containerId } = React2.useContext(ContextContainer);
   const key = containerId + (configId != null ? configId : "");
   useInit(() => {
     const value = ctx.mapViewabilityValues.get(key);
@@ -181,7 +181,7 @@ function useViewability(callback, configId) {
     }
   });
   ctx.mapViewabilityCallbacks.set(key, callback);
-  React6.useEffect(
+  React2.useEffect(
     () => () => {
       ctx.mapViewabilityCallbacks.delete(key);
     },
@@ -190,7 +190,7 @@ function useViewability(callback, configId) {
 }
 function useViewabilityAmount(callback) {
   const ctx = useStateContext();
-  const { containerId } = React6.useContext(ContextContainer);
+  const { containerId } = React2.useContext(ContextContainer);
   useInit(() => {
     const value = ctx.mapViewabilityAmountValues.get(containerId);
     if (value) {
@@ -198,7 +198,7 @@ function useViewabilityAmount(callback) {
     }
   });
   ctx.mapViewabilityAmountCallbacks.set(containerId, callback);
-  React6.useEffect(
+  React2.useEffect(
     () => () => {
       ctx.mapViewabilityAmountCallbacks.delete(containerId);
     },
@@ -206,12 +206,12 @@ function useViewabilityAmount(callback) {
   );
 }
 function useRecyclingEffect(effect) {
-  const { index, value } = React6.useContext(ContextContainer);
-  const prevValues = React6.useRef({
+  const { index, value } = React2.useContext(ContextContainer);
+  const prevValues = React2.useRef({
     prevIndex: void 0,
     prevItem: void 0
   });
-  React6.useEffect(() => {
+  React2.useEffect(() => {
     let ret = void 0;
     if (prevValues.current.prevIndex !== void 0 && prevValues.current.prevItem !== void 0) {
       ret = effect({
@@ -229,12 +229,12 @@ function useRecyclingEffect(effect) {
   }, [index, value]);
 }
 function useRecyclingState(valueOrFun) {
-  const { index, value, itemKey, triggerLayout } = React6.useContext(ContextContainer);
-  const refState = React6.useRef({
+  const { index, value, itemKey, triggerLayout } = React2.useContext(ContextContainer);
+  const refState = React2.useRef({
     itemKey: null,
     value: null
   });
-  const [_, setRenderNum] = React6.useState(0);
+  const [_, setRenderNum] = React2.useState(0);
   if (refState.current.itemKey !== itemKey) {
     refState.current.itemKey = itemKey;
     refState.current.value = isFunction(valueOrFun) ? valueOrFun({
@@ -244,7 +244,7 @@ function useRecyclingState(valueOrFun) {
       prevItem: void 0
     }) : valueOrFun;
   }
-  const setState = React6.useCallback(
+  const setState = React2.useCallback(
     (newState) => {
       refState.current.value = isFunction(newState) ? newState(refState.current.value) : newState;
       setRenderNum((v) => v + 1);
@@ -254,8 +254,8 @@ function useRecyclingState(valueOrFun) {
   );
   return [refState.current.value, setState];
 }
-var LeanViewComponent = React6__namespace.forwardRef((props, ref) => {
-  return React6__namespace.createElement("RCTView", { ...props, ref });
+var LeanViewComponent = React2__namespace.forwardRef((props, ref) => {
+  return React2__namespace.createElement("RCTView", { ...props, ref });
 });
 LeanViewComponent.displayName = "RCTView";
 var LeanView = reactNative.Platform.OS === "android" || reactNative.Platform.OS === "ios" ? LeanViewComponent : reactNative.View;
@@ -290,9 +290,9 @@ var Container = ({
   const itemKey = use$(`containerItemKey${id}`);
   const data = use$(`containerItemData${id}`);
   const extraData = use$("extraData");
-  const refLastSize = React6.useRef();
-  const ref = React6.useRef(null);
-  const [layoutRenderCount, forceLayoutRender] = React6.useState(0);
+  const refLastSize = React2.useRef();
+  const ref = React2.useRef(null);
+  const [layoutRenderCount, forceLayoutRender] = React2.useState(0);
   const otherAxisPos = numColumns > 1 ? `${(column - 1) / numColumns * 100}%` : 0;
   const otherAxisSize = numColumns > 1 ? `${1 / numColumns * 100}%` : void 0;
   let paddingStyles;
@@ -326,12 +326,12 @@ var Container = ({
     top: position.relativeCoordinate,
     ...paddingStyles || {}
   };
-  const renderedItemInfo = React6.useMemo(
+  const renderedItemInfo = React2.useMemo(
     () => itemKey !== void 0 ? getRenderedItem(itemKey) : null,
     [itemKey, data, extraData]
   );
   const { index, renderedItem } = renderedItemInfo || {};
-  const triggerLayout = React6.useCallback(() => {
+  const triggerLayout = React2.useCallback(() => {
     forceLayoutRender((v) => v + 1);
   }, []);
   const onLayout = (event) => {
@@ -343,7 +343,7 @@ var Container = ({
     }
   };
   if (IsNewArchitecture) {
-    React6.useLayoutEffect(() => {
+    React2.useLayoutEffect(() => {
       var _a, _b;
       if (itemKey !== void 0) {
         const measured = (_b = (_a = ref.current) == null ? void 0 : _a.unstable_getBoundingClientRect) == null ? void 0 : _b.call(_a);
@@ -356,7 +356,7 @@ var Container = ({
       }
     }, [itemKey, layoutRenderCount]);
   } else {
-    React6.useEffect(() => {
+    React2.useEffect(() => {
       if (itemKey) {
         const timeout = setTimeout(() => {
           if (refLastSize.current) {
@@ -369,25 +369,25 @@ var Container = ({
       }
     }, [itemKey]);
   }
-  const contextValue = React6.useMemo(() => {
+  const contextValue = React2.useMemo(() => {
     ctx.viewRefs.set(id, ref);
     return { containerId: id, itemKey, index, value: data, triggerLayout };
   }, [id, itemKey, index, data]);
-  const contentFragment = /* @__PURE__ */ React6__namespace.default.createElement(React6__namespace.default.Fragment, { key: recycleItems ? void 0 : itemKey }, /* @__PURE__ */ React6__namespace.default.createElement(ContextContainer.Provider, { value: contextValue }, renderedItem, renderedItemInfo && ItemSeparatorComponent && !lastItemKeys.includes(itemKey) && /* @__PURE__ */ React6__namespace.default.createElement(ItemSeparatorComponent, { leadingItem: renderedItemInfo.item })));
+  const contentFragment = /* @__PURE__ */ React2__namespace.default.createElement(React2__namespace.default.Fragment, { key: recycleItems ? void 0 : itemKey }, /* @__PURE__ */ React2__namespace.default.createElement(ContextContainer.Provider, { value: contextValue }, renderedItem, renderedItemInfo && ItemSeparatorComponent && !lastItemKeys.includes(itemKey) && /* @__PURE__ */ React2__namespace.default.createElement(ItemSeparatorComponent, { leadingItem: renderedItemInfo.item })));
   if (maintainVisibleContentPosition) {
     const anchorStyle = position.type === "top" ? { position: "absolute", top: 0, left: 0, right: 0 } : { position: "absolute", bottom: 0, left: 0, right: 0 };
     if (ENABLE_DEVMODE) {
       anchorStyle.borderColor = position.type === "top" ? "red" : "blue";
       anchorStyle.borderWidth = 1;
     }
-    return /* @__PURE__ */ React6__namespace.default.createElement(LeanView, { style }, /* @__PURE__ */ React6__namespace.default.createElement(LeanView, { style: anchorStyle, onLayout, ref }, contentFragment, ENABLE_DEVMODE && /* @__PURE__ */ React6__namespace.default.createElement(reactNative.Text, { style: { position: "absolute", top: 0, left: 0, zIndex: 1e3 } }, position.top)));
+    return /* @__PURE__ */ React2__namespace.default.createElement(LeanView, { style }, /* @__PURE__ */ React2__namespace.default.createElement(LeanView, { style: anchorStyle, onLayout, ref }, contentFragment, ENABLE_DEVMODE && /* @__PURE__ */ React2__namespace.default.createElement(reactNative.Text, { style: { position: "absolute", top: 0, left: 0, zIndex: 1e3 } }, position.top)));
   }
-  return /* @__PURE__ */ React6__namespace.default.createElement(LeanView, { style, onLayout, ref }, contentFragment);
+  return /* @__PURE__ */ React2__namespace.default.createElement(LeanView, { style, onLayout, ref }, contentFragment);
 };
-var typedForwardRef = React6.forwardRef;
-var typedMemo = React6.memo;
+var typedForwardRef = React2.forwardRef;
+var typedMemo = React2.memo;
 var useAnimatedValue = (initialValue) => {
-  return React6.useRef(new reactNative.Animated.Value(initialValue)).current;
+  return React2.useRef(new reactNative.Animated.Value(initialValue)).current;
 };
 
 // src/useValue$.ts
@@ -395,7 +395,7 @@ function useValue$(key, getValue, useMicrotask) {
   var _a;
   const ctx = useStateContext();
   const animValue = useAnimatedValue((_a = getValue ? getValue(peek$(ctx, key)) : peek$(ctx, key)) != null ? _a : 0);
-  React6.useMemo(() => {
+  React2.useMemo(() => {
     let newValue = void 0;
     listen$(ctx, key, (v) => {
       if (useMicrotask && newValue === void 0) {
@@ -435,7 +435,7 @@ var Containers = typedMemo(function Containers2({
   const containers = [];
   for (let i = 0; i < numContainers; i++) {
     containers.push(
-      /* @__PURE__ */ React6__namespace.createElement(
+      /* @__PURE__ */ React2__namespace.createElement(
         Container,
         {
           id: i,
@@ -464,16 +464,16 @@ var Containers = typedMemo(function Containers2({
       }
     }
   }
-  return /* @__PURE__ */ React6__namespace.createElement(reactNative.Animated.View, { style }, containers);
+  return /* @__PURE__ */ React2__namespace.createElement(reactNative.Animated.View, { style }, containers);
 });
 
 // src/ListComponent.tsx
 var getComponent = (Component) => {
-  if (React6__namespace.isValidElement(Component)) {
+  if (React2__namespace.isValidElement(Component)) {
     return Component;
   }
   if (Component) {
-    return /* @__PURE__ */ React6__namespace.createElement(Component, null);
+    return /* @__PURE__ */ React2__namespace.createElement(Component, null);
   }
   return null;
 };
@@ -481,12 +481,12 @@ var PaddingAndAdjust = () => {
   const animPaddingTop = useValue$("paddingTop", (v) => v, true);
   const animScrollAdjust = useValue$("scrollAdjust", (v) => v, true);
   const additionalSize = { marginTop: animScrollAdjust, paddingTop: animPaddingTop };
-  return /* @__PURE__ */ React6__namespace.createElement(reactNative.Animated.View, { style: additionalSize });
+  return /* @__PURE__ */ React2__namespace.createElement(reactNative.Animated.View, { style: additionalSize });
 };
 var PaddingAndAdjustDevMode = () => {
   const animPaddingTop = useValue$("paddingTop", (v) => v, true);
   const animScrollAdjust = useValue$("scrollAdjust", (v) => v, true);
-  return /* @__PURE__ */ React6__namespace.createElement(React6__namespace.Fragment, null, /* @__PURE__ */ React6__namespace.createElement(reactNative.Animated.View, { style: { marginTop: animScrollAdjust } }), /* @__PURE__ */ React6__namespace.createElement(reactNative.Animated.View, { style: { paddingTop: animPaddingTop } }), /* @__PURE__ */ React6__namespace.createElement(
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(reactNative.Animated.View, { style: { marginTop: animScrollAdjust } }), /* @__PURE__ */ React2__namespace.createElement(reactNative.Animated.View, { style: { paddingTop: animPaddingTop } }), /* @__PURE__ */ React2__namespace.createElement(
     reactNative.Animated.View,
     {
       style: {
@@ -498,7 +498,7 @@ var PaddingAndAdjustDevMode = () => {
         backgroundColor: "green"
       }
     }
-  ), /* @__PURE__ */ React6__namespace.createElement(
+  ), /* @__PURE__ */ React2__namespace.createElement(
     reactNative.Animated.View,
     {
       style: {
@@ -510,7 +510,7 @@ var PaddingAndAdjustDevMode = () => {
         backgroundColor: "lightblue"
       }
     }
-  ), /* @__PURE__ */ React6__namespace.createElement(
+  ), /* @__PURE__ */ React2__namespace.createElement(
     reactNative.Animated.View,
     {
       style: {
@@ -555,11 +555,11 @@ var ListComponent = typedMemo(function ListComponent2({
   ...rest
 }) {
   const ctx = useStateContext();
-  const ScrollComponent = renderScrollComponent ? React6.useMemo(
-    () => React6__namespace.forwardRef((props, ref) => renderScrollComponent({ ...props, ref })),
+  const ScrollComponent = renderScrollComponent ? React2.useMemo(
+    () => React2__namespace.forwardRef((props, ref) => renderScrollComponent({ ...props, ref })),
     [renderScrollComponent]
   ) : reactNative.ScrollView;
-  return /* @__PURE__ */ React6__namespace.createElement(
+  return /* @__PURE__ */ React2__namespace.createElement(
     ScrollComponent,
     {
       ...rest,
@@ -577,8 +577,8 @@ var ListComponent = typedMemo(function ListComponent2({
       contentOffset: initialContentOffset ? horizontal ? { x: initialContentOffset, y: 0 } : { x: 0, y: initialContentOffset } : void 0,
       ref: refScrollView
     },
-    !ListEmptyComponent && (ENABLE_DEVMODE ? /* @__PURE__ */ React6__namespace.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React6__namespace.createElement(PaddingAndAdjust, null)),
-    ListHeaderComponent && /* @__PURE__ */ React6__namespace.createElement(
+    !ListEmptyComponent && (ENABLE_DEVMODE ? /* @__PURE__ */ React2__namespace.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React2__namespace.createElement(PaddingAndAdjust, null)),
+    ListHeaderComponent && /* @__PURE__ */ React2__namespace.createElement(
       reactNative.View,
       {
         style: ListHeaderComponentStyle,
@@ -590,7 +590,7 @@ var ListComponent = typedMemo(function ListComponent2({
       getComponent(ListHeaderComponent)
     ),
     ListEmptyComponent && getComponent(ListEmptyComponent),
-    /* @__PURE__ */ React6__namespace.createElement(
+    /* @__PURE__ */ React2__namespace.createElement(
       Containers,
       {
         horizontal,
@@ -601,7 +601,7 @@ var ListComponent = typedMemo(function ListComponent2({
         updateItemSize
       }
     ),
-    ListFooterComponent && /* @__PURE__ */ React6__namespace.createElement(
+    ListFooterComponent && /* @__PURE__ */ React2__namespace.createElement(
       reactNative.View,
       {
         style: ListFooterComponentStyle,
@@ -664,7 +664,7 @@ var ScrollAdjustHandler = class {
   }
 };
 var useCombinedRef = (...refs) => {
-  const callback = React6.useCallback((element) => {
+  const callback = React2.useCallback((element) => {
     for (const ref of refs) {
       if (!ref) {
         continue;
@@ -883,7 +883,7 @@ function createColumnWrapperStyle(contentContainerStyle) {
   }
 }
 var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
-  return /* @__PURE__ */ React6__namespace.createElement(StateProvider, null, /* @__PURE__ */ React6__namespace.createElement(LegendListInner, { ...props, ref: forwardedRef }));
+  return /* @__PURE__ */ React2__namespace.createElement(StateProvider, null, /* @__PURE__ */ React2__namespace.createElement(LegendListInner, { ...props, ref: forwardedRef }));
 });
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
   const {
@@ -926,7 +926,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     onViewableItemsChanged,
     ...rest
   } = props;
-  const callbacks = React6.useRef({
+  const callbacks = React2.useRef({
     onStartReached: rest.onStartReached,
     onEndReached: rest.onEndReached
   });
@@ -943,11 +943,11 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   }
   const ctx = useStateContext();
   ctx.columnWrapperStyle = columnWrapperStyle || (contentContainerStyle ? createColumnWrapperStyle(contentContainerStyle) : void 0);
-  const refScroller = React6.useRef(null);
+  const refScroller = React2.useRef(null);
   const combinedRef = useCombinedRef(refScroller, refScrollView);
   const scrollBuffer = (drawDistance != null ? drawDistance : DEFAULT_DRAW_DISTANCE) || 1;
   const keyExtractor = keyExtractorProp != null ? keyExtractorProp : (item, index) => index.toString();
-  const refState = React6.useRef();
+  const refState = React2.useRef();
   const getId = (index) => {
     var _a;
     const data = (_a = refState.current) == null ? void 0 : _a.data;
@@ -974,10 +974,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         size = roundSize(average.avg);
       }
     }
-    const sizePrevious = state.sizesKnown.get(key);
-    if (sizePrevious !== void 0) {
-      return sizePrevious;
-    }
     if (size === void 0) {
       size = estimatedItemSize != null ? estimatedItemSize : DEFAULT_ITEM_SIZE;
     }
@@ -1007,7 +1003,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return 0;
   };
-  const initialContentOffset = initialScrollOffset != null ? initialScrollOffset : React6.useMemo(calculateOffsetForIndex, []);
+  const initialContentOffset = initialScrollOffset != null ? initialScrollOffset : React2.useMemo(calculateOffsetForIndex, []);
   if (!refState.current) {
     const initialScrollLength = reactNative.Dimensions.get("window")[horizontal ? "width" : "height"];
     refState.current = {
@@ -1118,6 +1114,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.scrollAdjustHandler.setDisableAdjust(true);
     state.scrollingToOffset = firstIndexScrollPostion;
     scrollTo(firstIndexScrollPostion, animated);
+    if (!animated) {
+      requestAnimationFrame(() => {
+        state.scrollingToOffset = void 0;
+        state.scrollAdjustHandler.setDisableAdjust(false);
+      });
+    }
   };
   const setDidLayout = () => {
     refState.current.queuedInitialLayout = true;
@@ -1135,7 +1137,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       });
     }
   };
-  const addTotalSize = React6.useCallback((key, add, totalSizeBelowAnchor) => {
+  const addTotalSize = React2.useCallback((key, add, totalSizeBelowAnchor) => {
     const state = refState.current;
     const { indexByKey, anchorElement } = state;
     const index = key === null ? 0 : indexByKey.get(key);
@@ -1229,7 +1231,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return res;
   };
-  const fixGaps = React6.useCallback(() => {
+  const fixGaps = React2.useCallback(() => {
     var _a;
     const state = refState.current;
     const { data, scrollLength, positions, startBuffered, endBuffered } = state;
@@ -1294,7 +1296,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
   }, []);
-  const calculateItemsInView = React6.useCallback(() => {
+  const calculateItemsInView = React2.useCallback(() => {
     var _a;
     const state = refState.current;
     const {
@@ -1529,7 +1531,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         if (item !== void 0) {
           const id = getId(itemIndex);
           if (itemKey !== id || itemIndex < startBuffered || itemIndex > endBuffered) {
-            const prevPos = peek$(ctx, `containerPosition${i}`).top;
+            const prevPos = peek$(ctx, `containerPosition${i}`);
             const pos = positions.get(id) || 0;
             const size = getItemSize(id, itemIndex, data[i]);
             if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom) {
@@ -1596,6 +1598,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     alignItemsPaddingTop
   }) => {
     if (stylePaddingTop !== void 0) {
+      const prevStylePaddingTop = peek$(ctx, "stylePaddingTop") || 0;
+      if (stylePaddingTop < prevStylePaddingTop) {
+        const prevTotalSize = peek$(ctx, "totalSizeWithScrollAdjust") || 0;
+        set$(ctx, "totalSizeWithScrollAdjust", prevTotalSize + prevStylePaddingTop);
+        setTimeout(() => {
+          set$(ctx, "totalSizeWithScrollAdjust", prevTotalSize);
+        }, 16);
+      }
       set$(ctx, "stylePaddingTop", stylePaddingTop);
     }
     if (alignItemsPaddingTop !== void 0) {
@@ -1725,8 +1735,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         for (let i = 0; i < numContainers; i++) {
           const itemKey = peek$(ctx, `containerItemKey${i}`);
           if (!keyExtractorProp || itemKey && state.indexByKey.get(itemKey) === void 0) {
-            set$(ctx, `containerItemKey${i}`, void 0);
-            set$(ctx, `containerItemData${i}`, void 0);
+            set$(ctx, `containerItemKey${i}`, null);
+            set$(ctx, `containerItemData${i}`, null);
             set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
             set$(ctx, `containerColumn${i}`, -1);
           }
@@ -1832,7 +1842,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     addTotalSize(null, totalSize, totalSizeBelowIndex);
   };
   const isFirst = !refState.current.renderItem;
-  const memoizedLastItemKeys = React6.useMemo(() => {
+  const memoizedLastItemKeys = React2.useMemo(() => {
     if (!dataProp.length) return [];
     return Array.from(
       { length: Math.min(numColumnsProp, dataProp.length) },
@@ -1866,7 +1876,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     calcTotalSizesAndPositions({ forgetPositions: false });
   }
-  React6.useEffect(() => {
+  React2.useEffect(() => {
     const didAllocateContainers = doInitialAllocateContainers();
     if (!didAllocateContainers) {
       checkResetContainers(
@@ -1875,12 +1885,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       );
     }
   }, [isFirst, dataProp, numColumnsProp]);
-  React6.useEffect(() => {
+  React2.useEffect(() => {
     set$(ctx, "extraData", extraData);
   }, [extraData]);
   refState.current.renderItem = renderItem;
-  React6.useEffect(initalizeStateVars, [memoizedLastItemKeys.join(","), numColumnsProp, stylePaddingTopState]);
-  const getRenderedItem = React6.useCallback((key) => {
+  React2.useEffect(initalizeStateVars, [memoizedLastItemKeys.join(","), numColumnsProp, stylePaddingTopState]);
+  const getRenderedItem = React2.useCallback((key) => {
     var _a, _b;
     const state = refState.current;
     if (!state) {
@@ -1950,7 +1960,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       return true;
     }
   };
-  React6.useEffect(() => {
+  React2.useEffect(() => {
     const state = refState.current;
     const viewability = setupViewability({
       viewabilityConfig,
@@ -1963,7 +1973,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   useInit(() => {
     doInitialAllocateContainers();
   });
-  const updateItemSize = React6.useCallback((itemKey, size, fromFixGaps) => {
+  const updateItemSize = React2.useCallback((itemKey, size, fromFixGaps) => {
     const state = refState.current;
     const { sizes, indexByKey, sizesKnown, data, rowHeights, startBuffered, endBuffered, averageSizes } = state;
     if (!data) {
@@ -2056,7 +2066,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }
   }, []);
-  const onLayout = React6.useCallback((event) => {
+  const onLayout = React2.useCallback((event) => {
     const state = refState.current;
     const scrollLength = event.nativeEvent.layout[horizontal ? "width" : "height"];
     const didChange = scrollLength !== state.scrollLength;
@@ -2085,7 +2095,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       onLayoutProp(event);
     }
   }, []);
-  const handleScroll = React6.useCallback(
+  const handleScroll = React2.useCallback(
     (event, fromSelf) => {
       var _a, _b, _c, _d;
       if (((_b = (_a = event.nativeEvent) == null ? void 0 : _a.contentSize) == null ? void 0 : _b.height) === 0 && ((_c = event.nativeEvent.contentSize) == null ? void 0 : _c.width) === 0) {
@@ -2133,7 +2143,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     },
     []
   );
-  React6.useImperativeHandle(
+  React2.useImperativeHandle(
     forwardedRef,
     () => {
       const scrollIndexIntoView = (options) => {
@@ -2194,7 +2204,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     []
   );
   if (reactNative.Platform.OS === "web") {
-    React6.useEffect(() => {
+    React2.useEffect(() => {
       var _a;
       if (initialContentOffset) {
         (_a = refState.current) == null ? void 0 : _a.scrollAdjustHandler.setDisableAdjust(true);
@@ -2206,7 +2216,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }, []);
   }
-  return /* @__PURE__ */ React6__namespace.createElement(React6__namespace.Fragment, null, /* @__PURE__ */ React6__namespace.createElement(
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(
     ListComponent,
     {
       ...rest,
@@ -2245,7 +2255,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       maintainVisibleContentPosition,
       scrollEventThrottle: reactNative.Platform.OS === "web" ? 16 : void 0,
       waitForInitialLayout,
-      refreshControl: refreshControl != null ? refreshControl : onRefresh && /* @__PURE__ */ React6__namespace.createElement(
+      refreshControl: refreshControl != null ? refreshControl : onRefresh && /* @__PURE__ */ React2__namespace.createElement(
         reactNative.RefreshControl,
         {
           refreshing: !!refreshing,
@@ -2256,7 +2266,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       style,
       contentContainerStyle
     }
-  ), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React6__namespace.createElement(DebugView, { state: refState.current }));
+  ), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React2__namespace.createElement(DebugView, { state: refState.current }));
 });
 
 exports.LegendList = LegendList;

package/index.mjs

@@ -1,11 +1,11 @@
-import * as React6 from 'react';
-import React6__default, { memo, useReducer, useEffect, createContext, useMemo, useRef, useCallback, useImperativeHandle, useSyncExternalStore, useContext, useState, forwardRef, useLayoutEffect } from 'react';
+import * as React2 from 'react';
+import React2__default, { useReducer, useEffect, createContext, useMemo, useRef, useCallback, useImperativeHandle, useSyncExternalStore, useContext, useState, forwardRef, memo, useLayoutEffect } from 'react';
 import { View, Text, Platform, Animated, ScrollView, StyleSheet, Dimensions, RefreshControl } from 'react-native';
 
 // src/LegendList.tsx
-var ContextState = React6.createContext(null);
+var ContextState = React2.createContext(null);
 function StateProvider({ children }) {
-  const [value] = React6.useState(() => ({
+  const [value] = React2.useState(() => ({
     listeners: /* @__PURE__ */ new Map(),
     values: /* @__PURE__ */ new Map([
       ["paddingTop", 0],
@@ -20,10 +20,10 @@ function StateProvider({ children }) {
     columnWrapperStyle: void 0,
     viewRefs: /* @__PURE__ */ new Map()
   }));
-  return /* @__PURE__ */ React6.createElement(ContextState.Provider, { value }, children);
+  return /* @__PURE__ */ React2.createElement(ContextState.Provider, { value }, children);
 }
 function useStateContext() {
-  return React6.useContext(ContextState);
+  return React2.useContext(ContextState);
 }
 function createSelectorFunctions(ctx, signalName) {
   return {
@@ -32,8 +32,8 @@ function createSelectorFunctions(ctx, signalName) {
   };
 }
 function use$(signalName) {
-  const ctx = React6.useContext(ContextState);
-  const { subscribe, get } = React6.useMemo(() => createSelectorFunctions(ctx, signalName), []);
+  const ctx = React2.useContext(ContextState);
+  const { subscribe, get } = React2.useMemo(() => createSelectorFunctions(ctx, signalName), []);
   const value = useSyncExternalStore(subscribe, get);
   return value;
 }
@@ -74,9 +74,9 @@ function getContentSize(ctx) {
 
 // src/DebugView.tsx
 var DebugRow = ({ children }) => {
-  return /* @__PURE__ */ React.createElement(View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" } }, children);
+  return /* @__PURE__ */ React2.createElement(View, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" } }, children);
 };
-var DebugView = memo(function DebugView2({ state }) {
+var DebugView = React2.memo(function DebugView2({ state }) {
   const ctx = useStateContext();
   const totalSize = use$("totalSize") || 0;
   const totalSizeWithScrollAdjust = use$("totalSizeWithScrollAdjust") || 0;
@@ -90,7 +90,7 @@ var DebugView = memo(function DebugView2({ state }) {
   useInterval(() => {
     forceUpdate();
   }, 100);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React2.createElement(
     View,
     {
       style: {
@@ -106,15 +106,15 @@ var DebugView = memo(function DebugView2({ state }) {
       },
       pointerEvents: "none"
     },
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "TotalSize:"), /* @__PURE__ */ React.createElement(Text, null, totalSize.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "ContentSize:"), /* @__PURE__ */ React.createElement(Text, null, contentSize.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "At end:"), /* @__PURE__ */ React.createElement(Text, null, String(state.isAtBottom))),
-    /* @__PURE__ */ React.createElement(Text, null),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "ScrollAdjust:"), /* @__PURE__ */ React.createElement(Text, null, scrollAdjust.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "TotalSizeReal: "), /* @__PURE__ */ React.createElement(Text, null, totalSizeWithScrollAdjust.toFixed(2))),
-    /* @__PURE__ */ React.createElement(Text, null),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "RawScroll: "), /* @__PURE__ */ React.createElement(Text, null, rawScroll.toFixed(2))),
-    /* @__PURE__ */ React.createElement(DebugRow, null, /* @__PURE__ */ React.createElement(Text, null, "ComputedScroll: "), /* @__PURE__ */ React.createElement(Text, null, scroll.toFixed(2)))
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "TotalSize:"), /* @__PURE__ */ React2.createElement(Text, null, totalSize.toFixed(2))),
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "ContentSize:"), /* @__PURE__ */ React2.createElement(Text, null, contentSize.toFixed(2))),
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "At end:"), /* @__PURE__ */ React2.createElement(Text, null, String(state.isAtBottom))),
+    /* @__PURE__ */ React2.createElement(Text, null),
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "ScrollAdjust:"), /* @__PURE__ */ React2.createElement(Text, null, scrollAdjust.toFixed(2))),
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "TotalSizeReal: "), /* @__PURE__ */ React2.createElement(Text, null, totalSizeWithScrollAdjust.toFixed(2))),
+    /* @__PURE__ */ React2.createElement(Text, null),
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "RawScroll: "), /* @__PURE__ */ React2.createElement(Text, null, rawScroll.toFixed(2))),
+    /* @__PURE__ */ React2.createElement(DebugRow, null, /* @__PURE__ */ React2.createElement(Text, null, "ComputedScroll: "), /* @__PURE__ */ React2.createElement(Text, null, scroll.toFixed(2)))
   );
 });
 function useInterval(callback, delay) {
@@ -233,8 +233,8 @@ function useRecyclingState(valueOrFun) {
   );
   return [refState.current.value, setState];
 }
-var LeanViewComponent = React6.forwardRef((props, ref) => {
-  return React6.createElement("RCTView", { ...props, ref });
+var LeanViewComponent = React2.forwardRef((props, ref) => {
+  return React2.createElement("RCTView", { ...props, ref });
 });
 LeanViewComponent.displayName = "RCTView";
 var LeanView = Platform.OS === "android" || Platform.OS === "ios" ? LeanViewComponent : View;
@@ -352,16 +352,16 @@ var Container = ({
     ctx.viewRefs.set(id, ref);
     return { containerId: id, itemKey, index, value: data, triggerLayout };
   }, [id, itemKey, index, data]);
-  const contentFragment = /* @__PURE__ */ React6__default.createElement(React6__default.Fragment, { key: recycleItems ? void 0 : itemKey }, /* @__PURE__ */ React6__default.createElement(ContextContainer.Provider, { value: contextValue }, renderedItem, renderedItemInfo && ItemSeparatorComponent && !lastItemKeys.includes(itemKey) && /* @__PURE__ */ React6__default.createElement(ItemSeparatorComponent, { leadingItem: renderedItemInfo.item })));
+  const contentFragment = /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, { key: recycleItems ? void 0 : itemKey }, /* @__PURE__ */ React2__default.createElement(ContextContainer.Provider, { value: contextValue }, renderedItem, renderedItemInfo && ItemSeparatorComponent && !lastItemKeys.includes(itemKey) && /* @__PURE__ */ React2__default.createElement(ItemSeparatorComponent, { leadingItem: renderedItemInfo.item })));
   if (maintainVisibleContentPosition) {
     const anchorStyle = position.type === "top" ? { position: "absolute", top: 0, left: 0, right: 0 } : { position: "absolute", bottom: 0, left: 0, right: 0 };
     if (ENABLE_DEVMODE) {
       anchorStyle.borderColor = position.type === "top" ? "red" : "blue";
       anchorStyle.borderWidth = 1;
     }
-    return /* @__PURE__ */ React6__default.createElement(LeanView, { style }, /* @__PURE__ */ React6__default.createElement(LeanView, { style: anchorStyle, onLayout, ref }, contentFragment, ENABLE_DEVMODE && /* @__PURE__ */ React6__default.createElement(Text, { style: { position: "absolute", top: 0, left: 0, zIndex: 1e3 } }, position.top)));
+    return /* @__PURE__ */ React2__default.createElement(LeanView, { style }, /* @__PURE__ */ React2__default.createElement(LeanView, { style: anchorStyle, onLayout, ref }, contentFragment, ENABLE_DEVMODE && /* @__PURE__ */ React2__default.createElement(Text, { style: { position: "absolute", top: 0, left: 0, zIndex: 1e3 } }, position.top)));
   }
-  return /* @__PURE__ */ React6__default.createElement(LeanView, { style, onLayout, ref }, contentFragment);
+  return /* @__PURE__ */ React2__default.createElement(LeanView, { style, onLayout, ref }, contentFragment);
 };
 var typedForwardRef = forwardRef;
 var typedMemo = memo;
@@ -414,7 +414,7 @@ var Containers = typedMemo(function Containers2({
   const containers = [];
   for (let i = 0; i < numContainers; i++) {
     containers.push(
-      /* @__PURE__ */ React6.createElement(
+      /* @__PURE__ */ React2.createElement(
         Container,
         {
           id: i,
@@ -443,16 +443,16 @@ var Containers = typedMemo(function Containers2({
       }
     }
   }
-  return /* @__PURE__ */ React6.createElement(Animated.View, { style }, containers);
+  return /* @__PURE__ */ React2.createElement(Animated.View, { style }, containers);
 });
 
 // src/ListComponent.tsx
 var getComponent = (Component) => {
-  if (React6.isValidElement(Component)) {
+  if (React2.isValidElement(Component)) {
     return Component;
   }
   if (Component) {
-    return /* @__PURE__ */ React6.createElement(Component, null);
+    return /* @__PURE__ */ React2.createElement(Component, null);
   }
   return null;
 };
@@ -460,12 +460,12 @@ var PaddingAndAdjust = () => {
   const animPaddingTop = useValue$("paddingTop", (v) => v, true);
   const animScrollAdjust = useValue$("scrollAdjust", (v) => v, true);
   const additionalSize = { marginTop: animScrollAdjust, paddingTop: animPaddingTop };
-  return /* @__PURE__ */ React6.createElement(Animated.View, { style: additionalSize });
+  return /* @__PURE__ */ React2.createElement(Animated.View, { style: additionalSize });
 };
 var PaddingAndAdjustDevMode = () => {
   const animPaddingTop = useValue$("paddingTop", (v) => v, true);
   const animScrollAdjust = useValue$("scrollAdjust", (v) => v, true);
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Animated.View, { style: { marginTop: animScrollAdjust } }), /* @__PURE__ */ React6.createElement(Animated.View, { style: { paddingTop: animPaddingTop } }), /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Animated.View, { style: { marginTop: animScrollAdjust } }), /* @__PURE__ */ React2.createElement(Animated.View, { style: { paddingTop: animPaddingTop } }), /* @__PURE__ */ React2.createElement(
     Animated.View,
     {
       style: {
@@ -477,7 +477,7 @@ var PaddingAndAdjustDevMode = () => {
         backgroundColor: "green"
       }
     }
-  ), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React2.createElement(
     Animated.View,
     {
       style: {
@@ -489,7 +489,7 @@ var PaddingAndAdjustDevMode = () => {
         backgroundColor: "lightblue"
       }
     }
-  ), /* @__PURE__ */ React6.createElement(
+  ), /* @__PURE__ */ React2.createElement(
     Animated.View,
     {
       style: {
@@ -535,10 +535,10 @@ var ListComponent = typedMemo(function ListComponent2({
 }) {
   const ctx = useStateContext();
   const ScrollComponent = renderScrollComponent ? useMemo(
-    () => React6.forwardRef((props, ref) => renderScrollComponent({ ...props, ref })),
+    () => React2.forwardRef((props, ref) => renderScrollComponent({ ...props, ref })),
     [renderScrollComponent]
   ) : ScrollView;
-  return /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React2.createElement(
     ScrollComponent,
     {
       ...rest,
@@ -556,8 +556,8 @@ var ListComponent = typedMemo(function ListComponent2({
       contentOffset: initialContentOffset ? horizontal ? { x: initialContentOffset, y: 0 } : { x: 0, y: initialContentOffset } : void 0,
       ref: refScrollView
     },
-    !ListEmptyComponent && (ENABLE_DEVMODE ? /* @__PURE__ */ React6.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React6.createElement(PaddingAndAdjust, null)),
-    ListHeaderComponent && /* @__PURE__ */ React6.createElement(
+    !ListEmptyComponent && (ENABLE_DEVMODE ? /* @__PURE__ */ React2.createElement(PaddingAndAdjustDevMode, null) : /* @__PURE__ */ React2.createElement(PaddingAndAdjust, null)),
+    ListHeaderComponent && /* @__PURE__ */ React2.createElement(
       View,
       {
         style: ListHeaderComponentStyle,
@@ -569,7 +569,7 @@ var ListComponent = typedMemo(function ListComponent2({
       getComponent(ListHeaderComponent)
     ),
     ListEmptyComponent && getComponent(ListEmptyComponent),
-    /* @__PURE__ */ React6.createElement(
+    /* @__PURE__ */ React2.createElement(
       Containers,
       {
         horizontal,
@@ -580,7 +580,7 @@ var ListComponent = typedMemo(function ListComponent2({
         updateItemSize
       }
     ),
-    ListFooterComponent && /* @__PURE__ */ React6.createElement(
+    ListFooterComponent && /* @__PURE__ */ React2.createElement(
       View,
       {
         style: ListFooterComponentStyle,
@@ -862,7 +862,7 @@ function createColumnWrapperStyle(contentContainerStyle) {
   }
 }
 var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
-  return /* @__PURE__ */ React6.createElement(StateProvider, null, /* @__PURE__ */ React6.createElement(LegendListInner, { ...props, ref: forwardedRef }));
+  return /* @__PURE__ */ React2.createElement(StateProvider, null, /* @__PURE__ */ React2.createElement(LegendListInner, { ...props, ref: forwardedRef }));
 });
 var LegendListInner = typedForwardRef(function LegendListInner2(props, forwardedRef) {
   const {
@@ -953,10 +953,6 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         size = roundSize(average.avg);
       }
     }
-    const sizePrevious = state.sizesKnown.get(key);
-    if (sizePrevious !== void 0) {
-      return sizePrevious;
-    }
     if (size === void 0) {
       size = estimatedItemSize != null ? estimatedItemSize : DEFAULT_ITEM_SIZE;
     }
@@ -1097,6 +1093,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     state.scrollAdjustHandler.setDisableAdjust(true);
     state.scrollingToOffset = firstIndexScrollPostion;
     scrollTo(firstIndexScrollPostion, animated);
+    if (!animated) {
+      requestAnimationFrame(() => {
+        state.scrollingToOffset = void 0;
+        state.scrollAdjustHandler.setDisableAdjust(false);
+      });
+    }
   };
   const setDidLayout = () => {
     refState.current.queuedInitialLayout = true;
@@ -1508,7 +1510,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         if (item !== void 0) {
           const id = getId(itemIndex);
           if (itemKey !== id || itemIndex < startBuffered || itemIndex > endBuffered) {
-            const prevPos = peek$(ctx, `containerPosition${i}`).top;
+            const prevPos = peek$(ctx, `containerPosition${i}`);
             const pos = positions.get(id) || 0;
             const size = getItemSize(id, itemIndex, data[i]);
             if (pos + size >= scroll && pos <= scrollBottom || prevPos + size >= scroll && prevPos <= scrollBottom) {
@@ -1575,6 +1577,14 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     alignItemsPaddingTop
   }) => {
     if (stylePaddingTop !== void 0) {
+      const prevStylePaddingTop = peek$(ctx, "stylePaddingTop") || 0;
+      if (stylePaddingTop < prevStylePaddingTop) {
+        const prevTotalSize = peek$(ctx, "totalSizeWithScrollAdjust") || 0;
+        set$(ctx, "totalSizeWithScrollAdjust", prevTotalSize + prevStylePaddingTop);
+        setTimeout(() => {
+          set$(ctx, "totalSizeWithScrollAdjust", prevTotalSize);
+        }, 16);
+      }
       set$(ctx, "stylePaddingTop", stylePaddingTop);
     }
     if (alignItemsPaddingTop !== void 0) {
@@ -1704,8 +1714,8 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         for (let i = 0; i < numContainers; i++) {
           const itemKey = peek$(ctx, `containerItemKey${i}`);
           if (!keyExtractorProp || itemKey && state.indexByKey.get(itemKey) === void 0) {
-            set$(ctx, `containerItemKey${i}`, void 0);
-            set$(ctx, `containerItemData${i}`, void 0);
+            set$(ctx, `containerItemKey${i}`, null);
+            set$(ctx, `containerItemData${i}`, null);
             set$(ctx, `containerPosition${i}`, ANCHORED_POSITION_OUT_OF_VIEW);
             set$(ctx, `containerColumn${i}`, -1);
           }
@@ -2185,7 +2195,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       }
     }, []);
   }
-  return /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(
     ListComponent,
     {
       ...rest,
@@ -2224,7 +2234,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       maintainVisibleContentPosition,
       scrollEventThrottle: Platform.OS === "web" ? 16 : void 0,
       waitForInitialLayout,
-      refreshControl: refreshControl != null ? refreshControl : onRefresh && /* @__PURE__ */ React6.createElement(
+      refreshControl: refreshControl != null ? refreshControl : onRefresh && /* @__PURE__ */ React2.createElement(
         RefreshControl,
         {
           refreshing: !!refreshing,
@@ -2235,7 +2245,7 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
       style,
       contentContainerStyle
     }
-  ), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React6.createElement(DebugView, { state: refState.current }));
+  ), __DEV__ && ENABLE_DEBUG_VIEW && /* @__PURE__ */ React2.createElement(DebugView, { state: refState.current }));
 });
 
 export { LegendList, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };

package/keyboard-controller.js

@@ -31,7 +31,7 @@ var typedForwardRef = React.forwardRef;
 var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
   const {
     LegendList: LegendListProp,
-    style: styleProp,
+    contentContainerStyle: contentContainerStyleProp,
     scrollIndicatorInsets: scrollIndicatorInsetsProp,
     ...rest
   } = props;
@@ -46,15 +46,23 @@ var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
     }
   });
   const LegendListComponent = LegendListProp != null ? LegendListProp : list.LegendList;
-  const styleFlattened = reactNative.StyleSheet.flatten(styleProp) || {};
-  const style = { ...styleFlattened, paddingTop: padding + (styleFlattened.paddingTop || 0) };
+  const contentContainerStyleFlattened = reactNative.StyleSheet.flatten(contentContainerStyleProp) || {};
+  const contentContainerStyle = { ...contentContainerStyleFlattened, paddingTop: padding };
   const scrollIndicatorInsets = scrollIndicatorInsetsProp ? { ...scrollIndicatorInsetsProp } : {};
   if (!props.horizontal) {
-    scrollIndicatorInsets.top = (scrollIndicatorInsets.top || 0) + padding;
+    scrollIndicatorInsets.top = ((scrollIndicatorInsets == null ? void 0 : scrollIndicatorInsets.top) || 0) + padding;
   }
   return (
     // @ts-expect-error TODO: Fix this type
-    /* @__PURE__ */ React__namespace.createElement(LegendListComponent, { ...rest, style, scrollIndicatorInsets, ref: forwardedRef })
+    /* @__PURE__ */ React__namespace.createElement(
+      LegendListComponent,
+      {
+        ...rest,
+        contentContainerStyle,
+        scrollIndicatorInsets,
+        ref: forwardedRef
+      }
+    )
   );
 });
 

package/keyboard-controller.mjs

@@ -10,7 +10,7 @@ var typedForwardRef = forwardRef;
 var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
   const {
     LegendList: LegendListProp,
-    style: styleProp,
+    contentContainerStyle: contentContainerStyleProp,
     scrollIndicatorInsets: scrollIndicatorInsetsProp,
     ...rest
   } = props;
@@ -25,15 +25,23 @@ var LegendList = typedForwardRef(function LegendList2(props, forwardedRef) {
     }
   });
   const LegendListComponent = LegendListProp != null ? LegendListProp : LegendList$1;
-  const styleFlattened = StyleSheet.flatten(styleProp) || {};
-  const style = { ...styleFlattened, paddingTop: padding + (styleFlattened.paddingTop || 0) };
+  const contentContainerStyleFlattened = StyleSheet.flatten(contentContainerStyleProp) || {};
+  const contentContainerStyle = { ...contentContainerStyleFlattened, paddingTop: padding };
   const scrollIndicatorInsets = scrollIndicatorInsetsProp ? { ...scrollIndicatorInsetsProp } : {};
   if (!props.horizontal) {
-    scrollIndicatorInsets.top = (scrollIndicatorInsets.top || 0) + padding;
+    scrollIndicatorInsets.top = ((scrollIndicatorInsets == null ? void 0 : scrollIndicatorInsets.top) || 0) + padding;
   }
   return (
     // @ts-expect-error TODO: Fix this type
-    /* @__PURE__ */ React.createElement(LegendListComponent, { ...rest, style, scrollIndicatorInsets, ref: forwardedRef })
+    /* @__PURE__ */ React.createElement(
+      LegendListComponent,
+      {
+        ...rest,
+        contentContainerStyle,
+        scrollIndicatorInsets,
+        ref: forwardedRef
+      }
+    )
   );
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "1.0.0-beta.52",
+  "version": "1.0.0-beta.53",
   "description": "Legend List aims to be a drop-in replacement for FlatList with much better performance and supporting dynamically sized items.",
   "sideEffects": false,
   "private": false,