react-native-header-motion 0.1.0

package/lib/module/components/HeaderMotion.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+import { Extrapolation, interpolate, useAnimatedReaction, useDerivedValue, useSharedValue } from 'react-native-reanimated';
+import { HeaderMotionContext } from "../context.js";
+import { DEFAULT_MEASURE_DYNAMIC, DEFAULT_PROGRESS_THRESHOLD, DEFAULT_SCROLL_ID, getInitialScrollValue } from "../utils/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Context provider component for HeaderMotion.
+ * Manages header animation state and provides it to child components via context.
+ * @template T - The type of scroll ID string
+ */
+function HeaderMotionContextProvider({
+  progressThreshold = DEFAULT_PROGRESS_THRESHOLD,
+  measureDynamic = DEFAULT_MEASURE_DYNAMIC,
+  measureDynamicMode = 'mount',
+  activeScrollId,
+  progressExtrapolation = Extrapolation.CLAMP,
+  children
+}) {
+  const [dynamicMeasurement, setDynamicMeasurement] = useState(undefined);
+  const [originalHeaderHeight, setOriginalHeaderHeight] = useState(0);
+  const setOrUpdateDynamicMeasurement = useCallback(e => {
+    const measured = measureDynamic(e);
+    setDynamicMeasurement(prevMeasurement => {
+      if (prevMeasurement !== undefined && measureDynamicMode === 'mount') {
+        return prevMeasurement;
+      }
+      return measured;
+    });
+  }, [measureDynamicMode, measureDynamic, setDynamicMeasurement]);
+  const calculatedProgressThreshold = useMemo(() => {
+    if (typeof progressThreshold === 'number') {
+      return progressThreshold;
+    }
+    if (dynamicMeasurement === undefined) {
+      return Infinity;
+    }
+    return progressThreshold(dynamicMeasurement);
+  }, [dynamicMeasurement, progressThreshold]);
+  const measureTotalHeight = useCallback(e => {
+    const measuredValue = e.nativeEvent.layout.height;
+    setOriginalHeaderHeight(measuredValue);
+  }, [setOriginalHeaderHeight]);
+  const scrollValues = useSharedValue({
+    [DEFAULT_SCROLL_ID]: getInitialScrollValue()
+  });
+  useAnimatedReaction(() => activeScrollId?.get(), id => {
+    if (!id || scrollValues.get()[id]) {
+      return;
+    }
+    scrollValues.modify(value => {
+      value[id] = getInitialScrollValue();
+      return value;
+    });
+  });
+  const progress = useDerivedValue(() => {
+    const id = activeScrollId?.get() ?? DEFAULT_SCROLL_ID;
+    const scrollValue = scrollValues.get()[id];
+    if (!scrollValue) {
+      return 0;
+    }
+    const {
+      min,
+      current
+    } = scrollValue;
+    return interpolate(current, [min, min + calculatedProgressThreshold], [0, 1], progressExtrapolation);
+  });
+  const ctxValue = useMemo(() => ({
+    progress,
+    originalHeaderHeight,
+    measureDynamic: setOrUpdateDynamicMeasurement,
+    measureTotalHeight,
+    progressThreshold: calculatedProgressThreshold,
+    scrollValues,
+    activeScrollId: activeScrollId
+  }), [originalHeaderHeight, progress, measureTotalHeight, setOrUpdateDynamicMeasurement, scrollValues, activeScrollId, calculatedProgressThreshold]);
+  return /*#__PURE__*/_jsx(HeaderMotionContext.Provider, {
+    value: ctxValue,
+    children: children
+  });
+}
+export { HeaderMotionContextProvider };
+//# sourceMappingURL=HeaderMotion.js.map

package/lib/module/components/HeaderMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","Extrapolation","interpolate","useAnimatedReaction","useDerivedValue","useSharedValue","HeaderMotionContext","DEFAULT_MEASURE_DYNAMIC","DEFAULT_PROGRESS_THRESHOLD","DEFAULT_SCROLL_ID","getInitialScrollValue","jsx","_jsx","HeaderMotionContextProvider","progressThreshold","measureDynamic","measureDynamicMode","activeScrollId","progressExtrapolation","CLAMP","children","dynamicMeasurement","setDynamicMeasurement","undefined","originalHeaderHeight","setOriginalHeaderHeight","setOrUpdateDynamicMeasurement","e","measured","prevMeasurement","calculatedProgressThreshold","Infinity","measureTotalHeight","measuredValue","nativeEvent","layout","height","scrollValues","get","id","modify","value","progress","scrollValue","min","current","ctxValue","Provider"],"sourceRoot":"../../../src","sources":["components/HeaderMotion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ScrollManager.js

