@rash2x/bridge-widget 0.1.0 → 0.1.3

package/dist/styles.css

@@ -2,9 +2,7 @@
 
 @custom-variant dark (&:is([data-theme="dark"] *));
 
-/* ===== TOKENS: системные скейлы ===== */
 @theme {
-  /* Custom bridge radius */
   --radius-6: 6px;
   --radius-12: 12px;
   --radius-16: 16px;
@@ -12,89 +10,79 @@
   --radius-26: 26px;
   --radius-36: 36px;
   --radius-40: 40px;
-
   --text-32: 32px;
-
-  /* Custom bridge blur */
   --blur-35: 35px;
-
-  --color-body: #E3E3E3;
+  --color-body: #e3e3e3;
 }
 
-/* ===== LIGHT THEME ===== */
 :root {
   --radius: 0.625rem;
-
-  /* Shadcn design tokens */
-  --background: #FFF;
+  --background: #fff;
   --foreground: #171717;
-  --card: #F2F2F2;
+  --card: #f2f2f2;
   --card-foreground: #171717;
-  --popover: #FFFFFF;
+  --popover: #ffffff;
   --popover-foreground: #171717;
-  --dialog: #FFFFFF;
+  --dialog: #ffffff;
   --dialog-foreground: #171717;
-  --primary: #0095F9;
-  --primary-foreground: #FFFFFF;
-  --secondary: #FFFFFFE5;
-  --secondary-foreground: #000000B2;
-  --muted: #E4E6E7;
-  --muted-focus: #D9DCDE;
-  --muted-foreground: #000000B2;
+  --primary: #0095f9;
+  --primary-foreground: #ffffff;
+  --secondary: #ffffffe5;
+  --secondary-foreground: #000000b2;
+  --muted: #e4e6e7;
+  --muted-focus: #d9dcde;
+  --muted-foreground: #000000b2;
   --priority: #00000080;
-  --accent: #98AAB426;
+  --accent: #98aab426;
   --accent-foreground: #171717;
-  --destructive: #FF3B30;
-  --destructive-foreground: #FFFFFF;
+  --destructive: #ff3b30;
+  --destructive-foreground: #ffffff;
   --border: #00000029;
-  --input: #98AAB426;
-  --ring: #5200FF;
+  --input: #98aab426;
+  --ring: #5200ff;
 
-  /* Custom semantic tokens */
-  --link: #0099FF;
-  --filter: #F2F2F2;
-  --filter-foreground: #000000B2;
-  --filter-active: #5100FF;
-  --filter-active-foreground: #FFFFFF;
+  --link: #0099ff;
+  --filter: #f2f2f2;
+  --filter-foreground: #000000b2;
+  --filter-active: #5100ff;
+  --filter-active-foreground: #ffffff;
   --swap: #fff;
   --swap-foreground: #171717;
-  --settings-button: #F2F2F2;
-  --settings-button-foreground: #000000CC;
-  --settings-active: #5200FF;
-  --settings-active-foreground: #FFFFFF;
-  --modal-x: #000000CC;
-  --modal-x-foreground: #FFFFFF;
-  --input-icon: #000000A6;
+  --settings-button: #f2f2f2;
+  --settings-button-foreground: #000000cc;
+  --settings-active: #5200ff;
+  --settings-active-foreground: #ffffff;
+  --modal-x: #000000cc;
+  --modal-x-foreground: #ffffff;
+  --input-icon: #000000a6;
   --input-text: #171717;
-  --input-placeholder: #000000A6;
+  --input-placeholder: #000000a6;
   --modal-group-label: #00000080;
-  --switch-active: #5200FF;
-  --switch-inactive: #CACFD3;
-  --input-button: #98AAB440;
-  --input-button-hover: #98AAB414;
+  --switch-active: #5200ff;
+  --switch-inactive: #cacfd3;
+  --input-button: #98aab440;
+  --input-button-hover: #98aab414;
   --input-button-foreground: #515151;
-  --input-x-bg: #FFFFFF;
-  --input-x: #8A8A8A;
-  --receive-icon: #5B5C5D;
+  --input-x-bg: #ffffff;
+  --input-x: #8a8a8a;
+  --receive-icon: #5b5c5d;
   --receive-label: #00000080;
-  --receive-tip: #FFFFFF;
-  --modal-blur: #0A0A0A4D;
+  --receive-tip: #ffffff;
+  --modal-blur: #0a0a0a4d;
   --balance-icon: #17171780;
-  --balance-text: #000000B2;
-  --section-focus-bg: #D9DCDE;
-  --section-wallet-amount-usd: #000000B2;
+  --balance-text: #000000b2;
+  --section-focus-bg: #d9dcde;
+  --section-wallet-amount-usd: #000000b2;
   --modal-item-subtext: #00000080;
   --settings-label: #00000080;
   --settings-amount: #000000;
   --input-helper: #00000080;
-  --another-label: #000000B2;
-  --thumb-bg: #FFFFFF;
+  --another-label: #000000b2;
+  --thumb-bg: #ffffff;
 
-  /* Modal item hover states */
-  --modal-item-hover: #98AAB426;
-  --modal-item-selected: #5200FF;
+  --modal-item-hover: #98aab426;
+  --modal-item-selected: #5200ff;
 
-  /* Default chart colors */
   --chart-1: oklch(0.646 0.222 41.116);
   --chart-2: oklch(0.6 0.118 184.704);
   --chart-3: oklch(0.398 0.07 227.392);
@@ -110,7 +98,6 @@
   --sidebar-ring: oklch(0.708 0 0);
 }
 
