index.ts broke my tree shaking

components/auth/LoginView.tsx

@@ -1,6 +1,6 @@
 import { FC, useEffect, useState, useCallback } from 'react'
 import { Logo, Button, Input } from '@components/ui'
-import { useLogin } from '@framework/auth'
+import useLogin from '@framework/auth/use-login'
 import { useUI } from '@components/ui/context'
 import { validate } from 'email-validator'
 

components/auth/SignUpView.tsx

@@ -3,7 +3,7 @@ import { validate } from 'email-validator'
 import { Info } from '@components/icons'
 import { useUI } from '@components/ui/context'
 import { Logo, Button, Input } from '@components/ui'
-import { useSignup } from '@framework/auth'
+import useSignup from '@framework/auth/use-signup'
 
 interface Props {}
 

components/common/UserNav/DropdownMenu.tsx

@@ -8,7 +8,7 @@ import { Avatar } from '@components/common'
 import { Moon, Sun } from '@components/icons'
 import { useUI } from '@components/ui/context'
 import ClickOutside from '@lib/click-outside'
-import { useLogout } from '@framework/auth'
+import useLogout from '@framework/auth/use-logout'
 
 import {
   disableBodyScroll,

components/product/ProductCard/ProductCard.tsx

@@ -57,11 +57,11 @@ const ProductCard: FC<Props> = ({
                   {product.price.currencyCode}
                 </span>
               </div>
-              <WishlistButton
+              {/* <WishlistButton
                 className={s.wishlistButton}
                 productId={product.id}
                 variant={product.variant[0]!}
-              />
+              /> */}
             </div>
             <div className={s.imageContainer}>
               {product?.images && (

components/product/ProductView/ProductView.tsx

@@ -8,7 +8,7 @@ import { useUI } from '@components/ui'
 import { Swatch, ProductSlider } from '@components/product'
 import { Button, Container, Text } from '@components/ui'
 
-import { usePrice } from '@framework/product'
+import usePrice from '@framework/product/use-price'
 import { useAddItem } from '@framework/cart'
 
 import {

components/wishlist/WishlistButton/WishlistButton.tsx

@@ -3,8 +3,10 @@ import cn from 'classnames'
 import { Heart } from '@components/icons'
 
 import { useUI } from '@components/ui'
-import { useCustomer } from '@framework/customer'
-import { useAddItem, useWishlist, useRemoveItem } from '@framework/wishlist'
+import useCustomer from '@framework/customer/use-customer'
+import useAddItem from '@framework/wishlist/use-add-item'
+import useRemoveItem from '@framework/wishlist/use-remove-item'
+import useWishlist from '@framework/wishlist/use-add-item'
 
 type Props = {
   productId: Product['id']