@@ -0,0 +1,39 @@
+"use strict";
+
+import { useScrollManager } from "../hooks/index.js";
+/**
+ * ScrollManager component that provides scroll tracking functionality for custom scroll implementations. Uses {@link useScrollManager} under the hood.
+ * Must be used within a HeaderMotion component.
+ *
+ * This is useful when you need to use a scroll component that isn't directly supported
+ * (like a custom scroll view or third-party list components).
+ *
+ * @example
+ * ```tsx
+ * <HeaderMotion>
+ *   <HeaderMotion.ScrollManager>
+ *     {(scrollableProps, { originalHeaderHeight }) => (
+ *       <CustomScrollView {...scrollableProps}>
+ *         <View style={{ paddingTop: originalHeaderHeight }}>
+ *           <Text>Content</Text>
+ *         </View>
+ *       </CustomScrollView>
+ *     )}
+ *   </HeaderMotion.ScrollManager>
+ * </HeaderMotion>
+ * ```
+ */
+export function HeaderMotionScrollManager({
+  children,
+  scrollId
+}) {
+  if (typeof children !== 'function') {
+    throw new Error('HeaderMotion.ScrollManager only accepts render function as the only child.');
+  }
+  const {
+    scrollableProps,
+    headerMotionContext
+  } = useScrollManager(scrollId);
+  return children(scrollableProps, headerMotionContext);
+}
+//# sourceMappingURL=ScrollManager.js.map

package/lib/module/components/ScrollManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useScrollManager","HeaderMotionScrollManager","children","scrollId","Error","scrollableProps","headerMotionContext"],"sourceRoot":"../../../src","sources":["components/ScrollManager.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,mBAAU;AAsB3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAC;EACxCC,QAAQ;EACRC;AAC8B,CAAC,EAAE;EACjC,IAAI,OAAOD,QAAQ,KAAK,UAAU,EAAE;IAClC,MAAM,IAAIE,KAAK,CACb,4EACF,CAAC;EACH;EAEA,MAAM;IAAEC,eAAe;IAAEC;EAAoB,CAAC,GAAGN,gBAAgB,CAACG,QAAQ,CAAC;EAE3E,OAAOD,QAAQ,CAACG,eAAe,EAAEC,mBAAmB,CAAC;AACvD","ignoreList":[]}

package/lib/module/components/ScrollView.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import Animated from 'react-native-reanimated';
+import { HeaderMotionScrollManager } from "./ScrollManager.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Animated ScrollView component that integrates with HeaderMotion.
+ * Automatically handles scroll tracking and header animation synchronization.
+ * Must be used within a HeaderMotion component.
+ *
+ * @example
+ * ```tsx
+ * <HeaderMotion>
+ *   <HeaderMotion.ScrollView>
+ *     <MyScrollableContent />
+ *   </HeaderMotion.ScrollView>
+ * </HeaderMotion>
+ * ```
+ */
+export function HeaderMotionScrollView({
+  scrollId,
+  children,
+  contentContainerStyle,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(HeaderMotionScrollManager, {
+    scrollId: scrollId,
+    children: ({
+      onScroll,
+      ...scrollViewProps
+    }, {
+      originalHeaderHeight,
+      minHeightContentContainerStyle
+    }) => /*#__PURE__*/_jsx(Animated.ScrollView, {
+      ...scrollViewProps,
+      ...props,
+      onScroll: onScroll,
+      children: /*#__PURE__*/_jsx(Animated.View, {
+        style: [minHeightContentContainerStyle, {
+          paddingTop: originalHeaderHeight
+        }, contentContainerStyle],
+        children: children
+      })
+    })
+  });
+}
+//# sourceMappingURL=ScrollView.js.map

package/lib/module/components/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","HeaderMotionScrollManager","jsx","_jsx","HeaderMotionScrollView","scrollId","children","contentContainerStyle","props","onScroll","scrollViewProps","originalHeaderHeight","minHeightContentContainerStyle","ScrollView","View","style","paddingTop"],"sourceRoot":"../../../src","sources":["components/ScrollView.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,MAER,yBAAyB;AAChC,SAASC,yBAAyB,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,QAAQ;EACRC,qBAAqB;EACrB,GAAGC;AACwB,CAAC,EAAE;EAC9B,oBACEL,IAAA,CAACF,yBAAyB;IAACI,QAAQ,EAAEA,QAAS;IAAAC,QAAA,EAC3CA,CACC;MAAEG,QAAQ;MAAE,GAAGC;IAAgB,CAAC,EAChC;MAAEC,oBAAoB;MAAEC;IAA+B,CAAC,kBAExDT,IAAA,CAACH,QAAQ,CAACa,UAAU;MAAA,GACdH,eAAe;MAAA,GACfF,KAAK;MACTC,QAAQ,EAAEA,QAAS;MAAAH,QAAA,eAEnBH,IAAA,CAACH,QAAQ,CAACc,IAAI;QACZC,KAAK,EAAE,CACLH,8BAA8B,EAC9B;UAAEI,UAAU,EAAEL;QAAqB,CAAC,EACpCJ,qBAAqB,CACrB;QAAAD,QAAA,EAEDA;MAAQ,CACI;IAAC,CACG;EACtB,CACwB,CAAC;AAEhC","ignoreList":[]}

package/lib/module/components/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+export * from "./FlatList.js";
+export * from "./Header.js";
+export * from "./HeaderBase.js";
+export * from "./HeaderMotion.js";
+export * from "./ScrollManager.js";
+export * from "./ScrollView.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,eAAY;AAC1B,cAAc,aAAU;AACxB,cAAc,iBAAc;AAC5B,cAAc,mBAAgB;AAC9B,cAAc,oBAAiB;AAC/B,cAAc,iBAAc","ignoreList":[]}

