refactor: move GestureHandlerButton to shared components

src/__swaps__/screens/Swap/components/AnimatedSwitch.tsx

@@ -3,7 +3,7 @@ import React from 'react';
 import { AnimatedText, Bleed, Box, Inline, globalColors, useColorMode, useForegroundColor } from '@/design-system';
 import Animated, { SharedValue, useAnimatedStyle, useDerivedValue, withSpring, withTiming } from 'react-native-reanimated';
 import { opacity } from '@/framework/ui/utils/opacity';
-import { GestureHandlerButtonProps, GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButtonProps, GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { StyleSheet } from 'react-native';
 import { SPRING_CONFIGS, TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 

src/__swaps__/screens/Swap/components/ExchangeRateBubble.tsx

@@ -8,7 +8,7 @@ import { opacity } from '@/framework/ui/utils/opacity';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 import { AddressZero } from '@ethersproject/constants';
 import { ETH_ADDRESS } from '@/references';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { convertAmountToNativeDisplayWorklet } from '@/helpers/utilities';
 import { StyleSheet } from 'react-native';
 import { DEVICE_WIDTH } from '@/utils/deviceUtils';

src/__swaps__/screens/Swap/components/FlipButton.tsx

@@ -15,7 +15,7 @@ import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
 import { SwapAssetType } from '@/__swaps__/types/swap';
 import { getColorValueForThemeWorklet } from '@/__swaps__/utils/swaps';
 import { opacity } from '@/framework/ui/utils/opacity';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 
 export const FlipButton = () => {
   const { isDarkMode } = useColorMode();

src/__swaps__/screens/Swap/components/GasButton.tsx

@@ -20,7 +20,7 @@ import { GasSettings, useCustomGasSettings } from '../hooks/useCustomGas';
 import { setSelectedGasSpeed, useSelectedGasSpeed } from '../hooks/useSelectedGas';
 import { NavigationSteps, useSwapContext } from '../providers/swap-provider';
 import { EstimatedSwapGasFee, EstimatedSwapGasFeeSlot } from './EstimatedSwapGasFee';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { UnmountOnAnimatedReaction } from './UnmountOnAnimatedReaction';
 import { ChainId } from '@/state/backendNetworks/types';
 

src/__swaps__/screens/Swap/components/ReviewButton.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import Animated, { useAnimatedStyle } from 'react-native-reanimated';
 import { Box, Text, TextIcon, useColorMode } from '@/design-system';
 import * as i18n from '@/languages';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { LIGHT_SEPARATOR_COLOR, SEPARATOR_COLOR, THICK_BORDER_WIDTH } from '../constants';
 import { useSwapContext } from '../providers/swap-provider';
 

src/__swaps__/screens/Swap/components/ReviewPanel.tsx

@@ -1,6 +1,6 @@
 import { AnimatedChainImage } from '@/__swaps__/screens/Swap/components/AnimatedChainImage';
 import { ReviewGasButton } from '@/__swaps__/screens/Swap/components/GasButton';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { useEstimatedTime } from '@/__swaps__/utils/meteorology';
 import { convertRawAmountToBalance, convertRawAmountToBalanceWorklet, handleSignificantDecimals, multiply } from '@/helpers/utilities';
 import { opacity } from '@/framework/ui/utils/opacity';

src/__swaps__/screens/Swap/components/SearchInputButton.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { AnimatedText, Box } from '@/design-system';
 import Animated, { SharedValue, runOnJS, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';
 import { triggerHaptics } from 'react-native-turbo-haptics';

src/__swaps__/screens/Swap/components/SettingsPanel.tsx

@@ -9,7 +9,7 @@ import { opacity } from '@/framework/ui/utils/opacity';
 import { THICK_BORDER_WIDTH } from '../constants';
 import { NavigationSteps, useSwapContext } from '../providers/swap-provider';
 import { AnimatedSwitch } from './AnimatedSwitch';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { SlippageRow } from './ReviewPanel';
 import { useUserAssetsStore } from '@/state/assets/userAssets';
 

src/__swaps__/screens/Swap/components/SwapActionButton.tsx

@@ -19,7 +19,7 @@ import { ExtendedAnimatedAssetWithColors } from '@/__swaps__/types/assets';
 import { getColorValueForThemeWorklet } from '@/__swaps__/utils/swaps';
 import { DepositContextType } from '@/systems/funding/types';
 import { useSwapContext } from '../providers/swap-provider';
-import { GestureHandlerButton, GestureHandlerButtonProps } from './GestureHandlerButton';
+import { GestureHandlerButton, GestureHandlerButtonProps } from '@/components/buttons/GestureHandlerButton';
 
 const getSwapButtonPadding = ({ outline, rightIcon, small }: { outline?: boolean; rightIcon?: string; small?: boolean }) => {
   const horizontalPadding = small ? 14 : 20 - (outline ? 2 : 0);

src/__swaps__/screens/Swap/components/SwapInputAsset.tsx

@@ -8,7 +8,7 @@ import { AnimatedText, Box, Column, Columns, Stack, useColorMode } from '@/desig
 
 import { BalanceBadge } from '@/__swaps__/screens/Swap/components/BalanceBadge';
 import { FadeMask } from '@/__swaps__/screens/Swap/components/FadeMask';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { SwapActionButton } from '@/__swaps__/screens/Swap/components/SwapActionButton';
 import { SwapInput } from '@/__swaps__/screens/Swap/components/SwapInput';
 import { SwapNativeInput } from '@/__swaps__/screens/Swap/components/SwapNativeInput';

src/__swaps__/screens/Swap/components/SwapNativeInput.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import Animated, { runOnJS, useAnimatedStyle, useDerivedValue } from 'react-native-reanimated';
 import { AnimatedText } from '@/design-system';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { SwapInputValuesCaret } from '@/__swaps__/screens/Swap/components/SwapInputValuesCaret';
 import { useSwapContext } from '@/__swaps__/screens/Swap/providers/swap-provider';
 

src/__swaps__/screens/Swap/components/SwapNavbar.tsx

@@ -29,7 +29,7 @@ import { useNavigation } from '@/navigation';
 import Routes from '@/navigation/routesNames';
 import { useAccountProfileInfo } from '@/state/wallets/walletsStore';
 import safeAreaInsetValues from '@/utils/safeAreaInsetValues';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 
 const SWAP_TITLE_LABEL = i18n.t(i18n.l.swap.modal_types.swap);
 const BRIDGE_TITLE_LABEL = i18n.t(i18n.l.swap.modal_types.bridge);

src/__swaps__/screens/Swap/components/SwapNumberPad.tsx

@@ -30,7 +30,7 @@ import { NavigationSteps, useSwapContext } from '@/__swaps__/screens/Swap/provid
 import { InputKeys } from '@/__swaps__/types/swap';
 import { stripNonDecimalNumbers } from '@/__swaps__/utils/swaps';
 import { opacity } from '@/framework/ui/utils/opacity';
-import { GestureHandlerButton } from './GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 
 type numberPadCharacter = number | 'backspace' | '.';
 

src/__swaps__/screens/Swap/components/SwapOutputAsset.tsx

@@ -10,7 +10,7 @@ import { BalanceBadge } from '@/__swaps__/screens/Swap/components/BalanceBadge';
 import { SwapNativeInput } from '@/__swaps__/screens/Swap/components/SwapNativeInput';
 import { SwapInputValuesCaret } from '@/__swaps__/screens/Swap/components/SwapInputValuesCaret';
 import { FadeMask } from '@/__swaps__/screens/Swap/components/FadeMask';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { SwapActionButton } from '@/__swaps__/screens/Swap/components/SwapActionButton';
 import { SwapInput } from '@/__swaps__/screens/Swap/components/SwapInput';
 import { TokenList } from '@/__swaps__/screens/Swap/components/TokenList/TokenList';

src/__swaps__/screens/Swap/components/TokenList/ChainSelection.tsx

@@ -17,7 +17,7 @@ import { useBackendNetworksStore } from '@/state/backendNetworks/backendNetworks
 import Routes from '@/navigation/routesNames';
 import { Navigation } from '@/navigation';
 import { TokenToBuyListItem } from '@/__swaps__/types/search';
-import { GestureHandlerButton } from '../GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { UserAssetFilter } from '@/__swaps__/types/assets';
 
 type ChainSelectionProps = {

src/components/CurrencyInput/CurrencyDisplay.tsx

@@ -2,7 +2,7 @@ import React, { memo } from 'react';
 import { StyleProp, TextStyle } from 'react-native';
 import { SharedValue } from 'react-native-reanimated';
 import { AnimatedText, Box } from '@/design-system';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { CurrencyInputCaret } from './CurrencyInputCaret';
 
 type CurrencyDisplayProps = {

src/components/DappBrowser/TabViewToolbar.tsx

@@ -10,7 +10,7 @@ import { IS_IOS } from '@/env';
 import * as i18n from '@/languages';
 import { TAB_BAR_HEIGHT } from '@/navigation/SwipeNavigator';
 import { position } from '@/styles';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { clamp } from '@/__swaps__/utils/swaps';
 import { opacity } from '@/framework/ui/utils/opacity';

src/components/DappBrowser/control-panel/ControlPanel.tsx

@@ -1,4 +1,4 @@
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { navigateToSwaps } from '@/__swaps__/screens/Swap/navigateToSwaps';
 import { opacity } from '@/framework/ui/utils/opacity';

src/components/DappBrowser/search-input/SearchInput.tsx

@@ -26,7 +26,7 @@ import { fontWithWidth } from '@/styles';
 import font from '@/styles/fonts';
 import { useBrowserStore } from '@/state/browser/browserStore';
 import { FavoritedSite, useFavoriteDappsStore } from '@/state/browser/favoriteDappsStore';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { FadeMask } from '@/__swaps__/screens/Swap/components/FadeMask';
 import { opacity } from '@/framework/ui/utils/opacity';

src/components/DappBrowser/search-input/TabButton.tsx

@@ -10,7 +10,7 @@ import { useSharedValueState } from '@/hooks/reanimated/useSharedValueState';
 import * as i18n from '@/languages';
 import { useBrowserStore } from '@/state/browser/browserStore';
 import position from '@/styles/position';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { showActionSheetWithOptions } from '@/framework/ui/utils/actionsheet';

src/components/asset-list/RecyclerAssetList2/NFTEmptyState.tsx

@@ -7,7 +7,7 @@ import { MINTS, NFTS_ENABLED, useExperimentalFlag } from '@/config';
 import { useRemoteConfig } from '@/model/remoteConfig';
 import { useMints } from '@/resources/mints';
 import { useAccountAddress } from '@/state/wallets/walletsStore';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { StyleSheet } from 'react-native';
 import { LIGHT_SEPARATOR_COLOR, SEPARATOR_COLOR } from '@/__swaps__/screens/Swap/constants';
 import { analytics } from '@/analytics';

src/components/buttons/index.js

@@ -1,5 +1,6 @@
 export { default as BiometricButtonContent } from './BiometricButtonContent';
 export { default as Button } from './Button';
+export { GestureHandlerButton } from './GestureHandlerButton';
 export { HoldToAuthorizeButton, HoldToAuthorizeButtonIcon } from './hold-to-authorize';
 export { default as MiniButton } from './MiniButton';
 export { default as PasteAddressButton } from './PasteAddressButton';

src/components/cards/remote-cards/RemoteCard.tsx

@@ -16,7 +16,7 @@ import LinearGradient from 'react-native-linear-gradient';
 import { analytics } from '@/analytics';
 import { FlashList } from '@shopify/flash-list';
 import { remoteCardsStore } from '@/state/remoteCards/remoteCards';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { openInBrowser } from '@/utils/openInBrowser';
 import { opacity } from '@/framework/ui/utils/opacity';
 

src/components/collapsible/CollapsibleSectionBase.tsx

@@ -2,7 +2,7 @@
 import React from 'react';
 import Animated, { DerivedValue, LinearTransition, SharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated';
 import { Bleed, Box, IconContainer, Text, TextShadow } from '@/design-system';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { SPRING_CONFIGS } from '@/components/animations/animationConfigs';
 
 const ANIMATION_CONFIG = SPRING_CONFIGS.snappierSpringConfig;

src/components/rainbow-coin-effect/RainbowCoinEffect.tsx

@@ -18,7 +18,7 @@ import { getSizedImageUrl } from '@/handlers/imgix';
 import { useCleanup } from '@/hooks/useCleanup';
 import Routes from '@/navigation/routesNames';
 import { useNavigationStore } from '@/state/navigation/navigationStore';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { ANIMATION_CONFIGS, BORDER_THICKNESS, INTERNAL_SPRING_CONFIGS } from './constants';
 import { cancelAnimations, getRainbowCoinEffectConfig, onPressCoinIcon, startAnimations } from './utils';
 

src/features/charts/candlestick/components/PerpsIndicatorsToggle.tsx

@@ -8,7 +8,7 @@ import { IS_IOS } from '@/env';
 import { chartsActions, useChartsStore, useChartType } from '@/features/charts/stores/chartsStore';
 import { ChartType } from '@/features/charts/types';
 import { useHasPositionCheck } from '@/features/perps/stores/derived/useHasPositionCheck';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICKER_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { getSolidColorEquivalent } from '@/worklets/colors';

src/features/charts/components/TimeframeSelector.tsx

@@ -15,7 +15,7 @@ import { EasingGradient } from '@/components/easing-gradient/EasingGradient';
 import { AnimatedText, globalColors, useColorMode, useForegroundColor } from '@/design-system';
 import { IS_IOS } from '@/env';
 import { useStableValue } from '@/hooks/useStableValue';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { DEVICE_WIDTH } from '@/utils/deviceUtils';
 import { getSolidColorEquivalent } from '@/worklets/colors';

src/features/charts/components/TimeframeSelectorCore.tsx

@@ -5,7 +5,7 @@ import { SPRING_CONFIGS, easing } from '@/components/animations/animationConfigs
 import { EasingGradient } from '@/components/easing-gradient/EasingGradient';
 import { AnimatedText, useColorMode, useForegroundColor } from '@/design-system';
 import { IS_IOS } from '@/env';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { DEVICE_WIDTH } from '@/utils/deviceUtils';
 

src/features/charts/components/TimeframeSelectorV2.tsx

@@ -6,7 +6,7 @@ import { globalColors, useColorMode } from '@/design-system';
 import { IS_IOS } from '@/env';
 import { useStableValue } from '@/hooks/useStableValue';
 import { DEVICE_WIDTH } from '@/utils/deviceUtils';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { getSolidColorEquivalent } from '@/worklets/colors';
 import { GREEN_CANDLE_COLOR, RED_CANDLE_COLOR } from '../candlestick/constants';

src/features/perps/components/NumberPad/NumberPadKey.tsx

@@ -11,7 +11,7 @@ import Animated, {
 } from 'react-native-reanimated';
 import { TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 import { HitSlop, Text, useColorMode, useForegroundColor } from '@/design-system';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { triggerHaptics } from 'react-native-turbo-haptics';
 import { colors } from '@/styles';
 import { IS_IOS } from '@/env';

src/features/perps/components/PerpsSwapButton.tsx

@@ -1,4 +1,4 @@
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { SPRING_CONFIGS, TIMING_CONFIGS } from '@/components/animations/animationConfigs';
 import { Box, Cover, useColorMode, useForegroundColor } from '@/design-system';

src/features/perps/screens/perps-new-position-screen/PositionSideSelector.tsx

@@ -11,7 +11,7 @@ import Animated, { interpolate, interpolateColor, useAnimatedStyle, useDerivedVa
 import { DEVICE_WIDTH } from '@/utils/deviceUtils';
 import { SPRING_CONFIGS } from '@/components/animations/animationConfigs';
 import { PERPS_BACKGROUND_DARK, PERPS_BACKGROUND_LIGHT, PERPS_COLORS } from '@/features/perps/constants';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICKER_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { fonts } from '@/design-system/typography/typography';
 

src/features/polymarket/screens/polymarket-event-screen/ItemSelector.tsx

@@ -13,7 +13,7 @@ import { SPRING_CONFIGS, easing } from '@/components/animations/animationConfigs
 import { EasingGradient } from '@/components/easing-gradient/EasingGradient';
 import { AnimatedText, Box, useColorMode, useForegroundColor } from '@/design-system';
 import { IS_IOS } from '@/env';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { opacity } from '@/framework/ui/utils/opacity';
 
 // ============ Constants ====================================================== //

src/features/polymarket/screens/polymarket-navigator/PolymarketTabSelector.tsx

@@ -14,7 +14,7 @@ import { BlurView } from 'react-native-blur-view';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { SPRING_CONFIGS } from '@/components/animations/animationConfigs';
 import { THICKER_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { AnimatedText, Box, useColorMode, useForegroundColor } from '@/design-system';
 import * as i18n from '@/languages';
 import { IS_IOS } from '@/env';

src/screens/Airdrops/ClaimAirdropSheet.tsx

@@ -1,4 +1,4 @@
-import { GestureHandlerButton } from '@/__swaps__/screens/Swap/components/GestureHandlerButton';
+import { GestureHandlerButton } from '@/components/buttons/GestureHandlerButton';
 import { THICK_BORDER_WIDTH } from '@/__swaps__/screens/Swap/constants';
 import { opacity } from '@/framework/ui/utils/opacity';
 import { AnimatedImage } from '@/components/AnimatedComponents/AnimatedImage';