@legendapp/list 1.0.0-beta.46 → 1.0.0-beta.48

package/index.d.mts

@@ -508,6 +508,6 @@ declare const LegendList: <T>(props: Omit<react_native.ScrollViewProps, "content
 declare function useViewability(callback: ViewabilityCallback, configId?: string): void;
 declare function useViewabilityAmount(callback: ViewabilityAmountCallback): void;
 declare function useRecyclingEffect(effect: (info: LegendListRecyclingState<unknown>) => void | (() => void)): void;
-declare function useRecyclingState(valueOrFun: ((info: LegendListRecyclingState<unknown>) => any) | any): [any, React$1.Dispatch<any>];
+declare function useRecyclingState(valueOrFun: ((info: LegendListRecyclingState<unknown>) => any) | any): any[];
 
 export { type AnchoredPosition, type ColumnWrapperStyle, type InternalState, LegendList, type LegendListProps, type LegendListPropsBase, type LegendListRecyclingState, type LegendListRef, type LegendListRenderItemProps, type OnViewableItemsChanged, type ScrollState, type TypedForwardRef, type TypedMemo, type ViewAmountToken, type ViewToken, type ViewabilityAmountCallback, type ViewabilityCallback, type ViewabilityConfig, type ViewabilityConfigCallbackPair, type ViewabilityConfigCallbackPairs, type ViewableRange, typedForwardRef, typedMemo, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };

package/index.d.ts

@@ -508,6 +508,6 @@ declare const LegendList: <T>(props: Omit<react_native.ScrollViewProps, "content
 declare function useViewability(callback: ViewabilityCallback, configId?: string): void;
 declare function useViewabilityAmount(callback: ViewabilityAmountCallback): void;
 declare function useRecyclingEffect(effect: (info: LegendListRecyclingState<unknown>) => void | (() => void)): void;
-declare function useRecyclingState(valueOrFun: ((info: LegendListRecyclingState<unknown>) => any) | any): [any, React$1.Dispatch<any>];
+declare function useRecyclingState(valueOrFun: ((info: LegendListRecyclingState<unknown>) => any) | any): any[];
 
 export { type AnchoredPosition, type ColumnWrapperStyle, type InternalState, LegendList, type LegendListProps, type LegendListPropsBase, type LegendListRecyclingState, type LegendListRef, type LegendListRenderItemProps, type OnViewableItemsChanged, type ScrollState, type TypedForwardRef, type TypedMemo, type ViewAmountToken, type ViewToken, type ViewabilityAmountCallback, type ViewabilityCallback, type ViewabilityConfig, type ViewabilityConfigCallbackPair, type ViewabilityConfigCallbackPairs, type ViewableRange, typedForwardRef, typedMemo, useRecyclingEffect, useRecyclingState, useViewability, useViewabilityAmount };

package/index.js

@@ -38,7 +38,8 @@ function StateProvider({ children }) {
     mapViewabilityValues: /* @__PURE__ */ new Map(),
     mapViewabilityAmountCallbacks: /* @__PURE__ */ new Map(),
     mapViewabilityAmountValues: /* @__PURE__ */ new Map(),
-    columnWrapperStyle: void 0
+    columnWrapperStyle: void 0,
+    viewRefs: /* @__PURE__ */ new Map()
   }));
   return /* @__PURE__ */ React6__namespace.createElement(ContextState.Provider, { value }, children);
 }
