react-native-header-motion 1.0.0-alpha.0 → 1.0.0

package/lib/typescript/src/utils/refreshControl.d.ts

@@ -7,7 +7,7 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
     onMagicTap?: (() => unknown) | undefined;
     onAccessibilityEscape?: (() => unknown) | undefined;
-}>, "style" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "tabIndex" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onClick" | "onClickCapture" | "onMouseEnter" | "onMouseLeave" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onMoveShouldSetResponder" | "onMoveShouldSetResponderCapture" | "onResponderGrant" | "onResponderMove" | "onResponderReject" | "onResponderRelease" | "onResponderStart" | "onResponderEnd" | "onResponderTerminate" | "onResponderTerminationRequest" | "onStartShouldSetResponder" | "onStartShouldSetResponderCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onMoveShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onMoveShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onResponderGrant?: ((e: import("react-native").GestureResponderEvent) => void | boolean) | undefined;
@@ -20,10 +20,10 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     onResponderTerminationRequest?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onStartShouldSetResponder?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
     onStartShouldSetResponderCapture?: ((e: import("react-native").GestureResponderEvent) => boolean) | undefined;
-}>, "style" | "onMouseEnter" | "onMouseLeave" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "tabIndex" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onClick" | "onClickCapture" | "onMouseEnter" | "onMouseLeave" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onMouseEnter?: ((event: import("react-native").MouseEvent) => void) | undefined;
     onMouseLeave?: ((event: import("react-native").MouseEvent) => void) | undefined;
-}>, "style" | "onClick" | "onClickCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "tabIndex" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onClick" | "onClickCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onClick?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onClickCapture?: ((event: import("react-native").PointerEvent) => void) | undefined;
     onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | undefined;
@@ -46,12 +46,12 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     onGotPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
     onLostPointerCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
     onLostPointerCaptureCapture?: ((e: import("react-native").PointerEvent) => void) | undefined;
-}>, "style" | "onClick" | "onBlur" | "onBlurCapture" | "onFocus" | "onFocusCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "tabIndex" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onBlur?: ((event: import("react-native").BlurEvent) => void) | undefined;
     onBlurCapture?: ((event: import("react-native").BlurEvent) => void) | undefined;
     onFocus?: ((event: import("react-native").FocusEvent) => void) | undefined;
     onFocusCapture?: ((event: import("react-native").FocusEvent) => void) | undefined;
-}>, "style" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "tabIndex" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onClick" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     onTouchCancel?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
     onTouchCancelCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
     onTouchEnd?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
@@ -60,7 +60,7 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     onTouchMoveCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
     onTouchStart?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
     onTouchStartCapture?: ((e: import("react-native").GestureResponderEvent) => void) | undefined;
-}>, "style" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "tabIndex" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "tabIndex" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "onClick" | "nativeBackgroundAndroid" | "nativeForegroundAndroid" | "renderToHardwareTextureAndroid" | "hasTVPreferredFocus" | "nextFocusDown" | "nextFocusForward" | "nextFocusLeft" | "nextFocusRight" | "nextFocusUp" | "focusable" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     nativeBackgroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
     nativeForegroundAndroid?: import("react-native/types_generated/Libraries/Components/View/ViewPropTypes").AndroidDrawable | undefined;
     renderToHardwareTextureAndroid?: boolean | undefined;
@@ -73,16 +73,16 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     focusable?: boolean | undefined;
     tabIndex?: 0 | -1;
     onClick?: ((event: import("react-native").GestureResponderEvent) => unknown) | undefined;
-}>, "style" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+}>, "id" | "style" | "children" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "shouldRasterizeIOS" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
     shouldRasterizeIOS?: boolean | undefined;
