@rific/scroll-view 0.7.1 → 0.8.2

package/dist/index.d.mts

@@ -3,6 +3,8 @@ import { ReactNode, ComponentType, RefObject } from 'react';
 import { NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle, FlatListProps as FlatListProps$1, FlatList as FlatList$1, ScrollViewProps as ScrollViewProps$1, ScrollView as ScrollView$1, SectionListProps as SectionListProps$1, SectionList as SectionList$1 } from 'react-native';
 import { GestureType } from 'react-native-gesture-handler';
 import { ChipProps as ChipProps$1 } from '@rific/auto-paper';
+import * as _rific_core from '@rific/core';
+import { SettingsContextValue, SettingsProviderProps } from '@rific/core';
 import * as react_native_reanimated from 'react-native-reanimated';
 import { SharedValue } from 'react-native-reanimated';
 
@@ -80,28 +82,62 @@ type ScrollViewSettings = {
     snapBackHeader?: boolean;
 };
 declare const defaultScrollViewSettings: ScrollViewSettings;
-type ScrollViewSettingsContextType = {
-    settings: ScrollViewSettings;
-    set: (patch: Partial<ScrollViewSettings>) => void;
-};
-declare const ScrollViewSettingsContext: react.Context<ScrollViewSettingsContextType>;
+type ScrollViewSettingsContextType = SettingsContextValue<ScrollViewSettings>;
+declare const ScrollViewSettingsContext: react.Context<SettingsContextValue<ScrollViewSettings>>;
 
-type PayloadAction<P> = {
-    payload: P;
-    type: string;
-};
 declare const scrollViewActions: {
     initialize: {
-        (payload: ScrollViewSettings): PayloadAction<ScrollViewSettings>;
+        (payload: ScrollViewSettings): _rific_core.SettingsAction<ScrollViewSettings>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<ScrollViewSettings>;
+    };
+} & {
+    setFooterFixed: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean>;
+    };
+    setHeaderFixed: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean>;
+    };
+    setBackActionFixed: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
         type: string;
-        match(action: {
+        match: (action: {
             type: string;
-        }): action is PayloadAction<ScrollViewSettings>;
+        }) => action is _rific_core.SettingsAction<boolean>;
     };
+    setSnapBack: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean>;
+    };
+    setSnapBackFooter?: {
+        (payload: boolean | undefined): _rific_core.SettingsAction<boolean | undefined>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean | undefined>;
+    } | undefined;
+    setSnapBackHeader?: {
+        (payload: boolean | undefined): _rific_core.SettingsAction<boolean | undefined>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean | undefined>;
+    } | undefined;
 };
-declare const scrollViewReducer: (state: ScrollViewSettings | undefined, action: {
-    type: string;
-}) => ScrollViewSettings;
+declare const scrollViewReducer: _rific_core.SettingsReducer<ScrollViewSettings>;
 
 type ScrollViewProps = ScrollViewProps$1 & {
     chipProps?: ChipProps;
@@ -189,12 +225,8 @@ type ScrollViewProviderProps = {
 };
 declare const ScrollViewProvider: ({ blur, children, fixed, footerAboveKeyboard, footerFixed, headerFixed, snapBack, snapBackFooter, snapBackHeader, tabBarHeight }: ScrollViewProviderProps) => react.JSX.Element;
 
-type ScrollViewSettingsProviderProps = {
-    children: ReactNode;
-    onChange?: (settings: ScrollViewSettings) => void;
-    initialValue?: Partial<ScrollViewSettings>;
-};
-declare const ScrollViewSettingsProvider: ({ children, onChange, initialValue }: ScrollViewSettingsProviderProps) => react.JSX.Element;
+type ScrollViewSettingsProviderProps = SettingsProviderProps<ScrollViewSettings>;
+declare const ScrollViewSettingsProvider: (props: SettingsProviderProps<ScrollViewSettings>) => React.JSX.Element;
 
 type SectionListProps<ItemT, SectionT extends {
     data: ReadonlyArray<ItemT>;
@@ -233,6 +265,6 @@ declare const useScrollView: () => {
     setProgressing: (b: boolean) => void;
 };
 
-declare const useScrollViewSettings: () => ScrollViewSettingsContextType;
+declare const useScrollViewSettings: () => _rific_core.SettingsContextValue<ScrollViewSettings>;
 
 export { type ChipProps, CustomList, type CustomListProps, FlatList, type FlatListProps, PullSearch, type PullSearchHandle, type PullSearchProps, ScrollView, ScrollViewContext, type ScrollViewContextType, ScrollViewFooter, type ScrollViewFooterProps, ScrollViewHeader, type ScrollViewHeaderProps, type ScrollViewProps, ScrollViewProvider, type ScrollViewProviderProps, type ScrollViewSettings, ScrollViewSettingsContext, type ScrollViewSettingsContextType, ScrollViewSettingsProvider, type ScrollViewSettingsProviderProps, SectionList, type SectionListProps, defaultScrollViewSettings, scrollViewActions, scrollViewReducer, useKeyboardInset, useScrollView, useScrollViewSettings };

package/dist/index.d.ts

@@ -3,6 +3,8 @@ import { ReactNode, ComponentType, RefObject } from 'react';
 import { NativeSyntheticEvent, NativeScrollEvent, StyleProp, ViewStyle, FlatListProps as FlatListProps$1, FlatList as FlatList$1, ScrollViewProps as ScrollViewProps$1, ScrollView as ScrollView$1, SectionListProps as SectionListProps$1, SectionList as SectionList$1 } from 'react-native';
 import { GestureType } from 'react-native-gesture-handler';
 import { ChipProps as ChipProps$1 } from '@rific/auto-paper';
+import * as _rific_core from '@rific/core';
+import { SettingsContextValue, SettingsProviderProps } from '@rific/core';
 import * as react_native_reanimated from 'react-native-reanimated';
 import { SharedValue } from 'react-native-reanimated';
 
@@ -80,28 +82,62 @@ type ScrollViewSettings = {
     snapBackHeader?: boolean;
 };
 declare const defaultScrollViewSettings: ScrollViewSettings;
-type ScrollViewSettingsContextType = {
-    settings: ScrollViewSettings;
-    set: (patch: Partial<ScrollViewSettings>) => void;
-};
-declare const ScrollViewSettingsContext: react.Context<ScrollViewSettingsContextType>;
+type ScrollViewSettingsContextType = SettingsContextValue<ScrollViewSettings>;
+declare const ScrollViewSettingsContext: react.Context<SettingsContextValue<ScrollViewSettings>>;
 
-type PayloadAction<P> = {
-    payload: P;
-    type: string;
-};
 declare const scrollViewActions: {
     initialize: {
-        (payload: ScrollViewSettings): PayloadAction<ScrollViewSettings>;
+        (payload: ScrollViewSettings): _rific_core.SettingsAction<ScrollViewSettings>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<ScrollViewSettings>;
+    };
+} & {
+    setFooterFixed: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean>;
+    };
+    setHeaderFixed: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean>;
+    };
+    setBackActionFixed: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
         type: string;
-        match(action: {
+        match: (action: {
             type: string;
-        }): action is PayloadAction<ScrollViewSettings>;
+        }) => action is _rific_core.SettingsAction<boolean>;
     };
+    setSnapBack: {
+        (payload: boolean): _rific_core.SettingsAction<boolean>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean>;
+    };
+    setSnapBackFooter?: {
+        (payload: boolean | undefined): _rific_core.SettingsAction<boolean | undefined>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean | undefined>;
+    } | undefined;
+    setSnapBackHeader?: {
+        (payload: boolean | undefined): _rific_core.SettingsAction<boolean | undefined>;
+        type: string;
+        match: (action: {
+            type: string;
+        }) => action is _rific_core.SettingsAction<boolean | undefined>;
+    } | undefined;
 };
