diff --git a/package.json b/package.json
index 9e8c607..51b9542 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,8 @@
   "files": [
     "dist"
   ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs.js",
   "scripts": {
     "build": "tsup --config tsup.config.ts",
     "lint": "eslint src --ext .ts,tsx,js,jsx",
@@ -17,9 +19,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "require": "./dist/index.js",
+      "default": "./dist/index.mjs"
     },
-    "./style.css": "./dist/style.css"
+    "./styles.css": "./dist/styles.css"
   },
   "repository": {
     "type": "git",
diff --git a/src/components/chat/BitteSpinner.tsx b/src/components/chat/BitteSpinner.tsx
index b24aef8..9a74784 100644
--- a/src/components/chat/BitteSpinner.tsx
+++ b/src/components/chat/BitteSpinner.tsx
@@ -1,4 +1,4 @@
-import Lottie from "react-lottie-player/dist/LottiePlayerLight";
+import Lottie from "react-lottie-player/dist/LottiePlayerLight.js";
 
 import { Color } from "../../lib/animation-colors/colors";
 import { hexToRgb } from "../../lib/animation-colors/hex-to-rgb";
diff --git a/src/components/chat/transactions/ReviewTransaction.tsx b/src/components/chat/transactions/ReviewTransaction.tsx
index df8fe6a..7f46243 100644
--- a/src/components/chat/transactions/ReviewTransaction.tsx
+++ b/src/components/chat/transactions/ReviewTransaction.tsx
@@ -1,5 +1,5 @@
 import { Transaction } from "@near-wallet-selector/core";
-import BN from "bn.js";
+import BN from "bn.js/lib/bn.js";
 import { SafeEncodedSignRequest } from "near-safe";
 import { useEffect, useState } from "react";
 import { useAccountBalance } from "../../../hooks/useAccountBalance";
diff --git a/src/global.d.ts b/src/global.d.ts
new file mode 100644
index 0000000..82463a1
--- /dev/null
+++ b/src/global.d.ts
@@ -0,0 +1,4 @@
+declare module "bn.js/lib/bn.js" {
+  import BN from  "bn.js/lib/bn.js";
+  export default BN;
+}
\ No newline at end of file
diff --git a/src/hooks/useTxnFees.ts b/src/hooks/useTxnFees.ts
index 0a24b78..d5c1ce8 100644
--- a/src/hooks/useTxnFees.ts
+++ b/src/hooks/useTxnFees.ts
@@ -1,6 +1,6 @@
 import { Transaction } from "@near-wallet-selector/core";
-import BN from "bn.js";
-import { formatNearAmount } from "near-api-js/lib/utils/format";
+import BN from  "bn.js/lib/bn.js";
+import { formatNearAmount } from "near-api-js/lib/utils/format.js";
 import { formatUnits } from "viem";
 import { removeTrailingZeros } from "../lib/utils";
 import { Cost } from "../types";
diff --git a/src/hooks/useTxnPrice.ts b/src/hooks/useTxnPrice.ts
index f95a252..c03f9b3 100644
--- a/src/hooks/useTxnPrice.ts
+++ b/src/hooks/useTxnPrice.ts
@@ -1,11 +1,11 @@
-import { getLatestGasPrice } from "@mintbase-js/rpc/lib/methods/getLatestGasPrice";
+import { getLatestGasPrice } from "@mintbase-js/rpc/lib/methods/getLatestGasPrice.js";
 import {
   Action,
   FunctionCallAction,
   Transaction,
 } from "@near-wallet-selector/core";
 import BN from "bn.js/";
-import { formatNearAmount } from "near-api-js/lib/utils/format";
+import { formatNearAmount } from "near-api-js/lib/utils/format.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { RPC_URL } from "../lib/constants";
 import { Cost } from "../types";
diff --git a/src/index.ts b/src/index.ts
index 5c0f258..9916d85 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,4 +1,2 @@
-import "./style.css";
-
 export * from "./components";
 export * from "./types";
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 18b903e..1da85ee 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,6 +1,6 @@
-import BN from "bn.js";
+import BN from "bn.js/lib/bn.js";
 import { clsx, type ClassValue } from "clsx";
-import { formatNearAmount } from "near-api-js/lib/utils/format";
+import { formatNearAmount } from "near-api-js/lib/utils/format.js";
 import { twMerge } from "tailwind-merge";
 import { Cost } from "../types/types";
 
diff --git a/src/style.css b/src/styles.css
similarity index 100%
rename from src/style.css
rename to src/styles.css
diff --git a/src/types/transaction.ts b/src/types/transaction.ts
index e4f9026..f5178f9 100644
--- a/src/types/transaction.ts
+++ b/src/types/transaction.ts
@@ -2,7 +2,7 @@ import type {
   FinalExecutionOutcome,
   Transaction,
 } from "@near-wallet-selector/core";
-import BN from "bn.js";
+import BN from  "bn.js/lib/bn.js";
 import { Account } from "near-api-js";
 import { SafeEncodedSignRequest } from "near-safe";
 import { SuccessInfo } from "../hooks/useTransaction";
diff --git a/src/types/types.ts b/src/types/types.ts
index d37f85d..e21ff28 100644
--- a/src/types/types.ts
+++ b/src/types/types.ts
@@ -11,7 +11,7 @@ import { AssistantTool, FunctionTool } from "openai/resources/beta/assistants";
 import { FunctionDefinition } from "openai/resources/index";
 import { OpenAPIV3 } from "openapi-types";
 
-import BN from "bn.js";
+import BN from  "bn.js/lib/bn.js";
 import { Account } from "near-api-js/lib/account";
 import { SignRequestData } from "near-safe";
 import { Hex } from "viem";
diff --git a/tsup.config.ts b/tsup.config.ts
index e9f3107..a4c1e3b 100644
--- a/tsup.config.ts
+++ b/tsup.config.ts
@@ -1,5 +1,4 @@
-import { defineConfig } from 'tsup'
-
+import { defineConfig } from 'tsup';
 
 export default defineConfig({
   entry: ['src/index.ts'],
@@ -7,6 +6,7 @@ export default defineConfig({
   dts: true,
   clean: true,
   external: ['react', 'react-dom'],
+  noExternal: ['bn.js'],
   minify: true,
   outDir: 'dist',
   sourcemap: true,
@@ -23,4 +23,5 @@ export default defineConfig({
   loader: {
     '.css': 'copy',
   },
-});
\ No newline at end of file
+  onSuccess: 'npx tailwindcss -i ./src/styles.css -o ./dist/styles.css --minify',
+});