-}>, "style" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden" | "accessibilityLabelledBy" | "aria-labelledby" | "accessibilityLiveRegion" | "aria-live" | "importantForAccessibility" | "screenReaderFocusable" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
+}>, "id" | "style" | "children" | "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions" | "accessibilityLabelledBy" | "accessibilityLiveRegion" | "importantForAccessibility" | "screenReaderFocusable" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<Omit<Readonly<{
     accessibilityLabelledBy?: (string | undefined) | (Array<string> | undefined);
     "aria-labelledby"?: string | undefined;
     accessibilityLiveRegion?: ("none" | "polite" | "assertive") | undefined;
     "aria-live"?: ("polite" | "assertive" | "off") | undefined;
     importantForAccessibility?: ("auto" | "yes" | "no" | "no-hide-descendants") | undefined;
     screenReaderFocusable?: boolean;
-}>, "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "aria-modal" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & Omit<Readonly<{
+}>, "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityIgnoresInvertColors" | "accessibilityViewIsModal" | "accessibilityShowsLargeContentViewer" | "accessibilityLargeContentTitle" | "accessibilityElementsHidden" | "accessibilityLanguage" | "accessibilityRespondsToUserInteraction" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions"> & Omit<Readonly<{
     accessibilityIgnoresInvertColors?: boolean | undefined;
     accessibilityViewIsModal?: boolean | undefined;
     accessibilityShowsLargeContentViewer?: boolean | undefined;
@@ -91,7 +91,7 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     accessibilityElementsHidden?: boolean | undefined;
     accessibilityLanguage?: string | undefined;
     accessibilityRespondsToUserInteraction?: boolean | undefined;
-}>, "accessible" | "accessibilityLabel" | "accessibilityHint" | "aria-label" | "accessibilityRole" | "role" | "accessibilityState" | "accessibilityValue" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessibilityActions" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-selected" | "aria-hidden"> & {
+}>, "role" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accessible" | "accessibilityLabel" | "accessibilityHint" | "accessibilityRole" | "accessibilityState" | "accessibilityValue" | "accessibilityActions"> & {
     accessible?: boolean | undefined;
     accessibilityLabel?: string | undefined;
     accessibilityHint?: string | undefined;
@@ -111,8 +111,8 @@ declare const AnimatedRefreshControl: import("react-native-reanimated/lib/typesc
     "aria-expanded"?: boolean | undefined;
     "aria-selected"?: boolean | undefined;
     "aria-hidden"?: boolean | undefined;
-}>, "style" | "children" | "collapsable" | "collapsableChildren" | "id" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
-    children?: React.ReactNode;
+}>, "id" | "style" | "children" | "collapsable" | "collapsableChildren" | "testID" | "nativeID" | "needsOffscreenAlphaCompositing" | "hitSlop" | "pointerEvents" | "removeClippedSubviews" | "experimental_accessibilityOrder"> & Omit<Readonly<{
+    children?: import("react").ReactNode;
     style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").ViewStyleProp | undefined;
     collapsable?: boolean | undefined;
     collapsableChildren?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-header-motion",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0",
   "description": "Smooth, animated collapsible headers with scroll-based motion control in React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -38,7 +38,7 @@
     "typecheck": "tsc",
     "test": "jest",
     "release": "release-it --only-version",
-    "lint": "eslint \"**/*.{js,ts,tsx}\""
+    "lint": "eslint src example docs/src docs/*.ts *.js"
   },
   "keywords": [
     "react-native",
@@ -54,7 +54,7 @@
   "bugs": {
     "url": "https://github.com/pawicao/react-native-header-motion/issues"
   },
-  "homepage": "https://github.com/pawicao/react-native-header-motion#readme",
+  "homepage": "https://pawicao.github.io/react-native-header-motion/",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -89,11 +89,12 @@
     "react": "*",
     "react-native": "*",
     "react-native-gesture-handler": "^2.0.0",
-    "react-native-reanimated": ">=4.0.0",
+    "react-native-reanimated": "^4.0.0",
     "react-native-worklets": ">=0.4.0"
   },
   "workspaces": [
-    "example"
+    "example",
+    "docs"
   ],
   "packageManager": "yarn@4.11.0",
   "react-native-builder-bob": {
@@ -116,6 +117,12 @@
   },
   "jest": {
     "preset": "react-native",
+    "setupFilesAfterEnv": [
+      "<rootDir>/jest-setup.js"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!(react-native|@react-native|react-native-reanimated|react-native-worklets)/)"
+    ],
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
       "<rootDir>/lib/"

package/src/components/Bridge.tsx