package/lib/module/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from 'react';
+export const HeaderMotionContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=context.js.map

package/lib/module/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","HeaderMotionContext"],"sourceRoot":"../../src","sources":["context.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAkBrC,OAAO,MAAMC,mBAAmB,gBAC9BD,aAAa,CAAiC,IAAI,CAAC","ignoreList":[]}

package/lib/module/hooks/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./useActiveScrollId.js";
+export * from "./useMotionProgress.js";
+export * from "./useScrollManager.js";
+//# sourceMappingURL=index.js.map

package/lib/module/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["hooks/index.ts"],"mappings":";;AAAA,cAAc,wBAAqB;AACnC,cAAc,wBAAqB;AACnC,cAAc,uBAAoB","ignoreList":[]}

package/lib/module/hooks/useActiveScrollId.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from 'react';
+import { useSharedValue } from 'react-native-reanimated';
+/**
+ * Hook to manage active scroll ID for multi-scroll scenarios (e.g. tabs with different scroll views).
+ * Returns both a state value and a shared value, along with a setter function.
+ *
+ * Use this when you have multiple scroll views (like in a tabbed interface) and need to
+ * track which one is currently active. Pass the shared value to `HeaderMotion`'s `activeScrollId` prop.
+ *
+ * @template T - The type of the scroll ID string
+ * @param initialActiveScrollId - The initial active scroll ID
+ * @returns A tuple containing:
+ * - `[0]`: Object with `state` (React state) and `sv` (shared value) for the active scroll ID
+ * - `[1]`: Function to set the active scroll ID
+ *
+ * @example
+ * ```tsx
+ * function TabbedScrollView() {
+ *   const [activeScroll, setActiveScroll] = useActiveScrollId('tab1');
+ *
+ *   return (
+ *     <HeaderMotion activeScrollId={activeScroll.sv}>
+ *       <Tabs onTabChange={setActiveScroll}>
+ *         <Tab id="tab1" />
+ *         <Tab id="tab2" />
+ *       </Tabs>
+ *     </HeaderMotion>
+ *   );
+ * }
+ * ```
+ */
+export function useActiveScrollId(initialActiveScrollId) {
+  const [activeScrollIdState, setActiveScrollIdState] = useState(initialActiveScrollId);
+  const activeScrollIdSv = useSharedValue(initialActiveScrollId);
+  const setActiveScrollId = useCallback(newId => {
+    setActiveScrollIdState(newId);
+    activeScrollIdSv.set(newId);
+  }, [setActiveScrollIdState, activeScrollIdSv]);
+  const values = useMemo(() => ({
+    state: activeScrollIdState,
+    sv: activeScrollIdSv
+  }), [activeScrollIdState, activeScrollIdSv]);
+  return [values, setActiveScrollId];
+}
+//# sourceMappingURL=useActiveScrollId.js.map

package/lib/module/hooks/useActiveScrollId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","useSharedValue","useActiveScrollId","initialActiveScrollId","activeScrollIdState","setActiveScrollIdState","activeScrollIdSv","setActiveScrollId","newId","set","values","state","sv"],"sourceRoot":"../../../src","sources":["hooks/useActiveScrollId.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,cAAc,QAAQ,yBAAyB;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAC/BC,qBAAwB,EACyB;EACjD,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGL,QAAQ,CAC5DG,qBACF,CAAC;EACD,MAAMG,gBAAgB,GAAGL,cAAc,CAAIE,qBAAqB,CAAC;EAEjE,MAAMI,iBAAiB,GAAGT,WAAW,CAClCU,KAAK,IAAK;IACTH,sBAAsB,CAACG,KAAK,CAAC;IAC7BF,gBAAgB,CAACG,GAAG,CAACD,KAAK,CAAC;EAC7B,CAAC,EACD,CAACH,sBAAsB,EAAEC,gBAAgB,CAC3C,CAAC;EAED,MAAMI,MAAM,GAAGX,OAAO,CACpB,OAAO;IACLY,KAAK,EAAEP,mBAAmB;IAC1BQ,EAAE,EAAEN;EACN,CAAC,CAAC,EACF,CAACF,mBAAmB,EAAEE,gBAAgB,CACxC,CAAC;EAED,OAAO,CAACI,MAAM,EAAEH,iBAAiB,CAAC;AACpC","ignoreList":[]}

