replace radix imports

src/view/shell/Composer.web.tsx

@@ -1,5 +1,7 @@
 import {StyleSheet, View} from 'react-native'
-import {DismissableLayer, FocusGuards, FocusScope} from 'radix-ui/internal'
+import {DismissableLayer} from '@radix-ui/react-dismissable-layer'
+import {useFocusGuards} from '@radix-ui/react-focus-guards'
+import {FocusScope} from '@radix-ui/react-focus-scope'
 import {RemoveScrollBar} from 'react-remove-scroll-bar'
 
 import {useA11y} from '#/state/a11y'
@@ -36,11 +38,11 @@ function Inner({state}: {state: ComposerOpts}) {
   const {gtMobile} = useBreakpoints()
   const {reduceMotionEnabled} = useA11y()
 
-  FocusGuards.useFocusGuards()
+  useFocusGuards()
 
   return (
-    <FocusScope.FocusScope loop trapped asChild>
-      <DismissableLayer.DismissableLayer
+    <FocusScope loop trapped asChild>
+      <DismissableLayer
         role="dialog"
         aria-modal
         style={flatten([
@@ -84,8 +86,8 @@ function Inner({state}: {state: ComposerOpts}) {
             openGallery={state.openGallery}
           />
         </View>
-      </DismissableLayer.DismissableLayer>
-    </FocusScope.FocusScope>
+      </DismissableLayer>
+    </FocusScope>
   )
 }