build: bump

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yearn-finance/web-lib",
-  "version": "3.0.120",
+  "version": "3.0.121",
   "main": "./dist/index.js",
   "types": "./dist/index.d.js",
   "files": [

src/components/AddressLike.tsx

@@ -1,10 +1,10 @@
 import {useEnsName} from 'wagmi';
-import {cl} from '@builtbymom/web3/utils/cl.js';
+import {cl} from '@builtbymom/web3/utils/cl';
 
-import {copyToClipboard} from '../utils/helpers.js';
+import {copyToClipboard} from '../utils/helpers';
 
 import type {ReactElement} from 'react';
-import type {TAddress} from '@builtbymom/web3/types/address.js';
+import type {TAddress} from '@builtbymom/web3/types/address';
 
 export function AddressLike({address}: {address: TAddress}): ReactElement {
 	const {data: ensHandle, isSuccess} = useEnsName({address, chainId: 1});

src/components/AmountInput.tsx

@@ -1,7 +1,7 @@
-import {Renderable} from './Renderable.js';
+import {Renderable} from './Renderable';
 
 import type {ReactElement} from 'react';
-import type {TNormalizedBN} from '@builtbymom/web3/types/mixed.js';
+import type {TNormalizedBN} from '@builtbymom/web3/types/mixed';
 
 type TAmountInputProps = {
 	amount: TNormalizedBN;

src/components/Button.tsx

@@ -1,6 +1,6 @@
 import React, {forwardRef} from 'react';
 
-import {IconLoader} from '../icons/IconLoader.js';
+import {IconLoader} from '../icons/IconLoader';
 
 import type {ForwardedRef, ReactElement, ReactNode} from 'react';
 

src/components/Dropdown.tsx

@@ -1,10 +1,10 @@
 import {Fragment, useState} from 'react';
-import {cl} from '@builtbymom/web3/utils/cl.js';
+import {cl} from '@builtbymom/web3/utils/cl';
 import {Combobox, Transition} from '@headlessui/react';
 import {useThrottledState} from '@react-hookz/web';
 
-import {IconChevron} from '../icons/IconChevron.js';
-import {ImageWithFallback} from './ImageWithFallback.js';
+import {IconChevron} from '../icons/IconChevron';
+import {ImageWithFallback} from './ImageWithFallback';
 
 import type {ReactElement} from 'react';
 

src/components/Header.tsx

@@ -1,17 +1,17 @@
 import {cloneElement, Fragment, useEffect, useMemo, useState} from 'react';
 import {useConnect, usePublicClient} from 'wagmi';
 import {useWeb3} from '@builtbymom/web3/contexts/useWeb3';
-import {toSafeChainID} from '@builtbymom/web3/hooks/useChainID.js';
-import {assert} from '@builtbymom/web3/utils/assert.js';
-import {cl} from '@builtbymom/web3/utils/cl.js';
-import {truncateHex} from '@builtbymom/web3/utils/tools.address.js';
+import {toSafeChainID} from '@builtbymom/web3/hooks/useChainID';
+import {assert} from '@builtbymom/web3/utils';
+import {cl} from '@builtbymom/web3/utils/cl';
+import {truncateHex} from '@builtbymom/web3/utils/tools.address';
 import {Listbox, Transition} from '@headlessui/react';
 import {useAccountModal, useChainModal, useConnectModal} from '@rainbow-me/rainbowkit';
 import {useIsMounted} from '@react-hookz/web';
 
-import {IconChevronBottom} from '../icons/IconChevronBottom.js';
-import {IconWallet} from '../icons/IconWallet.js';
-import {Button} from './Button.js';
+import {IconChevronBottom} from '../icons/IconChevronBottom';
+import {IconWallet} from '../icons/IconWallet';
+import {Button} from './Button';
 
 import type {AnchorHTMLAttributes, DetailedHTMLProps, ReactElement} from 'react';
 import type {Chain} from 'wagmi';

src/components/ImageWithFallback.tsx

@@ -3,7 +3,7 @@ import {Image} from 'next/dist/client/image-component';
 import {cl} from '@builtbymom/web3/utils';
 import {useUpdateEffect} from '@react-hookz/web';
 
-import type {ImageProps} from 'next/image.js';
+import type {ImageProps} from 'next/image';
 import type {CSSProperties, ReactElement} from 'react';
 
 type TImageWithFallback = ImageProps & {

src/components/ModalMobileMenu.tsx

@@ -1,16 +1,16 @@
 import React, {cloneElement, Fragment, useEffect, useMemo, useRef, useState} from 'react';
 import {useConnect, useNetwork} from 'wagmi';
 import {useWeb3} from '@builtbymom/web3/contexts/useWeb3';
-import {assert} from '@builtbymom/web3/utils/assert.js';
-import {truncateHex} from '@builtbymom/web3/utils/tools.address.js';
+import {assert} from '@builtbymom/web3/utils';
+import {truncateHex} from '@builtbymom/web3/utils/tools.address';
 import {Dialog, Transition} from '@headlessui/react';
 
-import {useInjectedWallet} from '../hooks/useInjectedWallet.js';
+import {useInjectedWallet} from '../hooks/useInjectedWallet';
 
 import type {ReactElement, ReactNode} from 'react';
 import type {Chain} from 'wagmi';
-import type {TNetwork} from './Header.js';
-import type {TModal} from './Modal.js';
+import type {TNetwork} from './Header';
+import type {TModal} from './Modal';
 
 type TModalMobileMenu = {
 	isOpen: boolean;

src/components/yToast.tsx

@@ -1,9 +1,9 @@
 import {toast as toastMaster, useToasterStore} from 'react-hot-toast';
 
-import {IconAlertCritical} from '../icons/IconAlertCritical.js';
-import {IconAlertError} from '../icons/IconAlertError.js';
-import {IconAlertWarning} from '../icons/IconAlertWarning.js';
-import {IconCheckmark} from '../icons/IconCheckmark.js';
+import {IconAlertCritical} from '../icons/IconAlertCritical';
+import {IconAlertError} from '../icons/IconAlertError';
+import {IconAlertWarning} from '../icons/IconAlertWarning';
+import {IconCheckmark} from '../icons/IconCheckmark';
 
 import type {ReactElement} from 'react';
 import type {ToastOptions} from 'react-hot-toast';

src/hooks/useAddToken.ts

@@ -1,5 +1,5 @@
-import {yToast} from '../components/yToast.js';
-import {useDismissToasts} from './useDismissToasts.js';
+import {yToast} from '../components/yToast';
+import {useDismissToasts} from './useDismissToasts';
 
 declare let window: unknown;
 

src/hooks/useDismissToasts.ts

@@ -1,4 +1,4 @@
-import {yToast} from '../components/yToast.js';
+import {yToast} from '../components/yToast';
 
 type TUseDismissToasts = {
 	dismissAllToasts: () => void;

src/hooks/useInjectedWallet.tsx

@@ -1,12 +1,12 @@
 import {useMemo} from 'react';
 
-import {IconWalletCoinbase} from '../icons/IconWalletCoinbase.js';
-import {IconWalletFrame} from '../icons/IconWalletFrame.js';
-import {IconWalletLedger} from '../icons/IconWalletLedger.js';
-import {IconWalletMetamask} from '../icons/IconWalletMetamask.js';
-import {IconWalletOKX} from '../icons/IconWalletOKX.js';
-import {IconWalletPhantom} from '../icons/IconWalletPhantom.js';
-import {IconWalletTrustWallet} from '../icons/IconWalletTrustWallet.js';
+import {IconWalletCoinbase} from '../icons/IconWalletCoinbase';
+import {IconWalletFrame} from '../icons/IconWalletFrame';
+import {IconWalletLedger} from '../icons/IconWalletLedger';
+import {IconWalletMetamask} from '../icons/IconWalletMetamask';
+import {IconWalletOKX} from '../icons/IconWalletOKX';
+import {IconWalletPhantom} from '../icons/IconWalletPhantom';
+import {IconWalletTrustWallet} from '../icons/IconWalletTrustWallet';
 
 import type {ReactElement} from 'react';
 

src/utils/format.time.ts

@@ -1,6 +1,6 @@
 import dayjs, {extend} from 'dayjs';
-import dayjsDuration from 'dayjs/plugin/duration.js';
-import relativeTime from 'dayjs/plugin/relativeTime.js';
+import dayjsDuration from 'dayjs/plugin/duration';
+import relativeTime from 'dayjs/plugin/relativeTime';
 
 extend(relativeTime);
 extend(dayjsDuration);

src/utils/helpers.ts

@@ -1,8 +1,8 @@
 import {toNormalizedBN} from '@builtbymom/web3/utils';
 
-import {yToast} from '../components/yToast.js';
+import {yToast} from '../components/yToast';
 
-import type {TSortDirection} from '@builtbymom/web3/types/mixed.js';
+import type {TSortDirection} from '@builtbymom/web3/types/mixed';
 /* 🔵 - Yearn Finance ******************************************************
  ** Yearn Meta uses some markdown for some rich content. Instead of using
  ** a md parser and add some heavy dependencies, just use regex to replace