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

package/dist/index.mjs

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