@papyrus-sdk/ui-react-native 0.2.30 → 0.2.31

package/dist/index.mjs

@@ -25801,6 +25801,16 @@ var resolvePageScrubberThumbTopFromPosition = ({
   trackHeight,
   thumbHeight
 }) => Math.max(0, Math.min(trackHeight - thumbHeight, position - thumbHeight / 2));
+var resolvePageScrubberTrackRevealOrigin = ({
+  thumbTop,
+  thumbHeight,
+  trackHeight
+}) => Math.max(0, Math.min(trackHeight, thumbTop + thumbHeight / 2));
+var resolvePageScrubberTrackHeight = ({
+  windowHeight,
+  topOffset,
+  bottomOffset
+}) => Math.max(180, Math.min(720, windowHeight - topOffset - bottomOffset - 56));
 var resolvePageScrubberThumbTop = ({
   currentPage,
   trackHeight,
@@ -32018,10 +32028,11 @@ function ProgressPill({
   const { height: windowHeight } = useWindowDimensions7();
   const windowHeightRef = useRef9(windowHeight);
   windowHeightRef.current = windowHeight;
-  const trackHeight = Math.max(
-    180,
-    Math.min(520, windowHeight - offsets.progress - offsets.bottom - 132)
-  );
+  const trackHeight = resolvePageScrubberTrackHeight({
+    windowHeight,
+    topOffset: offsets.progress,
+    bottomOffset: offsets.bottom
+  });
   const thumbHeight = 44;
   const trackYRef = useRef9(0);
   const scrubberRef = useRef9(null);
@@ -32069,6 +32080,8 @@ function ProgressPill({
   const thumbTopSnapshotRef = useRef9(thumbTop);
   thumbTopSnapshotRef.current = thumbTop;
   const scrubStartThumbTopRef = useRef9(0);
+  const trackReveal = useRef9(new Animated3.Value(0)).current;
+  const [trackOriginY, setTrackOriginY] = useState12(0);
   const scrubberMetricsRef = useRef9({ trackHeight, thumbHeight, pageCount });
   scrubberMetricsRef.current = { trackHeight, thumbHeight, pageCount };
   useEffect11(() => {
@@ -32137,6 +32150,19 @@ function ProgressPill({
         hasMovedRef.current = false;
         longPressTriggeredRef.current = false;
         scrubStartThumbTopRef.current = thumbTopSnapshotRef.current;
+        setTrackOriginY(
+          resolvePageScrubberTrackRevealOrigin({
+            thumbTop: thumbTopSnapshotRef.current,
+            thumbHeight,
+            trackHeight: scrubberMetricsRef.current.trackHeight
+          })
+        );
+        trackReveal.setValue(0);
+        Animated3.timing(trackReveal, {
+          toValue: 1,
+          duration: 180,
+          useNativeDriver: false
+        }).start();
         scrubNavigationControllerRef.current.begin();
         pendingReleasedScrubPageRef.current = null;
         setScrubPreviewPage(currentPageRef.current);
@@ -32178,6 +32204,11 @@ function ProgressPill({
         }
         isScrubbingRef.current = false;
         onScrubbingChangeRef.current?.(false);
+        Animated3.timing(trackReveal, {
+          toValue: 0,
+          duration: 140,
+          useNativeDriver: false
+        }).start();
         const releasedPage = scrubNavigationControllerRef.current.release();
         const releaseAction = resolvePageScrubberReleaseAction({
           hasMoved: hasMovedRef.current,
@@ -32204,6 +32235,11 @@ function ProgressPill({
         }
         isScrubbingRef.current = false;
         onScrubbingChangeRef.current?.(false);
+        Animated3.timing(trackReveal, {
+          toValue: 0,
+          duration: 140,
+          useNativeDriver: false
+        }).start();
         scrubNavigationControllerRef.current.cancel();
         pendingReleasedScrubPageRef.current = null;
         setScrubPreviewPage(null);
@@ -32242,7 +32278,21 @@ function ProgressPill({
             });
           },
           children: [
-            /* @__PURE__ */ jsx20(View17, { style: [styles17.track, isDark && styles17.trackDark] }),
+            /* @__PURE__ */ jsx20(
+              Animated3.View,
+              {
+                style: [
+                  styles17.track,
+                  isDark && styles17.trackDark,
+                  {
+                    transformOrigin: [0, trackOriginY, 0],
+                    opacity: trackReveal,
+                    transform: [{ scaleY: trackReveal }],
+                    elevation: 6
+                  }
+                ]
+              }
+            ),
             /* @__PURE__ */ jsx20(Animated3.View, { style: [styles17.thumb, { top: thumbTopRef.current }], children: /* @__PURE__ */ jsxs17(
               View17,
               {
@@ -32290,7 +32340,7 @@ var styles17 = StyleSheet17.create({
   track: {
     position: "absolute",
     top: 0,
-    right: 30,
+    right: 0,
     bottom: 0,
     width: 3,
     borderRadius: 2,