-/* ===== TAILWIND THEME TOKENS ===== */
 @theme inline {
   --rounded-custom: calc(value * 4);
   --radius-sm: calc(var(--radius) - 4px);
@@ -118,7 +105,6 @@
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
 
-  /* Core design tokens */
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -143,7 +129,6 @@
   --color-input: var(--input);
   --color-ring: var(--ring);
 
-  /* Semantic tokens */
   --color-link: var(--link);
   --color-filter: var(--filter);
   --color-filter-foreground: var(--filter-foreground);
@@ -185,14 +170,12 @@
   --color-modal-item-hover: var(--modal-item-hover);
   --color-modal-item-selected: var(--modal-item-selected);
 
-  /* Chart colors */
   --color-chart-1: var(--chart-1);
   --color-chart-2: var(--chart-2);
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
 
-  /* Sidebar colors */
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);
@@ -203,76 +186,72 @@
   --color-sidebar-ring: var(--sidebar-ring);
 }
 
-/* ===== DARK THEME ===== */
 [data-theme="dark"] {
-  /* Core design tokens */
   --background: #000000;
-  --foreground: #FFFFFF;
+  --foreground: #ffffff;
   --card: #000000;
-  --card-foreground: #FFFFFF;
+  --card-foreground: #ffffff;
   --popover: #000000;
-  --popover-foreground: #FFFFFF;
+  --popover-foreground: #ffffff;
   --dialog: #000000;
-  --dialog-foreground: #FFFFFF;
-  --primary: #5200FF;
-  --primary-foreground: #FFFFFF;
-  --secondary: #FFFFFF1A;
-  --secondary-foreground: #D5D5D6;
-  --muted: #98AAB414;
-  --muted-focus: #3C3D3F;
-  --muted-foreground: #FFFFFFB2;
-  --priority: #FFFFFF80;
-  --accent: #98AAB426;
-  --accent-foreground: #FFFFFF;
-  --destructive: #FF3B30;
-  --destructive-foreground: #FFFFFF;
-  --border: #FFFFFF29;
-  --input: #98AAB426;
-  --ring: #5200FF;
+  --dialog-foreground: #ffffff;
+  --primary: #5200ff;
+  --primary-foreground: #ffffff;
+  --secondary: #ffffff1a;
+  --secondary-foreground: #d5d5d6;
+  --muted: #98aab414;
+  --muted-focus: #3c3d3f;
+  --muted-foreground: #ffffffb2;
+  --priority: #ffffff80;
+  --accent: #98aab426;
+  --accent-foreground: #ffffff;
+  --destructive: #ff3b30;
+  --destructive-foreground: #ffffff;
+  --border: #ffffff29;
+  --input: #98aab426;
+  --ring: #5200ff;
 
-  /* Custom semantic tokens */
-  --link: #FFFFFF;
-  --filter: #1D1D1D;
-  --filter-foreground: #FFFFFFB2;
-  --filter-active: #5100FF;
-  --filter-active-foreground: #FFFFFF;
-  --swap: #2F3538;
-  --swap-foreground: #FFFFFF;
-  --settings-button: #191A1B;
-  --settings-button-foreground: #FFFFFFCC;
-  --settings-active: #5200FF;
-  --settings-active-foreground: #FFFFFF;
-  --modal-x: #FFFFFFCC;
+  --link: #ffffff;
+  --filter: #1d1d1d;
+  --filter-foreground: #ffffffb2;
+  --filter-active: #5100ff;
+  --filter-active-foreground: #ffffff;
+  --swap: #2f3538;
+  --swap-foreground: #ffffff;
+  --settings-button: #191a1b;
+  --settings-button-foreground: #ffffffcc;
+  --settings-active: #5200ff;
+  --settings-active-foreground: #ffffff;
+  --modal-x: #ffffffcc;
   --modal-x-foreground: #000000;
-  --input-icon: #FFFFFFA6;
-  --input-text: #FFFFFF;
-  --input-placeholder: #FFFFFFA6;
-  --modal-group-label: #FFFFFF80;
-  --switch-active: #5200FF;
-  --switch-inactive: #FFFFFF26;
-  --input-button: #FFFFFF1A;
-  --input-button-hover: #FFFFFF33;
-  --input-button-foreground: #D5D5D6;
-  --input-x-bg: #2B3033;
-  --input-x: #C4C4C4;
-  --receive-icon: #FFFFFFCC;
-  --receive-label: #FFFFFF80;
-  --receive-tip: #FFFFFF;
-  --modal-blur: #0A0A0A4D;
-  --balance-icon: #FFFFFFB2;
-  --balance-text: #FFFFFFB2;
-  --section-focus-bg: #98AAB414;
-  --section-wallet-amount-usd: #FFFFFFB2;
-  --modal-item-subtext: #FFFFFF80;
-  --settings-label: #FFFFFF80;
-  --settings-amount: #FFFFFF;
-  --input-helper: #FFFFFF80;
-  --another-label: #FFFFFFB2;
-  --thumb-bg: #FFFFFF;
+  --input-icon: #ffffffa6;
+  --input-text: #ffffff;
+  --input-placeholder: #ffffffa6;
+  --modal-group-label: #ffffff80;
+  --switch-active: #5200ff;
+  --switch-inactive: #ffffff26;
+  --input-button: #ffffff1a;
+  --input-button-hover: #ffffff33;
+  --input-button-foreground: #d5d5d6;
+  --input-x-bg: #2b3033;
+  --input-x: #c4c4c4;
+  --receive-icon: #ffffffcc;
+  --receive-label: #ffffff80;
+  --receive-tip: #ffffff;
+  --modal-blur: #0a0a0a4d;
+  --balance-icon: #ffffffb2;
+  --balance-text: #ffffffb2;
+  --section-focus-bg: #98aab414;
+  --section-wallet-amount-usd: #ffffffb2;
+  --modal-item-subtext: #ffffff80;
+  --settings-label: #ffffff80;
+  --settings-amount: #ffffff;
+  --input-helper: #ffffff80;
+  --another-label: #ffffffb2;
+  --thumb-bg: #ffffff;
 
-  /* Modal item hover states */
-  --modal-item-hover: #FFFFFF1A;
-  --modal-item-selected: #FFFFFF26;
+  --modal-item-hover: #ffffff1a;
+  --modal-item-selected: #ffffff26;
 }
 
 @layer base {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rash2x/bridge-widget",
-  "version": "0.1.0",
+  "version": "0.1.3",
   "description": "Cross-chain bridge widget powered by Stargate Protocol with multi-chain wallet support",
   "type": "module",
   "main": "./dist/evaa-bridge.cjs",
@@ -56,16 +56,24 @@
     "@tonconnect/ui-react": "^2.0.0",
     "@tronweb3/tronwallet-adapter-react-hooks": "^1.0.0",
     "@tronweb3/tronwallet-adapters": "^1.0.0",
+    "connectkit": "^1.9.1",
     "ethers": "^6.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tronweb": "^6.0.0",
+    "viem": "^2.0.0",
     "wagmi": "^2.0.0"
   },
   "peerDependenciesMeta": {
     "wagmi": {
       "optional": true
     },
+    "viem": {
+      "optional": true
+    },
+    "connectkit": {
+      "optional": true
+    },
     "ethers": {
       "optional": true
     },
@@ -93,8 +101,6 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^5.2.1",
-    "@metamask/detect-provider": "^2.0.0",
-    "@metamask/sdk-react": "^0.33.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-dialog": "^1.1.14",
     "@radix-ui/react-popover": "^1.1.14",
@@ -107,7 +113,6 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "connectkit": "^1.9.1",
     "framer-motion": "^12.23.12",
     "i18next": "^25.4.1",
     "i18next-browser-languagedetector": "^8.2.0",
@@ -118,13 +123,11 @@
     "react-window": "^1.8.11",
     "sonner": "^1.5.0",
     "tailwind-merge": "^3.3.1",
-    "viem": "^2.0.0",
     "zod": "^4.0.17",
     "zustand": "^5.0.7"
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",
-    "@metamask/sdk": "^0.33.0",
     "@tailwindcss/vite": "^4.1.11",
     "@tanstack/react-query": "^5.85.3",
     "@ton/core": "^0.61.0",
@@ -135,19 +138,20 @@
     "@tronweb3/tronwallet-adapter-react-ui": "^1.1.8",
     "@tronweb3/tronwallet-adapters": "^1.2.14",
     "@types/node": "^24.1.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
-    "@vitejs/plugin-react": "^4.6.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "ajv": "^8.17.1",
     "buffer": "^6.0.3",
+    "connectkit": "^1.9.1",
     "eslint": "^9.30.1",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "ethers": "^6.15.0",
     "globals": "^16.3.0",
     "process": "^0.11.10",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "shadcn": "2.9.3-canary.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tailwindcss": "^4.1.11",
     "tronweb": "^6.0.4",
     "tw-animate-css": "^1.3.6",
@@ -155,6 +159,7 @@
     "typescript-eslint": "^8.35.1",
     "view": "^1.1.1",
     "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.4",
     "wagmi": "^2.16.9"
   }
 }