-declare const scrollViewReducer: (state: ScrollViewSettings | undefined, action: {
-    type: string;
-}) => ScrollViewSettings;
+declare const scrollViewReducer: _rific_core.SettingsReducer<ScrollViewSettings>;
 
 type ScrollViewProps = ScrollViewProps$1 & {
     chipProps?: ChipProps;
@@ -189,12 +225,8 @@ type ScrollViewProviderProps = {
 };
 declare const ScrollViewProvider: ({ blur, children, fixed, footerAboveKeyboard, footerFixed, headerFixed, snapBack, snapBackFooter, snapBackHeader, tabBarHeight }: ScrollViewProviderProps) => react.JSX.Element;
 
-type ScrollViewSettingsProviderProps = {
-    children: ReactNode;
-    onChange?: (settings: ScrollViewSettings) => void;
-    initialValue?: Partial<ScrollViewSettings>;
-};
-declare const ScrollViewSettingsProvider: ({ children, onChange, initialValue }: ScrollViewSettingsProviderProps) => react.JSX.Element;
+type ScrollViewSettingsProviderProps = SettingsProviderProps<ScrollViewSettings>;
+declare const ScrollViewSettingsProvider: (props: SettingsProviderProps<ScrollViewSettings>) => React.JSX.Element;
 
 type SectionListProps<ItemT, SectionT extends {
     data: ReadonlyArray<ItemT>;
@@ -233,6 +265,6 @@ declare const useScrollView: () => {
     setProgressing: (b: boolean) => void;
 };
 
-declare const useScrollViewSettings: () => ScrollViewSettingsContextType;
+declare const useScrollViewSettings: () => _rific_core.SettingsContextValue<ScrollViewSettings>;
 
 export { type ChipProps, CustomList, type CustomListProps, FlatList, type FlatListProps, PullSearch, type PullSearchHandle, type PullSearchProps, ScrollView, ScrollViewContext, type ScrollViewContextType, ScrollViewFooter, type ScrollViewFooterProps, ScrollViewHeader, type ScrollViewHeaderProps, type ScrollViewProps, ScrollViewProvider, type ScrollViewProviderProps, type ScrollViewSettings, ScrollViewSettingsContext, type ScrollViewSettingsContextType, ScrollViewSettingsProvider, type ScrollViewSettingsProviderProps, SectionList, type SectionListProps, defaultScrollViewSettings, scrollViewActions, scrollViewReducer, useKeyboardInset, useScrollView, useScrollViewSettings };

package/dist/index.js

@@ -954,47 +954,43 @@ var styles5 = import_react_native9.StyleSheet.create({
   input: { margin: 0 }
 });
 
+// src/redux/scrollViewSlice.ts
+var import_core2 = require("@rific/core");
+
 // src/ScrollViewSettingsContext.ts
-var import_react11 = require("react");
+var import_core = require("@rific/core");
 var defaultScrollViewSettings = {
   backActionFixed: true,
   footerFixed: false,
   headerFixed: false,
   snapBack: false
 };
-var ScrollViewSettingsContext = (0, import_react11.createContext)({
-  settings: defaultScrollViewSettings,
-  set: () => {
-  }
-});
+var settingsContext = (0, import_core.createSettingsContext)(defaultScrollViewSettings);
+var ScrollViewSettingsContext = settingsContext.Context;
+var scrollViewSettingsProvider = settingsContext.Provider;
+var scrollViewUseSettings = settingsContext.useSettings;
 
 // src/redux/scrollViewSlice.ts
-var createAction = (type) => {
-  const actionCreator = (payload) => ({ payload, type });
-  actionCreator.type = type;
-  actionCreator.match = (action) => action.type === type;
-  return actionCreator;
-};
-var initialize = createAction("scrollView/initialize");
-var scrollViewActions = { initialize };
-var scrollViewReducer = (state = defaultScrollViewSettings, action) => {
-  if (initialize.match(action)) return action.payload;
-  return state;
-};
+var scrollViewSlice = (0, import_core2.createSettingsSlice)("scrollView", {
+  initialState: defaultScrollViewSettings,
+  fieldSetters: []
+});
+var scrollViewActions = scrollViewSlice.actions;
+var scrollViewReducer = scrollViewSlice.reducer;
 
 // src/ScrollView.tsx
-var import_react12 = require("react");
+var import_react11 = require("react");
 var import_react_native10 = require("react-native");
 var import_react_native_gesture_handler3 = require("react-native-gesture-handler");
 var import_react_native_reanimated10 = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ScrollViewInner = ({ chipProps, chipThreshold, children, contentContainerStyle: externalContentContainerStyle, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, horizontal, keyboardAware, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, style, ...props }) => {
-  const scrollView = (0, import_react12.useRef)(null);
+  const scrollView = (0, import_react11.useRef)(null);
   const isHorizontal = horizontal === true;
   const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, contentPadding, footerFixed, headerFixed } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, isHorizontal, keyboardAware, pullSearchHeight, style });
-  const { listGeneration, onListUnmount } = (0, import_react12.useContext)(ScrollViewContext);
+  const { listGeneration, onListUnmount } = (0, import_react11.useContext)(ScrollViewContext);
   const capturedGeneration = (0, import_react_native_reanimated10.useSharedValue)(-1);
