@rash2x/bridge-widget 0.1.15 → 0.1.16

package/dist/evaa-bridge.mjs

@@ -910,14 +910,14 @@ const SettingModal = ({ isOpen, onClose }) => {
     /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-3.5", children: t2("settings.gasOnDestination") }),
-            /* @__PURE__ */ jsx(Tip, { text: t2("settings.gasOnDestinationTip"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t2("settings.gasOnDestination") }),
+            /* @__PURE__ */ jsx(Tip, { text: t2("settings.gasOnDestination"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
           ] }),
-          /* @__PURE__ */ jsx("p", { className: "text-foreground text-sm font-medium leading-3.5", children: formatUsd(gasUsdValue) })
+          /* @__PURE__ */ jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center w-1/3 gap-1.5 shrink-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center w-1/3 gap-2 shrink-0", children: [
             /* @__PURE__ */ jsx(
               TokenSymbol,
               {
@@ -930,7 +930,7 @@ const SettingModal = ({ isOpen, onClose }) => {
               gasDisplayAmount < 1e-3 ? 6 : 3
             ) }) })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1.5", children: gasPresets.map((g) => /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: gasPresets.map((g) => /* @__PURE__ */ jsx(
             Badge,
             {
               onClick: () => setGasPreset(g),
@@ -947,7 +947,7 @@ const SettingModal = ({ isOpen, onClose }) => {
       /* @__PURE__ */ jsx("hr", {}),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-3.5", children: t2("settings.slippageTolerance") }),
             /* @__PURE__ */ jsx(Tip, { text: t2("settings.slippageTolerance"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
           ] }),
@@ -976,7 +976,7 @@ const SettingModal = ({ isOpen, onClose }) => {
       ] }),
       /* @__PURE__ */ jsx("hr", {}),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium leading-3.5", children: t2("settings.routePriority") }),
           /* @__PURE__ */ jsx(Tip, { text: t2("settings.routePriority"), children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
         ] }) }),
