@fountain-ui/lab 2.0.0-beta.12 → 2.0.0-beta.13

package/build/module/Carousel/components/ScrollViewGesture.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Animated","PanGestureHandler","State","GestureHandlerState","SCROLL_TO_ADJACENT_TX_THRESHOLD","SCROLL_TO_ADJACENT_VX_THRESHOLD","ACTIVE_OFFSET_ABS_X","activeOffsetX","endAnimationStates","CANCELLED","END","shouldScrollToAdjacent","translationX","velocityX","Math","abs","ScrollViewGesture","props","autoplayController","children","finalizeAnimation","offsetTx","scrollEnabled","startAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","handleGestureEvent","event","nativeEvent","useNativeDriver","handleHandlerStateChange","state","includes","userDirection"],"sources":["ScrollViewGesture.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useCallback } from 'react';\nimport { Animated } from 'react-native';\nimport type { PanGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';\nimport { PanGestureHandler, State as GestureHandlerState } from 'react-native-gesture-handler';\nimport type { AutoplayController, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface ScrollViewGestureProps {\n    autoplayController: AutoplayController;\n    children: ReactNode;\n    finalizeAnimation: () => void;\n    offsetTx: Animated.Value,\n    scrollEnabled: boolean;\n    startAnimation: StartPagingAnimation;\n}\n\nconst SCROLL_TO_ADJACENT_TX_THRESHOLD = 60;\nconst SCROLL_TO_ADJACENT_VX_THRESHOLD = 500;\n\nconst ACTIVE_OFFSET_ABS_X = 5;\nconst activeOffsetX: number[] = [-ACTIVE_OFFSET_ABS_X, ACTIVE_OFFSET_ABS_X];\n\nconst endAnimationStates: Readonly<GestureHandlerState[]> = [\n    GestureHandlerState.CANCELLED,\n    GestureHandlerState.END,\n];\n\nfunction shouldScrollToAdjacent(translationX: number, velocityX: number): boolean {\n    return Math.abs(translationX) >= SCROLL_TO_ADJACENT_TX_THRESHOLD\n        || Math.abs(velocityX) >= SCROLL_TO_ADJACENT_VX_THRESHOLD;\n}\n\nexport default function ScrollViewGesture(props: ScrollViewGestureProps) {\n    const {\n        autoplayController,\n        children,\n        finalizeAnimation,\n        offsetTx,\n        scrollEnabled,\n        startAnimation,\n    } = props;\n\n    const { pause: pauseAutoplay, resume: resumeAutoplay } = autoplayController;\n\n    const handleGestureBegin = useCallback(() => {\n        pauseAutoplay();\n\n        finalizeAnimation();\n    }, [finalizeAnimation, pauseAutoplay]);\n\n    const handleGestureEvent = useCallback(Animated.event(\n        [{ nativeEvent: { translationX: offsetTx } }],\n        { useNativeDriver: true },\n    ), []);\n\n    const handleHandlerStateChange = useCallback((event: PanGestureHandlerStateChangeEvent) => {\n        const { nativeEvent: { translationX, velocityX, state } } = event;\n\n        if (endAnimationStates.includes(state)) {\n            const userDirection: PagingDirection = shouldScrollToAdjacent(translationX, velocityX)\n                ? (translationX < 0 ? 'next' : 'prev')\n                : 'stay';\n\n            startAnimation(userDirection, true);\n\n            resumeAutoplay();\n        }\n    }, [startAnimation, resumeAutoplay]);\n\n    return (\n        <PanGestureHandler\n            activeOffsetX={activeOffsetX}\n            children={children}\n            enabled={scrollEnabled}\n            onBegan={handleGestureBegin}\n            onGestureEvent={handleGestureEvent}\n            onHandlerStateChange={handleHandlerStateChange}\n        />\n    );\n}\n"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,iBAAT,EAA4BC,KAAK,IAAIC,mBAArC,QAAgE,8BAAhE;AAYA,MAAMC,+BAA+B,GAAG,EAAxC;AACA,MAAMC,+BAA+B,GAAG,GAAxC;AAEA,MAAMC,mBAAmB,GAAG,CAA5B;AACA,MAAMC,aAAuB,GAAG,CAAC,CAACD,mBAAF,EAAuBA,mBAAvB,CAAhC;AAEA,MAAME,kBAAmD,GAAG,CACxDL,mBAAmB,CAACM,SADoC,EAExDN,mBAAmB,CAACO,GAFoC,CAA5D;;AAKA,SAASC,sBAAT,CAAgCC,YAAhC,EAAsDC,SAAtD,EAAkF;EAC9E,OAAOC,IAAI,CAACC,GAAL,CAASH,YAAT,KAA0BR,+BAA1B,IACAU,IAAI,CAACC,GAAL,CAASF,SAAT,KAAuBR,+BAD9B;AAEH;;AAED,eAAe,SAASW,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IACFC,kBADE;IAEFC,QAFE;IAGFC,iBAHE;IAIFC,QAJE;IAKFC,aALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAM;IAAEO,KAAK,EAAEC,aAAT;IAAwBC,MAAM,EAAEC;EAAhC,IAAmDT,kBAAzD;EAEA,MAAMU,kBAAkB,GAAG7B,WAAW,CAAC,MAAM;IACzC0B,aAAa;IAEbL,iBAAiB;EACpB,CAJqC,EAInC,CAACA,iBAAD,EAAoBK,aAApB,CAJmC,CAAtC;EAMA,MAAMI,kBAAkB,GAAG9B,WAAW,CAACC,QAAQ,CAAC8B,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAEnB,YAAY,EAAES;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEW,eAAe,EAAE;EAAnB,CAFmC,CAAD,EAGnC,EAHmC,CAAtC;EAKA,MAAMC,wBAAwB,GAAGlC,WAAW,CAAE+B,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAEnB,YAAF;QAAgBC,SAAhB;QAA2BqB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAItB,kBAAkB,CAAC2B,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,aAA8B,GAAGzB,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAChCD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADI,GAEjC,MAFN;MAIAW,cAAc,CAACa,aAAD,EAAgB,IAAhB,CAAd;MAEAT,cAAc;IACjB;EACJ,CAZ2C,EAYzC,CAACJ,cAAD,EAAiBI,cAAjB,CAZyC,CAA5C;EAcA,oBACI,oBAAC,iBAAD;IACI,aAAa,EAAEpB,aADnB;IAEI,QAAQ,EAAEY,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEC,kBALpB;IAMI,oBAAoB,EAAEI;EAN1B,EADJ;AAUH"}
+{"version":3,"names":["React","useCallback","Animated","PanGestureHandler","State","GestureHandlerState","SCROLL_TO_ADJACENT_TX_THRESHOLD","SCROLL_TO_ADJACENT_VX_THRESHOLD","ACTIVE_OFFSET_ABS_X","activeOffsetX","endAnimationStates","CANCELLED","END","shouldScrollToAdjacent","translationX","velocityX","isSameDirection","isEnoughMovement","Math","abs","ScrollViewGesture","props","autoplayController","children","finalizeAnimation","offsetTx","scrollEnabled","startPagingAnimation","pause","pauseAutoplay","resume","resumeAutoplay","handleGestureBegin","handleGestureEvent","event","nativeEvent","useNativeDriver","handleHandlerStateChange","state","includes","direction","isOriginatedFromGesture"],"sources":["ScrollViewGesture.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useCallback } from 'react';\nimport { Animated } from 'react-native';\nimport type { PanGestureHandlerStateChangeEvent } from 'react-native-gesture-handler';\nimport { PanGestureHandler, State as GestureHandlerState } from 'react-native-gesture-handler';\nimport type { AutoplayController, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface ScrollViewGestureProps {\n    autoplayController: AutoplayController;\n    children: ReactNode;\n    finalizeAnimation: () => void;\n    offsetTx: Animated.Value,\n    scrollEnabled: boolean;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nconst SCROLL_TO_ADJACENT_TX_THRESHOLD = 80;\nconst SCROLL_TO_ADJACENT_VX_THRESHOLD = 1000;\n\nconst ACTIVE_OFFSET_ABS_X = 5;\nconst activeOffsetX: number[] = [-ACTIVE_OFFSET_ABS_X, ACTIVE_OFFSET_ABS_X];\n\nconst endAnimationStates: Readonly<GestureHandlerState[]> = [\n    GestureHandlerState.CANCELLED,\n    GestureHandlerState.END,\n];\n\nfunction shouldScrollToAdjacent(translationX: number, velocityX: number): boolean {\n    const isSameDirection = translationX * velocityX > 0;\n    const isEnoughMovement =\n        Math.abs(translationX) >= SCROLL_TO_ADJACENT_TX_THRESHOLD\n        || Math.abs(velocityX) >= SCROLL_TO_ADJACENT_VX_THRESHOLD;\n\n    return isSameDirection && isEnoughMovement;\n}\n\nexport default function ScrollViewGesture(props: ScrollViewGestureProps) {\n    const {\n        autoplayController,\n        children,\n        finalizeAnimation,\n        offsetTx,\n        scrollEnabled,\n        startPagingAnimation,\n    } = props;\n\n    const { pause: pauseAutoplay, resume: resumeAutoplay } = autoplayController;\n\n    const handleGestureBegin = useCallback(() => {\n        pauseAutoplay();\n\n        finalizeAnimation();\n    }, [finalizeAnimation, pauseAutoplay]);\n\n    const handleGestureEvent = useCallback(Animated.event(\n        [{ nativeEvent: { translationX: offsetTx } }],\n        { useNativeDriver: true },\n    ), []);\n\n    const handleHandlerStateChange = useCallback((event: PanGestureHandlerStateChangeEvent) => {\n        const { nativeEvent: { translationX, velocityX, state } } = event;\n\n        if (endAnimationStates.includes(state)) {\n            const direction: PagingDirection = shouldScrollToAdjacent(translationX, velocityX)\n                ? (translationX < 0 ? 'next' : 'prev')\n                : 'stay';\n\n            startPagingAnimation(\n                'directional',\n                { direction: direction, isOriginatedFromGesture: true },\n            );\n\n            resumeAutoplay();\n        }\n    }, [startPagingAnimation, resumeAutoplay]);\n\n    return (\n        <PanGestureHandler\n            activeOffsetX={activeOffsetX}\n            children={children}\n            enabled={scrollEnabled}\n            onBegan={handleGestureBegin}\n            onGestureEvent={handleGestureEvent}\n            onHandlerStateChange={handleHandlerStateChange}\n        />\n    );\n}\n"],"mappings":"AACA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyB,cAAzB;AAEA,SAASC,iBAAT,EAA4BC,KAAK,IAAIC,mBAArC,QAAgE,8BAAhE;AAYA,MAAMC,+BAA+B,GAAG,EAAxC;AACA,MAAMC,+BAA+B,GAAG,IAAxC;AAEA,MAAMC,mBAAmB,GAAG,CAA5B;AACA,MAAMC,aAAuB,GAAG,CAAC,CAACD,mBAAF,EAAuBA,mBAAvB,CAAhC;AAEA,MAAME,kBAAmD,GAAG,CACxDL,mBAAmB,CAACM,SADoC,EAExDN,mBAAmB,CAACO,GAFoC,CAA5D;;AAKA,SAASC,sBAAT,CAAgCC,YAAhC,EAAsDC,SAAtD,EAAkF;EAC9E,MAAMC,eAAe,GAAGF,YAAY,GAAGC,SAAf,GAA2B,CAAnD;EACA,MAAME,gBAAgB,GAClBC,IAAI,CAACC,GAAL,CAASL,YAAT,KAA0BR,+BAA1B,IACGY,IAAI,CAACC,GAAL,CAASJ,SAAT,KAAuBR,+BAF9B;EAIA,OAAOS,eAAe,IAAIC,gBAA1B;AACH;;AAED,eAAe,SAASG,iBAAT,CAA2BC,KAA3B,EAA0D;EACrE,MAAM;IACFC,kBADE;IAEFC,QAFE;IAGFC,iBAHE;IAIFC,QAJE;IAKFC,aALE;IAMFC;EANE,IAOFN,KAPJ;EASA,MAAM;IAAEO,KAAK,EAAEC,aAAT;IAAwBC,MAAM,EAAEC;EAAhC,IAAmDT,kBAAzD;EAEA,MAAMU,kBAAkB,GAAG/B,WAAW,CAAC,MAAM;IACzC4B,aAAa;IAEbL,iBAAiB;EACpB,CAJqC,EAInC,CAACA,iBAAD,EAAoBK,aAApB,CAJmC,CAAtC;EAMA,MAAMI,kBAAkB,GAAGhC,WAAW,CAACC,QAAQ,CAACgC,KAAT,CACnC,CAAC;IAAEC,WAAW,EAAE;MAAErB,YAAY,EAAEW;IAAhB;EAAf,CAAD,CADmC,EAEnC;IAAEW,eAAe,EAAE;EAAnB,CAFmC,CAAD,EAGnC,EAHmC,CAAtC;EAKA,MAAMC,wBAAwB,GAAGpC,WAAW,CAAEiC,KAAD,IAA8C;IACvF,MAAM;MAAEC,WAAW,EAAE;QAAErB,YAAF;QAAgBC,SAAhB;QAA2BuB;MAA3B;IAAf,IAAsDJ,KAA5D;;IAEA,IAAIxB,kBAAkB,CAAC6B,QAAnB,CAA4BD,KAA5B,CAAJ,EAAwC;MACpC,MAAME,SAA0B,GAAG3B,sBAAsB,CAACC,YAAD,EAAeC,SAAf,CAAtB,GAC5BD,YAAY,GAAG,CAAf,GAAmB,MAAnB,GAA4B,MADA,GAE7B,MAFN;MAIAa,oBAAoB,CAChB,aADgB,EAEhB;QAAEa,SAAS,EAAEA,SAAb;QAAwBC,uBAAuB,EAAE;MAAjD,CAFgB,CAApB;MAKAV,cAAc;IACjB;EACJ,CAf2C,EAezC,CAACJ,oBAAD,EAAuBI,cAAvB,CAfyC,CAA5C;EAiBA,oBACI,oBAAC,iBAAD;IACI,aAAa,EAAEtB,aADnB;IAEI,QAAQ,EAAEc,QAFd;IAGI,OAAO,EAAEG,aAHb;IAII,OAAO,EAAEM,kBAJb;IAKI,cAAc,EAAEC,kBALpB;IAMI,oBAAoB,EAAEI;EAN1B,EADJ;AAUH"}

package/build/module/Carousel/hooks/useAutoplayController.js

@@ -14,7 +14,10 @@ export default function useAutoplayController(config) {
     }
 
     executor.execute(() => {
-      startPagingAnimation('next', false);
+      startPagingAnimation('directional', {
+        direction: 'next',
+        isOriginatedFromGesture: false
+      });
       play();
     }, intervalMillis);
   }, [intervalMillis, startPagingAnimation]);

