diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx index ee74da6249..34930bc1b4 100644 --- a/src/components/Dialog/index.web.tsx +++ b/src/components/Dialog/index.web.tsx @@ -19,7 +19,9 @@ import { } from 'react-native' import {msg} from '@lingui/core/macro' import {useLingui} from '@lingui/react' -import {DismissableLayer, FocusGuards, FocusScope} from 'radix-ui/internal' +import * as DismissableLayer from '@radix-ui/react-dismissable-layer' +import * as FocusGuards from '@radix-ui/react-focus-guards' +import * as FocusScope from '@radix-ui/react-focus-scope' import {RemoveScrollBar} from 'react-remove-scroll-bar' import {logger} from '#/logger' diff --git a/src/components/EmojiPicker/index.web.tsx b/src/components/EmojiPicker/index.web.tsx index 8d5e7788ec..71cf769b9b 100644 --- a/src/components/EmojiPicker/index.web.tsx +++ b/src/components/EmojiPicker/index.web.tsx @@ -1,6 +1,6 @@ import {createContext, useContext, useEffect, useMemo, useRef} from 'react' import EmojiPicker from '@emoji-mart/react' -import {DropdownMenu} from 'radix-ui' +import * as DropdownMenu from '@radix-ui/react-dropdown-menu' import {useA11y} from '#/state/a11y' import {textInputWebEmitter} from '#/view/com/composer/text-input/textInputWebEmitter' diff --git a/src/components/FocusScope/index.web.tsx b/src/components/FocusScope/index.web.tsx index 541cd72601..4e9c49b80e 100644 --- a/src/components/FocusScope/index.web.tsx +++ b/src/components/FocusScope/index.web.tsx @@ -1,4 +1,4 @@ -import {FocusScope as RadixFocusScope} from 'radix-ui/internal' +import * as RadixFocusScope from '@radix-ui/react-focus-scope' /* * The web version of the FocusScope component is a proper implementation, we diff --git a/src/components/Lightbox/Lightbox.web.tsx b/src/components/Lightbox/Lightbox.web.tsx index cccbe4f851..5e75b209e2 100644 --- a/src/components/Lightbox/Lightbox.web.tsx +++ b/src/components/Lightbox/Lightbox.web.tsx @@ -2,7 +2,8 @@ import {useCallback, useEffect, useRef, useState} from 'react' import {Pressable, ScrollView, 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 * as FocusGuards from '@radix-ui/react-focus-guards' +import * as FocusScope from '@radix-ui/react-focus-scope' import {RemoveScrollBar} from 'react-remove-scroll-bar' import {saveImageToMediaLibrary} from '#/lib/media/manip' diff --git a/src/components/Menu/index.web.tsx b/src/components/Menu/index.web.tsx index ab7ac7dbc2..622d23907f 100644 --- a/src/components/Menu/index.web.tsx +++ b/src/components/Menu/index.web.tsx @@ -8,7 +8,7 @@ import { } from 'react-native' import {msg} from '@lingui/core/macro' import {useLingui} from '@lingui/react' -import {DropdownMenu} from 'radix-ui' +import * as DropdownMenu from '@radix-ui/react-dropdown-menu' import {useA11y} from '#/state/a11y' import {atoms as a, flatten, flattenToCSS, useTheme, web} from '#/alf' diff --git a/src/components/Select/index.web.tsx b/src/components/Select/index.web.tsx index ade6cf3e20..6ad773792d 100644 --- a/src/components/Select/index.web.tsx +++ b/src/components/Select/index.web.tsx @@ -1,6 +1,6 @@ import {createContext, forwardRef, Fragment, useContext, useMemo} from 'react' import {View} from 'react-native' -import {Select as RadixSelect} from 'radix-ui' +import * as RadixSelect from '@radix-ui/react-select' import {useA11y} from '#/state/a11y' import {atoms as a, flatten, flattenToCSS, useTheme, web} from '#/alf' diff --git a/src/components/Tooltip/index.web.tsx b/src/components/Tooltip/index.web.tsx index 8d6c9634ab..80194632f7 100644 --- a/src/components/Tooltip/index.web.tsx +++ b/src/components/Tooltip/index.web.tsx @@ -1,7 +1,7 @@ import {createContext, useContext, useMemo} from 'react' import {View} from 'react-native' import {utils} from '@bsky.app/alf' -import {Popover} from 'radix-ui' +import * as Popover from '@radix-ui/react-popover' import {atoms as a, flattenToCSS, useTheme} from '#/alf' import { diff --git a/src/components/WelcomeModal.tsx b/src/components/WelcomeModal.tsx index 3e76a914e1..639a484f03 100644 --- a/src/components/WelcomeModal.tsx +++ b/src/components/WelcomeModal.tsx @@ -2,7 +2,8 @@ import {useEffect, useEffectEvent, useState} from 'react' import {Pressable, View} from 'react-native' import {ImageBackground} from 'expo-image' import {Trans, useLingui} from '@lingui/react/macro' -import {FocusGuards, FocusScope} from 'radix-ui/internal' +import * as FocusGuards from '@radix-ui/react-focus-guards' +import * as FocusScope from '@radix-ui/react-focus-scope' import {useLoggedOutViewControls} from '#/state/shell/logged-out' import {Logo} from '#/view/icons/Logo' diff --git a/src/components/dms/EmojiReactionPicker.web.tsx b/src/components/dms/EmojiReactionPicker.web.tsx index c84151f367..b71b16f7be 100644 --- a/src/components/dms/EmojiReactionPicker.web.tsx +++ b/src/components/dms/EmojiReactionPicker.web.tsx @@ -1,7 +1,7 @@ import {useState} from 'react' import {Pressable, View} from 'react-native' import {useLingui} from '@lingui/react/macro' -import {DropdownMenu} from 'radix-ui' +import * as DropdownMenu from '@radix-ui/react-dropdown-menu' import {useSession} from '#/state/session' import {atoms as a, flatten, useTheme} from '#/alf' diff --git a/src/view/shell/Composer.web.tsx b/src/view/shell/Composer.web.tsx index 812bb8e0da..5325abe136 100644 --- a/src/view/shell/Composer.web.tsx +++ b/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 * as DismissableLayer from '@radix-ui/react-dismissable-layer' +import * as FocusGuards from '@radix-ui/react-focus-guards' +import * as FocusScope from '@radix-ui/react-focus-scope' import {RemoveScrollBar} from 'react-remove-scroll-bar' import {useA11y} from '#/state/a11y'