package/lib/module/hooks/useMotionProgress.js

@@ -0,0 +1,58 @@
+"use strict";
+
+import { useContext } from 'react';
+import { HeaderMotionContext } from "../context.js";
+/**
+ * Hook to access motion progress values and measuring functions for header animations.
+ * Returns the progress value (0-1), threshold, and measurement functions.
+ *
+ * Must be used within a {@link HeaderMotion} component.
+ *
+ * @returns Motion progress values and measuring functions:
+ * - `progress`: Shared value from 0 to 1
+ * - `progressThreshold`: The threshold at which animation completes
+ * - `measureTotalHeight`: Function to measure total header height. Should be passed to the `onLayout` prop of the base of a header, to let scrollables account for the total header height
+ * - `measureDynamic`: Function to measure a dimension of choice of the animated element of the header - should be passed to the `onLayout` prop of such. If used, can be used for dynamic calculation of the {@link progressThreshold}.
+ *
+ * @throws Error if used outside of a {@link HeaderMotion} component
+ *
+ * @example
+ * ```tsx
+ * function MyHeader() {
+ *   const { progress, progressThreshold, measureTotalHeight, measureDynamic } = useMotionProgress();
+ *   const dynamicStyle = useAnimatedStyle(() => {
+ *     const translateY = interpolate(
+ *       progress.value,
+ *       [0, 1],
+ *       [0, -progressThreshold],
+ *       Extrapolation.CLAMP,
+ *     )
+ *     return { transform: [{ translateY }] }
+ *   })
+ *   return (
+ *     <AnimatedHeaderBase onLayout={measureTotalHeight}>
+ *       <Animated.View onLayout={measureDynamic} style={dynamicStyle} />
+ *     </AnimatedHeaderBase>
+ *   )
+ * }
+ * ```
+ */
+export function useMotionProgress() {
+  const ctxValue = useContext(HeaderMotionContext);
+  if (!ctxValue) {
+    throw new Error('useMotionProgress must be used within a <HeaderMotion /> component. If using inside a navigation header, consider using <HeaderMotion.Header /> instead to ensure context access.');
+  }
+  const {
+    progress,
+    measureTotalHeight,
+    measureDynamic,
+    progressThreshold
+  } = ctxValue;
+  return {
+    progress,
+    measureTotalHeight,
+    measureDynamic,
+    progressThreshold
+  };
+}
+//# sourceMappingURL=useMotionProgress.js.map

