replace radix imports

src/components/Lightbox/Lightbox.web.tsx

@@ -2,7 +2,8 @@ import {useCallback, useEffect, useRef, useState} from 'react'
 import {Pressable, StyleSheet, View} from 'react-native'
 import {Image} from 'expo-image'
 import {Trans, useLingui} from '@lingui/react/macro'
-import {FocusGuards, FocusScope} from 'radix-ui/internal'
+import {useFocusGuards} from '@radix-ui/react-focus-guards'
+import {FocusScope} from '@radix-ui/react-focus-scope'
 import {RemoveScrollBar} from 'react-remove-scroll-bar'
 
 import {saveImageToMediaLibrary} from '#/lib/media/manip'
@@ -66,7 +67,7 @@ function LightboxContainer({
   handleBackgroundPress: () => void
 }) {
   const {t: l} = useLingui()
-  FocusGuards.useFocusGuards()
+  useFocusGuards()
   return (
     <Pressable
       accessibilityHint={undefined}
@@ -75,7 +76,7 @@ function LightboxContainer({
       style={[a.fixed, a.inset_0, a.z_10]}>
       <Backdrop />
       <RemoveScrollBar />
-      <FocusScope.FocusScope loop trapped asChild>
+      <FocusScope loop trapped asChild>
         <div
           role="dialog"
           aria-modal="true"
@@ -83,7 +84,7 @@ function LightboxContainer({
           style={{position: 'absolute', inset: 0}}>
           {children}
         </div>
-      </FocusScope.FocusScope>
+      </FocusScope>
     </Pressable>
   )
 }