@@ -1151,7 +1151,7 @@ const SearchInput = ({
     "div",
     {
       className: cn(
-        "flex items-center gap-2.5 px-5 py-3.5 bg-input rounded-md h-12.5 transition-all duration-200",
+        "flex items-center gap-3 px-5 py-4 bg-input rounded-md h-13 transition-all duration-200",
         isFocused ? "border border-ring" : "border border-transparent",
         containerClassName
       ),
@@ -1189,14 +1189,14 @@ const TokenRow = ({
     Button,
     {
       onClick: onPick,
-      className: `w-full bg-transparent flex items-center justify-between gap-2.5 px-5 hover:bg-accent hover:scale-100 ${isSelected ? "border border-ring" : ""}`,
+      className: `w-full bg-transparent flex items-center justify-between gap-3 px-5 hover:bg-accent hover:scale-100 ${isSelected ? "border border-ring" : ""}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
             TokenSymbol,
             {
               symbol,
-              className: "size-7.5 max-w-7.5 rounded-full",
+              className: "size-8 rounded-full",
               alt: symbol
             }
           ),
@@ -1383,7 +1383,7 @@ const TokenSelectModal = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto -mx-5", children: hasNoResults ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground px-5 py-3.5", children: t2("bridge.noResults") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto -mx-5", children: hasNoResults ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground px-5 py-4", children: t2("bridge.noResults") }) : /* @__PURE__ */ jsxs(Fragment, { children: [
       effectiveTab === "my" && myTokens.length === 0 && /* @__PURE__ */ jsx("p", { className: "leading-4 text-base font-semibold text-muted-foreground uppercase px-5 py-2", children: t2("bridge.noBalancesFound") }),
       tokensToRender.map(({ token, willChangeSrc }) => {
         const bal = getBalance(token.symbol);
@@ -1405,7 +1405,7 @@ const TokenSelectModal = ({
         );
       }),
       effectiveTab === "all" && willChangeSrcTokens.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "px-5 flex leading-4 text-base py-1.5 font-semibold text-muted-foreground uppercase mt-7.5", children: /* @__PURE__ */ jsx("p", { children: t2("bridge.willChangeSourceChain") }) }),
+        /* @__PURE__ */ jsx("div", { className: "px-5 flex leading-4 text-base py-2 font-semibold text-muted-foreground uppercase mt-8", children: /* @__PURE__ */ jsx("p", { children: t2("bridge.willChangeSourceChain") }) }),
         willChangeSrcTokens.map(({ token, willChangeSrc }) => {
           const bal = getBalance(token.symbol);
           const usd = getTokenUsdValue(
@@ -1542,7 +1542,7 @@ const SelectTokenButton = ({
       type: "button",
       "aria-label": label,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
           /* @__PURE__ */ jsx(
             TokenSymbol,
             {
@@ -1551,7 +1551,7 @@ const SelectTokenButton = ({
               alt: label
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-secondary-foreground text-sm leading-4.5 font-semibold ", children: label })
+          /* @__PURE__ */ jsx("span", { className: "text-secondary-foreground text-sm font-semibold", children: label })
         ] }),
         /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4 text-secondary-foreground" })
       ]
@@ -1575,11 +1575,11 @@ const FormHeaderComponent = () => {
     return assets.find((a) => a.symbol.toUpperCase() === sum) ?? assets[0];
   }, [assets, selectedAssetSymbol]);
   return /* @__PURE__ */ jsxs(CardHeader, { className: "gap-y-0 flex flex-row justify-between items-center", children: [
-    /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-sm font-normal leading-3.5 text-muted-foreground", children: t2("bridge.selectToken") }),
+    /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-normal leading-4 text-muted-foreground", children: t2("bridge.selectToken") }),
       /* @__PURE__ */ jsx(SelectTokenButton, { token: current, onClick: onOpen })
     ] }),
-    /* @__PURE__ */ jsxs(CardAction, { className: "flex items-center gap-2.5", children: [
+    /* @__PURE__ */ jsxs(CardAction, { className: "flex items-center gap-3", children: [
       /* @__PURE__ */ jsx(RefreshButton, {}),
       /* @__PURE__ */ jsx(Button, { onClick: onOpenSettings, size: "sm", variant: "secondary", children: /* @__PURE__ */ jsx(BoltIcon, { stroke: "currentColor" }) })
     ] }),
@@ -1595,13 +1595,7 @@ const FormHeaderComponent = () => {
         }
       }
     ),
-    /* @__PURE__ */ jsx(
-      SettingModal,
-      {
-        isOpen: isOpenSettings,
-        onClose: onCloseSettings
-      }
-    )
+    /* @__PURE__ */ jsx(SettingModal, { isOpen: isOpenSettings, onClose: onCloseSettings })
   ] });
 };
 const FormHeader = memo(FormHeaderComponent);
@@ -2178,14 +2172,14 @@ const SwapButton = () => {
 const WalletBalance = (props) => {
   const { value, isLoading = false } = props;
   if (isLoading) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 items-center", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
       /* @__PURE__ */ jsx(WalletIcon, { className: "text-muted-foreground" }),
       /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 rounded-md" })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 items-center", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
     /* @__PURE__ */ jsx(WalletIcon, { className: "text-muted-foreground" }),
-    /* @__PURE__ */ jsx("span", { className: "text-sm leading-4.5 font-medium text-muted-foreground", children: value })
+    /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: value })
   ] });
 };
 const BASE_URL = "https://icons-ckg.pages.dev/stargate-light/networks";
@@ -2215,7 +2209,7 @@ const SelectNetworkButton = ({
       type: "button",
       "aria-label": label,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 items-center", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
           /* @__PURE__ */ jsx(
             NetworkSymbol,
             {
@@ -2224,7 +2218,7 @@ const SelectNetworkButton = ({
               alt: label
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-secondary-foreground text-sm leading-4.5 font-semibold ", children: label })
+          /* @__PURE__ */ jsx("span", { className: "text-secondary-foreground text-sm leading-5 font-semibold ", children: label })
         ] }),
         /* @__PURE__ */ jsx(ArrowDownIcon, { className: "size-4 text-secondary-foreground" })
       ]
@@ -2282,7 +2276,7 @@ const CurrencyInput = forwardRef(
         pattern: "[0-9]*[.,]?[0-9]*",
         readOnly,
         className: cn(
-          "text-[32px] h-8.5 font-medium leading-8.5 rounded-none text-end bg-transparent dark:bg-transparent text-foreground shadow-none border-none outline-none ring-0 focus:outline-none",
+          "text-[32px] h-12 font-medium leading-9 rounded-none text-end bg-transparent dark:bg-transparent text-foreground shadow-none border-none outline-none ring-0 focus:outline-none",
           className
         ),
         max,
@@ -2364,8 +2358,8 @@ const ChainSelectModal = ({
       Button,
       {
         onClick: () => onChainPick(chain, willChangeSrc),
-        className: `w-full cursor-pointer flex shadow-none items-center justify-between gap-2.5 px-5 py-3.5 h-12.5 font-extrabold capitalize hover:bg-muted bg-transparent rounded-md transition-[300] ${isSelected ? "border border-ring" : ""}`,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+        className: `w-full cursor-pointer flex shadow-none items-center justify-between gap-3 px-5 py-3.5 h-12.5 font-extrabold capitalize hover:bg-muted bg-transparent rounded-md transition-[300] ${isSelected ? "border border-ring" : ""}`,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
           /* @__PURE__ */ jsx(
             NetworkSymbol,
             {
@@ -2414,9 +2408,9 @@ function short$1(addr) {
   return addr.slice(0, 4) + "…" + addr.slice(-4);
 }
 const prefixIcons = {
-  tronlink: /* @__PURE__ */ jsx(TronLinkIcon, { className: "size-4.5" }),
-  metamask: /* @__PURE__ */ jsx(MetaMaskIcon, { className: "size-4.5" }),
-  ton: /* @__PURE__ */ jsx(TonKeeperIcon, { className: "size-4.5" })
+  tronlink: /* @__PURE__ */ jsx(TronLinkIcon, { className: "size-5" }),
+  metamask: /* @__PURE__ */ jsx(MetaMaskIcon, { className: "size-5" }),
+  ton: /* @__PURE__ */ jsx(TonKeeperIcon, { className: "size-5" })
 };
 const mapWalletToType = (wallet) => {
   switch (wallet) {
@@ -2465,7 +2459,7 @@ const WalletButton = ({
           e.preventDefault();
         },
         disabled: isButtonDisabled,
-        className: "p-0 !px-0 py-0 flex gap-1 cursor-pointer shadow-none hover:bg-transparent bg-transparent rounded-none h-4.5",
+        className: "p-0 !px-0 py-0 flex gap-1 cursor-pointer shadow-none hover:bg-transparent bg-transparent rounded-none h-5",
         children: [
           isConnected ? prefixIcons[wallet] : null,
           /* @__PURE__ */ jsx("p", { className: "leading-4 text-sm font-medium text-link border-b-2 border-dotted border-link", children: buttonText })
@@ -2541,7 +2535,7 @@ const SwapSection = ({
         ),
         children: [
           /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-sm leading-4.5 font-medium text-muted-foreground", children: label }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: label }),
             /* @__PURE__ */ jsx(
               WalletBalance,
               {
@@ -2644,7 +2638,7 @@ const AnotherAddress = () => {
   };
   return /* @__PURE__ */ jsxs("div", { className: "p-4 flex flex-col rounded-b-lg bg-muted", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm leading-4.5 font-medium text-muted-foreground", children: t2("bridge.sendToAnotherAddress") }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm leading-5 font-medium text-muted-foreground", children: t2("bridge.sendToAnotherAddress") }),
       /* @__PURE__ */ jsx(
         Switch,
         {
@@ -2675,7 +2669,7 @@ const AnotherAddress = () => {
               }
             ),
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 w-full", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
                 /* @__PURE__ */ jsx(
                   Input,
                   {
@@ -2862,10 +2856,10 @@ const Details = () => {
   const routeText = quote?.route ? getRouteDisplayName(quote.route) : t2(`settings.routePresets.${routePriority}`);
   return /* @__PURE__ */ jsx(Accordion, { type: "single", collapsible: true, className: "w-full", children: /* @__PURE__ */ jsxs(AccordionItem, { value: "item-1", className: "bg-muted rounded-lg", children: [
     /* @__PURE__ */ jsx(AccordionTrigger, { className: "w-full gap-1 items-center py-6 px-5 rounded-b-lg data-[state=open]:pb-3", children: /* @__PURE__ */ jsxs("div", { className: "w-full flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-priority leading-3.5", children: t2("bridge.youWillReceive", { defaultValue: "You will receive" }) }),
-      /* @__PURE__ */ jsxs("div", { className: "bg-transparent hover:bg-transparent shadow-none h-4 p-0 px-0 py-0 flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-normal text-priority leading-4", children: t2("bridge.youWillReceive", { defaultValue: "You will receive" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "bg-transparent hover:bg-transparent shadow-none h-4 p-0 px-0 py-0 flex items-center gap-2", children: [
         /* @__PURE__ */ jsx(TokenSymbol, { symbol, className: "w-4 h-4", alt: "token" }),
-        isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 rounded-md" }) : /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold leading-3.5 text-foreground", children: [
+        isLoading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 rounded-md" }) : /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold leading-4 text-foreground", children: [
           receiveText,
           " ",
           symbol
@@ -2877,7 +2871,7 @@ const Details = () => {
         DetailsRow,
         {
           label: t2("transaction.route"),
-          value: /* @__PURE__ */ jsxs("strong", { className: "flex items-center gap-1.5", children: [
+          value: /* @__PURE__ */ jsxs("strong", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(StargateIcon, { className: "size-4" }),
             /* @__PURE__ */ jsx("p", { className: "", children: routeText })
           ] })
@@ -2917,7 +2911,7 @@ const DetailsRow = ({
   value,
   isLoading = false
 }) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ jsx("p", { className: "text-sm text-priority font-normal", children: label }),
     /* @__PURE__ */ jsx(Tip, { text: label, children: /* @__PURE__ */ jsx(TipIcon, { className: "size-4 text-receive-icon" }) })
   ] }),
@@ -3681,9 +3675,9 @@ const WalletSelectModal = () => {
         /* @__PURE__ */ jsx("div", { className: "py-2 font-semibold text-muted-foreground uppercase", children: t2("wallets.connected") }),
         /* @__PURE__ */ jsx("div", { className: "", children: connectedWallets.map((wallet) => {
           const IconComponent = wallet.icon;
-          return /* @__PURE__ */ jsx("div", { className: "-mx-5", children: /* @__PURE__ */ jsxs(Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-md transition-[300]", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-              /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
+          return /* @__PURE__ */ jsx("div", { className: "-mx-5", children: /* @__PURE__ */ jsxs(Button, { className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-3 px-5 py-3 hover:bg-muted h-auto rounded-md transition-[300]", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "size-8 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-8" }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
                 /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
                 /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
@@ -3722,9 +3716,9 @@ const WalletSelectModal = () => {
                 }
               },
               disabled: isEvmConnector ? isPending : !wallet.enabled,
-              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-2.5 px-5 py-2.5 hover:bg-muted h-auto rounded-md transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
+              className: "w-full cursor-pointer bg-transparent flex shadow-none items-center justify-between gap-3 px-5 py-3 hover:bg-muted h-auto rounded-md transition-[300] disabled:opacity-50 disabled:cursor-not-allowed",
               children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-                /* @__PURE__ */ jsx("div", { className: "w-7.5 h-7.5 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-7.5" }) }),
+                /* @__PURE__ */ jsx("div", { className: "w-8 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconComponent, { className: "size-8" }) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
                   /* @__PURE__ */ jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: wallet.name }),
                   wallet.comingSoon ? /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t2("wallets.comingSoon") }) : /* @__PURE__ */ jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t2("wallets.connect") })