@rash2x/bridge-widget 0.1.21 → 0.1.23

package/dist/evaa-bridge.cjs

@@ -935,7 +935,7 @@ const SettingModal = ({ isOpen, onClose }) => {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t("settings.gasOnDestination") }),
-            /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t("settings.gasOnDestination"), children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t("settings.gasOnDestination"), children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "w-4 h-4 text-muted-foreground" }) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-foreground text-sm font-medium leading-4", children: formatUsd(gasUsdValue) })
         ] }),
@@ -972,7 +972,7 @@ const SettingModal = ({ isOpen, onClose }) => {
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t("settings.slippageTolerance") }),
-            /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t("settings.slippageTolerance"), children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+            /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t("settings.slippageTolerance"), children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "w-4 h-4 text-muted-foreground" }) })
           ] }),
           slippageBps >= 500 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive text-xs font-medium", children: t("settings.highSlippageWarning", {
             defaultValue: "High slippage warning"
@@ -1001,7 +1001,7 @@ const SettingModal = ({ isOpen, onClose }) => {
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-sm font-medium leading-4", children: t("settings.routePriority") }),
-          /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t("settings.routePriority"), children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "size-4 text-muted-foreground" }) })
+          /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: t("settings.routePriority"), children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "w-4 h-4 text-muted-foreground" }) })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end gap-2", children: routePresets.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
           badge.Badge,
@@ -1184,13 +1184,13 @@ const SearchInput = ({
         containerClassName
       ),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { className: "size-6 text-input-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsx(SearchIcon, { className: "w-6 h-6 text-input-icon" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           input.Input,
           {
             placeholder,
             className: utils.cn(
-              "w-full outline-none bg-transparent border-none ring-0 leading-0 p-0 h-6 text-base text-input-text placeholder:text-input-placeholder bg-none dark:bg-transparent",
+              "w-full outline-none bg-transparent border-none ring-0 leading-0 p-0 h-6 text-base text-input-text placeholder:text-input-placeholder bg-none dark:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0",
               className
             ),
             value,
@@ -1224,7 +1224,7 @@ const TokenRow = ({
             TokenSymbol,
             {
               symbol,
-              className: "size-8 rounded-full",
+              className: "w-8 h-8 rounded-full",
               alt: symbol
             }
           ),
@@ -1381,7 +1381,7 @@ const TokenSelectModal = ({
     [groupedTokens.willChangeSrcChain]
   );
   const hasNoResults = tokensToRender.length === 0 && willChangeSrcTokens.length === 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "h-[90dvh] max-h-dvh overflow-hidden flex flex-col", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-h-[90dvh] h-[90dvh] overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("bridge.selectToken") }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SearchInput,
@@ -1581,7 +1581,7 @@ const SelectTokenButton = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary-foreground text-sm font-semibold", children: label })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "size-4 text-secondary-foreground" })
+        /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4 text-secondary-foreground" })
       ]
     }
   );
@@ -2250,7 +2250,7 @@ const SelectNetworkButton = ({
           ),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary-foreground text-sm leading-5 font-semibold ", children: label })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "size-4 text-secondary-foreground" })
+        /* @__PURE__ */ jsxRuntime.jsx(ArrowDownIcon, { className: "w-4 h-4 text-secondary-foreground" })
       ]
     }
   );
@@ -2404,7 +2404,7 @@ const ChainSelectModal = ({
       chain.chainKey
     );
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "!h-[90dvh] flex flex-col", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(dialog.Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxRuntime.jsxs(dialog.DialogContent, { className: "max-h-[90dvh] h-[90dvh] overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(dialog.DialogTitle, { children: t("bridge.selectNetwork") }) }),
     /* @__PURE__ */ jsxRuntime.jsx(
       SearchInput,
@@ -2438,9 +2438,9 @@ function short$1(addr) {
   return addr.slice(0, 4) + "…" + addr.slice(-4);
 }
 const prefixIcons = {
-  tronlink: /* @__PURE__ */ jsxRuntime.jsx(TronLinkIcon, { className: "size-5" }),
-  metamask: /* @__PURE__ */ jsxRuntime.jsx(MetaMaskIcon, { className: "size-5" }),
-  ton: /* @__PURE__ */ jsxRuntime.jsx(TonKeeperIcon, { className: "size-5" })
+  tronlink: /* @__PURE__ */ jsxRuntime.jsx(TronLinkIcon, { className: "w-5 h-5" }),
+  metamask: /* @__PURE__ */ jsxRuntime.jsx(MetaMaskIcon, { className: "w-5 h-5" }),
+  ton: /* @__PURE__ */ jsxRuntime.jsx(TonKeeperIcon, { className: "w-5 h-5" })
 };
 const mapWalletToType = (wallet) => {
   switch (wallet) {
@@ -2725,9 +2725,9 @@ const AnotherAddress = () => {
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: "rounded-full p-0 size-5 self-start",
+                  className: "rounded-full p-0 w-5 h-5 self-start",
                   onClick: () => setValue(""),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "w-4 h-4" })
                 }
               )
             ]
@@ -2902,7 +2902,7 @@ const Details = () => {
         {
           label: t("transaction.route"),
           value: /* @__PURE__ */ jsxRuntime.jsxs("strong", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(StargateIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsxRuntime.jsx(StargateIcon, { className: "w-4 h-4" }),
             /* @__PURE__ */ jsxRuntime.jsx("p", { className: "", children: routeText })
           ] })
         }
@@ -2943,7 +2943,7 @@ const DetailsRow = ({
 }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center", children: [
   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-priority font-normal", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: label, children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "size-4 text-receive-icon" }) })
+    /* @__PURE__ */ jsxRuntime.jsx(Tip, { text: label, children: /* @__PURE__ */ jsxRuntime.jsx(TipIcon, { className: "w-4 h-4 text-receive-icon" }) })
   ] }),
   isLoading ? /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-16 rounded-md" }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-foreground text-sm", children: value ?? "—" })
 ] });
@@ -3708,7 +3708,7 @@ const WalletSelectModal = () => {
           const IconComponent = wallet.icon;
           return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-5", children: /* @__PURE__ */ jsxRuntime.jsxs(button.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__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "size-8 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "size-8" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 h-8 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "w-8 h-8" }) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: short(wallet.address) }),
                 /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: wallet.name })
@@ -3722,7 +3722,7 @@ const WalletSelectModal = () => {
                   onClose();
                 },
                 className: "text-sm font-medium text-muted-foreground",
-                children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "text-[#808080] size-6" })
+                children: /* @__PURE__ */ jsxRuntime.jsx(ExitIcon, { className: "text-[#808080] w-6 h-6" })
               }
             )
           ] }) }, wallet.id);
@@ -3749,7 +3749,7 @@ const WalletSelectModal = () => {
               disabled: isEvmConnector ? isPending : !wallet.enabled,
               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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "size-8" }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "w-8 h-8" }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-extrabold text-foreground text-sm leading-4 truncate", children: wallet.name }),
                   wallet.comingSoon ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t("wallets.comingSoon") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs leading-3 font-semibold text-muted-foreground", children: t("wallets.connect") })