package/dist/assets/fonts/fonts.css

@@ -1,81 +0,0 @@
-/* fonts.css */
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Thin.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 100;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-UltraLight.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 200;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Light.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 300;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Regular.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Medium.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 500;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-SemiBold.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 600;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Bold.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 700;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-ExtraBold.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 800;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Black.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-}
-@font-face {
-  font-family: 'Gilroy';
-  src: url('/assets/fonts/Gilroy-Heavy.ttf') format('truetype');
-  font-style: normal;
-  font-weight: 900;
-  font-display: swap;
-}
-
-
-@font-face {
-    font-family: 'Hanson';
-    src:
-      url(/assets/fonts/hanson-bold.woff2) format('woff2'),
-      url(/assets/fonts/hanson-bold.woff) format('woff');
-    font-style: normal;
-    font-weight: 700;
-  }

package/dist/tonconnect-manifest.json

@@ -1,7 +0,0 @@
-{
-  "url": "https://app.evaa.finance",
-  "name": "EVAA",
-  "iconUrl": "https://app.evaa.finance/evaa-logo.jpg",
-  "termsOfUseUrl": "https://app.evaa.finance/evaa_protocol_terms_of_use.pdf",
-  "privacyPolicyUrl": "https://app.evaa.finance/evaa_privacy_and_cookie_policy.pdf"
-}

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>