@papyrus-sdk/ui-react-native 0.2.35-beta.7 → 0.2.35-beta.8

package/README.md

@@ -162,3 +162,7 @@ If large files fail to load or crash on mobile:
   - Runtime EPUB open/ready timeout: `180000ms`
   - Runtime EPUB display timeout: `30000ms`
 - For very large EPUBs, first-open can take longer on mid-tier Android. This is expected due to zip parsing and spine bootstrapping.
+
+## Native ink motion packaging check
+
+Run `pnpm --filter @papyrus-sdk/ui-react-native check:ink-worklets` before publishing. This builds and verifies all three ink chrome callbacks through the Reanimated Babel plugin in both CJS and ESM artifacts. Keep explicit `"worklet"` directives: bundler aliases such as `useAnimatedStyle2` are not automatically recognized by the plugin.

package/dist/index.js

@@ -29779,14 +29779,20 @@ var Topbar = ({
   const inkSession = useNativeInkSession();
   const t = getStrings(locale);
   const progress = useNativeInkMotion(inkSession.active, inkSession.supported);
-  const settingsMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => ({
-    opacity: 1 - progress.value,
-    transform: [{ scale: 1 - progress.value * 0.04 }, { translateX: -progress.value * 6 }]
-  }));
-  const doneMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => ({
-    opacity: progress.value,
-    transform: [{ scale: 0.96 + progress.value * 0.04 }, { translateX: (1 - progress.value) * 6 }]
-  }));
+  const settingsMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
+    "worklet";
+    return {
+      opacity: 1 - progress.value,
+      transform: [{ scale: 1 - progress.value * 0.04 }, { translateX: -progress.value * 6 }]
+    };
+  });
+  const doneMotion = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
+    "worklet";
+    return {
+      opacity: progress.value,
+      transform: [{ scale: 0.96 + progress.value * 0.04 }, { translateX: (1 - progress.value) * 6 }]
+    };
+  });
   const [jumpModalOpen, setJumpModalOpen] = (0, import_react13.useState)(false);
   const isDark = uiTheme === "dark";
   const navIconColor = isDark ? "#e5e7eb" : "#111827";
@@ -32405,10 +32411,13 @@ var BottomBar = ({
   const drawing = supportsInkChrome && inkSession.active;
   const dockVisible = mobileChromeVisible && mobileDockVisible && !drawing;
   const dockProgress = useNativeInkMotion(dockVisible, supportsInkChrome);
-  const dockMotion = (0, import_react_native_reanimated3.useAnimatedStyle)(() => ({
-    opacity: dockProgress.value,
-    transform: [{ translateY: (1 - dockProgress.value) * 8 }]
-  }));
+  const dockMotion = (0, import_react_native_reanimated3.useAnimatedStyle)(() => {
+    "worklet";
+    return {
+      opacity: dockProgress.value,
+      transform: [{ translateY: (1 - dockProgress.value) * 8 }]
+    };
+  });
   const isDark = uiTheme === "dark";
   const t = getStrings(locale);
   const { width, height } = (0, import_react_native16.useWindowDimensions)();