package/lib/module/hooks/useMotionProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","HeaderMotionContext","useMotionProgress","ctxValue","Error","progress","measureTotalHeight","measureDynamic","progressThreshold"],"sourceRoot":"../../../src","sources":["hooks/useMotionProgress.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,mBAAmB,QAAQ,eAAY;AAGhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,iBAAiBA,CAAA,EAAmB;EAClD,MAAMC,QAAQ,GAAGH,UAAU,CAACC,mBAAmB,CAAC;EAChD,IAAI,CAACE,QAAQ,EAAE;IACb,MAAM,IAAIC,KAAK,CACb,mLACF,CAAC;EACH;EACA,MAAM;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,cAAc;IAAEC;EAAkB,CAAC,GACvEL,QAAQ;EAEV,OAAO;IACLE,QAAQ;IACRC,kBAAkB;IAClBC,cAAc;IACdC;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/hooks/useScrollManager.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import { useContext, useCallback, useEffect } from 'react';
+import { measure, scrollTo, useAnimatedReaction, useAnimatedRef, useAnimatedScrollHandler, useAnimatedStyle } from 'react-native-reanimated';
+import { RuntimeKind, scheduleOnUI } from 'react-native-worklets';
+import { HeaderMotionContext } from "../context.js";
+import { DEFAULT_SCROLL_ID, getInitialScrollValue } from "../utils/index.js";
+
+/**
+ * Hook that manages scroll tracking and synchronization for header animations.
+ * Returns props to apply to scrollable components and additional values that help with adjusting styling of the scrollables to header's dimensions.
+ *
+ * This hook handles:
+ * - Scroll position tracking
+ * - Synchronization between multiple scroll views (when using multiple scroll IDs)
+ * - Content container minimum height calculations for cases where one of the tracked scrollables does not take enough space to reach the progress threshold/
+ *
+ * Must be used within a HeaderMotion component.
+ *
+ * @param scrollId - Optional unique identifier for the related scrollable.
+ *                   Use when you have multiple scrollables (e.g., in tabs).
+ * @returns Configuration object containing:
+ * - `scrollableProps`: Props to apply to scrollable component (onScroll, scrollEventThrottle, ref)
+ * - `headerMotionContext`: Header context values (originalHeaderHeight, minHeightContentContainerStyle)
+ *
+ * @throws Error if used outside of a HeaderMotion component
+ *
+ * @example
+ * ```tsx
+ * function CustomScrollComponent() {
+ *   const { scrollableProps, headerMotionContext } = useScrollManager('myScroll');
+ *
+ *   return (
+ *     <CustomScrollView {...scrollableProps}>
+ *       <View style={{ paddingTop: headerMotionContext.originalHeaderHeight }}>
+ *         Content
+ *       </View>
+ *     </CustomScrollView>
+ *   );
+ * }
+ * ```
+ */
+export function useScrollManager(scrollId) {
+  const ctxValue = useContext(HeaderMotionContext);
+  if (!ctxValue) {
+    throw new Error('useScrollManager must be used within a HeaderMotion component');
+  }
+  const {
+    scrollValues,
+    progress,
+    activeScrollId,
+    progressThreshold,
+    originalHeaderHeight
+  } = ctxValue;
+  const id = scrollId ?? DEFAULT_SCROLL_ID;
+  const animatedRef = useAnimatedRef(); // TODO: better typing
+
+  useEffect(() => {
+    return () => {
+      scheduleOnUI(scrollIdToDelete => {
+        scrollValues.modify(value => {
+          'worklet';
+
+          delete value[scrollIdToDelete];
+          return value;
+        });
+      }, id);
+    };
+  }, [scrollValues, id]);
+  useAnimatedReaction(() => progress.value, (newProgress, oldProgress) => {
+    // FUTURE: If really needed for, can use other scroll handlers to only do this either on scroll end or between scroll end and momentum end in onScroll (keep context in shared value)
+    // Only sync inactive scroll views when we have multiple tabs being tracked
+    const currentActiveScrollId = activeScrollId?.get();
+    if (!currentActiveScrollId || id === currentActiveScrollId || oldProgress === null) {
+      return;
+    }
+    if (!scrollValues.get()[id]) {
+      scrollValues.modify(value => {
+        value[id] = getInitialScrollValue();
+        return value;
+      });
+    }
+    let newCur = -1;
+    scrollValues.modify(value => {
+      let scrollValue = value[id];
+      if (!scrollValue) {
+        value[id] = getInitialScrollValue();
+        scrollValue = value[id];
+      }
+      const progressDiff = oldProgress - newProgress;
+      newCur = scrollValue.current - progressDiff * progressThreshold;
+      const newMin = newCur - newProgress * progressThreshold;
+      scrollValue.current = newCur;
+      scrollValue.min = newMin;
+      return value;
+    });
+    if (newCur >= 0) {
+      scrollTo(animatedRef, 0, newCur, false);
+    }
+  });
+  const scrollHandler = useCallback(e => {
+    'worklet';
+
+    scrollValues.modify(value => {
+      if (!value[id]) {
+        return value;
+      }
+      const activeScrollIdValue = activeScrollId?.get();
+      if (activeScrollIdValue && activeScrollIdValue !== id) {
+        return value;
+      }
+      const oldCurrent = value[id].current;
+      const oldMin = value[id].min;
+      const isCollapsed = oldCurrent >= oldMin + progressThreshold - 0.001;
+      const newCurrent = e.contentOffset.y;
+      value[id].current = newCurrent;
+      if (isCollapsed) {
+        value[id].min = Math.max(0, newCurrent - progressThreshold);
+      }
+      return value;
+    });
+  }, [scrollValues, id, activeScrollId, progressThreshold]);
+  const onScroll = useAnimatedScrollHandler(scrollHandler);
+  const minHeightContentContainerStyle = useAnimatedStyle(() => {
+    if (globalThis.__RUNTIME_KIND === RuntimeKind.ReactNative) {
+      return {};
+    }
+    const measurement = measure(animatedRef);
+    if (!measurement) {
+      return {};
+    }
+    return {
+      minHeight: measurement.height + progressThreshold
+    };
+  });
+  const scrollableProps = {
+    onScroll,
+    scrollEventThrottle: 16,
+    ref: animatedRef
+  };
+  const headerMotionContext = {
+    originalHeaderHeight,
+    minHeightContentContainerStyle
+  };
+  return {
+    scrollableProps,
+    headerMotionContext
+  };
+}
+//# sourceMappingURL=useScrollManager.js.map