@@ -0,0 +1,29 @@
+import { useHeaderMotionBridge } from '../hooks/useHeaderMotionBridge';
+import type { ReactNode } from 'react';
+import type { HeaderMotionBridgeValue } from '../types';
+
+type HeaderRenderChildren = (value: HeaderMotionBridgeValue) => ReactNode;
+
+export interface HeaderMotionBridgeProps {
+  /**
+   * Render function that receives the current HeaderMotion context value.
+   *
+   * Use this when you need to pass the library's context across a React tree
+   * boundary, most commonly into a navigation-rendered header.
+   */
+  children: HeaderRenderChildren;
+}
+
+/**
+ * Reads the current HeaderMotion context and exposes it through a render
+ * function so it can be forwarded into another subtree.
+ */
+export function Bridge({ children }: HeaderMotionBridgeProps) {
+  if (typeof children !== 'function') {
+    throw new Error(
+      'HeaderMotion.Bridge only accepts a render function as its child.'
+    );
+  }
+
+  return children(useHeaderMotionBridge());
+}

package/src/components/FlatList.tsx

@@ -1,23 +1,18 @@
-import { forwardRef, type ComponentProps, type ComponentRef } from 'react';
-import Animated, { type AnimatedRef } from 'react-native-reanimated';
-import { HeaderMotionScrollManager } from './ScrollManager';
+import type { ReactElement } from 'react';
+import Animated, {
+  type FlatListPropsWithLayout,
+} from 'react-native-reanimated';
+import {
+  createHeaderMotionScrollable,
+  type HeaderMotionScrollableOwnProps,
+} from './createHeaderMotionScrollable';
 
-import type { ScrollViewProps } from 'react-native';
+export type HeaderMotionFlatListProps<T = any> = FlatListPropsWithLayout<T> &
+  HeaderMotionScrollableOwnProps<Animated.FlatList<T>>;
 
-export type HeaderMotionFlatListProps<T = any> = ComponentProps<
-  typeof Animated.FlatList<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;
-  /**
-   * Optional animated ref to use for the flat list.
-   * When provided, the scroll manager will use this ref instead of creating its own.
-   */
-  animatedRef?: AnimatedRef<Animated.FlatList<T>> | AnimatedRef;
-};
+type FlatListComponent = <T = any>(
+  props: HeaderMotionFlatListProps<T>
+) => ReactElement | null;
 
 /**
  * Animated FlatList component that integrates with HeaderMotion.
@@ -36,61 +31,8 @@ export type HeaderMotionFlatListProps<T = any> = ComponentProps<
  * </HeaderMotion>
  * ```
  */
-export function HeaderMotionFlatList<T = any>({
-  scrollId,
-  animatedRef,
-  contentContainerStyle,
-  ...props
-}: HeaderMotionFlatListProps<T>) {
-  return (
-    <HeaderMotionScrollManager
-      scrollId={scrollId}
-      animatedRef={animatedRef as AnimatedRef<Animated.FlatList<T>>}
-      refreshControl={props.refreshControl}
-      refreshing={props.refreshing}
-      onRefresh={props.onRefresh}
-      progressViewOffset={props.progressViewOffset}
-    >
-      {(
-        {
-          onScroll,
-          refreshControl: managedRefreshControl,
-          ref,
-          ...scrollViewProps
-        },
-        { originalHeaderHeight, minHeightContentContainerStyle }
-      ) => (
-        <Animated.FlatList
-          {...scrollViewProps}
-          {...props}
-          ref={ref}
-          onScroll={onScroll}
-          {...(managedRefreshControl && {
-            refreshControl: managedRefreshControl,
-          })}
-          renderScrollComponent={(scrollComponentProps) => (
-            <AnimatedScrollContainer
-              {...scrollComponentProps}
-              contentContainerStyle={[
-                minHeightContentContainerStyle,
-                { paddingTop: originalHeaderHeight },
-                contentContainerStyle,
-              ]}
-            />
-          )}
-        />
-      )}
-    </HeaderMotionScrollManager>
-  );
-}
-
-const AnimatedScrollContainer = forwardRef<
-  ComponentRef<typeof Animated.ScrollView>,
-  ScrollViewProps
->(({ children, contentContainerStyle, ...rest }, ref) => {
-  return (
-    <Animated.ScrollView {...rest} ref={ref}>
-      <Animated.View style={contentContainerStyle}>{children}</Animated.View>
-    </Animated.ScrollView>
-  );
-});
+export const FlatList = createHeaderMotionScrollable(Animated.FlatList, {
+  displayName: 'HeaderMotion.FlatList',
+  contentContainerMode: 'renderScrollComponent',
+  isComponentAnimated: true,
+}) as FlatListComponent;

