@xhub-reels/sdk 0.2.15 → 0.2.17

package/dist/index.cjs

@@ -1267,7 +1267,7 @@ function usePointerGesture(config = {}) {
   };
 }
 function useSnapAnimation(config = {}) {
-  const { duration = 280, easing = "cubic-bezier(0.25, 0.46, 0.45, 0.94)" } = config;
+  const { duration = 280, easing = "ease-out" } = config;
   const activeAnimations = react.useRef([]);
   const cancelAnimation = react.useCallback(() => {
     for (const anim of activeAnimations.current) {
@@ -2584,7 +2584,7 @@ function ReelsFeed({
   activeIndexRef.current = focusedIndex;
   const { animateSnap, animateBounceBack, cancelAnimation } = useSnapAnimation({
     duration: snapConfig?.duration ?? 260,
-    easing: snapConfig?.easing ?? "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+    easing: snapConfig?.easing ?? "ease-out"
   });
   react.useEffect(() => {
     loadInitial();
@@ -3007,7 +3007,7 @@ function ReelsFeedThumbnail({
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: content });
 }
 var DEFAULT_DURATION = 300;
-var DEFAULT_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
+var DEFAULT_EASING = "ease-out";
 var DEFAULT_DIRECTION = "up";
 var DEFAULT_Z_INDEX = 1e3;
 var DEFAULT_PREWARM_FORWARD = 2;
@@ -3163,12 +3163,12 @@ function ReelsModal({
         const panel = panelRef.current;
         if (!panel) return;
         const first = panel.querySelector(FOCUSABLE);
-        (first ?? panel).focus();
+        (first ?? panel).focus({ preventScroll: true });
       });
       return () => cancelAnimationFrame(id);
     }
     if (phase === "closed") {
-      previouslyFocusedRef.current?.focus?.();
+      previouslyFocusedRef.current?.focus?.({ preventScroll: true });
       previouslyFocusedRef.current = null;
     }
     return void 0;

package/dist/index.d.cts

@@ -858,7 +858,7 @@ declare function usePointerGesture(config?: PointerGestureConfig): {
 interface SnapAnimationConfig {
     /** Duration in ms (default: 280) */
     duration?: number;
-    /** CSS easing (default: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)') */
+    /** CSS easing (default: 'ease-out') */
     easing?: string;
 }
 interface SnapTarget {
@@ -951,7 +951,7 @@ declare function ReelsFeedThumbnail({ renderThumbnail, onThumbnailClick, renderL
 interface ReelsModalAnimationConfig {
     /** Enter/exit duration in ms (default: 300) */
     duration?: number;
-    /** CSS easing (default: 'cubic-bezier(0.22, 1, 0.36, 1)') */
+    /** CSS easing (default: 'ease-out') */
     easing?: string;
     /**
      * Panel travel direction:

package/dist/index.d.ts

@@ -858,7 +858,7 @@ declare function usePointerGesture(config?: PointerGestureConfig): {
 interface SnapAnimationConfig {
     /** Duration in ms (default: 280) */
     duration?: number;
-    /** CSS easing (default: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)') */
+    /** CSS easing (default: 'ease-out') */
     easing?: string;
 }
 interface SnapTarget {
@@ -951,7 +951,7 @@ declare function ReelsFeedThumbnail({ renderThumbnail, onThumbnailClick, renderL
 interface ReelsModalAnimationConfig {
     /** Enter/exit duration in ms (default: 300) */
     duration?: number;
-    /** CSS easing (default: 'cubic-bezier(0.22, 1, 0.36, 1)') */
+    /** CSS easing (default: 'ease-out') */
     easing?: string;
     /**
      * Panel travel direction:

package/dist/index.js

@@ -1261,7 +1261,7 @@ function usePointerGesture(config = {}) {
   };
 }
 function useSnapAnimation(config = {}) {
-  const { duration = 280, easing = "cubic-bezier(0.25, 0.46, 0.45, 0.94)" } = config;
+  const { duration = 280, easing = "ease-out" } = config;
   const activeAnimations = useRef([]);
   const cancelAnimation = useCallback(() => {
     for (const anim of activeAnimations.current) {
@@ -2578,7 +2578,7 @@ function ReelsFeed({
   activeIndexRef.current = focusedIndex;
   const { animateSnap, animateBounceBack, cancelAnimation } = useSnapAnimation({
     duration: snapConfig?.duration ?? 260,
-    easing: snapConfig?.easing ?? "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+    easing: snapConfig?.easing ?? "ease-out"
   });
   useEffect(() => {
     loadInitial();
@@ -3001,7 +3001,7 @@ function ReelsFeedThumbnail({
   return /* @__PURE__ */ jsx("div", { className, children: content });
 }
 var DEFAULT_DURATION = 300;
-var DEFAULT_EASING = "cubic-bezier(0.22, 1, 0.36, 1)";
+var DEFAULT_EASING = "ease-out";
 var DEFAULT_DIRECTION = "up";
 var DEFAULT_Z_INDEX = 1e3;
 var DEFAULT_PREWARM_FORWARD = 2;
@@ -3157,12 +3157,12 @@ function ReelsModal({
         const panel = panelRef.current;
         if (!panel) return;
         const first = panel.querySelector(FOCUSABLE);
-        (first ?? panel).focus();
+        (first ?? panel).focus({ preventScroll: true });
       });
       return () => cancelAnimationFrame(id);
     }
     if (phase === "closed") {
-      previouslyFocusedRef.current?.focus?.();
+      previouslyFocusedRef.current?.focus?.({ preventScroll: true });
       previouslyFocusedRef.current = null;
     }
     return void 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xhub-reels/sdk",
-  "version": "0.2.15",
+  "version": "0.2.17",
   "description": "High-performance Short Video / Reels SDK for React — optimized for Flutter WebView",
   "license": "MIT",
   "type": "module",