@rash2x/bridge-widget 0.1.0

package/dist/styles.css

@@ -0,0 +1,282 @@
+@import "tailwindcss";
+
+@custom-variant dark (&:is([data-theme="dark"] *));
+
+/* ===== TOKENS: системные скейлы ===== */
+@theme {
+  /* Custom bridge radius */
+  --radius-6: 6px;
+  --radius-12: 12px;
+  --radius-16: 16px;
+  --radius-20: 20px;
+  --radius-26: 26px;
+  --radius-36: 36px;
+  --radius-40: 40px;
+
+  --text-32: 32px;
+
+  /* Custom bridge blur */
+  --blur-35: 35px;
+
+  --color-body: #E3E3E3;
+}
+
+/* ===== LIGHT THEME ===== */
+:root {
+  --radius: 0.625rem;
+
+  /* Shadcn design tokens */
+  --background: #FFF;
+  --foreground: #171717;
+  --card: #F2F2F2;
+  --card-foreground: #171717;
+  --popover: #FFFFFF;
+  --popover-foreground: #171717;
+  --dialog: #FFFFFF;
+  --dialog-foreground: #171717;
+  --primary: #0095F9;
+  --primary-foreground: #FFFFFF;
+  --secondary: #FFFFFFE5;
+  --secondary-foreground: #000000B2;
+  --muted: #E4E6E7;
+  --muted-focus: #D9DCDE;
+  --muted-foreground: #000000B2;
+  --priority: #00000080;
+  --accent: #98AAB426;
+  --accent-foreground: #171717;
+  --destructive: #FF3B30;
+  --destructive-foreground: #FFFFFF;
+  --border: #00000029;
+  --input: #98AAB426;
+  --ring: #5200FF;
+
+  /* Custom semantic tokens */
+  --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;
+  --input-text: #171717;
+  --input-placeholder: #000000A6;
+  --modal-group-label: #00000080;
+  --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;
+  --receive-label: #00000080;
+  --receive-tip: #FFFFFF;
+  --modal-blur: #0A0A0A4D;
+  --balance-icon: #17171780;
+  --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;
+
+  /* Modal item hover states */
+  --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);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+/* ===== TAILWIND THEME TOKENS ===== */
+@theme inline {
+  --rounded-custom: calc(value * 4);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --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);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-dialog: var(--dialog);
+  --color-dialog-foreground: var(--dialog-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted-focus: var(--muted-focus);
+  --color-priority: var(--priority);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  /* Semantic tokens */
+  --color-link: var(--link);
+  --color-filter: var(--filter);
+  --color-filter-foreground: var(--filter-foreground);
+  --color-filter-active: var(--filter-active);
+  --color-filter-active-foreground: var(--filter-active-foreground);
+  --color-swap: var(--swap);
+  --color-swap-foreground: var(--swap-foreground);
+  --color-settings-button: var(--settings-button);
+  --color-settings-button-foreground: var(--settings-button-foreground);
+  --color-settings-active: var(--settings-active);
+  --color-settings-active-foreground: var(--settings-active-foreground);
+  --color-modal-x: var(--modal-x);
+  --color-modal-x-foreground: var(--modal-x-foreground);
+  --color-input-icon: var(--input-icon);
+  --color-input-text: var(--input-text);
+  --color-input-placeholder: var(--input-placeholder);
+  --color-modal-group-label: var(--modal-group-label);
+  --color-switch-active: var(--switch-active);
+  --color-switch-inactive: var(--switch-inactive);
+  --color-input-button: var(--input-button);
+  --color-input-button-hover: var(--input-button-hover);
+  --color-input-button-foreground: var(--input-button-foreground);
+  --color-input-x-bg: var(--input-x-bg);
+  --color-input-x: var(--input-x);
+  --color-receive-icon: var(--receive-icon);
+  --color-receive-label: var(--receive-label);
+  --color-receive-tip: var(--receive-tip);
+  --color-modal-blur: var(--modal-blur);
+  --color-balance-icon: var(--balance-icon);
+  --color-balance-text: var(--balance-text);
+  --color-section-focus-bg: var(--section-focus-bg);
+  --color-section-wallet-amount-usd: var(--section-wallet-amount-usd);
+  --color-modal-item-subtext: var(--modal-item-subtext);
+  --color-settings-label: var(--settings-label);
+  --color-settings-amount: var(--settings-amount);
+  --color-input-helper: var(--input-helper);
+  --color-another-label: var(--another-label);
+  --color-thumb-bg: var(--thumb-bg);
+  --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);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+/* ===== DARK THEME ===== */
+[data-theme="dark"] {
+  /* Core design tokens */
+  --background: #000000;
+  --foreground: #FFFFFF;
+  --card: #000000;
+  --card-foreground: #FFFFFF;
+  --popover: #000000;
+  --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;
+
+  /* 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;
+  --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;
+
+  /* Modal item hover states */
+  --modal-item-hover: #FFFFFF1A;
+  --modal-item-selected: #FFFFFF26;
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+}