package/src/components/Header.tsx

@@ -1,30 +1,166 @@
-import { useMotionProgress } from '../hooks/useMotionProgress';
-import type { MotionProgress } from '../types';
-import type { ReactNode } from 'react';
+import { StyleSheet, type ViewProps } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { useHeaderMotionContextOrThrow } from '../context';
+import type {
+  HeaderAsChildProps,
+  HeaderDefaultProps,
+  HeaderPanDecayConfig,
+} from '../types';
+import {
+  cloneWithOnLayout,
+  composeOnLayoutHandlers,
+  resolveSlottableChild,
+} from '../utils';
+import { HeaderDynamic } from './HeaderDynamic';
+import { HeaderPanBoundary } from './HeaderPanBoundary';
 
-type HeaderRenderChildren = (props: MotionProgress) => ReactNode;
+type HeaderPanProps =
+  | {
+      /** Enables dragging the header itself to scroll the active scrollable.
+       *
+       * This is useful when the header covers a large portion of the screen
+       * and you want the gesture to feel continuous between header and content.
+       *
+       * @default false
+       */
+      pannable: true;
+      /**
+       * Customizes the momentum animation that runs after a header pan ends.
+       *
+       * Use an object for a fixed decay profile. Use a function when the decay
+       * should depend on the end event, for example to dampen or amplify
+       * certain velocities.
+       *
+       * If you provide a function, it runs inside the gesture end worklet and
+       * **must itself be marked with the 'worklet' directive.**
+       */
+      panDecayConfig?: HeaderPanDecayConfig;
+    }
+  | {
+      pannable?: false | undefined;
+      panDecayConfig?: never;
+    };
 
-export interface HeaderMotionHeaderProps {
-  /**
-   * Render function that receives motion progress props.
-   * Use this to animate your header based on scroll progress and to provide measurement functions to the elements of the header.
-   */
-  children: HeaderRenderChildren;
-}
+export type HeaderProps =
+  | (HeaderDefaultProps &
+      HeaderPanProps & {
+        /**
+         * Applies the default absolute-positioned header layout.
+         *
+         * Leave this enabled for navigation headers and any header that should
+         * visually float above the scrollable content. Disable it only when you
+         * intentionally want the header to participate in normal layout flow.
+         *
+         * @default true
+         */
+        overlay?: boolean;
+        /**
+         * Wraps the pan gesture in `GestureHandlerRootView`.
+         *
+         * Only use this when the rendered header subtree is not already under a
+         * gesture-handler root.
+         *
+         * @default false
+         */
+        withGestureHandlerRootView?: boolean;
+      })
+  | (HeaderAsChildProps &
+      HeaderPanProps & {
+        /**
+         * Wraps the pan gesture in `GestureHandlerRootView`.
+         *
+         * Only use this when the rendered header subtree is not already under a
+         * gesture-handler root.
+         *
+         * @default false
+         */
+        withGestureHandlerRootView?: boolean;
+      });
 