package/lib/module/hooks/useScrollManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useCallback","useEffect","measure","scrollTo","useAnimatedReaction","useAnimatedRef","useAnimatedScrollHandler","useAnimatedStyle","RuntimeKind","scheduleOnUI","HeaderMotionContext","DEFAULT_SCROLL_ID","getInitialScrollValue","useScrollManager","scrollId","ctxValue","Error","scrollValues","progress","activeScrollId","progressThreshold","originalHeaderHeight","id","animatedRef","scrollIdToDelete","modify","value","newProgress","oldProgress","currentActiveScrollId","get","newCur","scrollValue","progressDiff","current","newMin","min","scrollHandler","e","activeScrollIdValue","oldCurrent","oldMin","isCollapsed","newCurrent","contentOffset","y","Math","max","onScroll","minHeightContentContainerStyle","globalThis","__RUNTIME_KIND","ReactNative","measurement","minHeight","height","scrollableProps","scrollEventThrottle","ref","headerMotionContext"],"sourceRoot":"../../../src","sources":["hooks/useScrollManager.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC1D,SACEC,OAAO,EACPC,QAAQ,EACRC,mBAAmB,EACnBC,cAAc,EACdC,wBAAwB,EACxBC,gBAAgB,QAEX,yBAAyB;AAChC,SAASC,WAAW,EAAEC,YAAY,QAAQ,uBAAuB;AACjE,SAASC,mBAAmB,QAAQ,eAAY;AAEhD,SAASC,iBAAiB,EAAEC,qBAAqB,QAAQ,mBAAU;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAACC,QAAiB,EAAuB;EACvE,MAAMC,QAAQ,GAAGhB,UAAU,CAACW,mBAAmB,CAAC;EAChD,IAAI,CAACK,QAAQ,EAAE;IACb,MAAM,IAAIC,KAAK,CACb,+DACF,CAAC;EACH;EAEA,MAAM;IACJC,YAAY;IACZC,QAAQ;IACRC,cAAc;IACdC,iBAAiB;IACjBC;EACF,CAAC,GAAGN,QAAQ;EACZ,MAAMO,EAAE,GAAGR,QAAQ,IAAIH,iBAAiB;EAExC,MAAMY,WAAW,GAAGlB,cAAc,CAAM,CAAC,CAAC,CAAC;;EAE3CJ,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXQ,YAAY,CAAEe,gBAAgB,IAAK;QACjCP,YAAY,CAACQ,MAAM,CAAEC,KAAK,IAAK;UAC7B,SAAS;;UACT,OAAOA,KAAK,CAACF,gBAAgB,CAAC;UAC9B,OAAOE,KAAK;QACd,CAAC,CAAC;MACJ,CAAC,EAAEJ,EAAE,CAAC;IACR,CAAC;EACH,CAAC,EAAE,CAACL,YAAY,EAAEK,EAAE,CAAC,CAAC;EAEtBlB,mBAAmB,CACjB,MAAMc,QAAQ,CAACQ,KAAK,EACpB,CAACC,WAAW,EAAEC,WAAW,KAAK;IAC5B;IACA;IACA,MAAMC,qBAAqB,GAAGV,cAAc,EAAEW,GAAG,CAAC,CAAC;IACnD,IACE,CAACD,qBAAqB,IACtBP,EAAE,KAAKO,qBAAqB,IAC5BD,WAAW,KAAK,IAAI,EACpB;MACA;IACF;IAEA,IAAI,CAACX,YAAY,CAACa,GAAG,CAAC,CAAC,CAACR,EAAE,CAAC,EAAE;MAC3BL,YAAY,CAACQ,MAAM,CAAEC,KAAK,IAAK;QAC5BA,KAAK,CAAkBJ,EAAE,CAAC,GAAGV,qBAAqB,CAAC,CAAC;QACrD,OAAOc,KAAK;MACd,CAAC,CAAC;IACJ;IAEA,IAAIK,MAAM,GAAG,CAAC,CAAC;IAEfd,YAAY,CAACQ,MAAM,CAAEC,KAAK,IAAK;MAC7B,IAAIM,WAAW,GAAGN,KAAK,CAACJ,EAAE,CAAC;MAC3B,IAAI,CAACU,WAAW,EAAE;QACfN,KAAK,CAAkBJ,EAAE,CAAC,GAAGV,qBAAqB,CAAC,CAAC;QACrDoB,WAAW,GAAGN,KAAK,CAACJ,EAAE,CAAE;MAC1B;MAEA,MAAMW,YAAY,GAAGL,WAAW,GAAGD,WAAW;MAC9CI,MAAM,GAAGC,WAAW,CAACE,OAAO,GAAGD,YAAY,GAAGb,iBAAiB;MAC/D,MAAMe,MAAM,GAAGJ,MAAM,GAAGJ,WAAW,GAAGP,iBAAiB;MACvDY,WAAW,CAACE,OAAO,GAAGH,MAAM;MAC5BC,WAAW,CAACI,GAAG,GAAGD,MAAM;MAExB,OAAOT,KAAK;IACd,CAAC,CAAC;IAEF,IAAIK,MAAM,IAAI,CAAC,EAAE;MACf5B,QAAQ,CAACoB,WAAW,EAAE,CAAC,EAAEQ,MAAM,EAAE,KAAK,CAAC;IACzC;EACF,CACF,CAAC;EAED,MAAMM,aAAa,GAAGrC,WAAW,CAC9BsC,CAAC,IAAK;IACL,SAAS;;IAETrB,YAAY,CAACQ,MAAM,CAAEC,KAAK,IAAK;MAC7B,IAAI,CAACA,KAAK,CAACJ,EAAE,CAAC,EAAE;QACd,OAAOI,KAAK;MACd;MAEA,MAAMa,mBAAmB,GAAGpB,cAAc,EAAEW,GAAG,CAAC,CAAC;MACjD,IAAIS,mBAAmB,IAAIA,mBAAmB,KAAKjB,EAAE,EAAE;QACrD,OAAOI,KAAK;MACd;MAEA,MAAMc,UAAU,GAAGd,KAAK,CAACJ,EAAE,CAAC,CAACY,OAAO;MACpC,MAAMO,MAAM,GAAGf,KAAK,CAACJ,EAAE,CAAC,CAACc,GAAG;MAC5B,MAAMM,WAAW,GAAGF,UAAU,IAAIC,MAAM,GAAGrB,iBAAiB,GAAG,KAAK;MAEpE,MAAMuB,UAAU,GAAGL,CAAC,CAACM,aAAa,CAACC,CAAC;MACpCnB,KAAK,CAACJ,EAAE,CAAC,CAACY,OAAO,GAAGS,UAAU;MAE9B,IAAID,WAAW,EAAE;QACfhB,KAAK,CAACJ,EAAE,CAAC,CAACc,GAAG,GAAGU,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,UAAU,GAAGvB,iBAAiB,CAAC;MAC7D;MAEA,OAAOM,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EACD,CAACT,YAAY,EAAEK,EAAE,EAAEH,cAAc,EAAEC,iBAAiB,CACtD,CAAC;EAED,MAAM4B,QAAQ,GAAG1C,wBAAwB,CAAC+B,aAAa,CAAC;EAExD,MAAMY,8BAA8B,GAAG1C,gBAAgB,CAAC,MAAM;IAC5D,IAAI2C,UAAU,CAACC,cAAc,KAAK3C,WAAW,CAAC4C,WAAW,EAAE;MACzD,OAAO,CAAC,CAAC;IACX;IAEA,MAAMC,WAAW,GAAGnD,OAAO,CAACqB,WAAW,CAAC;IAExC,IAAI,CAAC8B,WAAW,EAAE;MAChB,OAAO,CAAC,CAAC;IACX;IAEA,OAAO;MACLC,SAAS,EAAED,WAAW,CAACE,MAAM,GAAGnC;IAClC,CAAC;EACH,CAAC,CAAC;EAEF,MAAMoC,eAAe,GAAG;IACtBR,QAAQ;IACRS,mBAAmB,EAAE,EAAE;IACvBC,GAAG,EAAEnC;EACP,CAAC;EACD,MAAMoC,mBAAmB,GAAG;IAC1BtC,oBAAoB;IACpB4B;EACF,CAAC;EAED,OAAO;IAAEO,eAAe;IAAEG;EAAoB,CAAC;AACjD","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { AnimatedHeaderBase, HeaderBase, HeaderMotionContextProvider, HeaderMotionFlatList, HeaderMotionHeader, HeaderMotionScrollManager, HeaderMotionScrollView } from "./components/index.js";
+
+/**
+ * Compound component type for HeaderMotion.
+ * Provides the main context provider and sub-components for building collapsible headers.
+ */
+
+/**
+ * Main HeaderMotion component.
+ * A compound component that provides context for collapsible header animations.
+ *
+ * @example
+ * ```tsx
+ * <HeaderMotion>
+ *   <HeaderMotion.Header>
+ *     {(headerProps) => (
+ *       <Stack.Screen
+ *         options={{
+ *           header: () => (
+ *             <MyAnimatedHeader {...headerProps} />
+ *           ),
+ *         }}
+ *       />
+ *     )}
+ *   </HeaderMotion.Header>
+ *   <HeaderMotion.ScrollView>
+ *     <MyScrollableContent />
+ *   </HeaderMotion.ScrollView>
+ * </HeaderMotion>
+ * ```
+ */
+const HeaderMotion = HeaderMotionContextProvider;
+HeaderMotion.Header = HeaderMotionHeader;
+HeaderMotion.ScrollManager = HeaderMotionScrollManager;
+HeaderMotion.ScrollView = HeaderMotionScrollView;
+HeaderMotion.FlatList = HeaderMotionFlatList;
+export default HeaderMotion;
+export * from "./hooks/index.js";
+export { AnimatedHeaderBase, HeaderBase };
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatedHeaderBase","HeaderBase","HeaderMotionContextProvider","HeaderMotionFlatList","HeaderMotionHeader","HeaderMotionScrollManager","HeaderMotionScrollView","HeaderMotion","Header","ScrollManager","ScrollView","FlatList"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SACEA,kBAAkB,EAClBC,UAAU,EACVC,2BAA2B,EAC3BC,oBAAoB,EACpBC,kBAAkB,EAClBC,yBAAyB,EACzBC,sBAAsB,QAMjB,uBAAc;;AAGrB;AACA;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,GAAGL,2BAAoD;AACzEK,YAAY,CAACC,MAAM,GAAGJ,kBAAkB;AACxCG,YAAY,CAACE,aAAa,GAAGJ,yBAAyB;AACtDE,YAAY,CAACG,UAAU,GAAGJ,sBAAsB;AAChDC,YAAY,CAACI,QAAQ,GAAGR,oBAAoB;AAE5C,eAAeI,YAAY;AAC3B,cAAc,kBAAS;AAEvB,SAASP,kBAAkB,EAAEC,UAAU","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/utils/defaults.js