package/build/module/Carousel/hooks/useAutoplayController.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useRef","useDeferredExecutor","useAutoplayController","config","enabled","intervalMillis","startPagingAnimation","paused","executor","play","current","execute","pause","cancel","resume"],"sources":["useAutoplayController.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { AutoplayController, StartPagingAnimation } from '../types';\nimport { useDeferredExecutor } from '../../hooks';\n\nexport interface AutoplayConfig {\n    enabled: boolean;\n    intervalMillis: number;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nexport default function useAutoplayController(config: AutoplayConfig): AutoplayController {\n    const {\n        enabled,\n        intervalMillis,\n        startPagingAnimation,\n    } = config;\n\n    const paused = useRef<boolean>(false);\n\n    const executor = useDeferredExecutor();\n\n    const play = useCallback(() => {\n        if (paused.current) {\n            return;\n        }\n\n        executor.execute(() => {\n            startPagingAnimation('next', false);\n            play();\n        }, intervalMillis);\n    }, [intervalMillis, startPagingAnimation]);\n\n    const pause = useCallback(() => {\n        executor.cancel();\n        paused.current = true;\n    }, []);\n\n    const resume = useCallback(() => {\n        paused.current = false;\n        if (enabled) {\n            play();\n        }\n    }, [play, enabled]);\n\n    useEffect(() => {\n        if (enabled) {\n            resume();\n        } else {\n            pause();\n        }\n    }, [enabled]);\n\n    return { pause, resume };\n};\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,QAA+C,OAA/C;AAEA,SAASC,mBAAT,QAAoC,aAApC;AAQA,eAAe,SAASC,qBAAT,CAA+BC,MAA/B,EAA2E;EACtF,MAAM;IACFC,OADE;IAEFC,cAFE;IAGFC;EAHE,IAIFH,MAJJ;EAMA,MAAMI,MAAM,GAAGP,MAAM,CAAU,KAAV,CAArB;EAEA,MAAMQ,QAAQ,GAAGP,mBAAmB,EAApC;EAEA,MAAMQ,IAAI,GAAGX,WAAW,CAAC,MAAM;IAC3B,IAAIS,MAAM,CAACG,OAAX,EAAoB;MAChB;IACH;;IAEDF,QAAQ,CAACG,OAAT,CAAiB,MAAM;MACnBL,oBAAoB,CAAC,MAAD,EAAS,KAAT,CAApB;MACAG,IAAI;IACP,CAHD,EAGGJ,cAHH;EAIH,CATuB,EASrB,CAACA,cAAD,EAAiBC,oBAAjB,CATqB,CAAxB;EAWA,MAAMM,KAAK,GAAGd,WAAW,CAAC,MAAM;IAC5BU,QAAQ,CAACK,MAAT;IACAN,MAAM,CAACG,OAAP,GAAiB,IAAjB;EACH,CAHwB,EAGtB,EAHsB,CAAzB;EAKA,MAAMI,MAAM,GAAGhB,WAAW,CAAC,MAAM;IAC7BS,MAAM,CAACG,OAAP,GAAiB,KAAjB;;IACA,IAAIN,OAAJ,EAAa;MACTK,IAAI;IACP;EACJ,CALyB,EAKvB,CAACA,IAAD,EAAOL,OAAP,CALuB,CAA1B;EAOAL,SAAS,CAAC,MAAM;IACZ,IAAIK,OAAJ,EAAa;MACTU,MAAM;IACT,CAFD,MAEO;MACHF,KAAK;IACR;EACJ,CANQ,EAMN,CAACR,OAAD,CANM,CAAT;EAQA,OAAO;IAAEQ,KAAF;IAASE;EAAT,CAAP;AACH;AAAA"}
+{"version":3,"names":["useCallback","useEffect","useRef","useDeferredExecutor","useAutoplayController","config","enabled","intervalMillis","startPagingAnimation","paused","executor","play","current","execute","direction","isOriginatedFromGesture","pause","cancel","resume"],"sources":["useAutoplayController.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport type { AutoplayController, StartPagingAnimation } from '../types';\nimport { useDeferredExecutor } from '../../hooks';\n\nexport interface AutoplayConfig {\n    enabled: boolean;\n    intervalMillis: number;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nexport default function useAutoplayController(config: AutoplayConfig): AutoplayController {\n    const {\n        enabled,\n        intervalMillis,\n        startPagingAnimation,\n    } = config;\n\n    const paused = useRef<boolean>(false);\n\n    const executor = useDeferredExecutor();\n\n    const play = useCallback(() => {\n        if (paused.current) {\n            return;\n        }\n\n        executor.execute(() => {\n            startPagingAnimation(\n                'directional',\n                { direction: 'next', isOriginatedFromGesture: false },\n            );\n            play();\n        }, intervalMillis);\n    }, [intervalMillis, startPagingAnimation]);\n\n    const pause = useCallback(() => {\n        executor.cancel();\n        paused.current = true;\n    }, []);\n\n    const resume = useCallback(() => {\n        paused.current = false;\n        if (enabled) {\n            play();\n        }\n    }, [play, enabled]);\n\n    useEffect(() => {\n        if (enabled) {\n            resume();\n        } else {\n            pause();\n        }\n    }, [enabled]);\n\n    return { pause, resume };\n};\n"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,SAAtB,EAAiCC,MAAjC,QAA+C,OAA/C;AAEA,SAASC,mBAAT,QAAoC,aAApC;AAQA,eAAe,SAASC,qBAAT,CAA+BC,MAA/B,EAA2E;EACtF,MAAM;IACFC,OADE;IAEFC,cAFE;IAGFC;EAHE,IAIFH,MAJJ;EAMA,MAAMI,MAAM,GAAGP,MAAM,CAAU,KAAV,CAArB;EAEA,MAAMQ,QAAQ,GAAGP,mBAAmB,EAApC;EAEA,MAAMQ,IAAI,GAAGX,WAAW,CAAC,MAAM;IAC3B,IAAIS,MAAM,CAACG,OAAX,EAAoB;MAChB;IACH;;IAEDF,QAAQ,CAACG,OAAT,CAAiB,MAAM;MACnBL,oBAAoB,CAChB,aADgB,EAEhB;QAAEM,SAAS,EAAE,MAAb;QAAqBC,uBAAuB,EAAE;MAA9C,CAFgB,CAApB;MAIAJ,IAAI;IACP,CAND,EAMGJ,cANH;EAOH,CAZuB,EAYrB,CAACA,cAAD,EAAiBC,oBAAjB,CAZqB,CAAxB;EAcA,MAAMQ,KAAK,GAAGhB,WAAW,CAAC,MAAM;IAC5BU,QAAQ,CAACO,MAAT;IACAR,MAAM,CAACG,OAAP,GAAiB,IAAjB;EACH,CAHwB,EAGtB,EAHsB,CAAzB;EAKA,MAAMM,MAAM,GAAGlB,WAAW,CAAC,MAAM;IAC7BS,MAAM,CAACG,OAAP,GAAiB,KAAjB;;IACA,IAAIN,OAAJ,EAAa;MACTK,IAAI;IACP;EACJ,CALyB,EAKvB,CAACA,IAAD,EAAOL,OAAP,CALuB,CAA1B;EAOAL,SAAS,CAAC,MAAM;IACZ,IAAIK,OAAJ,EAAa;MACTY,MAAM;IACT,CAFD,MAEO;MACHF,KAAK;IACR;EACJ,CANQ,EAMN,CAACV,OAAD,CANM,CAAT;EAQA,OAAO;IAAEU,KAAF;IAASE;EAAT,CAAP;AACH;AAAA"}

package/build/module/Carousel/hooks/usePagingAnimation.js

@@ -16,7 +16,7 @@ function directionToValue(itemWidth) {
   };
 }
 
-export default function usePagingAnimation(config) {
+export default function usePagingAnimation(params) {
   const {
     controlledTx,
     createScrollAnimation,
@@ -26,7 +26,7 @@ export default function usePagingAnimation(config) {
     loop,
     numberOfData,
     offsetTx
-  } = config;
+  } = params;
   const animationRef = useRef(null);
   const toValueRef = useRef(0);
   const globalInterpolation = useMemo(() => Animated.add(controlledTx, offsetTx), [controlledTx, offsetTx]);
@@ -76,39 +76,77 @@ export default function usePagingAnimation(config) {
     stopUnfinishedSnapAnimation();
     resetBoundary();
   }, [controlledTx]);
-  const startAnimation = useCallback(function (direction) {
-    let isGesture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    const getToValueByDirection = directionToValue(itemWidth);
+  const startPagingAnimation = useCallback((type, config) => {
+    const configWithDefaults = {
+      animated: true,
+      ...config
+    };
     const currentIndex = getCurrentIndex();
+    const getValueByDirectionOnAllAdjacentItemsVisible = directionToValue(itemWidth);
+
+    const getValueByDirectionalPagingOnLoopDisabled = _config => {
+      const {
+        direction,
+        isOriginatedFromGesture
+      } = _config;
 
-    const computeToValueOnNoLoop = () => {
       if (currentIndex === 0 && direction === 'prev') {
-        return isGesture ? getToValueByDirection('stay') : -lastIndex * itemWidth; // last position
+        return isOriginatedFromGesture ? getValueByDirectionOnAllAdjacentItemsVisible('stay') : -lastIndex * itemWidth; // last position
       } else if (currentIndex === lastIndex && direction === 'next') {
-        return isGesture ? getToValueByDirection('stay') : lastIndex * itemWidth; // first position
+        return isOriginatedFromGesture ? getValueByDirectionOnAllAdjacentItemsVisible('stay') : lastIndex * itemWidth; // first position
       }
 
-      return getToValueByDirection(direction);
+      return getValueByDirectionOnAllAdjacentItemsVisible(direction);
     };
 
-    const toValue = loop ? getToValueByDirection(direction) : computeToValueOnNoLoop();
-    const animation = createScrollAnimation(offsetTx, toValue);
-    animationRef.current = animation;
-    toValueRef.current = toValue;
-    animation.start(_ref => {
+    const getValueByDirectionalPaging = _config => {
+      const _configWithDefaults = {
+        isOriginatedFromGesture: false,
+        ..._config
+      };
+      return loop ? getValueByDirectionOnAllAdjacentItemsVisible(_configWithDefaults.direction) : getValueByDirectionalPagingOnLoopDisabled(_configWithDefaults);
+    };
+
+    const getValueByIndexPaging = _ref => {
       let {
-        finished
+        index
       } = _ref;
 
-      if (finished) {
-        finalizeAnimation();
+      if (index < 0 || index > lastIndex || index === currentIndex) {
+        // no animation if index is invalid or equals to current index
+        return 0;
       }
-    });
+
+      const distance = Math.abs(currentIndex - index) * itemWidth;
+      const direction = index > currentIndex ? -1 : 1;
+      return distance * direction;
+    };
+
+    const toValue = type === 'directional' // @ts-ignore
+    ? getValueByDirectionalPaging(configWithDefaults) // @ts-ignore
+    : getValueByIndexPaging(configWithDefaults);
+    toValueRef.current = toValue;
+
+    if (configWithDefaults.animated) {
+      const animation = createScrollAnimation(offsetTx, toValue);
+      animationRef.current = animation;
+      animation.start(_ref2 => {
+        let {
+          finished
+        } = _ref2;
+
+        if (finished) {
+          finalizeAnimation();
+        }
+      });
+    } else {
+      finalizeAnimation();
+    }
   }, [createScrollAnimation, getCurrentIndex, finalizeAnimation, itemWidth, lastIndex, loop]);
   return {
     globalInterpolation,
     finalizeAnimation,
-    startAnimation
+    startPagingAnimation
   };
 }
 ;

package/build/module/Carousel/hooks/usePagingAnimation.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","useMemo","useRef","Animated","Platform","directionToValue","itemWidth","direction","usePagingAnimation","config","controlledTx","createScrollAnimation","getCurrentIndex","lastIndex","loop","numberOfData","offsetTx","animationRef","toValueRef","globalInterpolation","add","subscriptionId","addListener","value","currentTx","maxWidth","Math","abs","round","setValue","removeListener","finalizeAnimation","stopUnfinishedSnapAnimation","current","stop","resetBoundary","setOffset","flattenOffset","OS","_value","startAnimation","isGesture","getToValueByDirection","currentIndex","computeToValueOnNoLoop","toValue","animation","start","finished"],"sources":["usePagingAnimation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Animated, Platform } from 'react-native';\nimport type { CreateScrollAnimation, GetCurrentIndex, PagingDirection, StartPagingAnimation } from '../types';\n\nexport interface PagingAnimationConfig {\n    controlledTx: Animated.Value;\n    createScrollAnimation: CreateScrollAnimation;\n    getCurrentIndex: GetCurrentIndex;\n    itemWidth: number;\n    lastIndex: number;\n    loop: boolean;\n    numberOfData: number;\n    offsetTx: Animated.Value;\n}\n\nexport interface UsePagingAnimation {\n    finalizeAnimation: () => void;\n    globalInterpolation: Animated.AnimatedInterpolation;\n    startAnimation: StartPagingAnimation;\n}\n\nfunction directionToValue(itemWidth: number) {\n    return function (direction: PagingDirection): number {\n        switch (direction) {\n            case 'next':\n                return -itemWidth;\n            case 'prev':\n                return itemWidth;\n            case 'stay':\n                return 0;\n        }\n    };\n}\n\nexport default function usePagingAnimation(config: PagingAnimationConfig): UsePagingAnimation {\n    const {\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData,\n        offsetTx,\n    } = config;\n\n    const animationRef = useRef<Animated.CompositeAnimation | null>(null);\n    const toValueRef = useRef<number>(0);\n\n    const globalInterpolation = useMemo(\n        () => Animated.add(controlledTx, offsetTx),\n        [controlledTx, offsetTx],\n    );\n\n    useEffect(() => {\n        const subscriptionId = controlledTx.addListener((value) => {\n            const currentTx = value.value;\n\n            // Prevent infinite loop\n            if (currentTx !== 0) {\n                const maxWidth = numberOfData * itemWidth;\n\n                if (Math.abs(Math.round(currentTx)) === Math.round(maxWidth)) {\n                    // reset position\n                    controlledTx.setValue(0);\n                }\n            }\n        });\n\n        return () => {\n            controlledTx.removeListener(subscriptionId);\n        };\n    }, [numberOfData, itemWidth]);\n\n    const finalizeAnimation = useCallback(() => {\n        const stopUnfinishedSnapAnimation = () => {\n            if (animationRef.current) {\n                animationRef.current?.stop();\n                animationRef.current = null;\n            }\n        };\n\n        const resetBoundary = () => {\n            controlledTx.setOffset(toValueRef.current);\n            controlledTx.flattenOffset();\n\n            // FIXME: react-native-web bug maybe?\n            //  `AnimatedValue.flattenOffset()` does not trigger any event listener.\n            //  Accessing value directly via `_value` is dangerous but working on web (`useNativeDriver` always false).\n            //  So setting same value with `value.setValue(value._value)` will trigger event listener.\n            if (Platform.OS === 'web') {\n                // @ts-ignore\n                controlledTx.setValue(controlledTx._value);\n            }\n\n            offsetTx.setValue(0);\n            toValueRef.current = 0;\n        };\n\n        stopUnfinishedSnapAnimation();\n\n        resetBoundary();\n    }, [controlledTx]);\n\n    const startAnimation = useCallback((direction: PagingDirection, isGesture: boolean = false) => {\n        const getToValueByDirection = directionToValue(itemWidth);\n\n        const currentIndex = getCurrentIndex();\n\n        const computeToValueOnNoLoop = (): number => {\n            if (currentIndex === 0 && direction === 'prev') {\n                return isGesture\n                    ? getToValueByDirection('stay')\n                    : -lastIndex * itemWidth; // last position\n            } else if (currentIndex === lastIndex && direction === 'next') {\n                return isGesture\n                    ? getToValueByDirection('stay')\n                    : lastIndex * itemWidth; // first position\n            }\n            return getToValueByDirection(direction);\n        };\n\n        const toValue = loop ? getToValueByDirection(direction) : computeToValueOnNoLoop();\n        const animation = createScrollAnimation(offsetTx, toValue);\n\n        animationRef.current = animation;\n        toValueRef.current = toValue;\n\n        animation.start(({ finished }) => {\n            if (finished) {\n                finalizeAnimation();\n            }\n        });\n    }, [\n        createScrollAnimation,\n        getCurrentIndex,\n        finalizeAnimation,\n        itemWidth,\n        lastIndex,\n        loop,\n    ]);\n\n    return {\n        globalInterpolation,\n        finalizeAnimation,\n        startAnimation,\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","Animated","Platform","directionToValue","itemWidth","direction","usePagingAnimation","params","controlledTx","createScrollAnimation","getCurrentIndex","lastIndex","loop","numberOfData","offsetTx","animationRef","toValueRef","globalInterpolation","add","subscriptionId","addListener","value","currentTx","maxWidth","Math","abs","round","setValue","removeListener","finalizeAnimation","stopUnfinishedSnapAnimation","current","stop","resetBoundary","setOffset","flattenOffset","OS","_value","startPagingAnimation","type","config","configWithDefaults","animated","currentIndex","getValueByDirectionOnAllAdjacentItemsVisible","getValueByDirectionalPagingOnLoopDisabled","_config","isOriginatedFromGesture","getValueByDirectionalPaging","_configWithDefaults","getValueByIndexPaging","index","distance","toValue","animation","start","finished"],"sources":["usePagingAnimation.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react';\nimport { Animated, Platform } from 'react-native';\nimport type {\n    CreateScrollAnimation,\n    DirectionalPagingAnimationConfig,\n    GetCurrentIndex,\n    IndexPagingAnimationConfig,\n    PagingAnimationConfig,\n    PagingAnimationType,\n    PagingDirection,\n    StartPagingAnimation,\n} from '../types';\n\nexport interface PagingAnimationParameters {\n    controlledTx: Animated.Value;\n    createScrollAnimation: CreateScrollAnimation;\n    getCurrentIndex: GetCurrentIndex;\n    itemWidth: number;\n    lastIndex: number;\n    loop: boolean;\n    numberOfData: number;\n    offsetTx: Animated.Value;\n}\n\nexport interface UsePagingAnimation {\n    finalizeAnimation: () => void;\n    globalInterpolation: Animated.AnimatedInterpolation;\n    startPagingAnimation: StartPagingAnimation;\n}\n\nfunction directionToValue(itemWidth: number) {\n    return function (direction: PagingDirection): number {\n        switch (direction) {\n            case 'next':\n                return -itemWidth;\n            case 'prev':\n                return itemWidth;\n            case 'stay':\n                return 0;\n        }\n    };\n}\n\nexport default function usePagingAnimation(params: PagingAnimationParameters): UsePagingAnimation {\n    const {\n        controlledTx,\n        createScrollAnimation,\n        getCurrentIndex,\n        itemWidth,\n        lastIndex,\n        loop,\n        numberOfData,\n        offsetTx,\n    } = params;\n\n    const animationRef = useRef<Animated.CompositeAnimation | null>(null);\n    const toValueRef = useRef<number>(0);\n\n    const globalInterpolation = useMemo(\n        () => Animated.add(controlledTx, offsetTx),\n        [controlledTx, offsetTx],\n    );\n\n    useEffect(() => {\n        const subscriptionId = controlledTx.addListener((value) => {\n            const currentTx = value.value;\n\n            // Prevent infinite loop\n            if (currentTx !== 0) {\n                const maxWidth = numberOfData * itemWidth;\n\n                if (Math.abs(Math.round(currentTx)) === Math.round(maxWidth)) {\n                    // reset position\n                    controlledTx.setValue(0);\n                }\n            }\n        });\n\n        return () => {\n            controlledTx.removeListener(subscriptionId);\n        };\n    }, [numberOfData, itemWidth]);\n\n    const finalizeAnimation = useCallback(() => {\n        const stopUnfinishedSnapAnimation = () => {\n            if (animationRef.current) {\n                animationRef.current?.stop();\n                animationRef.current = null;\n            }\n        };\n\n        const resetBoundary = () => {\n            controlledTx.setOffset(toValueRef.current);\n            controlledTx.flattenOffset();\n\n            // FIXME: react-native-web bug maybe?\n            //  `AnimatedValue.flattenOffset()` does not trigger any event listener.\n            //  Accessing value directly via `_value` is dangerous but working on web (`useNativeDriver` always false).\n            //  So setting same value with `value.setValue(value._value)` will trigger event listener.\n            if (Platform.OS === 'web') {\n                // @ts-ignore\n                controlledTx.setValue(controlledTx._value);\n            }\n\n            offsetTx.setValue(0);\n            toValueRef.current = 0;\n        };\n\n        stopUnfinishedSnapAnimation();\n\n        resetBoundary();\n    }, [controlledTx]);\n\n    const startPagingAnimation = useCallback((type: PagingAnimationType, config: PagingAnimationConfig) => {\n        const configWithDefaults: PagingAnimationConfig = {\n            animated: true,\n            ...config,\n        };\n\n        const currentIndex = getCurrentIndex();\n\n        const getValueByDirectionOnAllAdjacentItemsVisible = directionToValue(itemWidth);\n\n        const getValueByDirectionalPagingOnLoopDisabled = (_config: DirectionalPagingAnimationConfig): number => {\n            const { direction, isOriginatedFromGesture } = _config;\n\n            if (currentIndex === 0 && direction === 'prev') {\n                return isOriginatedFromGesture\n                    ? getValueByDirectionOnAllAdjacentItemsVisible('stay')\n                    : -lastIndex * itemWidth; // last position\n            } else if (currentIndex === lastIndex && direction === 'next') {\n                return isOriginatedFromGesture\n                    ? getValueByDirectionOnAllAdjacentItemsVisible('stay')\n                    : lastIndex * itemWidth; // first position\n            }\n            return getValueByDirectionOnAllAdjacentItemsVisible(direction);\n        };\n\n        const getValueByDirectionalPaging = (_config: DirectionalPagingAnimationConfig): number => {\n            const _configWithDefaults: DirectionalPagingAnimationConfig = {\n                isOriginatedFromGesture: false,\n                ..._config,\n            };\n\n            return loop\n                ? getValueByDirectionOnAllAdjacentItemsVisible(_configWithDefaults.direction)\n                : getValueByDirectionalPagingOnLoopDisabled(_configWithDefaults);\n        };\n\n        const getValueByIndexPaging = ({ index }: IndexPagingAnimationConfig): number => {\n            if (index < 0 || index > lastIndex || index === currentIndex) {\n                // no animation if index is invalid or equals to current index\n                return 0;\n            }\n\n            const distance = Math.abs(currentIndex - index) * itemWidth;\n            const direction = index > currentIndex ? -1 : 1;\n\n            return distance * direction;\n        };\n\n        const toValue = type === 'directional'\n            // @ts-ignore\n            ? getValueByDirectionalPaging(configWithDefaults)\n            // @ts-ignore\n            : getValueByIndexPaging(configWithDefaults);\n\n        toValueRef.current = toValue;\n\n        if (configWithDefaults.animated) {\n            const animation = createScrollAnimation(offsetTx, toValue);\n            animationRef.current = animation;\n            animation.start(({ finished }) => {\n                if (finished) {\n                    finalizeAnimation();\n                }\n            });\n        } else {\n            finalizeAnimation();\n        }\n    }, [\n        createScrollAnimation,\n        getCurrentIndex,\n        finalizeAnimation,\n        itemWidth,\n        lastIndex,\n        loop,\n    ]);\n\n    return {\n        globalInterpolation,\n        finalizeAnimation,\n        startPagingAnimation,\n    };\n};\n"],"mappings":"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"}

package/build/module/Carousel/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["directions"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { Animated, ViewProps } from 'react-native';\n\nconst directions = ['next', 'prev', 'stay'] as const;\n\nexport type PagingDirection = (typeof directions)[number];\n\nexport interface RenderItem<T> {\n    (info: { item: T, index: number, interpolation: Animated.AnimatedInterpolation }): ReactElement | null;\n}\n\nexport interface CreateScrollAnimation {\n    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;\n}\n\nexport interface CreateItemStyle {\n    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;\n}\n\nexport interface GetCurrentIndex {\n    (): number;\n}\n\nexport interface IndexController {\n    currentIndex: number;\n    getCurrentIndex: GetCurrentIndex;\n    lastIndex: number;\n    monitorElement: ReactElement;\n}\n\nexport interface StartPagingAnimation {\n    (direction: PagingDirection, isGesture?: boolean): void;\n}\n\nexport type VisibleIndexRanges = Array<[number, number]>;\n\nexport interface StoreSubscription {\n    (): void;\n}\n\nexport interface ItemVisibilityStore {\n    dispatch: (ranges: VisibleIndexRanges) => void;\n    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;\n    removeAllListeners: () => void;\n}\n\nexport interface AutoplayController {\n    pause: () => void;\n    resume: () => void;\n}\n\nexport interface CarouselInstance {\n    /**\n     * Scroll to next visible item.\n     */\n    next: () => void;\n\n    /**\n     * Scroll to previous visible item.\n     */\n    prev: () => void;\n\n    /**\n     * Get current visible item index.\n     */\n    getCurrentIndex: GetCurrentIndex;\n}\n"],"mappings":"AAGA,MAAMA,UAAU,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAAnB"}
+{"version":3,"names":["directions"],"sources":["types.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { Animated, ViewProps } from 'react-native';\n\nconst directions = ['next', 'prev', 'stay'] as const;\n\nexport type PagingDirection = (typeof directions)[number];\n\nexport type ItemHeight = number | 'auto';\n\nexport interface RenderItem<T> {\n    (info: { item: T, index: number, interpolation: Animated.AnimatedInterpolation }): ReactElement | null;\n}\n\nexport interface CreateScrollAnimation {\n    (aValue: Animated.AnimatedValue, toValue: number): Animated.CompositeAnimation;\n}\n\nexport interface CreateItemStyle {\n    (itemInterpolation: Animated.AnimatedInterpolation, itemWidth: number): Animated.AnimatedProps<ViewProps['style']>;\n}\n\nexport interface GetCurrentIndex {\n    (): number;\n}\n\nexport interface IndexController {\n    currentIndex: number;\n    getCurrentIndex: GetCurrentIndex;\n    lastIndex: number;\n    monitorElement: ReactElement;\n}\n\nexport type PagingAnimationType = 'directional' | 'index';\n\nexport interface BasePagingAnimationConfig {\n    animated?: boolean;\n}\n\nexport interface DirectionalPagingAnimationConfig extends BasePagingAnimationConfig {\n    direction: PagingDirection;\n    isOriginatedFromGesture?: boolean;\n}\n\nexport interface IndexPagingAnimationConfig extends BasePagingAnimationConfig {\n    index: number;\n}\n\nexport type PagingAnimationConfig = DirectionalPagingAnimationConfig | IndexPagingAnimationConfig;\n\nexport interface StartPagingAnimation {\n    (type: PagingAnimationType, config: PagingAnimationConfig): void;\n}\n\nexport type VisibleIndexRanges = Array<[number, number]>;\n\nexport interface StoreSubscription {\n    (): void;\n}\n\nexport interface ItemVisibilityStore {\n    dispatch: (ranges: VisibleIndexRanges) => void;\n    subscribe: (listener: (ranges: VisibleIndexRanges) => void) => StoreSubscription;\n    removeAllListeners: () => void;\n}\n\nexport interface AutoplayController {\n    pause: () => void;\n    resume: () => void;\n}\n\nexport interface ScrollToOption {\n    index: number;\n    animated?: boolean;\n}\n\nexport interface CarouselInstance {\n    /**\n     * Get current visible item index.\n     */\n    getCurrentIndex: GetCurrentIndex;\n\n    /**\n     * Scroll to next visible item.\n     */\n    next: () => void;\n\n    /**\n     * Scroll to previous visible item.\n     */\n    prev: () => void;\n\n    /**\n     * Scroll to desired indexed item.\n     * Invalid index is ignored.\n     */\n    scrollTo: (option: ScrollToOption) => void;\n}\n"],"mappings":"AAGA,MAAMA,UAAU,GAAG,CAAC,MAAD,EAAS,MAAT,EAAiB,MAAjB,CAAnB"}

package/build/module/ViewPager/ViewPagerNative.js

@@ -14,17 +14,35 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
     pageForceRerenderKey,
     scrollEnabled = true,
     style,
-    UNSTABLE_sharedIndex
+    UNSTABLE_sharedPage
   } = props;
-  const fallbackSharedIndex = useSharedValue(initialPage);
-  const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;
+  const fallbackSharedPage = useSharedValue(initialPage);
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const desiredPageRef = useRef(NaN);
   const pagerRef = useRef(null);
   const animationFrameRef = useRef(NaN);
-  const setPage = useCallback(newIndex => {
+  const setPage = useCallback(newPage => {
+    if (!Number.isInteger(newPage)) {
+      return;
+    }
+
     animationFrameRef.current = requestAnimationFrame(() => {
       var _pagerRef$current;
 
-      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newIndex);
+      if (Number.isFinite(desiredPageRef.current)) {
+        if (sharedPage.value === desiredPageRef.current) {
+          // end of state machine. clear desired page.
+          desiredPageRef.current = NaN;
+          return;
+        }
+
+        if (newPage === desiredPageRef.current) {
+          return;
+        }
+      }
+
+      desiredPageRef.current = newPage;
+      (_pagerRef$current = pagerRef.current) === null || _pagerRef$current === void 0 ? void 0 : _pagerRef$current.setPage(newPage);
     });
   }, []);
   useEffect(() => {
@@ -34,21 +52,31 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
       }
     };
   }, []);
-  useAnimatedReaction(() => sharedIndex.value, result => {
+  useAnimatedReaction(() => sharedPage.value, result => {
     runOnJS(setPage)(result);
   }, [setPage]);
   const handlePageSelected = useCallback(e => {
-    const currentIndex = sharedIndex.value;
-    const nextIndex = e.nativeEvent.position;
+    if (Number.isFinite(desiredPageRef.current)) {
+      // onPageSelected is called from outer controlling mechanism
+      // e.g. sharedPage.value is changed, setPage() is called
+      // Due to the onPageSelected bug,
+      // we don't trust the value from event, (e.nativeEvent.position)
+      // other than that trust the value from desiredPageRef.
+      const desiredPage = desiredPageRef.current;
 
-    if (currentIndex === nextIndex) {
-      return;
-    }
-
-    sharedIndex.value = nextIndex;
+      if (sharedPage.value === desiredPage) {
+        // end of state machine. clear desired page.
+        desiredPageRef.current = NaN;
+      } else {
+        sharedPage.value = desiredPage;
+      }
 
-    if (onChange) {
-      onChange(nextIndex);
+      onChange === null || onChange === void 0 ? void 0 : onChange(desiredPage);
+    } else {
+      const trustfulNextPage = e.nativeEvent.position;
+      desiredPageRef.current = trustfulNextPage;
+      sharedPage.value = trustfulNextPage;
+      onChange === null || onChange === void 0 ? void 0 : onChange(trustfulNextPage);
     }
   }, [onChange]);
   useImperativeHandle(ref, () => ({
@@ -57,7 +85,7 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
   const PageComponent = pageComponent;
   return /*#__PURE__*/React.createElement(RNViewPager, {
     ref: pagerRef,
-    initialPage: initialPage,
+    initialPage: sharedPage.value,
     keyboardDismissMode: keyboardDismissMode,
     onPageSelected: handlePageSelected,
     pageMargin: 8,
@@ -70,7 +98,7 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
     loading: loading,
     offscreenPageRerenderLimit: offscreenPageRerenderLimit,
     rerenderKey: pageForceRerenderKey,
-    sharedIndex: sharedIndex
+    sharedIndex: sharedPage
   })));
 });
 export default ViewPager;

package/build/module/ViewPager/ViewPagerNative.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","RNViewPager","runOnJS","useAnimatedReaction","useSharedValue","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","offscreenPageRerenderLimit","onChange","pageComponent","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedIndex","fallbackSharedIndex","sharedIndex","pagerRef","animationFrameRef","NaN","setPage","newIndex","current","requestAnimationFrame","cancelAnimationFrame","value","result","handlePageSelected","e","currentIndex","nextIndex","nativeEvent","position","PageComponent","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,\n        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n        UNSTABLE_sharedIndex,\n    } = props;\n\n    const fallbackSharedIndex = useSharedValue<number>(initialPage);\n\n    const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;\n\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const animationFrameRef = useRef<number>(NaN);\n\n    const setPage = useCallback((newIndex: number) => {\n        animationFrameRef.current = requestAnimationFrame(() => {\n            pagerRef.current?.setPage(newIndex);\n        });\n    }, []);\n\n    useEffect(() => {\n        return () => {\n            if (animationFrameRef.current) {\n                cancelAnimationFrame(animationFrameRef.current);\n            }\n        };\n    }, []);\n\n    useAnimatedReaction(\n        () => sharedIndex.value,\n        (result) => {\n            runOnJS(setPage)(result);\n        },\n        [setPage],\n    );\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        const currentIndex = sharedIndex.value;\n        const nextIndex = e.nativeEvent.position;\n\n        if (currentIndex === nextIndex) {\n            return;\n        }\n\n        sharedIndex.value = nextIndex;\n\n        if (onChange) {\n            onChange(nextIndex);\n        }\n    }, [onChange]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <RNViewPager\n            ref={pagerRef}\n            initialPage={initialPage}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </RNViewPager>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"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"}
+{"version":3,"names":["React","Children","forwardRef","useCallback","useEffect","useImperativeHandle","useRef","RNViewPager","runOnJS","useAnimatedReaction","useSharedValue","defaultInitialPage","defaultLoading","defaultOffscreenPageRerenderLimit","defaultPageComponent","ViewPager","props","ref","children","initialPage","keyboardDismissMode","loading","offscreenPageRerenderLimit","onChange","pageComponent","pageForceRerenderKey","scrollEnabled","style","UNSTABLE_sharedPage","fallbackSharedPage","sharedPage","desiredPageRef","NaN","pagerRef","animationFrameRef","setPage","newPage","Number","isInteger","current","requestAnimationFrame","isFinite","value","cancelAnimationFrame","result","handlePageSelected","e","desiredPage","trustfulNextPage","nativeEvent","position","PageComponent","map","child","index"],"sources":["ViewPagerNative.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useRef } from 'react';\nimport type { ViewPagerOnPageSelectedEvent } from 'react-native-pager-view';\nimport RNViewPager from 'react-native-pager-view';\nimport { runOnJS, useAnimatedReaction, useSharedValue } from 'react-native-reanimated';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultOffscreenPageRerenderLimit, defaultPageComponent } from './utils';\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        keyboardDismissMode = 'on-drag',\n        loading = defaultLoading,\n        offscreenPageRerenderLimit = defaultOffscreenPageRerenderLimit,\n        onChange,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        scrollEnabled = true,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSharedValue<number>(initialPage);\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const desiredPageRef = useRef<number>(NaN);\n\n    const pagerRef = useRef<RNViewPager | null>(null);\n\n    const animationFrameRef = useRef<number>(NaN);\n\n    const setPage = useCallback((newPage: number) => {\n        if (!Number.isInteger(newPage)) {\n            return;\n        }\n\n        animationFrameRef.current = requestAnimationFrame(() => {\n            if (Number.isFinite(desiredPageRef.current)) {\n                if (sharedPage.value === desiredPageRef.current) {\n                    // end of state machine. clear desired page.\n                    desiredPageRef.current = NaN;\n                    return;\n                }\n\n                if (newPage === desiredPageRef.current) {\n                    return;\n                }\n            }\n\n            desiredPageRef.current = newPage;\n            pagerRef.current?.setPage(newPage);\n        });\n    }, []);\n\n    useEffect(() => {\n        return () => {\n            if (animationFrameRef.current) {\n                cancelAnimationFrame(animationFrameRef.current);\n            }\n        };\n    }, []);\n\n    useAnimatedReaction(\n        () => sharedPage.value,\n        (result) => {\n            runOnJS(setPage)(result);\n        },\n        [setPage],\n    );\n\n    const handlePageSelected = useCallback((e: ViewPagerOnPageSelectedEvent) => {\n        if (Number.isFinite(desiredPageRef.current)) {\n            // onPageSelected is called from outer controlling mechanism\n            // e.g. sharedPage.value is changed, setPage() is called\n            // Due to the onPageSelected bug,\n            // we don't trust the value from event, (e.nativeEvent.position)\n            // other than that trust the value from desiredPageRef.\n\n            const desiredPage = desiredPageRef.current;\n\n            if (sharedPage.value === desiredPage) {\n                // end of state machine. clear desired page.\n                desiredPageRef.current = NaN;\n            } else {\n                sharedPage.value = desiredPage;\n            }\n\n            onChange?.(desiredPage);\n        } else {\n            const trustfulNextPage = e.nativeEvent.position;\n\n            desiredPageRef.current = trustfulNextPage;\n\n            sharedPage.value = trustfulNextPage;\n\n            onChange?.(trustfulNextPage);\n        }\n    }, [onChange]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <RNViewPager\n            ref={pagerRef}\n            initialPage={sharedPage.value}\n            keyboardDismissMode={keyboardDismissMode}\n            onPageSelected={handlePageSelected}\n            pageMargin={8}\n            scrollEnabled={scrollEnabled}\n            style={style}\n        >\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={offscreenPageRerenderLimit}\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedPage}\n                />\n            ))}\n        </RNViewPager>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"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"}

package/build/module/ViewPager/ViewPagerProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    loading: ViewPagerProps['loading'];\n    offscreenPageRerenderLimit: number;\n    sharedIndex: SharedValue<number>;\n    rerenderKey?: ViewPagerProps['pageForceRerenderKey'];\n};\n\nexport type PageComponent = ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface ViewPagerInstance {\n    /**\n     * Function to scroll to a specific page in the ViewPager. Invalid index is ignored.\n     * @param index\n     */\n    setPage: (index: number) => void;\n}\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    ref?: Ref<ViewPagerInstance>;\n\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: ReactNode;\n\n    /**\n     * Index of initial page that should be selected.\n     * @default 0\n     */\n    initialPage?: number;\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Mobile only. The number of pages that should be re-rendered to either side of the current page.\n     * Changing this value after the component mount has no effect.\n     * @default 0\n     */\n    offscreenPageRerenderLimit?: number;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n\n    /**\n     * Unstable API.\n     */\n    UNSTABLE_sharedIndex?: SharedValue<number>;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["ViewPagerProps.ts"],"sourcesContent":["import type { ComponentType, PropsWithChildren, ReactNode, Ref } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { SharedValue } from 'react-native-reanimated';\nimport type { ComponentProps } from '@fountain-ui/core';\n\nexport type KeyboardDismissMode = 'none' | 'on-drag';\n\nexport type PageProps = PropsWithChildren<ViewProps> & {\n    index: number;\n    loading: ViewPagerProps['loading'];\n    offscreenPageRerenderLimit: number;\n    sharedIndex: SharedValue<number>;\n    rerenderKey?: ViewPagerProps['pageForceRerenderKey'];\n};\n\nexport type PageComponent = ComponentType<PageProps>;\n\nexport type Loading = 'lazy' | 'eager';\n\nexport interface ViewPagerInstance {\n    /**\n     * Function to scroll to a specific page in the ViewPager. Invalid index is ignored.\n     * @param index\n     */\n    setPage: (index: number) => void;\n}\n\nexport default interface ViewPagerProps extends ComponentProps<{\n    ref?: Ref<ViewPagerInstance>;\n\n    /**\n     * Collection of ViewPager components.\n     */\n    children?: ReactNode;\n\n    /**\n     * Index of initial page that should be selected.\n     * @default 0\n     */\n    initialPage?: number;\n\n    /**\n     * Whether to load the page immediately (`eager`) or on an as-needed basis (`lazy`).\n     * @default 'lazy'\n     */\n    loading?: Loading;\n\n    /**\n     * Mobile only. The number of pages that should be re-rendered to either side of the current page.\n     * Changing this value after the component mount has no effect.\n     * @default 0\n     */\n    offscreenPageRerenderLimit?: number;\n\n    /**\n     * Callback fired when an index is changed.\n     */\n    onChange?: (newIndex: number) => void,\n\n    /**\n     * The component used to render the wrapper of the page.\n     * @default 'ChildrenMemoizedPage'\n     */\n    pageComponent?: PageComponent,\n\n    /**\n     * When this value is changed, page will be rerender.\n     */\n    pageForceRerenderKey?: any;\n\n    /**\n     * Mobile only. Should pager view scroll, when scroll enabled.\n     * @default true\n     */\n    scrollEnabled?: boolean;\n\n    /**\n     * Mobile only. Determines whether the keyboard gets dismissed in response to a drag.\n     * @default 'on-drag'\n     */\n    keyboardDismissMode?: KeyboardDismissMode;\n\n    /**\n     * Unstable API.\n     */\n    UNSTABLE_sharedPage?: SharedValue<number>;\n}> {}\n"],"mappings":""}

package/build/module/ViewPager/ViewPagerWeb.js

@@ -1,4 +1,4 @@
-import React, { Children, forwardRef, useImperativeHandle, useCallback } from 'react';
+import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';
 import { View } from 'react-native';
 import { useSharedValue } from 'react-native-reanimated';
 import { StyleSheet } from '@fountain-ui/core';
@@ -18,13 +18,13 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
     pageComponent = defaultPageComponent,
     pageForceRerenderKey,
     style,
-    UNSTABLE_sharedIndex
+    UNSTABLE_sharedPage
   } = props;
-  const fallbackSharedIndex = useSharedValue(initialPage);
-  const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;
-  const setPage = useCallback(newIndex => {
-    sharedIndex.value = newIndex;
-  }, [sharedIndex]);
+  const fallbackSharedPage = useSharedValue(initialPage);
+  const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;
+  const setPage = useCallback(newPage => {
+    sharedPage.value = newPage;
+  }, [sharedPage]);
   useImperativeHandle(ref, () => ({
     setPage
   }), [setPage]);
@@ -39,7 +39,7 @@ const ViewPager = /*#__PURE__*/forwardRef(function ViewPager(props, ref) {
     offscreenPageRerenderLimit: 0 // All offscreen pages will not be re-rendered
     ,
     rerenderKey: pageForceRerenderKey,
-    sharedIndex: sharedIndex
+    sharedIndex: sharedPage
   })));
 });
 export default ViewPager;

package/build/module/ViewPager/ViewPagerWeb.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Children","forwardRef","useImperativeHandle","useCallback","View","useSharedValue","StyleSheet","defaultInitialPage","defaultLoading","defaultPageComponent","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageComponent","pageForceRerenderKey","style","UNSTABLE_sharedIndex","fallbackSharedIndex","sharedIndex","setPage","newIndex","value","PageComponent","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useImperativeHandle, useCallback } from 'react';\nimport { View } from 'react-native';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedIndex,\n    } = props;\n\n    const fallbackSharedIndex = useSharedValue<number>(initialPage);\n\n    const sharedIndex = UNSTABLE_sharedIndex ?? fallbackSharedIndex;\n\n    const setPage = useCallback((newIndex: number) => {\n        sharedIndex.value = newIndex;\n    }, [sharedIndex]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <View style={[styles.root, style]}>\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedIndex}\n                />\n            ))}\n        </View>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,mBAAtC,EAA2DC,WAA3D,QAA8E,OAA9E;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGd,UAAU,CAAoC,SAASc,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGZ,kBAFZ;IAGFa,OAAO,GAAGZ,cAHR;IAIFa,aAAa,GAAGZ,oBAJd;IAKFa,oBALE;IAMFC,KANE;IAOFC;EAPE,IAQFR,KARJ;EAUA,MAAMS,mBAAmB,GAAGpB,cAAc,CAASc,WAAT,CAA1C;EAEA,MAAMO,WAAW,GAAGF,oBAAoB,IAAIC,mBAA5C;EAEA,MAAME,OAAO,GAAGxB,WAAW,CAAEyB,QAAD,IAAsB;IAC9CF,WAAW,CAACG,KAAZ,GAAoBD,QAApB;EACH,CAF0B,EAExB,CAACF,WAAD,CAFwB,CAA3B;EAIAxB,mBAAmB,CACfe,GADe,EAEf,OAAO;IAAEU;EAAF,CAAP,CAFe,EAGf,CAACA,OAAD,CAHe,CAAnB;EAMA,MAAMG,aAAa,GAAGT,aAAtB;EAEA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACX,MAAM,CAACE,IAAR,EAAcW,KAAd;EAAb,GACKvB,QAAQ,CAAC+B,GAAT,CAAab,QAAb,EAAuB,CAACc,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEb,OAJb;IAKI,0BAA0B,EAAE,CALhC,CAKmC;IALnC;IAMI,WAAW,EAAEE,oBANjB;IAOI,WAAW,EAAEI;EAPjB,EADH,CADL,CADJ;AAeH,CA1C2B,CAA5B;AA4CA,eAAeX,SAAf"}
+{"version":3,"names":["React","Children","forwardRef","useCallback","useImperativeHandle","View","useSharedValue","StyleSheet","defaultInitialPage","defaultLoading","defaultPageComponent","styles","create","root","overflow","position","ViewPager","props","ref","children","initialPage","loading","pageComponent","pageForceRerenderKey","style","UNSTABLE_sharedPage","fallbackSharedPage","sharedPage","setPage","newPage","value","PageComponent","map","child","index"],"sources":["ViewPagerWeb.tsx"],"sourcesContent":["import React, { Children, forwardRef, useCallback, useImperativeHandle } from 'react';\nimport { View } from 'react-native';\nimport { useSharedValue } from 'react-native-reanimated';\nimport { StyleSheet } from '@fountain-ui/core';\nimport type ViewPagerProps from './ViewPagerProps';\nimport type { ViewPagerInstance } from './ViewPagerProps';\nimport { defaultInitialPage, defaultLoading, defaultPageComponent } from './utils';\n\nconst styles = StyleSheet.create({\n    root: {\n        // @ts-ignore\n        overflow: 'auto',\n        position: 'relative',\n    },\n});\n\nconst ViewPager = forwardRef<ViewPagerInstance, ViewPagerProps>(function ViewPager(props, ref) {\n    const {\n        children,\n        initialPage = defaultInitialPage,\n        loading = defaultLoading,\n        pageComponent = defaultPageComponent,\n        pageForceRerenderKey,\n        style,\n        UNSTABLE_sharedPage,\n    } = props;\n\n    const fallbackSharedPage = useSharedValue<number>(initialPage);\n\n    const sharedPage = UNSTABLE_sharedPage ?? fallbackSharedPage;\n\n    const setPage = useCallback((newPage: number) => {\n        sharedPage.value = newPage;\n    }, [sharedPage]);\n\n    useImperativeHandle(\n        ref,\n        () => ({ setPage }),\n        [setPage],\n    );\n\n    const PageComponent = pageComponent;\n\n    return (\n        <View style={[styles.root, style]}>\n            {Children.map(children, (child, index) => (\n                <PageComponent\n                    key={index}\n                    children={child}\n                    index={index}\n                    loading={loading}\n                    offscreenPageRerenderLimit={0} // All offscreen pages will not be re-rendered\n                    rerenderKey={pageForceRerenderKey}\n                    sharedIndex={sharedPage}\n                />\n            ))}\n        </View>\n    );\n});\n\nexport default ViewPager;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,UAA1B,EAAsCC,WAAtC,EAAmDC,mBAAnD,QAA8E,OAA9E;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,cAAT,QAA+B,yBAA/B;AACA,SAASC,UAAT,QAA2B,mBAA3B;AAGA,SAASC,kBAAT,EAA6BC,cAA7B,EAA6CC,oBAA7C,QAAyE,SAAzE;AAEA,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAX,CAAkB;EAC7BC,IAAI,EAAE;IACF;IACAC,QAAQ,EAAE,MAFR;IAGFC,QAAQ,EAAE;EAHR;AADuB,CAAlB,CAAf;AAQA,MAAMC,SAAS,gBAAGd,UAAU,CAAoC,SAASc,SAAT,CAAmBC,KAAnB,EAA0BC,GAA1B,EAA+B;EAC3F,MAAM;IACFC,QADE;IAEFC,WAAW,GAAGZ,kBAFZ;IAGFa,OAAO,GAAGZ,cAHR;IAIFa,aAAa,GAAGZ,oBAJd;IAKFa,oBALE;IAMFC,KANE;IAOFC;EAPE,IAQFR,KARJ;EAUA,MAAMS,kBAAkB,GAAGpB,cAAc,CAASc,WAAT,CAAzC;EAEA,MAAMO,UAAU,GAAGF,mBAAmB,IAAIC,kBAA1C;EAEA,MAAME,OAAO,GAAGzB,WAAW,CAAE0B,OAAD,IAAqB;IAC7CF,UAAU,CAACG,KAAX,GAAmBD,OAAnB;EACH,CAF0B,EAExB,CAACF,UAAD,CAFwB,CAA3B;EAIAvB,mBAAmB,CACfc,GADe,EAEf,OAAO;IAAEU;EAAF,CAAP,CAFe,EAGf,CAACA,OAAD,CAHe,CAAnB;EAMA,MAAMG,aAAa,GAAGT,aAAtB;EAEA,oBACI,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACX,MAAM,CAACE,IAAR,EAAcW,KAAd;EAAb,GACKvB,QAAQ,CAAC+B,GAAT,CAAab,QAAb,EAAuB,CAACc,KAAD,EAAQC,KAAR,kBACpB,oBAAC,aAAD;IACI,GAAG,EAAEA,KADT;IAEI,QAAQ,EAAED,KAFd;IAGI,KAAK,EAAEC,KAHX;IAII,OAAO,EAAEb,OAJb;IAKI,0BAA0B,EAAE,CALhC,CAKmC;IALnC;IAMI,WAAW,EAAEE,oBANjB;IAOI,WAAW,EAAEI;EAPjB,EADH,CADL,CADJ;AAeH,CA1C2B,CAA5B;AA4CA,eAAeX,SAAf"}

package/build/typescript/Carousel/CarouselProps.d.ts

@@ -1,6 +1,6 @@
 import type { RefObject } from 'react';
 import type { ComponentProps } from '@fountain-ui/core';
-import type { CarouselInstance, CreateItemStyle, CreateScrollAnimation, RenderItem } from './types';
+import type { CarouselInstance, CreateItemStyle, CreateScrollAnimation, ItemHeight, RenderItem } from './types';
 export default interface CarouselProps<ItemT = any> extends ComponentProps<{
     ref?: RefObject<CarouselInstance>;
     /**
@@ -38,9 +38,10 @@ export default interface CarouselProps<ItemT = any> extends ComponentProps<{
      */
     initialIndex?: number;
     /**
-     * The item width.
+     * The item height.
+     * For a performance reason, always consider to provide a number value.
      */
-    itemHeight: number;
+    itemHeight: ItemHeight;
     /**
      * The item width.
      */

package/build/typescript/Carousel/animation/parallaxItemStyleFactory.d.ts

@@ -1,9 +1,9 @@
 import type { CreateItemStyle } from '../types';
 export interface ParallaxAnimationConfig {
-    parallaxActiveItemScale?: number;
-    parallaxActiveItemOpacity?: number;
-    parallaxAdjacentItemScale?: number;
-    parallaxAdjacentItemOpacity?: number;
-    parallaxScrollingOffset?: number;
+    activeItemScale?: number;
+    activeItemOpacity?: number;
+    adjacentItemScale?: number;
+    adjacentItemOpacity?: number;
+    scrollingOffset?: number;
 }
 export default function parallaxItemStyleFactory(config?: ParallaxAnimationConfig): CreateItemStyle;

package/build/typescript/Carousel/components/InternalContext.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import { Animated } from 'react-native';
-import type { CreateItemStyle, ItemVisibilityStore } from '../types';
+import type { CreateItemStyle, ItemHeight, ItemVisibilityStore } from '../types';
 export interface InternalContextValue<ItemT> {
     createItemStyle: CreateItemStyle;
     data: ReadonlyArray<ItemT>;
     globalInterpolation: Animated.AnimatedInterpolation;
-    itemHeight: number;
+    itemHeight: ItemHeight;
     itemWidth: number;
     itemVisibilityStore: ItemVisibilityStore;
     loop: boolean;

package/build/typescript/Carousel/components/ItemView.d.ts

@@ -1,7 +1,9 @@
 import type { ReactElement } from 'react';
+import type { ViewProps } from 'react-native';
 import { Animated } from 'react-native';
 export interface ItemViewProps {
     children: (interpolation: Animated.AnimatedInterpolation) => ReactElement | null;
     index: number;
+    onLayout?: ViewProps['onLayout'];
 }
 export default function ItemView(props: ItemViewProps): JSX.Element;

package/build/typescript/Carousel/components/RootView.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
-import type { ViewProps, View } from 'react-native';
-import type { RenderItem } from '../types';
+import type { View, ViewProps } from 'react-native';
+import type { ItemHeight, RenderItem } from '../types';
 export declare type RootViewProps<ItemT> = ViewProps & {
     data: ReadonlyArray<ItemT>;
-    itemHeight: number;
+    itemHeight: ItemHeight;
     originalData: ReadonlyArray<ItemT>;
     renderItem: RenderItem<ItemT>;
 };
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ViewProps & {
     data: readonly any[];
-    itemHeight: number;
+    itemHeight: ItemHeight;
     originalData: readonly any[];
     renderItem: RenderItem<any>;
 } & React.RefAttributes<View>>>;

package/build/typescript/Carousel/components/ScrollViewGesture.d.ts

@@ -7,6 +7,6 @@ export interface ScrollViewGestureProps {
     finalizeAnimation: () => void;
     offsetTx: Animated.Value;
     scrollEnabled: boolean;
-    startAnimation: StartPagingAnimation;
+    startPagingAnimation: StartPagingAnimation;
 }
 export default function ScrollViewGesture(props: ScrollViewGestureProps): JSX.Element;

package/build/typescript/Carousel/hooks/usePagingAnimation.d.ts

@@ -1,6 +1,6 @@
 import { Animated } from 'react-native';
 import type { CreateScrollAnimation, GetCurrentIndex, StartPagingAnimation } from '../types';
-export interface PagingAnimationConfig {
+export interface PagingAnimationParameters {
     controlledTx: Animated.Value;
     createScrollAnimation: CreateScrollAnimation;
     getCurrentIndex: GetCurrentIndex;
@@ -13,6 +13,6 @@ export interface PagingAnimationConfig {
 export interface UsePagingAnimation {
     finalizeAnimation: () => void;
     globalInterpolation: Animated.AnimatedInterpolation;
-    startAnimation: StartPagingAnimation;
+    startPagingAnimation: StartPagingAnimation;
 }
-export default function usePagingAnimation(config: PagingAnimationConfig): UsePagingAnimation;
+export default function usePagingAnimation(params: PagingAnimationParameters): UsePagingAnimation;