-/**
- * Header component for providing motion progress properties to animated headers.
- * Must be used within a HeaderMotion component.
- *
- * Use to pass props to the header components in React Navigation / Expo Router, which cannot access HeaderMotion's context and `useMotionProgress` otherwise.`
- */
-export function HeaderMotionHeader({ children }: HeaderMotionHeaderProps) {
-  if (typeof children !== 'function') {
-    throw new Error(
-      'HeaderMotion.Header only accepts render function as the only child.'
+const headerOverlayStyle = StyleSheet.create({
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+  },
+}).overlay;
+
+function HeaderRoot(props: HeaderProps) {
+  const ctxValue = useHeaderMotionContextOrThrow(
+    'HeaderMotion.Header must be used within <HeaderMotion /> or <HeaderMotion.NavigationBridge />. If you are rendering inside a navigation header, bridge the context with <HeaderMotion.Bridge /> and <HeaderMotion.NavigationBridge />.'
+  );
+
+  if (props.asChild) {
+    const child = resolveSlottableChild('HeaderMotion.Header', props.children);
+
+    return (
+      <HeaderPanBoundary
+        pannable={props.pannable}
+        panDecayConfig={props.panDecayConfig}
+        headerPanMomentumOffset={ctxValue.headerPanMomentumOffset}
+        scrollToRef={ctxValue.scrollToRef}
+        withGestureHandlerRootView={props.withGestureHandlerRootView}
+      >
+        {cloneWithOnLayout(
+          child,
+          ctxValue.measureTotalHeight,
+          'HeaderMotion.Header'
+        )}
+      </HeaderPanBoundary>
     );
   }
 
-  const motionProgressProps = useMotionProgress();
-  return children(motionProgressProps);
+  const {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    asChild: _asChild,
+    overlay = true,
+    pannable,
+    panDecayConfig,
+    onLayout,
+    style,
+    withGestureHandlerRootView,
+    ...rest
+  } = props;
+  const resolvedOnLayout = onLayout as ViewProps['onLayout'] | undefined;
+
+  return (
+    <HeaderPanBoundary
+      pannable={pannable}
+      panDecayConfig={panDecayConfig}
+      headerPanMomentumOffset={ctxValue.headerPanMomentumOffset}
+      scrollToRef={ctxValue.scrollToRef}
+      withGestureHandlerRootView={withGestureHandlerRootView}
+    >
+      <Animated.View
+        {...rest}
+        onLayout={composeOnLayoutHandlers(
+          resolvedOnLayout,
+          ctxValue.measureTotalHeight
+        )}
+        style={[overlay ? headerOverlayStyle : undefined, style]}
+      />
+    </HeaderPanBoundary>
+  );
 }
+
+/**
+ * Header container that measures the total header height for scroll offsetting.
+ *
+ * It renders an `Animated.View` by default, wires the outer header measurement
+ * automatically, and can optionally make the header surface pannable.
+ *
+ * Pair it with `Header.Dynamic` to mark the part of the header that should
+ * drive the collapse threshold.
+ */
+export const Header = Object.assign(HeaderRoot, {
+  /**
+   * Marks the part of the header whose measured layout should define the
+   * collapsible distance.
+   *
+   * In most designs, this is the section that visually disappears while the
+   * header collapses. Its measured value feeds `measureDynamic`, which can in
+   * turn drive `progressThreshold`.
+   */
+  Dynamic: HeaderDynamic,
+});

package/src/components/HeaderDynamic.tsx

@@ -0,0 +1,45 @@
+import type { ViewProps } from 'react-native';
+import Animated from 'react-native-reanimated';
+import { useHeaderMotionContextOrThrow } from '../context';
+import type { HeaderDynamicProps } from '../types';
+import {
+  cloneWithOnLayout,
+  composeOnLayoutHandlers,
+  resolveSlottableChild,
+} from '../utils';
+
+/**
+ * Marks the part of the header whose layout should define the collapsible
+ * distance.
+ *
+ * In most designs, this is the section that visually disappears while the
+ * header collapses. Its measured value feeds `measureDynamic`, which in turn
+ * can drive `progressThreshold`.
+ */
+export function HeaderDynamic(props: HeaderDynamicProps) {
+  const ctxValue = useHeaderMotionContextOrThrow(
+    'HeaderMotion.Header.Dynamic must be used within <HeaderMotion /> or <HeaderMotion.NavigationBridge />. If you are rendering inside a navigation header, bridge the context with <HeaderMotion.Bridge /> and <HeaderMotion.NavigationBridge />.'
+  );
+
+  if (props.asChild) {
+    return cloneWithOnLayout(
+      resolveSlottableChild('HeaderMotion.Header.Dynamic', props.children),
+      ctxValue.measureDynamic,
+      'HeaderMotion.Header.Dynamic'
+    );
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  const { asChild: _asChild, onLayout, ...rest } = props;
+  const resolvedOnLayout = onLayout as ViewProps['onLayout'] | undefined;
+
+  return (
+    <Animated.View
+      {...rest}
+      onLayout={composeOnLayoutHandlers(
+        resolvedOnLayout,
+        ctxValue.measureDynamic
+      )}
+    />
+  );
+}