@@ -0,0 +1,10 @@
+"use strict";
+
+const DEFAULT_PROGRESS_THRESHOLD = measuredHeaderValue => measuredHeaderValue;
+const DEFAULT_MEASURE_DYNAMIC = e => e.nativeEvent.layout.height;
+
+// Symbol doesn't work?
+// const DEFAULT_SCROLL_ID = Symbol("HEADER_MOTION_DEFAULT_SCROLL_ID");
+const DEFAULT_SCROLL_ID = '__HEADER_MOTION_DEFAULT_SCROLL_ID__';
+export { DEFAULT_MEASURE_DYNAMIC, DEFAULT_PROGRESS_THRESHOLD, DEFAULT_SCROLL_ID };
+//# sourceMappingURL=defaults.js.map

package/lib/module/utils/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_PROGRESS_THRESHOLD","measuredHeaderValue","DEFAULT_MEASURE_DYNAMIC","e","nativeEvent","layout","height","DEFAULT_SCROLL_ID"],"sourceRoot":"../../../src","sources":["utils/defaults.ts"],"mappings":";;AAEA,MAAMA,0BAA6C,GAAIC,mBAAmB,IACxEA,mBAAmB;AACrB,MAAMC,uBAA8C,GAAIC,CAAC,IACvDA,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM;;AAE7B;AACA;AACA,MAAMC,iBAAiB,GAAG,qCAAqC;AAE/D,SACEL,uBAAuB,EACvBF,0BAA0B,EAC1BO,iBAAiB","ignoreList":[]}