package/dist/tonconnect-manifest.json

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1 @@
+<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>

package/package.json

@@ -0,0 +1,160 @@
+{
+  "name": "@rash2x/bridge-widget",
+  "version": "0.1.0",
+  "description": "Cross-chain bridge widget powered by Stargate Protocol with multi-chain wallet support",
+  "type": "module",
+  "main": "./dist/evaa-bridge.cjs",
+  "module": "./dist/evaa-bridge.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/evaa-bridge.mjs",
+      "require": "./dist/evaa-bridge.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "tsc -p tsconfig.lib.json && vite build --config vite.config.lib.ts",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build:lib"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/evaa-finance/bridge-widget"
+  },
+  "keywords": [
+    "bridge",
+    "cross-chain",
+    "stargate",
+    "evaa",
+    "ton",
+    "ethereum",
+    "tron",
+    "defi",
+    "widget",
+    "react"
+  ],
+  "author": "EVAA Finance",
+  "license": "MIT",
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@ton/core": "^0.61.0",
+    "@ton/crypto": "^3.0.0",
+    "@ton/ton": "^15.0.0",
+    "@tonconnect/ui-react": "^2.0.0",
+    "@tronweb3/tronwallet-adapter-react-hooks": "^1.0.0",
+    "@tronweb3/tronwallet-adapters": "^1.0.0",
+    "ethers": "^6.0.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tronweb": "^6.0.0",
+    "wagmi": "^2.0.0"
+  },
+  "peerDependenciesMeta": {
+    "wagmi": {
+      "optional": true
+    },
+    "ethers": {
+      "optional": true
+    },
+    "tronweb": {
+      "optional": true
+    },
+    "@tonconnect/ui-react": {
+      "optional": true
+    },
+    "@ton/core": {
+      "optional": true
+    },
+    "@ton/crypto": {
+      "optional": true
+    },
+    "@ton/ton": {
+      "optional": true
+    },
+    "@tronweb3/tronwallet-adapter-react-hooks": {
+      "optional": true
+    },
+    "@tronweb3/tronwallet-adapters": {
+      "optional": true
+    }
+  },
+  "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",
+    "@radix-ui/react-select": "^2.2.5",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@types/react-window": "^1.8.8",
+    "axios": "^1.11.0",
+    "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",
+    "lucide-react": "^0.539.0",
+    "react-canvas-confetti": "^2.0.7",
+    "react-hook-form": "^7.62.0",
+    "react-i18next": "^15.7.2",
+    "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",
+    "@ton/crypto": "^3.3.0",
+    "@ton/ton": "^15.3.1",
+    "@tonconnect/ui-react": "^2.2.0",
+    "@tronweb3/tronwallet-adapter-react-hooks": "^1.1.10",
+    "@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",
+    "buffer": "^6.0.3",
+    "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",
+    "tailwindcss": "^4.1.11",
+    "tronweb": "^6.0.4",
+    "tw-animate-css": "^1.3.6",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "view": "^1.1.1",
+    "vite": "^7.0.4",
+    "wagmi": "^2.16.9"
+  }
+}