-  (0, import_react12.useLayoutEffect)(() => {
+  (0, import_react11.useLayoutEffect)(() => {
     const generation = listGeneration.value;
     if (import_react_native10.Platform.OS === "web") {
       capturedGeneration.value = generation;
@@ -1005,8 +1001,8 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, contentContainerSty
       capturedGeneration.value = gen;
     })(generation);
   }, [capturedGeneration, listGeneration]);
-  (0, import_react12.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
-  const scrollTo = (0, import_react12.useCallback)((offset, animated) => {
+  (0, import_react11.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
+  const scrollTo = (0, import_react11.useCallback)((offset, animated) => {
     scrollView.current?.scrollTo({ y: offset, animated });
   }, []);
   const { handleMomentumScrollEnd, handleScrollBeginDrag, handleScrollEndDrag } = useScrollInit({
@@ -1017,7 +1013,7 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, contentContainerSty
     scrollTo
   });
   const handleScroll = useScrollHandler({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, isHorizontal, listGeneration });
-  const handleScrollToTop = (0, import_react12.useCallback)(() => {
+  const handleScrollToTop = (0, import_react11.useCallback)(() => {
     if (isHorizontal) {
       scrollView.current?.scrollTo({ x: 0, animated: true });
       return;
@@ -1025,9 +1021,9 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, contentContainerSty
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollView.current?.scrollTo({ y: offset, animated: true });
   }, [isHorizontal, contentInset.top, pullSearchHeight]);
-  const refreshControl = (0, import_react12.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
-  const nativeGesture = (0, import_react12.useMemo)(() => import_react_native_gesture_handler3.Gesture.Native(), []);
-  const combinedGesture = (0, import_react12.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler3.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
+  const refreshControl = (0, import_react11.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
+  const nativeGesture = (0, import_react11.useMemo)(() => import_react_native_gesture_handler3.Gesture.Native(), []);
+  const combinedGesture = (0, import_react11.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler3.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
   const detectorGesture = gesture !== void 0 ? combinedGesture : void 0;
   const content = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_native10.View, { style: containerStyle, children: [
     /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -1054,11 +1050,11 @@ var ScrollViewInner = ({ chipProps, chipThreshold, children, contentContainerSty
   ] });
   return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native_gesture_handler3.GestureDetector, { gesture: detectorGesture, children: content }) : content;
 };
-var ScrollView = (0, import_react12.memo)(ScrollViewInner);
+var ScrollView = (0, import_react11.memo)(ScrollViewInner);
 
 // src/ScrollViewFooter.tsx
 var import_auto_paper3 = require("@rific/auto-paper");
-var import_react13 = require("react");
+var import_react12 = require("react");
 var import_react_native11 = require("react-native");
 var import_react_native_reanimated11 = __toESM(require("react-native-reanimated"));
 var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
@@ -1070,12 +1066,14 @@ var import_jsx_runtime8 = (
   require("react/jsx-runtime")
 );
 var ScrollViewFooter = ({ children, style }) => {
-  const { blur, footerAboveKeyboard, footerHeight, footerFixed, footerOffset, headerHeightShared, pullSearchHeightShared, scrollPosition, setFooterHeight, snapBackFooterShared, tabBarHeight } = (0, import_react13.useContext)(ScrollViewContext);
+  const { blur, footerAboveKeyboard, footerHeight, footerFixed, footerOffset, headerHeightShared, pullSearchHeightShared, scrollPosition, setFooterHeight, snapBackFooterShared, tabBarHeight } = (0, import_react12.useContext)(ScrollViewContext);
   const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
   const keyboardHeight = useKeyboardInset();
-  const setFooterHeightRef = (0, import_react13.useRef)(setFooterHeight);
-  setFooterHeightRef.current = setFooterHeight;
-  (0, import_react13.useEffect)(
+  const setFooterHeightRef = (0, import_react12.useRef)(setFooterHeight);
+  (0, import_react12.useEffect)(() => {
+    setFooterHeightRef.current = setFooterHeight;
+  });
+  (0, import_react12.useEffect)(
     () => () => {
       setFooterHeightRef.current(null);
     },
@@ -1110,7 +1108,7 @@ var styles6 = import_react_native11.StyleSheet.create({
 
 // src/ScrollViewHeader.tsx
 var import_auto_paper4 = require("@rific/auto-paper");
-var import_react14 = require("react");
+var import_react13 = require("react");
 var import_react_native12 = require("react-native");
 var import_react_native_paper4 = require("react-native-paper");
 var import_react_native_reanimated12 = __toESM(require("react-native-reanimated"));
@@ -1118,8 +1116,8 @@ var import_react_native_safe_area_context4 = require("react-native-safe-area-con
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var ActionBg = ({ blur, style }) => blur ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.View, { style: [import_react_native12.StyleSheet.absoluteFill, styles7.actionBg, style], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_auto_paper4.BlurView, { blur: true, style: import_react_native12.StyleSheet.absoluteFill }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native12.View, { style: [import_react_native12.StyleSheet.absoluteFill, styles7.actionBg, style], pointerEvents: "none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_paper4.Surface, { style: import_react_native12.StyleSheet.absoluteFill, elevation: 1, children: null }) });
 var ScrollViewHeader = ({ actionSize = 48, actionStyle, backAction, backActionAccessibilityLabel, backActionFixed, caption, centerContent, children, iconSize, style, title, topInset = true, trailingAction, trailingActionFixed = true }) => {
-  const { blur, headerHeight, headerFixed, headerHeightShared, headerOffset, progress, progressing, pullSearchHeightShared, scrollPosition, setHeaderHeight, snapBackHeaderShared } = (0, import_react14.useContext)(ScrollViewContext);
-  const { settings } = (0, import_react14.useContext)(ScrollViewSettingsContext);
+  const { blur, headerHeight, headerFixed, headerHeightShared, headerOffset, progress, progressing, pullSearchHeightShared, scrollPosition, setHeaderHeight, snapBackHeaderShared } = (0, import_react13.useContext)(ScrollViewContext);
+  const { settings } = (0, import_react13.useContext)(ScrollViewSettingsContext);
   const effectiveBackActionFixed = backActionFixed ?? settings.backActionFixed;
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
   const theme = (0, import_react_native_paper4.useTheme)();
@@ -1209,23 +1207,23 @@ var styles7 = import_react_native12.StyleSheet.create({
 
 // src/ScrollViewProvider.tsx
 var import_auto_paper5 = require("@rific/auto-paper");
-var import_react15 = require("react");
+var import_react14 = require("react");
 var import_react_native13 = require("react-native");
 var import_react_native_reanimated13 = require("react-native-reanimated");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ScrollViewProvider = ({ blur, children, fixed = false, footerAboveKeyboard = false, footerFixed, headerFixed, snapBack, snapBackFooter, snapBackHeader, tabBarHeight = 0 }) => {
-  const { settings } = (0, import_react15.useContext)(ScrollViewSettingsContext);
+  const { settings } = (0, import_react14.useContext)(ScrollViewSettingsContext);
   const effectiveBlur = (0, import_auto_paper5.useBlur)(blur);
   const effectiveSnapBack = snapBack ?? settings.snapBack;
   const effectiveSnapBackHeader = snapBackHeader ?? settings.snapBackHeader;
   const effectiveSnapBackFooter = snapBackFooter ?? settings.snapBackFooter;
-  const [headerHeight, setHeaderHeightState] = (0, import_react15.useState)(null);
-  const [footerHeight, setFooterHeightState] = (0, import_react15.useState)(null);
-  const [progress, setProgress] = (0, import_react15.useState)(null);
-  const [progressing, setProgressing] = (0, import_react15.useState)(false);
+  const [headerHeight, setHeaderHeightState] = (0, import_react14.useState)(null);
+  const [footerHeight, setFooterHeightState] = (0, import_react14.useState)(null);
+  const [progress, setProgress] = (0, import_react14.useState)(null);
+  const [progressing, setProgressing] = (0, import_react14.useState)(false);
   const scrollPosition = (0, import_react_native_reanimated13.useSharedValue)(0);
   const listGeneration = (0, import_react_native_reanimated13.useSharedValue)(0);
-  const jsListGeneration = (0, import_react15.useRef)(0);
+  const jsListGeneration = (0, import_react14.useRef)(0);
   const headerHeightShared = (0, import_react_native_reanimated13.useSharedValue)(0);
   const footerHeightShared = (0, import_react_native_reanimated13.useSharedValue)(0);
   const headerOffset = (0, import_react_native_reanimated13.useSharedValue)(0);
@@ -1233,11 +1231,11 @@ var ScrollViewProvider = ({ blur, children, fixed = false, footerAboveKeyboard =
   const pullSearchHeightShared = (0, import_react_native_reanimated13.useSharedValue)(0);
   const snapBackHeaderShared = (0, import_react_native_reanimated13.useSharedValue)(false);
   const snapBackFooterShared = (0, import_react_native_reanimated13.useSharedValue)(false);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     snapBackHeaderShared.value = effectiveSnapBackHeader ?? effectiveSnapBack;
     snapBackFooterShared.value = effectiveSnapBackFooter ?? effectiveSnapBack;
   }, [effectiveSnapBack, effectiveSnapBackFooter, effectiveSnapBackHeader, snapBackFooterShared, snapBackHeaderShared]);
-  const setHeaderHeight = (0, import_react15.useCallback)(
+  const setHeaderHeight = (0, import_react14.useCallback)(
     (h) => {
       if (h === 0 && headerHeight) return;
       setHeaderHeightState(h);
@@ -1245,20 +1243,20 @@ var ScrollViewProvider = ({ blur, children, fixed = false, footerAboveKeyboard =
     },
     [headerHeight, headerHeightShared]
   );
-  const onListUnmount = (0, import_react15.useCallback)(() => {
+  const onListUnmount = (0, import_react14.useCallback)(() => {
     listGeneration.value += 1;
   }, [listGeneration]);
-  const onJsListUnmount = (0, import_react15.useCallback)(() => {
+  const onJsListUnmount = (0, import_react14.useCallback)(() => {
     jsListGeneration.current += 1;
   }, []);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (!__DEV__ || headerHeight !== null) return;
     const timeout = setTimeout(() => {
       console.warn("[scroll-view] No ScrollViewHeader ever measured inside this ScrollViewProvider \u2014 scroll content stays hidden (opacity: 0) until one does. Render a <ScrollViewHeader> (it can be empty / zero height) inside this provider.");
     }, 3e3);
     return () => clearTimeout(timeout);
   }, [headerHeight]);
-  (0, import_react15.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (import_react_native13.Platform.OS !== "web" || headerHeight !== null) return;
     let raf2 = 0;
     const raf1 = requestAnimationFrame(() => {
@@ -1269,7 +1267,7 @@ var ScrollViewProvider = ({ blur, children, fixed = false, footerAboveKeyboard =
       cancelAnimationFrame(raf2);
     };
   }, [headerHeight, setHeaderHeight]);
-  const setFooterHeight = (0, import_react15.useCallback)(
+  const setFooterHeight = (0, import_react14.useCallback)(
     (h) => {
       if (h === 0 && footerHeight) return;
       setFooterHeightState(h);
@@ -1277,57 +1275,38 @@ var ScrollViewProvider = ({ blur, children, fixed = false, footerAboveKeyboard =
     },
     [footerHeight, footerHeightShared]
   );
-  const scrollHeight = (0, import_react15.useMemo)(() => import_react_native13.Dimensions.get("window").height - (headerHeight ?? 0) - (footerHeight ?? 0), [headerHeight, footerHeight]);
+  const scrollHeight = (0, import_react14.useMemo)(() => import_react_native13.Dimensions.get("window").height - (headerHeight ?? 0) - (footerHeight ?? 0), [headerHeight, footerHeight]);
   const effectiveHeaderFixed = fixed || (headerFixed ?? settings.headerFixed);
   const effectiveFooterFixed = fixed || (footerFixed ?? settings.footerFixed);
-  const value = (0, import_react15.useMemo)(() => ({ blur: effectiveBlur, footerAboveKeyboard, footerHeight, footerHeightShared, footerFixed: effectiveFooterFixed, footerOffset, headerHeight, headerHeightShared, headerFixed: effectiveHeaderFixed, headerOffset, jsListGeneration, listGeneration, onJsListUnmount, onListUnmount, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, setProgress, setProgressing, snapBackFooterShared, snapBackHeaderShared, tabBarHeight }), [effectiveBlur, footerAboveKeyboard, effectiveFooterFixed, effectiveHeaderFixed, footerHeight, footerHeightShared, footerOffset, headerHeight, headerHeightShared, headerOffset, jsListGeneration, listGeneration, onJsListUnmount, onListUnmount, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, snapBackFooterShared, snapBackHeaderShared, tabBarHeight]);
+  const value = (0, import_react14.useMemo)(() => ({ blur: effectiveBlur, footerAboveKeyboard, footerHeight, footerHeightShared, footerFixed: effectiveFooterFixed, footerOffset, headerHeight, headerHeightShared, headerFixed: effectiveHeaderFixed, headerOffset, jsListGeneration, listGeneration, onJsListUnmount, onListUnmount, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, setProgress, setProgressing, snapBackFooterShared, snapBackHeaderShared, tabBarHeight }), [effectiveBlur, footerAboveKeyboard, effectiveFooterFixed, effectiveHeaderFixed, footerHeight, footerHeightShared, footerOffset, headerHeight, headerHeightShared, headerOffset, jsListGeneration, listGeneration, onJsListUnmount, onListUnmount, progress, pullSearchHeightShared, progressing, scrollHeight, scrollPosition, setFooterHeight, setHeaderHeight, snapBackFooterShared, snapBackHeaderShared, tabBarHeight]);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ScrollViewContext.Provider, { value, children });
 };
 
 // src/ScrollViewSettingsProvider.tsx
-var import_react16 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var ScrollViewSettingsProvider = ({ children, onChange, initialValue }) => {
-  const [settings, setSettings] = (0, import_react16.useState)(() => ({
-    ...defaultScrollViewSettings,
-    ...initialValue
-  }));
-  const set = (0, import_react16.useCallback)(
-    (patch) => {
-      setSettings((prev) => {
-        const next = { ...prev, ...patch };
-        onChange?.(next);
-        return next;
-      });
-    },
-    [onChange]
-  );
-  const ctx = (0, import_react16.useMemo)(() => ({ settings, set }), [settings, set]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScrollViewSettingsContext.Provider, { value: ctx, children });
-};
+var ScrollViewSettingsProvider = scrollViewSettingsProvider;
 
 // src/SectionList.tsx
-var import_react18 = require("react");
+var import_react16 = require("react");
 var import_react_native14 = require("react-native");
 var import_react_native_gesture_handler4 = require("react-native-gesture-handler");
 var import_react_native_reanimated15 = __toESM(require("react-native-reanimated"));
 
 // src/internal/useStickyHeaders.ts
-var import_react17 = require("react");
+var import_react15 = require("react");
 var import_react_native_reanimated14 = require("react-native-reanimated");
 var import_react_native_safe_area_context5 = require("react-native-safe-area-context");
 function useStickyHeaders(headerFixed, enabled) {
-  const { headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackHeaderShared } = (0, import_react17.useContext)(ScrollViewContext);
+  const { headerHeightShared, headerOffset, pullSearchHeightShared, scrollPosition, snapBackHeaderShared } = (0, import_react15.useContext)(ScrollViewContext);
   const insetsTop = (0, import_react_native_safe_area_context5.useSafeAreaInsets)().top;
   const sectionYPositions = (0, import_react_native_reanimated14.useSharedValue)([]);
   const sectionHeights = (0, import_react_native_reanimated14.useSharedValue)([]);
-  const [activeIndex, setActiveIndex] = (0, import_react17.useState)(-1);
+  const [activeIndex, setActiveIndex] = (0, import_react15.useState)(-1);
   const contentIndexShared = (0, import_react_native_reanimated14.useSharedValue)(-1);
-  (0, import_react17.useLayoutEffect)(() => {
+  (0, import_react15.useLayoutEffect)(() => {
     contentIndexShared.value = activeIndex;
   }, [activeIndex, contentIndexShared]);
-  const positionsCache = (0, import_react17.useRef)([]);
-  const heightsCache = (0, import_react17.useRef)([]);
+  const positionsCache = (0, import_react15.useRef)([]);
+  const heightsCache = (0, import_react15.useRef)([]);
   (0, import_react_native_reanimated14.useAnimatedReaction)(
     () => {
       if (!enabled) return -1;
@@ -1404,7 +1383,7 @@ function useStickyHeaders(headerFixed, enabled) {
     }
     return { opacity: 1, top: 0, transform: [{ translateY }] };
   }, [enabled, headerFixed, insetsTop, contentIndexShared, sectionYPositions, headerHeightShared, scrollPosition, snapBackHeaderShared, headerOffset, pullSearchHeightShared, sectionHeights]);
-  const measureHeader = (0, import_react17.useCallback)(
+  const measureHeader = (0, import_react15.useCallback)(
     (index, pageY, height) => {
       const contentY = pageY + scrollPosition.value;
       positionsCache.current[index] = contentY;
@@ -1414,7 +1393,7 @@ function useStickyHeaders(headerFixed, enabled) {
     },
     [scrollPosition, sectionHeights, sectionYPositions]
   );
-  const resetPositions = (0, import_react17.useCallback)(
+  const resetPositions = (0, import_react15.useCallback)(
     (count) => {
       positionsCache.current = Array.from({ length: count }, () => -1);
       sectionYPositions.value = positionsCache.current.slice();
@@ -1427,15 +1406,15 @@ function useStickyHeaders(headerFixed, enabled) {
 }
 
 // src/SectionList.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var AnimatedSectionList = import_react_native_reanimated15.default.createAnimatedComponent(import_react_native14.SectionList);
 var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, initialNumToRender = 20, maxToRenderPerBatch = 50, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews = false, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize = 100, ...props }) => {
-  const scrollView = (0, import_react18.useRef)(null);
+  const scrollView = (0, import_react16.useRef)(null);
   const { stickySectionHeadersEnabled = true, renderSectionHeader, ...passThroughProps } = props;
   const { chipHidden, chipStyle, containerStyle, contentInset, contentOffset, contentPadding, footerFixed, headerFixed, headerHeight } = useScrollList({ footerFixed: footerFixedProp, headerFixed: headerFixedProp, hideUntilMeasured: true, keyboardAware, pullSearchHeight, style });
-  const { listGeneration, onListUnmount } = (0, import_react18.useContext)(ScrollViewContext);
+  const { listGeneration, onListUnmount } = (0, import_react16.useContext)(ScrollViewContext);
   const capturedGeneration = (0, import_react_native_reanimated15.useSharedValue)(-1);
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react16.useLayoutEffect)(() => {
     const generation = listGeneration.value;
     if (import_react_native14.Platform.OS === "web") {
       capturedGeneration.value = generation;
@@ -1448,15 +1427,15 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
   }, [capturedGeneration, listGeneration]);
   const usesCustomSticky = stickySectionHeadersEnabled && renderSectionHeader != null;
   const { activeIndex, clipStyle, measureHeader, overlayStyle, resetPositions } = useStickyHeaders(headerFixed, usesCustomSticky);
-  (0, import_react18.useLayoutEffect)(() => {
+  (0, import_react16.useLayoutEffect)(() => {
     if (usesCustomSticky) resetPositions(sections.length);
   }, [sections, usesCustomSticky, resetPositions, headerHeight]);
-  const sectionViewRefs = (0, import_react18.useRef)(/* @__PURE__ */ new Map());
-  const wrappedRenderSectionHeader = (0, import_react18.useMemo)(() => {
+  const sectionViewRefs = (0, import_react16.useRef)(/* @__PURE__ */ new Map());
+  const wrappedRenderSectionHeader = (0, import_react16.useMemo)(() => {
     if (!usesCustomSticky) return renderSectionHeader ?? void 0;
     return (info) => {
       const idx = sections.findIndex((s) => s === info.section);
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         import_react_native14.View,
         {
           ref: (el) => {
@@ -1473,8 +1452,8 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
       );
     };
   }, [usesCustomSticky, renderSectionHeader, sections, measureHeader]);
-  (0, import_react18.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
-  const scrollTo = (0, import_react18.useCallback)((offset, animated) => {
+  (0, import_react16.useLayoutEffect)(() => () => onListUnmount(), [onListUnmount]);
+  const scrollTo = (0, import_react16.useCallback)((offset, animated) => {
     scrollView.current?.getScrollResponder()?.scrollTo({ y: offset, animated });
   }, []);
   const {
@@ -1492,16 +1471,16 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     pullSearchHeight,
     scrollTo
   });
-  const activeListHeader = (0, import_react18.useMemo)(() => {
+  const activeListHeader = (0, import_react16.useMemo)(() => {
     if (!renderFilters) return pullSearchHeader;
     const Inner = pullSearchHeader;
-    return () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-      Inner ? typeof Inner === "function" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Inner, {}) : Inner : null,
+    return () => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+      Inner ? typeof Inner === "function" ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Inner, {}) : Inner : null,
       renderFilters
     ] });
   }, [pullSearchHeader, renderFilters]);
-  const pullSearchSettled = (0, import_react18.useRef)(false);
-  (0, import_react18.useEffect)(() => {
+  const pullSearchSettled = (0, import_react16.useRef)(false);
+  (0, import_react16.useEffect)(() => {
     if (!usesCustomSticky || activeListHeader == null || pullSearchSettled.current) return;
     pullSearchSettled.current = true;
     const handle = requestAnimationFrame(() => {
@@ -1513,24 +1492,24 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     });
     return () => cancelAnimationFrame(handle);
   }, [activeListHeader, usesCustomSticky, measureHeader]);
-  const contentContainerStyle = (0, import_react18.useMemo)(() => [{ minHeight: import_react_native14.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle, contentPadding], [contentInset.bottom, contentInset.top, contentPadding, externalContentContainerStyle, pullSearchMinHeight]);
+  const contentContainerStyle = (0, import_react16.useMemo)(() => [{ minHeight: import_react_native14.Dimensions.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle, contentPadding], [contentInset.bottom, contentInset.top, contentPadding, externalContentContainerStyle, pullSearchMinHeight]);
   const handleScroll = useScrollHandler({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, listGeneration });
-  const handleScrollToTop = (0, import_react18.useCallback)(() => {
+  const handleScrollToTop = (0, import_react16.useCallback)(() => {
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollView.current?.getScrollResponder()?.scrollTo({ y: offset, animated: true });
   }, [contentInset.top, pullSearchHeight]);
-  const handleContentSizeChange = (0, import_react18.useCallback)(
+  const handleContentSizeChange = (0, import_react16.useCallback)(
     (w, h) => {
       if (onContentSizeChange) onContentSizeChange(w, h);
     },
     [onContentSizeChange]
   );
-  const refreshControl = (0, import_react18.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
-  const nativeGesture = (0, import_react18.useMemo)(() => import_react_native_gesture_handler4.Gesture.Native(), []);
-  const combinedGesture = (0, import_react18.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler4.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
+  const refreshControl = (0, import_react16.useMemo)(() => onRefresh ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(RefreshControl, {}), [onRefresh, refreshing]);
+  const nativeGesture = (0, import_react16.useMemo)(() => import_react_native_gesture_handler4.Gesture.Native(), []);
+  const combinedGesture = (0, import_react16.useMemo)(() => gesture !== void 0 ? import_react_native_gesture_handler4.Gesture.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
   const detectorGesture = gesture !== void 0 ? combinedGesture : void 0;
-  const content = /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_native14.View, { style: containerStyle, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_native14.View, { style: containerStyle, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
       AnimatedSectionList,
       {
         ...passThroughProps,
@@ -1560,29 +1539,28 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
       },
       headerHeight !== null && headerHeight > 0 ? 1 : 0
     ),
-    hiddenHeader && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native14.View, { pointerEvents: "none", style: styles8.measureContainer, children: hiddenHeader }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ScrollViewChip, { chipProps, onChipPress, onPress: handleScrollToTop, style: chipStyle }),
-    usesCustomSticky && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_reanimated15.default.View, { pointerEvents: "none", style: [styles8.stickyClip, clipStyle], children: activeIndex >= 0 && activeIndex < sections.length && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_reanimated15.default.View, { style: [styles8.stickyOverlay, overlayStyle], children: renderSectionHeader({ section: sections[activeIndex] }) }) })
+    hiddenHeader && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native14.View, { pointerEvents: "none", style: styles8.measureContainer, children: hiddenHeader }),
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ScrollViewChip, { chipProps, onChipPress, onPress: handleScrollToTop, style: chipStyle }),
+    usesCustomSticky && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native_reanimated15.default.View, { pointerEvents: "none", style: [styles8.stickyClip, clipStyle], children: activeIndex >= 0 && activeIndex < sections.length && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native_reanimated15.default.View, { style: [styles8.stickyOverlay, overlayStyle], children: renderSectionHeader({ section: sections[activeIndex] }) }) })
   ] });
-  return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_native_gesture_handler4.GestureDetector, { gesture: detectorGesture, children: content }) : content;
+  return detectorGesture ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_native_gesture_handler4.GestureDetector, { gesture: detectorGesture, children: content }) : content;
 };
 var styles8 = {
   measureContainer: { left: 0, opacity: 0, position: "absolute", right: 0, top: -9999 },
   stickyClip: { bottom: 0, left: 0, overflow: "hidden", position: "absolute", right: 0, zIndex: 2 },
   stickyOverlay: { left: 0, position: "absolute", right: 0 }
 };
-var SectionList = (0, import_react18.memo)(SectionListInner);
+var SectionList = (0, import_react16.memo)(SectionListInner);
 
 // src/useScrollView.ts
-var import_react19 = require("react");
+var import_react17 = require("react");
 var useScrollView = () => {
-  const { progress, progressing, scrollHeight, scrollPosition, setProgress, setProgressing } = (0, import_react19.useContext)(ScrollViewContext);
+  const { progress, progressing, scrollHeight, scrollPosition, setProgress, setProgressing } = (0, import_react17.useContext)(ScrollViewContext);
   return { progress, progressing, scrollHeight, scrollPosition, setProgress, setProgressing };
 };
 
 // src/useScrollViewSettings.ts
-var import_react20 = require("react");
-var useScrollViewSettings = () => (0, import_react20.useContext)(ScrollViewSettingsContext);
+var useScrollViewSettings = scrollViewUseSettings;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CustomList,

package/dist/index.mjs

@@ -902,33 +902,29 @@ var styles5 = StyleSheet4.create({
   input: { margin: 0 }
 });
 
+// src/redux/scrollViewSlice.ts
+import { createSettingsSlice } from "@rific/core";
+
 // src/ScrollViewSettingsContext.ts
-import { createContext as createContext2 } from "react";
+import { createSettingsContext } from "@rific/core";
 var defaultScrollViewSettings = {
   backActionFixed: true,
   footerFixed: false,
   headerFixed: false,
   snapBack: false
 };
-var ScrollViewSettingsContext = createContext2({
-  settings: defaultScrollViewSettings,
-  set: () => {
-  }
-});
+var settingsContext = createSettingsContext(defaultScrollViewSettings);
+var ScrollViewSettingsContext = settingsContext.Context;
+var scrollViewSettingsProvider = settingsContext.Provider;
+var scrollViewUseSettings = settingsContext.useSettings;
 
 // src/redux/scrollViewSlice.ts
-var createAction = (type) => {
-  const actionCreator = (payload) => ({ payload, type });
-  actionCreator.type = type;
-  actionCreator.match = (action) => action.type === type;
-  return actionCreator;
-};
-var initialize = createAction("scrollView/initialize");
-var scrollViewActions = { initialize };
-var scrollViewReducer = (state = defaultScrollViewSettings, action) => {
-  if (initialize.match(action)) return action.payload;
-  return state;
-};
+var scrollViewSlice = createSettingsSlice("scrollView", {
+  initialState: defaultScrollViewSettings,
+  fieldSetters: []
+});
+var scrollViewActions = scrollViewSlice.actions;
+var scrollViewReducer = scrollViewSlice.reducer;
 
 // src/ScrollView.tsx
 import { memo as memo3, useCallback as useCallback6, useContext as useContext9, useLayoutEffect as useLayoutEffect4, useMemo as useMemo4, useRef as useRef6 } from "react";
@@ -1016,7 +1012,9 @@ var ScrollViewFooter = ({ children, style }) => {
   const insets = useSafeAreaInsets3();
   const keyboardHeight = useKeyboardInset();
   const setFooterHeightRef = useRef7(setFooterHeight);
-  setFooterHeightRef.current = setFooterHeight;
+  useEffect4(() => {
+    setFooterHeightRef.current = setFooterHeight;
+  });
   useEffect4(
     () => () => {
       setFooterHeightRef.current(null);
@@ -1233,35 +1231,16 @@ var ScrollViewProvider = ({ blur, children, fixed = false, footerAboveKeyboard =
 };
 
 // src/ScrollViewSettingsProvider.tsx
-import { useCallback as useCallback8, useMemo as useMemo6, useState as useState6 } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var ScrollViewSettingsProvider = ({ children, onChange, initialValue }) => {
-  const [settings, setSettings] = useState6(() => ({
-    ...defaultScrollViewSettings,
-    ...initialValue
-  }));
-  const set = useCallback8(
-    (patch) => {
-      setSettings((prev) => {
-        const next = { ...prev, ...patch };
-        onChange?.(next);
-        return next;
-      });
-    },
-    [onChange]
-  );
-  const ctx = useMemo6(() => ({ settings, set }), [settings, set]);
-  return /* @__PURE__ */ jsx11(ScrollViewSettingsContext.Provider, { value: ctx, children });
-};
+var ScrollViewSettingsProvider = scrollViewSettingsProvider;
 
 // src/SectionList.tsx
-import { memo as memo4, useCallback as useCallback10, useContext as useContext14, useEffect as useEffect6, useLayoutEffect as useLayoutEffect6, useMemo as useMemo7, useRef as useRef10 } from "react";
+import { memo as memo4, useCallback as useCallback9, useContext as useContext14, useEffect as useEffect6, useLayoutEffect as useLayoutEffect6, useMemo as useMemo6, useRef as useRef10 } from "react";
 import { Dimensions as Dimensions4, Platform as Platform6, SectionList as RNSectionList, View as View7 } from "react-native";
 import { Gesture as Gesture4, GestureDetector as GestureDetector4 } from "react-native-gesture-handler";
 import Animated7, { runOnUI as runOnUI3, useSharedValue as useSharedValue9 } from "react-native-reanimated";
 
 // src/internal/useStickyHeaders.ts
-import { useCallback as useCallback9, useContext as useContext13, useLayoutEffect as useLayoutEffect5, useRef as useRef9, useState as useState7 } from "react";
+import { useCallback as useCallback8, useContext as useContext13, useLayoutEffect as useLayoutEffect5, useRef as useRef9, useState as useState6 } from "react";
 import { runOnJS as runOnJS4, useAnimatedReaction as useAnimatedReaction2, useAnimatedStyle as useAnimatedStyle6, useSharedValue as useSharedValue8 } from "react-native-reanimated";
 import { useSafeAreaInsets as useSafeAreaInsets5 } from "react-native-safe-area-context";
 function useStickyHeaders(headerFixed, enabled) {
@@ -1269,7 +1248,7 @@ function useStickyHeaders(headerFixed, enabled) {
   const insetsTop = useSafeAreaInsets5().top;
   const sectionYPositions = useSharedValue8([]);
   const sectionHeights = useSharedValue8([]);
-  const [activeIndex, setActiveIndex] = useState7(-1);
+  const [activeIndex, setActiveIndex] = useState6(-1);
   const contentIndexShared = useSharedValue8(-1);
   useLayoutEffect5(() => {
     contentIndexShared.value = activeIndex;
@@ -1352,7 +1331,7 @@ function useStickyHeaders(headerFixed, enabled) {
     }
     return { opacity: 1, top: 0, transform: [{ translateY }] };
   }, [enabled, headerFixed, insetsTop, contentIndexShared, sectionYPositions, headerHeightShared, scrollPosition, snapBackHeaderShared, headerOffset, pullSearchHeightShared, sectionHeights]);
-  const measureHeader = useCallback9(
+  const measureHeader = useCallback8(
     (index, pageY, height) => {
       const contentY = pageY + scrollPosition.value;
       positionsCache.current[index] = contentY;
@@ -1362,7 +1341,7 @@ function useStickyHeaders(headerFixed, enabled) {
     },
     [scrollPosition, sectionHeights, sectionYPositions]
   );
-  const resetPositions = useCallback9(
+  const resetPositions = useCallback8(
     (count) => {
       positionsCache.current = Array.from({ length: count }, () => -1);
       sectionYPositions.value = positionsCache.current.slice();
@@ -1375,7 +1354,7 @@ function useStickyHeaders(headerFixed, enabled) {
 }
 
 // src/SectionList.tsx
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 var AnimatedSectionList = Animated7.createAnimatedComponent(RNSectionList);
 var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: externalContentContainerStyle, initialNumToRender = 20, maxToRenderPerBatch = 50, renderFilters, footerFixed: footerFixedProp, gesture, headerFixed: headerFixedProp, keyboardAware, ListHeaderComponent: externalListHeaderComponent, onChipPress, onMomentumScrollEnd: externalMomentumScrollEnd, onRefresh, onContentSizeChange, onScrollBeginDrag: externalScrollBeginDrag, onScrollEndDrag: externalScrollEndDrag, pullSearchHeight, refreshing, removeClippedSubviews = false, sections, showsVerticalScrollIndicator, style, ref: externalRef, windowSize = 100, ...props }) => {
   const scrollView = useRef10(null);
@@ -1400,11 +1379,11 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     if (usesCustomSticky) resetPositions(sections.length);
   }, [sections, usesCustomSticky, resetPositions, headerHeight]);
   const sectionViewRefs = useRef10(/* @__PURE__ */ new Map());
-  const wrappedRenderSectionHeader = useMemo7(() => {
+  const wrappedRenderSectionHeader = useMemo6(() => {
     if (!usesCustomSticky) return renderSectionHeader ?? void 0;
     return (info) => {
       const idx = sections.findIndex((s) => s === info.section);
-      return /* @__PURE__ */ jsx12(
+      return /* @__PURE__ */ jsx11(
         View7,
         {
           ref: (el) => {
@@ -1422,7 +1401,7 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     };
   }, [usesCustomSticky, renderSectionHeader, sections, measureHeader]);
   useLayoutEffect6(() => () => onListUnmount(), [onListUnmount]);
-  const scrollTo = useCallback10((offset, animated) => {
+  const scrollTo = useCallback9((offset, animated) => {
     scrollView.current?.getScrollResponder()?.scrollTo({ y: offset, animated });
   }, []);
   const {
@@ -1440,11 +1419,11 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     pullSearchHeight,
     scrollTo
   });
-  const activeListHeader = useMemo7(() => {
+  const activeListHeader = useMemo6(() => {
     if (!renderFilters) return pullSearchHeader;
     const Inner = pullSearchHeader;
     return () => /* @__PURE__ */ jsxs7(Fragment5, { children: [
-      Inner ? typeof Inner === "function" ? /* @__PURE__ */ jsx12(Inner, {}) : Inner : null,
+      Inner ? typeof Inner === "function" ? /* @__PURE__ */ jsx11(Inner, {}) : Inner : null,
       renderFilters
     ] });
   }, [pullSearchHeader, renderFilters]);
@@ -1461,24 +1440,24 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
     });
     return () => cancelAnimationFrame(handle);
   }, [activeListHeader, usesCustomSticky, measureHeader]);
-  const contentContainerStyle = useMemo7(() => [{ minHeight: Dimensions4.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle, contentPadding], [contentInset.bottom, contentInset.top, contentPadding, externalContentContainerStyle, pullSearchMinHeight]);
+  const contentContainerStyle = useMemo6(() => [{ minHeight: Dimensions4.get("window").height - contentInset.top - contentInset.bottom + pullSearchMinHeight }, externalContentContainerStyle, contentPadding], [contentInset.bottom, contentInset.top, contentPadding, externalContentContainerStyle, pullSearchMinHeight]);
   const handleScroll = useScrollHandler({ capturedGeneration, chipHidden, chipThreshold, footerFixed, headerFixed, listGeneration });
-  const handleScrollToTop = useCallback10(() => {
+  const handleScrollToTop = useCallback9(() => {
     const offset = pullSearchHeight ? -contentInset.top + pullSearchHeight : -contentInset.top;
     scrollView.current?.getScrollResponder()?.scrollTo({ y: offset, animated: true });
   }, [contentInset.top, pullSearchHeight]);
-  const handleContentSizeChange = useCallback10(
+  const handleContentSizeChange = useCallback9(
     (w, h) => {
       if (onContentSizeChange) onContentSizeChange(w, h);
     },
     [onContentSizeChange]
   );
-  const refreshControl = useMemo7(() => onRefresh ? /* @__PURE__ */ jsx12(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ jsx12(RefreshControl, {}), [onRefresh, refreshing]);
-  const nativeGesture = useMemo7(() => Gesture4.Native(), []);
-  const combinedGesture = useMemo7(() => gesture !== void 0 ? Gesture4.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
+  const refreshControl = useMemo6(() => onRefresh ? /* @__PURE__ */ jsx11(RefreshControl, { onRefresh, refreshing: refreshing ?? false }) : /* @__PURE__ */ jsx11(RefreshControl, {}), [onRefresh, refreshing]);
+  const nativeGesture = useMemo6(() => Gesture4.Native(), []);
+  const combinedGesture = useMemo6(() => gesture !== void 0 ? Gesture4.Simultaneous(gesture, nativeGesture) : nativeGesture, [gesture, nativeGesture]);
   const detectorGesture = gesture !== void 0 ? combinedGesture : void 0;
   const content = /* @__PURE__ */ jsxs7(View7, { style: containerStyle, children: [
-    /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsx11(
       AnimatedSectionList,
       {
         ...passThroughProps,
@@ -1508,11 +1487,11 @@ var SectionListInner = ({ chipProps, chipThreshold, contentContainerStyle: exter
       },
       headerHeight !== null && headerHeight > 0 ? 1 : 0
     ),
-    hiddenHeader && /* @__PURE__ */ jsx12(View7, { pointerEvents: "none", style: styles8.measureContainer, children: hiddenHeader }),
-    /* @__PURE__ */ jsx12(ScrollViewChip, { chipProps, onChipPress, onPress: handleScrollToTop, style: chipStyle }),
-    usesCustomSticky && /* @__PURE__ */ jsx12(Animated7.View, { pointerEvents: "none", style: [styles8.stickyClip, clipStyle], children: activeIndex >= 0 && activeIndex < sections.length && /* @__PURE__ */ jsx12(Animated7.View, { style: [styles8.stickyOverlay, overlayStyle], children: renderSectionHeader({ section: sections[activeIndex] }) }) })
+    hiddenHeader && /* @__PURE__ */ jsx11(View7, { pointerEvents: "none", style: styles8.measureContainer, children: hiddenHeader }),
+    /* @__PURE__ */ jsx11(ScrollViewChip, { chipProps, onChipPress, onPress: handleScrollToTop, style: chipStyle }),
+    usesCustomSticky && /* @__PURE__ */ jsx11(Animated7.View, { pointerEvents: "none", style: [styles8.stickyClip, clipStyle], children: activeIndex >= 0 && activeIndex < sections.length && /* @__PURE__ */ jsx11(Animated7.View, { style: [styles8.stickyOverlay, overlayStyle], children: renderSectionHeader({ section: sections[activeIndex] }) }) })
   ] });
-  return detectorGesture ? /* @__PURE__ */ jsx12(GestureDetector4, { gesture: detectorGesture, children: content }) : content;
+  return detectorGesture ? /* @__PURE__ */ jsx11(GestureDetector4, { gesture: detectorGesture, children: content }) : content;
 };
 var styles8 = {
   measureContainer: { left: 0, opacity: 0, position: "absolute", right: 0, top: -9999 },
@@ -1529,8 +1508,7 @@ var useScrollView = () => {
 };
 
 // src/useScrollViewSettings.ts
-import { useContext as useContext16 } from "react";
-var useScrollViewSettings = () => useContext16(ScrollViewSettingsContext);
+var useScrollViewSettings = scrollViewUseSettings;
 export {
   CustomList,
   FlatList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rific/scroll-view",
-  "version": "0.7.1",
+  "version": "0.8.2",
   "description": "Blur styled scroll system for React Native. Floating headers/footers, keyboard awareness, and scroll-away chrome",
   "keywords": [
     "react-native",
@@ -62,10 +62,11 @@
   "prettier": "@infinitetoken/eslint-config/prettier",
   "devDependencies": {
     "@infinitetoken/eslint-config": "0.2.0",
-    "@infinitetoken/jest-config": "^0.3.0",
-    "@infinitetoken/tsconfig": "^0.4.1",
+    "@infinitetoken/jest-config": "^0.4.0",
+    "@infinitetoken/tsconfig": "^0.5.0",
     "@reduxjs/toolkit": "^2.12.0",
-    "@rific/auto-paper": "^0.10.3",
+    "@rific/auto-paper": "^0.12.0",
+    "@rific/core": "^0.2.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/jest": "^30.0.0",
@@ -90,7 +91,8 @@
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "@rific/auto-paper": "^0.10.0",
+    "@rific/auto-paper": ">=0.10.0",
+    "@rific/core": "^0.2.0",
     "react": ">=19.0.0",
     "react-native": ">=0.83.0",
     "react-native-gesture-handler": ">=2.0.0 <3.0.0",

package/src/ScrollViewFooter.tsx

@@ -24,8 +24,13 @@ export const ScrollViewFooter = ({ children, style }: ScrollViewFooterProps) =>
   // recover it (the DOM node's true size never changed, so onLayout never fires again). Reading
   // through a ref sidesteps that: the effect itself only ever runs once, on mount/unmount, so its
   // cleanup fires exactly when it's meant to (a real unmount) rather than after every measurement.
+  // The mirror below has to be effect-based too, not a bare render-time assignment: writing to the
+  // ref during render is a React-render-purity violation (render can be discarded/replayed), so it's
+  // done in its own no-deps effect, which still re-runs on every commit and keeps the ref current.
   const setFooterHeightRef = useRef(setFooterHeight)
-  setFooterHeightRef.current = setFooterHeight
+  useEffect(() => {
+    setFooterHeightRef.current = setFooterHeight
+  })
   useEffect(
     () => () => {
       setFooterHeightRef.current(null)

package/src/ScrollViewSettingsContext.ts

@@ -1,4 +1,4 @@
-import { createContext } from 'react'
+import { createSettingsContext, type SettingsContextValue } from '@rific/core'
 
 export type ScrollViewSettings = {
   backActionFixed: boolean
@@ -16,12 +16,13 @@ export const defaultScrollViewSettings: ScrollViewSettings = {
   snapBack: false
 }
 
-export type ScrollViewSettingsContextType = {
-  settings: ScrollViewSettings
-  set: (patch: Partial<ScrollViewSettings>) => void
-}
+export type ScrollViewSettingsContextType = SettingsContextValue<ScrollViewSettings>
+
+// Single createSettingsContext() call, shared by ScrollViewSettingsProvider.tsx and
+// useScrollViewSettings.ts (each just re-exports the relevant piece under its original name) so
+// there's exactly one Context instance backing all three files, same as before this migration.
+const settingsContext = createSettingsContext<ScrollViewSettings>(defaultScrollViewSettings)
 
-export const ScrollViewSettingsContext = createContext<ScrollViewSettingsContextType>({
-  settings: defaultScrollViewSettings,
-  set: () => {}
-})
+export const ScrollViewSettingsContext = settingsContext.Context
+export const scrollViewSettingsProvider = settingsContext.Provider
+export const scrollViewUseSettings = settingsContext.useSettings

package/src/ScrollViewSettingsProvider.tsx

@@ -1,31 +1,7 @@
-import { type ReactNode, useCallback, useMemo, useState } from 'react'
+import type { SettingsProviderProps } from '@rific/core'
 
-import { defaultScrollViewSettings, type ScrollViewSettings, ScrollViewSettingsContext } from './ScrollViewSettingsContext'
+import { type ScrollViewSettings, scrollViewSettingsProvider } from './ScrollViewSettingsContext'
 
-export type ScrollViewSettingsProviderProps = {
-  children: ReactNode
-  onChange?: (settings: ScrollViewSettings) => void
-  initialValue?: Partial<ScrollViewSettings>
-}
+export type ScrollViewSettingsProviderProps = SettingsProviderProps<ScrollViewSettings>
 
-export const ScrollViewSettingsProvider = ({ children, onChange, initialValue }: ScrollViewSettingsProviderProps) => {
-  const [settings, setSettings] = useState<ScrollViewSettings>(() => ({
-    ...defaultScrollViewSettings,
-    ...initialValue
-  }))
-
-  const set = useCallback(
-    (patch: Partial<ScrollViewSettings>) => {
-      setSettings((prev) => {
-        const next = { ...prev, ...patch }
-        onChange?.(next)
-        return next
-      })
-    },
-    [onChange]
-  )
-
-  const ctx = useMemo(() => ({ settings, set }), [settings, set])
-
-  return <ScrollViewSettingsContext.Provider value={ctx}>{children}</ScrollViewSettingsContext.Provider>
-}
+export const ScrollViewSettingsProvider = scrollViewSettingsProvider

package/src/redux/scrollViewSlice.ts

@@ -1,22 +1,13 @@
-import { defaultScrollViewSettings, type ScrollViewSettings } from '../ScrollViewSettingsContext'
-
-// Hand-rolled slice — no @reduxjs/toolkit dependency. Action types and creator
-// behavior match the previous createSlice implementation exactly, so this works
-// with RTK stores, vanilla Redux, or any reducer-based state container.
-type PayloadAction<P> = { payload: P; type: string }
+import { createSettingsSlice } from '@rific/core'
 
-const createAction = <P>(type: string) => {
-  const actionCreator = (payload: P): PayloadAction<P> => ({ payload, type })
-  actionCreator.type = type
-  actionCreator.match = (action: { type: string }): action is PayloadAction<P> => action.type === type
-  return actionCreator
-}
-
-const initialize = createAction<ScrollViewSettings>('scrollView/initialize')
+import { defaultScrollViewSettings, type ScrollViewSettings } from '../ScrollViewSettingsContext'
 
-export const scrollViewActions = { initialize }
+// scrollView has no per-field setters, just a full-replace initialize — matches the previous
+// hand-rolled slice exactly (action type 'scrollView/initialize', full-state-replace behavior).
+const scrollViewSlice = createSettingsSlice<ScrollViewSettings>('scrollView', {
+  initialState: defaultScrollViewSettings,
+  fieldSetters: []
+})
 
-export const scrollViewReducer = (state: ScrollViewSettings = defaultScrollViewSettings, action: { type: string }): ScrollViewSettings => {
-  if (initialize.match(action)) return action.payload
-  return state
-}
+export const scrollViewActions = scrollViewSlice.actions
+export const scrollViewReducer = scrollViewSlice.reducer

package/src/useScrollViewSettings.ts

@@ -1,5 +1,3 @@
-import { useContext } from 'react'
+import { scrollViewUseSettings } from './ScrollViewSettingsContext'
 
-import { ScrollViewSettingsContext } from './ScrollViewSettingsContext'
-
-export const useScrollViewSettings = () => useContext(ScrollViewSettingsContext)
+export const useScrollViewSettings = scrollViewUseSettings