package/lib/module/utils/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./defaults.js";
+export * from "./values.js";
+//# sourceMappingURL=index.js.map

package/lib/module/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;AAAA,cAAc,eAAY;AAC1B,cAAc,aAAU","ignoreList":[]}

package/lib/module/utils/values.js

@@ -0,0 +1,11 @@
+"use strict";
+
+export function getInitialScrollValue() {
+  'worklet';
+
+  return {
+    min: 0,
+    current: 0
+  };
+}
+//# sourceMappingURL=values.js.map

package/lib/module/utils/values.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getInitialScrollValue","min","current"],"sourceRoot":"../../../src","sources":["utils/values.ts"],"mappings":";;AAEA,OAAO,SAASA,qBAAqBA,CAAA,EAAgB;EACnD,SAAS;;EACT,OAAO;IAAEC,GAAG,EAAE,CAAC;IAAEC,OAAO,EAAE;EAAE,CAAC;AAC/B","ignoreList":[]}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/src/components/FlatList.d.ts

@@ -0,0 +1,30 @@
+import { type ComponentProps } from 'react';
+import Animated from 'react-native-reanimated';
+type AnimatedFlatListProps<T = any> = ComponentProps<typeof Animated.FlatList<T>>;
+export type HeaderMotionFlatListProps<T = any> = AnimatedFlatListProps<T> & {
+    /**
+     * Optional unique identifier for this scroll view.
+     * Use this when you have multiple scroll views (e.g. in tabs) to track them separately.
+     */
+    scrollId?: string;
+};
+/**
+ * Animated FlatList component that integrates with HeaderMotion.
+ * Automatically handles scroll tracking and header animation synchronization.
+ * Must be used within a HeaderMotion component.
+ *
+ * @template T - The type of items in the FlatList
+ *
+ * @example
+ * ```tsx
+ * <HeaderMotion>
+ *   <HeaderMotion.FlatList
+ *     data={items}
+ *     renderItem={({ item }) => <Text>{item}</Text>}
+ *   />
+ * </HeaderMotion>
+ * ```
+ */
+export declare function HeaderMotionFlatList<T = any>({ scrollId, ...props }: HeaderMotionFlatListProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FlatList.d.ts.map

package/lib/typescript/src/components/FlatList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlatList.d.ts","sourceRoot":"","sources":["../../../../src/components/FlatList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAqB,MAAM,OAAO,CAAC;AAE3E,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAG/C,KAAK,qBAAqB,CAAC,CAAC,GAAG,GAAG,IAAI,cAAc,CAClD,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC5B,CAAC;AAEF,MAAM,MAAM,yBAAyB,CAAC,CAAC,GAAG,GAAG,IAAI,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAC1E;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,GAAG,GAAG,EAAE,EAC5C,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,yBAAyB,CAAC,CAAC,CAAC,2CAuB9B"}