@@ -213,8 +214,8 @@ function useRecyclingEffect(effect) {
   }, [index, value]);
 }
 function useRecyclingState(valueOrFun) {
-  const { index, value } = React6.useContext(ContextContainer);
-  const stateInfo = React6.useState(
+  const { index, value, triggerLayout } = React6.useContext(ContextContainer);
+  const [state, setState_] = React6.useState(
     () => typeof valueOrFun === "function" ? valueOrFun({
       index,
       item: value,
@@ -222,11 +223,18 @@ function useRecyclingState(valueOrFun) {
       prevItem: void 0
     }) : valueOrFun
   );
-  useRecyclingEffect((state) => {
-    const newState = typeof valueOrFun === "function" ? valueOrFun(state) : valueOrFun;
-    stateInfo[1](newState);
+  const setState = React6.useCallback(
+    (newState) => {
+      setState_(newState);
+      triggerLayout();
+    },
+    [triggerLayout]
+  );
+  useRecyclingEffect((state2) => {
+    const newState = typeof valueOrFun === "function" ? valueOrFun(state2) : valueOrFun;
+    setState_(newState);
   });
-  return stateInfo;
+  return [state, setState];
 }
 var LeanViewComponent = React6__namespace.forwardRef((props, ref) => {
   return React6__namespace.createElement("RCTView", { ...props, ref });
@@ -243,9 +251,9 @@ var ANCHORED_POSITION_OUT_OF_VIEW = {
 };
 var ENABLE_DEVMODE = __DEV__ && false;
 var ENABLE_DEBUG_VIEW = __DEV__ && false;
+var IsNewArchitecture = global.nativeFabricUIManager != null;
 
 // src/Container.tsx
-var isNewArchitecture = global.nativeFabricUIManager != null;
 var Container = ({
   id,
   recycleItems,
@@ -265,6 +273,8 @@ var Container = ({
   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 otherAxisPos = numColumns > 1 ? `${(column - 1) / numColumns * 100}%` : 0;
   const otherAxisSize = numColumns > 1 ? `${1 / numColumns * 100}%` : void 0;
   let paddingStyles;
@@ -303,6 +313,9 @@ var Container = ({
     [itemKey, data, extraData]
   );
   const { index, renderedItem } = renderedItemInfo || {};
+  const triggerLayout = React6.useCallback(() => {
+    forceLayoutRender((v) => v + 1);
+  }, []);
   const onLayout = (event) => {
     if (itemKey !== void 0) {
       const layout = event.nativeEvent.layout;
@@ -311,8 +324,7 @@ var Container = ({
       updateItemSize(itemKey, size);
     }
   };
-  const ref = React6.useRef(null);
-  if (isNewArchitecture) {
+  if (IsNewArchitecture) {
     React6.useLayoutEffect(() => {
       var _a, _b;
       if (itemKey !== void 0) {
@@ -324,7 +336,7 @@ var Container = ({
           }
         }
       }
-    }, [itemKey]);
+    }, [itemKey, layoutRenderCount]);
   } else {
     React6.useEffect(() => {
       if (itemKey) {
@@ -339,10 +351,10 @@ var Container = ({
       }
     }, [itemKey]);
   }
-  const contextValue = React6.useMemo(
-    () => ({ containerId: id, itemKey, index, value: data }),
-    [id, itemKey, index, data]
-  );
+  const contextValue = React6.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 })));
   if (maintainVisibleContentPosition) {
     const anchorStyle = position.type === "top" ? { position: "absolute", top: 0, left: 0, right: 0 } : { position: "absolute", bottom: 0, left: 0, right: 0 };
@@ -394,7 +406,6 @@ var Containers = typedMemo(function Containers2({
 }) {
   const ctx = useStateContext();
   const columnWrapperStyle = ctx.columnWrapperStyle;
-  use$("numColumns");
   const numContainers = use$("numContainersPooled");
   const animSize = useValue$(
     "totalSizeWithScrollAdjust",
@@ -1179,6 +1190,70 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return res;
   };
+  const fixGaps = React6.useCallback(() => {
+    var _a;
+    const state = refState.current;
+    const { data, scrollLength, positions, startBuffered, endBuffered } = state;
+    if (!data || scrollLength === 0) {
+      return;
+    }
+    const numContainers = ctx.values.get("numContainers");
+    let numMeasurements = 0;
+    for (let i = 0; i < numContainers; i++) {
+      const itemKey = peek$(ctx, `containerItemKey${i}`);
+      const isSizeKnown = refState.current.sizesKnown.get(itemKey);
+      if (itemKey && !isSizeKnown) {
+        const containerRef = ctx.viewRefs.get(i);
+        if (containerRef) {
+          let measured;
+          (_a = containerRef.current) == null ? void 0 : _a.measure((x, y, width, height) => {
+            measured = { width, height };
+          });
+          numMeasurements++;
+          if (measured) {
+            const size = Math.floor(measured[horizontal ? "width" : "height"] * 8) / 8;
+            updateItemSize(
+              itemKey,
+              size,
+              /*fromFixGaps*/
+              true
+            );
+          }
+        }
+      }
+    }
+    if (numMeasurements > 0) {
+      let top;
+      const diffs = /* @__PURE__ */ new Map();
+      for (let i = startBuffered; i <= endBuffered; i++) {
+        const id = getId(i);
+        if (top === void 0) {
+          top = positions.get(id);
+        }
+        if (positions.get(id) !== top) {
+          diffs.set(id, top - positions.get(id));
+          positions.set(id, top);
+        }
+        const size = getItemSize(id, i, data[i]);
+        const bottom = top + size;
+        top = bottom;
+      }
+      for (let i = 0; i < numContainers; i++) {
+        const itemKey = peek$(ctx, `containerItemKey${i}`);
+        const diff = diffs.get(itemKey);
+        if (diff) {
+          const prevPos = peek$(ctx, `containerPosition${i}`);
+          const newPos = prevPos.top + diff;
+          if (prevPos.top !== newPos) {
+            const pos = { ...prevPos };
+            pos.relativeCoordinate += diff;
+            pos.top += diff;
+            set$(ctx, `containerPosition${i}`, pos);
+          }
+        }
+      }
+    }
+  }, []);
   const calculateItemsInView = React6.useCallback(() => {
     var _a;
     const state = refState.current;
@@ -1819,9 +1894,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   useInit(() => {
     doInitialAllocateContainers();
   });
-  const updateItemSize = React6.useCallback((itemKey, size) => {
+  const updateItemSize = React6.useCallback((itemKey, size, fromFixGaps) => {
     const state = refState.current;
-    const { sizes, indexByKey, sizesKnown, data, rowHeights } = state;
+    const { sizes, indexByKey, sizesKnown, data, rowHeights, startBuffered, endBuffered } = state;
     if (!data) {
       return;
     }
@@ -1883,8 +1958,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         });
       }
     }
-    if (needsCalculate) {
+    const isInView = index >= startBuffered && index <= endBuffered;
+    if (!fromFixGaps && needsCalculate && isInView) {
       const scrollVelocity = state.scrollVelocity;
+      let didCalculate = false;
       if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || state.numPendingInitialLayout < 0)) {
         if (Date.now() - state.lastBatchingAction < 500) {
           if (!state.queuedCalculateItemsInView) {
@@ -1895,8 +1972,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           }
         } else {
           calculateItemsInView();
+          didCalculate = true;
         }
       }
+      if (!didCalculate && IsNewArchitecture) {
+        fixGaps();
+      }
     }
   }, []);
   const onLayout = React6.useCallback((event) => {

package/index.mjs

@@ -17,7 +17,8 @@ function StateProvider({ children }) {
     mapViewabilityValues: /* @__PURE__ */ new Map(),
     mapViewabilityAmountCallbacks: /* @__PURE__ */ new Map(),
     mapViewabilityAmountValues: /* @__PURE__ */ new Map(),
-    columnWrapperStyle: void 0
+    columnWrapperStyle: void 0,
+    viewRefs: /* @__PURE__ */ new Map()
   }));
   return /* @__PURE__ */ React6.createElement(ContextState.Provider, { value }, children);
 }
@@ -192,8 +193,8 @@ function useRecyclingEffect(effect) {
   }, [index, value]);
 }
 function useRecyclingState(valueOrFun) {
-  const { index, value } = useContext(ContextContainer);
-  const stateInfo = useState(
+  const { index, value, triggerLayout } = useContext(ContextContainer);
+  const [state, setState_] = useState(
     () => typeof valueOrFun === "function" ? valueOrFun({
       index,
       item: value,
@@ -201,11 +202,18 @@ function useRecyclingState(valueOrFun) {
       prevItem: void 0
     }) : valueOrFun
   );
-  useRecyclingEffect((state) => {
-    const newState = typeof valueOrFun === "function" ? valueOrFun(state) : valueOrFun;
-    stateInfo[1](newState);
+  const setState = useCallback(
+    (newState) => {
+      setState_(newState);
+      triggerLayout();
+    },
+    [triggerLayout]
+  );
+  useRecyclingEffect((state2) => {
+    const newState = typeof valueOrFun === "function" ? valueOrFun(state2) : valueOrFun;
+    setState_(newState);
   });
-  return stateInfo;
+  return [state, setState];
 }
 var LeanViewComponent = React6.forwardRef((props, ref) => {
   return React6.createElement("RCTView", { ...props, ref });
@@ -222,9 +230,9 @@ var ANCHORED_POSITION_OUT_OF_VIEW = {
 };
 var ENABLE_DEVMODE = __DEV__ && false;
 var ENABLE_DEBUG_VIEW = __DEV__ && false;
+var IsNewArchitecture = global.nativeFabricUIManager != null;
 
 // src/Container.tsx
-var isNewArchitecture = global.nativeFabricUIManager != null;
 var Container = ({
   id,
   recycleItems,
@@ -244,6 +252,8 @@ var Container = ({
   const data = use$(`containerItemData${id}`);
   const extraData = use$("extraData");
   const refLastSize = useRef();
+  const ref = useRef(null);
+  const [layoutRenderCount, forceLayoutRender] = useState(0);
   const otherAxisPos = numColumns > 1 ? `${(column - 1) / numColumns * 100}%` : 0;
   const otherAxisSize = numColumns > 1 ? `${1 / numColumns * 100}%` : void 0;
   let paddingStyles;
@@ -282,6 +292,9 @@ var Container = ({
     [itemKey, data, extraData]
   );
   const { index, renderedItem } = renderedItemInfo || {};
+  const triggerLayout = useCallback(() => {
+    forceLayoutRender((v) => v + 1);
+  }, []);
   const onLayout = (event) => {
     if (itemKey !== void 0) {
       const layout = event.nativeEvent.layout;
@@ -290,8 +303,7 @@ var Container = ({
       updateItemSize(itemKey, size);
     }
   };
-  const ref = useRef(null);
-  if (isNewArchitecture) {
+  if (IsNewArchitecture) {
     useLayoutEffect(() => {
       var _a, _b;
       if (itemKey !== void 0) {
@@ -303,7 +315,7 @@ var Container = ({
           }
         }
       }
-    }, [itemKey]);
+    }, [itemKey, layoutRenderCount]);
   } else {
     useEffect(() => {
       if (itemKey) {
@@ -318,10 +330,10 @@ var Container = ({
       }
     }, [itemKey]);
   }
-  const contextValue = useMemo(
-    () => ({ containerId: id, itemKey, index, value: data }),
-    [id, itemKey, index, data]
-  );
+  const contextValue = useMemo(() => {
+    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 })));
   if (maintainVisibleContentPosition) {
     const anchorStyle = position.type === "top" ? { position: "absolute", top: 0, left: 0, right: 0 } : { position: "absolute", bottom: 0, left: 0, right: 0 };
@@ -373,7 +385,6 @@ var Containers = typedMemo(function Containers2({
 }) {
   const ctx = useStateContext();
   const columnWrapperStyle = ctx.columnWrapperStyle;
-  use$("numColumns");
   const numContainers = use$("numContainersPooled");
   const animSize = useValue$(
     "totalSizeWithScrollAdjust",
@@ -1158,6 +1169,70 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
     }
     return res;
   };
+  const fixGaps = useCallback(() => {
+    var _a;
+    const state = refState.current;
+    const { data, scrollLength, positions, startBuffered, endBuffered } = state;
+    if (!data || scrollLength === 0) {
+      return;
+    }
+    const numContainers = ctx.values.get("numContainers");
+    let numMeasurements = 0;
+    for (let i = 0; i < numContainers; i++) {
+      const itemKey = peek$(ctx, `containerItemKey${i}`);
+      const isSizeKnown = refState.current.sizesKnown.get(itemKey);
+      if (itemKey && !isSizeKnown) {
+        const containerRef = ctx.viewRefs.get(i);
+        if (containerRef) {
+          let measured;
+          (_a = containerRef.current) == null ? void 0 : _a.measure((x, y, width, height) => {
+            measured = { width, height };
+          });
+          numMeasurements++;
+          if (measured) {
+            const size = Math.floor(measured[horizontal ? "width" : "height"] * 8) / 8;
+            updateItemSize(
+              itemKey,
+              size,
+              /*fromFixGaps*/
+              true
+            );
+          }
+        }
+      }
+    }
+    if (numMeasurements > 0) {
+      let top;
+      const diffs = /* @__PURE__ */ new Map();
+      for (let i = startBuffered; i <= endBuffered; i++) {
+        const id = getId(i);
+        if (top === void 0) {
+          top = positions.get(id);
+        }
+        if (positions.get(id) !== top) {
+          diffs.set(id, top - positions.get(id));
+          positions.set(id, top);
+        }
+        const size = getItemSize(id, i, data[i]);
+        const bottom = top + size;
+        top = bottom;
+      }
+      for (let i = 0; i < numContainers; i++) {
+        const itemKey = peek$(ctx, `containerItemKey${i}`);
+        const diff = diffs.get(itemKey);
+        if (diff) {
+          const prevPos = peek$(ctx, `containerPosition${i}`);
+          const newPos = prevPos.top + diff;
+          if (prevPos.top !== newPos) {
+            const pos = { ...prevPos };
+            pos.relativeCoordinate += diff;
+            pos.top += diff;
+            set$(ctx, `containerPosition${i}`, pos);
+          }
+        }
+      }
+    }
+  }, []);
   const calculateItemsInView = useCallback(() => {
     var _a;
     const state = refState.current;
@@ -1798,9 +1873,9 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
   useInit(() => {
     doInitialAllocateContainers();
   });
-  const updateItemSize = useCallback((itemKey, size) => {
+  const updateItemSize = useCallback((itemKey, size, fromFixGaps) => {
     const state = refState.current;
-    const { sizes, indexByKey, sizesKnown, data, rowHeights } = state;
+    const { sizes, indexByKey, sizesKnown, data, rowHeights, startBuffered, endBuffered } = state;
     if (!data) {
       return;
     }
@@ -1862,8 +1937,10 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
         });
       }
     }
-    if (needsCalculate) {
+    const isInView = index >= startBuffered && index <= endBuffered;
+    if (!fromFixGaps && needsCalculate && isInView) {
       const scrollVelocity = state.scrollVelocity;
+      let didCalculate = false;
       if ((Number.isNaN(scrollVelocity) || Math.abs(scrollVelocity) < 1) && (!waitForInitialLayout || state.numPendingInitialLayout < 0)) {
         if (Date.now() - state.lastBatchingAction < 500) {
           if (!state.queuedCalculateItemsInView) {
@@ -1874,8 +1951,12 @@ var LegendListInner = typedForwardRef(function LegendListInner2(props, forwarded
           }
         } else {
           calculateItemsInView();
+          didCalculate = true;
         }
       }
+      if (!didCalculate && IsNewArchitecture) {
+        fixGaps();
+      }
     }
   }, []);
   const onLayout = useCallback((event) => {

package/keyboard-controller.d.mts

@@ -1,137 +1,16 @@
-import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
-import * as react_native_reanimated from 'react-native-reanimated';
-import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
 import * as _legendapp_list from '@legendapp/list';
 import { LegendListRef } from '@legendapp/list';
+import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
 import * as react_native from 'react-native';
 import { Insets } from 'react-native';
+import * as react_native_reanimated from 'react-native-reanimated';
+import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
 import * as React from 'react';
 
-declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
+declare const LegendList: <ItemT, ListT extends (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
     getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: ItemT_1;
-    }> | undefined;
     keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: ItemT_1;
-    }) => void) | undefined;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
     animatedProps?: Partial<{
-        contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
-        contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
-        maintainVisibleContentPosition?: {
-            autoscrollToTopThreshold?: number | null | undefined;
-            minIndexForVisible: number;
-        } | react_native_reanimated.SharedValue<{
-            autoscrollToTopThreshold?: number | null | undefined;
-            minIndexForVisible: number;
-        } | null | undefined> | null | undefined;
-        stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
         decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
         horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
         invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
@@ -154,6 +33,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
         snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
+        stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
         disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
@@ -257,8 +137,17 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
+        contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
+        contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
         contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
         directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
+        maintainVisibleContentPosition?: {
+            autoscrollToTopThreshold?: number | null | undefined;
+            minIndexForVisible: number;
+        } | react_native_reanimated.SharedValue<{
+            autoscrollToTopThreshold?: number | null | undefined;
+            minIndexForVisible: number;
+        } | null | undefined> | null | undefined;
         maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
@@ -267,7 +156,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         scrollIndicatorInsets?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
         scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        snapToAlignment?: "end" | "start" | "center" | react_native_reanimated.SharedValue<"end" | "start" | "center" | undefined> | undefined;
+        snapToAlignment?: "center" | "start" | "end" | react_native_reanimated.SharedValue<"center" | "start" | "end" | undefined> | undefined;
         onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
         zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
@@ -277,8 +166,8 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
     } & {
-        contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
         style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
+        contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
         indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
     } & {
         layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
@@ -288,9 +177,120 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         sharedTransitionTag?: string;
         sharedTransitionStyle?: react_native_reanimated.SharedTransition;
     }> | undefined;
+    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
+    onItemSizeChanged?: ((info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: ItemT_1;
+    }) => void) | undefined;
+    ItemSeparatorComponent?: React.ComponentType<{
+        leadingItem: ItemT_1;
+    }> | undefined;
 } & {
     ref?: React.Ref<LegendListRef>;
-}) => React.ReactElement | null) = <T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
+}) => React.ReactElement | null) | (<T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
+    alignItemsAtEnd?: boolean;
+    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
+    data: readonly T[];
+    drawDistance?: number;
+    estimatedItemSize?: number;
+    extraData?: any;
+    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
+    initialContainerPoolRatio?: number | undefined;
+    initialScrollOffset?: number;
+    initialScrollIndex?: number;
+    ItemSeparatorComponent?: React.ComponentType<{
+        leadingItem: T;
+    }> | undefined;
+    keyExtractor?: ((item: T, index: number) => string) | undefined;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    maintainScrollAtEnd?: boolean;
+    maintainScrollAtEndThreshold?: number;
+    maintainVisibleContentPosition?: boolean;
+    numColumns?: number;
+    onEndReached?: ((info: {
+        distanceFromEnd: number;
+    }) => void) | null | undefined;
+    onEndReachedThreshold?: number | null | undefined;
+    onItemSizeChanged?: ((info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: T;
+    }) => void) | undefined;
+    onRefresh?: () => void;
+    onStartReached?: ((info: {
+        distanceFromStart: number;
+    }) => void) | null | undefined;
+    onStartReachedThreshold?: number | null | undefined;
+    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
+    progressViewOffset?: number;
+    recycleItems?: boolean;
+    refScrollView?: React.Ref<react_native.ScrollView>;
+    refreshing?: boolean;
+    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
+    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
+    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
+    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
+    waitForInitialLayout?: boolean;
+} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
+    alignItemsAtEnd?: boolean;
+    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
+    data: readonly T[];
+    drawDistance?: number;
+    estimatedItemSize?: number;
+    extraData?: any;
+    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
+    initialContainerPoolRatio?: number | undefined;
+    initialScrollOffset?: number;
+    initialScrollIndex?: number;
+    ItemSeparatorComponent?: React.ComponentType<{
+        leadingItem: T;
+    }> | undefined;
+    keyExtractor?: ((item: T, index: number) => string) | undefined;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    maintainScrollAtEnd?: boolean;
+    maintainScrollAtEndThreshold?: number;
+    maintainVisibleContentPosition?: boolean;
+    numColumns?: number;
+    onEndReached?: ((info: {
+        distanceFromEnd: number;
+    }) => void) | null | undefined;
+    onEndReachedThreshold?: number | null | undefined;
+    onItemSizeChanged?: ((info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: T;
+    }) => void) | undefined;
+    onRefresh?: () => void;
+    onStartReached?: ((info: {
+        distanceFromStart: number;
+    }) => void) | null | undefined;
+    onStartReachedThreshold?: number | null | undefined;
+    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
+    progressViewOffset?: number;
+    recycleItems?: boolean;
+    refScrollView?: React.Ref<react_native.ScrollView>;
+    refreshing?: boolean;
+    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
+    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
+    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
+    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
+    waitForInitialLayout?: boolean;
+} & React.RefAttributes<LegendListRef>) => React.ReactNode)> = <T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];
@@ -340,7 +340,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
     viewabilityConfig?: _legendapp_list.ViewabilityConfig;
     viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
     waitForInitialLayout?: boolean;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
+} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly ItemT[];

package/keyboard-controller.d.ts

@@ -1,137 +1,16 @@
-import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
-import * as react_native_reanimated from 'react-native-reanimated';
-import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
 import * as _legendapp_list from '@legendapp/list';
 import { LegendListRef } from '@legendapp/list';
+import * as react_native_reanimated_lib_typescript_layoutReanimation_animationBuilder_Keyframe from 'react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe';
 import * as react_native from 'react-native';
 import { Insets } from 'react-native';
+import * as react_native_reanimated from 'react-native-reanimated';
+import * as _legendapp_list_reanimated from '@legendapp/list/reanimated';
 import * as React from 'react';
 
-declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
-    alignItemsAtEnd?: boolean;
-    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
-    data: readonly T[];
-    drawDistance?: number;
-    estimatedItemSize?: number;
-    extraData?: any;
-    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
-    initialContainerPoolRatio?: number | undefined;
-    initialScrollOffset?: number;
-    initialScrollIndex?: number;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: T;
-    }> | undefined;
-    keyExtractor?: ((item: T, index: number) => string) | undefined;
-    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
-    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
-    maintainScrollAtEnd?: boolean;
-    maintainScrollAtEndThreshold?: number;
-    maintainVisibleContentPosition?: boolean;
-    numColumns?: number;
-    onEndReached?: ((info: {
-        distanceFromEnd: number;
-    }) => void) | null | undefined;
-    onEndReachedThreshold?: number | null | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: T;
-    }) => void) | undefined;
-    onRefresh?: () => void;
-    onStartReached?: ((info: {
-        distanceFromStart: number;
-    }) => void) | null | undefined;
-    onStartReachedThreshold?: number | null | undefined;
-    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
-    progressViewOffset?: number;
-    recycleItems?: boolean;
-    refScrollView?: React.Ref<react_native.ScrollView>;
-    refreshing?: boolean;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
-    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
-    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
-    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
-    waitForInitialLayout?: boolean;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode)> | (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
+declare const LegendList: <ItemT, ListT extends (<ItemT_1>(props: Omit<_legendapp_list_reanimated.AnimatedLegendListPropsBase<ItemT_1>, "refLegendList"> & {
     getEstimatedItemSize?: ((index: number, item: ItemT_1) => number) | undefined;
-    ItemSeparatorComponent?: React.ComponentType<{
-        leadingItem: ItemT_1;
-    }> | undefined;
     keyExtractor?: ((item: ItemT_1, index: number) => string) | undefined;
-    onItemSizeChanged?: ((info: {
-        size: number;
-        previous: number;
-        index: number;
-        itemKey: string;
-        itemData: ItemT_1;
-    }) => void) | undefined;
-    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
     animatedProps?: Partial<{
-        contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
-        contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
-        maintainVisibleContentPosition?: {
-            autoscrollToTopThreshold?: number | null | undefined;
-            minIndexForVisible: number;
-        } | react_native_reanimated.SharedValue<{
-            autoscrollToTopThreshold?: number | null | undefined;
-            minIndexForVisible: number;
-        } | null | undefined> | null | undefined;
-        stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
         decelerationRate?: number | "fast" | "normal" | react_native_reanimated.SharedValue<number | "fast" | "normal" | undefined> | undefined;
         horizontal?: boolean | react_native_reanimated.SharedValue<boolean | null | undefined> | null | undefined;
         invertStickyHeaders?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
@@ -154,6 +33,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         snapToOffsets?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
         snapToStart?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         snapToEnd?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
+        stickyHeaderIndices?: number[] | react_native_reanimated.SharedValue<number[] | undefined> | undefined;
         disableIntervalMomentum?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         disableScrollViewPanResponder?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         StickyHeaderComponent?: React.ComponentType<any> | react_native_reanimated.SharedValue<React.ComponentType<any> | undefined> | undefined;
@@ -257,8 +137,17 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         bouncesZoom?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         canCancelContentTouches?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         centerContent?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
+        contentInset?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
+        contentOffset?: react_native.PointProp | react_native_reanimated.SharedValue<react_native.PointProp | undefined> | undefined;
         contentInsetAdjustmentBehavior?: "always" | "never" | "automatic" | "scrollableAxes" | react_native_reanimated.SharedValue<"always" | "never" | "automatic" | "scrollableAxes" | undefined> | undefined;
         directionalLockEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
+        maintainVisibleContentPosition?: {
+            autoscrollToTopThreshold?: number | null | undefined;
+            minIndexForVisible: number;
+        } | react_native_reanimated.SharedValue<{
+            autoscrollToTopThreshold?: number | null | undefined;
+            minIndexForVisible: number;
+        } | null | undefined> | null | undefined;
         maximumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         minimumZoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         onScrollAnimationEnd?: (() => void) | react_native_reanimated.SharedValue<(() => void) | undefined> | undefined;
@@ -267,7 +156,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         scrollIndicatorInsets?: Insets | react_native_reanimated.SharedValue<Insets | undefined> | undefined;
         scrollToOverflowEnabled?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
         scrollsToTop?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
-        snapToAlignment?: "end" | "start" | "center" | react_native_reanimated.SharedValue<"end" | "start" | "center" | undefined> | undefined;
+        snapToAlignment?: "center" | "start" | "end" | react_native_reanimated.SharedValue<"center" | "start" | "end" | undefined> | undefined;
         onScrollToTop?: ((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | react_native_reanimated.SharedValue<((event: react_native.NativeSyntheticEvent<react_native.NativeScrollEvent>) => void) | undefined> | undefined;
         zoomScale?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         endFillColor?: react_native.ColorValue | react_native_reanimated.SharedValue<react_native.ColorValue | undefined> | undefined;
@@ -277,8 +166,8 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         fadingEdgeLength?: number | react_native_reanimated.SharedValue<number | undefined> | undefined;
         persistentScrollbar?: boolean | react_native_reanimated.SharedValue<boolean | undefined> | undefined;
     } & {
-        contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
         style?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
+        contentContainerStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<react_native.StyleProp<react_native.ViewStyle>>>;
         indicatorStyle?: react_native.StyleProp<react_native_reanimated.AnimatedStyle<"default" | "black" | "white" | undefined>>;
     } & {
         layout?: react_native_reanimated.BaseAnimationBuilder | react_native_reanimated.LayoutAnimationFunction | typeof react_native_reanimated.BaseAnimationBuilder;
@@ -288,9 +177,120 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
         sharedTransitionTag?: string;
         sharedTransitionStyle?: react_native_reanimated.SharedTransition;
     }> | undefined;
+    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<ItemT_1>) => React.ReactNode) | undefined;
+    onItemSizeChanged?: ((info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: ItemT_1;
+    }) => void) | undefined;
+    ItemSeparatorComponent?: React.ComponentType<{
+        leadingItem: ItemT_1;
+    }> | undefined;
 } & {
     ref?: React.Ref<LegendListRef>;
-}) => React.ReactElement | null) = <T>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
+}) => React.ReactElement | null) | (<T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
+    alignItemsAtEnd?: boolean;
+    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
+    data: readonly T[];
+    drawDistance?: number;
+    estimatedItemSize?: number;
+    extraData?: any;
+    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
+    initialContainerPoolRatio?: number | undefined;
+    initialScrollOffset?: number;
+    initialScrollIndex?: number;
+    ItemSeparatorComponent?: React.ComponentType<{
+        leadingItem: T;
+    }> | undefined;
+    keyExtractor?: ((item: T, index: number) => string) | undefined;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    maintainScrollAtEnd?: boolean;
+    maintainScrollAtEndThreshold?: number;
+    maintainVisibleContentPosition?: boolean;
+    numColumns?: number;
+    onEndReached?: ((info: {
+        distanceFromEnd: number;
+    }) => void) | null | undefined;
+    onEndReachedThreshold?: number | null | undefined;
+    onItemSizeChanged?: ((info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: T;
+    }) => void) | undefined;
+    onRefresh?: () => void;
+    onStartReached?: ((info: {
+        distanceFromStart: number;
+    }) => void) | null | undefined;
+    onStartReachedThreshold?: number | null | undefined;
+    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
+    progressViewOffset?: number;
+    recycleItems?: boolean;
+    refScrollView?: React.Ref<react_native.ScrollView>;
+    refreshing?: boolean;
+    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
+    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
+    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
+    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
+    waitForInitialLayout?: boolean;
+} & React.RefAttributes<LegendListRef>) => React.ReactNode) | react_native.Animated.AnimatedComponent<(<T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
+    alignItemsAtEnd?: boolean;
+    columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
+    data: readonly T[];
+    drawDistance?: number;
+    estimatedItemSize?: number;
+    extraData?: any;
+    getEstimatedItemSize?: ((index: number, item: T) => number) | undefined;
+    initialContainerPoolRatio?: number | undefined;
+    initialScrollOffset?: number;
+    initialScrollIndex?: number;
+    ItemSeparatorComponent?: React.ComponentType<{
+        leadingItem: T;
+    }> | undefined;
+    keyExtractor?: ((item: T, index: number) => string) | undefined;
+    ListEmptyComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListFooterComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    ListHeaderComponent?: React.ComponentType<any> | React.ReactElement | null | undefined;
+    ListHeaderComponentStyle?: react_native.StyleProp<react_native.ViewStyle> | undefined;
+    maintainScrollAtEnd?: boolean;
+    maintainScrollAtEndThreshold?: number;
+    maintainVisibleContentPosition?: boolean;
+    numColumns?: number;
+    onEndReached?: ((info: {
+        distanceFromEnd: number;
+    }) => void) | null | undefined;
+    onEndReachedThreshold?: number | null | undefined;
+    onItemSizeChanged?: ((info: {
+        size: number;
+        previous: number;
+        index: number;
+        itemKey: string;
+        itemData: T;
+    }) => void) | undefined;
+    onRefresh?: () => void;
+    onStartReached?: ((info: {
+        distanceFromStart: number;
+    }) => void) | null | undefined;
+    onStartReachedThreshold?: number | null | undefined;
+    onViewableItemsChanged?: _legendapp_list.OnViewableItemsChanged | undefined;
+    progressViewOffset?: number;
+    recycleItems?: boolean;
+    refScrollView?: React.Ref<react_native.ScrollView>;
+    refreshing?: boolean;
+    renderItem?: ((props: _legendapp_list.LegendListRenderItemProps<T>) => React.ReactNode) | undefined;
+    renderScrollComponent?: (props: react_native.ScrollViewProps) => React.ReactElement<react_native.ScrollViewProps>;
+    viewabilityConfig?: _legendapp_list.ViewabilityConfig;
+    viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
+    waitForInitialLayout?: boolean;
+} & React.RefAttributes<LegendListRef>) => React.ReactNode)> = <T>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly T[];
@@ -340,7 +340,7 @@ declare const LegendList: <ItemT, ListT extends (<T>(props: Omit<react_native.Sc
     viewabilityConfig?: _legendapp_list.ViewabilityConfig;
     viewabilityConfigCallbackPairs?: _legendapp_list.ViewabilityConfigCallbackPairs | undefined;
     waitForInitialLayout?: boolean;
-} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "contentOffset" | "contentInset" | "maintainVisibleContentPosition" | "stickyHeaderIndices"> & {
+} & React.RefAttributes<LegendListRef>) => React.ReactNode>(props: Omit<react_native.ScrollViewProps, "stickyHeaderIndices" | "contentInset" | "contentOffset" | "maintainVisibleContentPosition"> & {
     alignItemsAtEnd?: boolean;
     columnWrapperStyle?: _legendapp_list.ColumnWrapperStyle;
     data: readonly ItemT[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@legendapp/list",
-  "version": "1.0.0-beta.46",
+  "version": "1.0.0-beta.48",
   "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,