@hyperbridge/ui 0.0.23 → 0.0.25

package/dist/{chunk-DAIODMJG.mjs → chunk-PILUO5EZ.mjs}

@@ -1055,10 +1055,10 @@ var SvgPower = (props) => /* @__PURE__ */ jsx36(
 var Memo36 = memo36(SvgPower);
 var Power_default = Memo36;
 
-// src/components/icons/RotateCcw.tsx
+// src/components/icons/Refer.tsx
 import { memo as memo37 } from "react";
 import { jsx as jsx37 } from "react/jsx-runtime";
-var SvgRotateCcw = (props) => /* @__PURE__ */ jsx37(
+var SvgRefer = (props) => /* @__PURE__ */ jsx37(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1068,6 +1068,30 @@ var SvgRotateCcw = (props) => /* @__PURE__ */ jsx37(
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
     children: /* @__PURE__ */ jsx37(
+      "path",
+      {
+        d: "M5.334 8c-1.307 0-2.368.522-3.144 1.39-.766.856-1.237 2.028-1.436 3.321-.11.713.465 1.289 1.13 1.289h6.9c.665 0 1.24-.576 1.13-1.289-.199-1.293-.67-2.465-1.435-3.32C7.703 8.521 6.642 8 5.334 8ZM2.668 4.667a2.667 2.667 0 1 1 5.333 0 2.667 2.667 0 0 1-5.333 0ZM9.001 5a2.333 2.333 0 1 1 4.667 0A2.333 2.333 0 0 1 9 5ZM9.473 8.501c.984 1.1 1.533 2.536 1.76 4.007.042.277.039.542-.003.792h3.017c.681 0 1.284-.593 1.154-1.335-.193-1.098-.618-2.093-1.3-2.82-.691-.738-1.626-1.178-2.767-1.178-.72 0-1.356.175-1.902.489l.04.045Z",
+        fill: "currentColor"
+      }
+    )
+  })
+);
+var Memo37 = memo37(SvgRefer);
+var Refer_default = Memo37;
+
+// src/components/icons/RotateCcw.tsx
+import { memo as memo38 } from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var SvgRotateCcw = (props) => /* @__PURE__ */ jsx38(
+  "svg",
+  __spreadProps(__spreadValues({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {
+    children: /* @__PURE__ */ jsx38(
       "path",
       {
         d: "M2.827 9.833A5.502 5.502 0 0 0 13.514 8a5.5 5.5 0 0 0-5.5-5.5c-1.878 0-3.133.803-4.347 2.173m-.5-2.006v2.166a.5.5 0 0 0 .5.5h2.166",
@@ -1079,13 +1103,13 @@ var SvgRotateCcw = (props) => /* @__PURE__ */ jsx37(
     )
   })
 );
-var Memo37 = memo37(SvgRotateCcw);
-var RotateCcw_default = Memo37;
+var Memo38 = memo38(SvgRotateCcw);
+var RotateCcw_default = Memo38;
 
 // src/components/icons/Search.tsx
-import { memo as memo38 } from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var SvgSearch = (props) => /* @__PURE__ */ jsx38(
+import { memo as memo39 } from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var SvgSearch = (props) => /* @__PURE__ */ jsx39(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1094,7 +1118,7 @@ var SvgSearch = (props) => /* @__PURE__ */ jsx38(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx38(
+    children: /* @__PURE__ */ jsx39(
       "path",
       {
         d: "m14 14-2.9-2.9m1.567-3.767A5.333 5.333 0 1 1 2 7.333a5.333 5.333 0 0 1 10.667 0Z",
@@ -1106,13 +1130,13 @@ var SvgSearch = (props) => /* @__PURE__ */ jsx38(
     )
   })
 );
-var Memo38 = memo38(SvgSearch);
-var Search_default = Memo38;
+var Memo39 = memo39(SvgSearch);
+var Search_default = Memo39;
 
 // src/components/icons/Server.tsx
-import { memo as memo39 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var SvgServer = (props) => /* @__PURE__ */ jsx39(
+import { memo as memo40 } from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var SvgServer = (props) => /* @__PURE__ */ jsx40(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1121,7 +1145,7 @@ var SvgServer = (props) => /* @__PURE__ */ jsx39(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx39(
+    children: /* @__PURE__ */ jsx40(
       "path",
       {
         d: "M11.665 3.208c0-.44-.25-.78-.527-1.013-.28-.236-.65-.422-1.056-.567-.817-.292-1.907-.461-3.083-.461-1.177 0-2.267.169-3.084.46-.406.146-.776.332-1.055.568-.277.234-.528.574-.528 1.013v2.625c0 .44.251.78.528 1.014.28.235.65.422 1.055.567.817.292 1.907.46 3.084.46 1.176 0 2.266-.168 3.083-.46.406-.145.776-.332 1.055-.567.277-.234.528-.574.528-1.014V3.208Zm-8.052-.122a.437.437 0 0 0-.11.122c.01.02.037.06.11.122.133.113.362.241.695.36.66.236 1.612.393 2.69.393 1.08 0 2.03-.157 2.692-.393.333-.119.561-.247.695-.36a.436.436 0 0 0 .11-.122.436.436 0 0 0-.11-.122c-.134-.113-.362-.24-.695-.36-.661-.236-1.612-.393-2.691-.393-1.08 0-2.03.157-2.691.393-.333.12-.562.247-.695.36ZM10.475 8.512a4.906 4.906 0 0 0 1.19-.6v2.88c0 .44-.25.78-.527 1.013-.28.236-.65.422-1.056.567-.817.292-1.907.461-3.083.461-1.177 0-2.267-.17-3.084-.46-.406-.146-.776-.332-1.055-.568-.277-.234-.528-.574-.528-1.013v-2.88c.374.266.794.459 1.19.6.974.348 2.203.53 3.477.53s2.503-.182 3.476-.53Z",
@@ -1130,13 +1154,13 @@ var SvgServer = (props) => /* @__PURE__ */ jsx39(
     )
   })
 );
-var Memo39 = memo39(SvgServer);
-var Server_default = Memo39;
+var Memo40 = memo40(SvgServer);
+var Server_default = Memo40;
 
 // src/components/icons/SettingsGear.tsx
-import { memo as memo40 } from "react";
-import { jsx as jsx40 } from "react/jsx-runtime";
-var SvgSettingsGear = (props) => /* @__PURE__ */ jsx40(
+import { memo as memo41 } from "react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var SvgSettingsGear = (props) => /* @__PURE__ */ jsx41(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1145,7 +1169,7 @@ var SvgSettingsGear = (props) => /* @__PURE__ */ jsx40(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx40(
+    children: /* @__PURE__ */ jsx41(
       "path",
       {
         fillRule: "evenodd",
@@ -1156,13 +1180,13 @@ var SvgSettingsGear = (props) => /* @__PURE__ */ jsx40(
     )
   })
 );
-var Memo40 = memo40(SvgSettingsGear);
-var SettingsGear_default = Memo40;
+var Memo41 = memo41(SvgSettingsGear);
+var SettingsGear_default = Memo41;
 
 // src/components/icons/Settings.tsx
-import { memo as memo41 } from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
-var SvgSettings = (props) => /* @__PURE__ */ jsx41(
+import { memo as memo42 } from "react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var SvgSettings = (props) => /* @__PURE__ */ jsx42(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1171,7 +1195,7 @@ var SvgSettings = (props) => /* @__PURE__ */ jsx41(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx41(
+    children: /* @__PURE__ */ jsx42(
       "path",
       {
         fillRule: "evenodd",
@@ -1182,12 +1206,12 @@ var SvgSettings = (props) => /* @__PURE__ */ jsx41(
     )
   })
 );
-var Memo41 = memo41(SvgSettings);
-var Settings_default = Memo41;
+var Memo42 = memo42(SvgSettings);
+var Settings_default = Memo42;
 
 // src/components/icons/Shuffle.tsx
-import { memo as memo42 } from "react";
-import { jsx as jsx42, jsxs as jsxs4 } from "react/jsx-runtime";
+import { memo as memo43 } from "react";
+import { jsx as jsx43, jsxs as jsxs4 } from "react/jsx-runtime";
 var SvgShuffle = (props) => /* @__PURE__ */ jsxs4(
   "svg",
   __spreadProps(__spreadValues({
@@ -1198,14 +1222,14 @@ var SvgShuffle = (props) => /* @__PURE__ */ jsxs4(
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
     children: [
-      /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsx43(
         "path",
         {
           d: "M10.98 3.646a.5.5 0 0 0 0 .708l.48.48H8.918c-.447 0-.855.255-1.05.657l-.14.29a.267.267 0 0 0 0 .232l.379.783c.049.1.191.1.24 0l.421-.869a.167.167 0 0 1 .15-.094h2.542l-.48.48a.5.5 0 0 0 .707.707l1.333-1.333a.5.5 0 0 0 0-.707l-1.333-1.334a.5.5 0 0 0-.707 0ZM6.69 10.219a.267.267 0 0 0 0-.232l-.38-.783a.133.133 0 0 0-.24 0l-.421.869a.167.167 0 0 1-.15.094H3.334a.5.5 0 1 0 0 1h2.165c.447 0 .855-.256 1.05-.658l.14-.29Z",
           fill: "currentColor"
         }
       ),
-      /* @__PURE__ */ jsx42(
+      /* @__PURE__ */ jsx43(
         "path",
         {
           d: "M10.98 12.354a.5.5 0 0 1 0-.708l.48-.48H8.918c-.447 0-.855-.255-1.05-.657L5.649 5.927a.167.167 0 0 0-.15-.094H3.334a.5.5 0 1 1 0-1h2.165c.447 0 .855.256 1.05.658l2.219 4.582a.167.167 0 0 0 .15.094h2.542l-.48-.48a.5.5 0 0 1 .707-.707l1.333 1.333a.5.5 0 0 1 0 .707l-1.333 1.334a.5.5 0 0 1-.707 0Z",
@@ -1215,13 +1239,13 @@ var SvgShuffle = (props) => /* @__PURE__ */ jsxs4(
     ]
   })
 );
-var Memo42 = memo42(SvgShuffle);
-var Shuffle_default = Memo42;
+var Memo43 = memo43(SvgShuffle);
+var Shuffle_default = Memo43;
 
 // src/components/icons/SquareArrowTopRight.tsx
-import { memo as memo43 } from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var SvgSquareArrowTopRight = (props) => /* @__PURE__ */ jsx43(
+import { memo as memo44 } from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var SvgSquareArrowTopRight = (props) => /* @__PURE__ */ jsx44(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1230,7 +1254,7 @@ var SvgSquareArrowTopRight = (props) => /* @__PURE__ */ jsx43(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx43(
+    children: /* @__PURE__ */ jsx44(
       "path",
       {
         fillRule: "evenodd",
@@ -1241,13 +1265,13 @@ var SvgSquareArrowTopRight = (props) => /* @__PURE__ */ jsx43(
     )
   })
 );
-var Memo43 = memo43(SvgSquareArrowTopRight);
-var SquareArrowTopRight_default = Memo43;
+var Memo44 = memo44(SvgSquareArrowTopRight);
+var SquareArrowTopRight_default = Memo44;
 
 // src/components/icons/Star.tsx
-import { memo as memo44 } from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
-var SvgStar = (props) => /* @__PURE__ */ jsx44(
+import { memo as memo45 } from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var SvgStar = (props) => /* @__PURE__ */ jsx45(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1256,7 +1280,7 @@ var SvgStar = (props) => /* @__PURE__ */ jsx44(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx44(
+    children: /* @__PURE__ */ jsx45(
       "path",
       {
         d: "M7.927 1.503a.889.889 0 0 0-1.601 0L4.948 4.371l-3.174.416C1.038 4.883.732 5.793 1.28 6.31l2.319 2.187-.582 3.122c-.138.742.646 1.291 1.295.942l2.814-1.518 2.815 1.518c.648.35 1.433-.2 1.294-.942l-.582-3.122 2.32-2.187c.548-.516.241-1.426-.495-1.522l-3.173-.416-1.378-2.868Z",
@@ -1265,13 +1289,13 @@ var SvgStar = (props) => /* @__PURE__ */ jsx44(
     )
   })
 );
-var Memo44 = memo44(SvgStar);
-var Star_default = Memo44;
+var Memo45 = memo45(SvgStar);
+var Star_default = Memo45;
 
 // src/components/icons/StepBack.tsx
-import { memo as memo45 } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
-var SvgStepBack = (props) => /* @__PURE__ */ jsx45(
+import { memo as memo46 } from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var SvgStepBack = (props) => /* @__PURE__ */ jsx46(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1280,7 +1304,7 @@ var SvgStepBack = (props) => /* @__PURE__ */ jsx45(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx45(
+    children: /* @__PURE__ */ jsx46(
       "path",
       {
         fillRule: "evenodd",
@@ -1291,12 +1315,12 @@ var SvgStepBack = (props) => /* @__PURE__ */ jsx45(
     )
   })
 );
-var Memo45 = memo45(SvgStepBack);
-var StepBack_default = Memo45;
+var Memo46 = memo46(SvgStepBack);
+var StepBack_default = Memo46;
 
 // src/components/icons/Testnet.tsx
-import { memo as memo46 } from "react";
-import { jsx as jsx46, jsxs as jsxs5 } from "react/jsx-runtime";
+import { memo as memo47 } from "react";
+import { jsx as jsx47, jsxs as jsxs5 } from "react/jsx-runtime";
 var SvgTestnet = (props) => /* @__PURE__ */ jsxs5(
   "svg",
   __spreadProps(__spreadValues({
@@ -1307,14 +1331,14 @@ var SvgTestnet = (props) => /* @__PURE__ */ jsxs5(
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
     children: [
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         "path",
         {
           d: "M11.12 3.12a3.12 3.12 0 1 1-6.24 0 3.12 3.12 0 0 1 6.24 0ZM11.12 12.88a3.12 3.12 0 1 1-6.24 0 3.12 3.12 0 0 1 6.24 0ZM12.88 11.12a3.12 3.12 0 1 1 0-6.24 3.12 3.12 0 0 1 0 6.24Z",
           fill: "#929DAA"
         }
       ),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx47(
         "path",
         {
           d: "M3.12 11.12a3.12 3.12 0 1 1 0-6.24 3.12 3.12 0 0 1 0 6.24Z",
@@ -1324,13 +1348,13 @@ var SvgTestnet = (props) => /* @__PURE__ */ jsxs5(
     ]
   })
 );
-var Memo46 = memo46(SvgTestnet);
-var Testnet_default = Memo46;
+var Memo47 = memo47(SvgTestnet);
+var Testnet_default = Memo47;
 
 // src/components/icons/Transfer.tsx
-import { memo as memo47 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
-var SvgTransfer = (props) => /* @__PURE__ */ jsx47(
+import { memo as memo48 } from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var SvgTransfer = (props) => /* @__PURE__ */ jsx48(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1339,7 +1363,7 @@ var SvgTransfer = (props) => /* @__PURE__ */ jsx47(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx48(
       "path",
       {
         d: "M3 6.538 5.96 4v8.459M12.23 9.923l-2.96 2.538V4.002",
@@ -1351,13 +1375,13 @@ var SvgTransfer = (props) => /* @__PURE__ */ jsx47(
     )
   })
 );
-var Memo47 = memo47(SvgTransfer);
-var Transfer_default = Memo47;
+var Memo48 = memo48(SvgTransfer);
+var Transfer_default = Memo48;
 
 // src/components/icons/Trash.tsx
-import { memo as memo48 } from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
-var SvgTrash = (props) => /* @__PURE__ */ jsx48(
+import { memo as memo49 } from "react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var SvgTrash = (props) => /* @__PURE__ */ jsx49(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1366,7 +1390,7 @@ var SvgTrash = (props) => /* @__PURE__ */ jsx48(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx48(
+    children: /* @__PURE__ */ jsx49(
       "path",
       {
         d: "m3.333 4.333.582 8.426c.048.699.629 1.241 1.33 1.241h5.51c.701 0 1.283-.542 1.33-1.241l.582-8.426M2.333 4h11.334M5.38 3.83a2.668 2.668 0 0 1 5.24 0",
@@ -1378,13 +1402,13 @@ var SvgTrash = (props) => /* @__PURE__ */ jsx48(
     )
   })
 );
-var Memo48 = memo48(SvgTrash);
-var Trash_default = Memo48;
+var Memo49 = memo49(SvgTrash);
+var Trash_default = Memo49;
 
 // src/components/icons/Wallet.tsx
-import { memo as memo49 } from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var SvgWallet = (props) => /* @__PURE__ */ jsx49(
+import { memo as memo50 } from "react";
+import { jsx as jsx50 } from "react/jsx-runtime";
+var SvgWallet = (props) => /* @__PURE__ */ jsx50(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1393,7 +1417,7 @@ var SvgWallet = (props) => /* @__PURE__ */ jsx49(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx50(
       "path",
       {
         fillRule: "evenodd",
@@ -1404,13 +1428,13 @@ var SvgWallet = (props) => /* @__PURE__ */ jsx49(
     )
   })
 );
-var Memo49 = memo49(SvgWallet);
-var Wallet_default = Memo49;
+var Memo50 = memo50(SvgWallet);
+var Wallet_default = Memo50;
 
 // src/components/icons/XCircle.tsx
-import { memo as memo50 } from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var SvgXCircle = (props) => /* @__PURE__ */ jsx50(
+import { memo as memo51 } from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var SvgXCircle = (props) => /* @__PURE__ */ jsx51(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1419,7 +1443,7 @@ var SvgXCircle = (props) => /* @__PURE__ */ jsx50(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx50(
+    children: /* @__PURE__ */ jsx51(
       "path",
       {
         d: "M8 1a7 7 0 1 1 0 14A7 7 0 0 1 8 1Zm2.948 4.054a.673.673 0 0 0-.95-.001L8.001 7.05 6.003 5.052l-.105-.086a.674.674 0 0 0-.931.931l.087.106L7.05 8 5.054 9.997a.672.672 0 0 0 .95.95L8 8.95l1.996 1.996.105.086a.672.672 0 0 0 .931-.93l-.086-.106L8.951 8l1.996-1.996a.673.673 0 0 0 .001-.95Z",
@@ -1428,13 +1452,13 @@ var SvgXCircle = (props) => /* @__PURE__ */ jsx50(
     )
   })
 );
-var Memo50 = memo50(SvgXCircle);
-var XCircle_default = Memo50;
+var Memo51 = memo51(SvgXCircle);
+var XCircle_default = Memo51;
 
 // src/components/icons/XIcon.tsx
-import { memo as memo51 } from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
-var SvgXIcon = (props) => /* @__PURE__ */ jsx51(
+import { memo as memo52 } from "react";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var SvgXIcon = (props) => /* @__PURE__ */ jsx52(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1443,7 +1467,7 @@ var SvgXIcon = (props) => /* @__PURE__ */ jsx51(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx51(
+    children: /* @__PURE__ */ jsx52(
       "path",
       {
         d: "m3.334 3.334 9.333 9.333m0-9.333-9.333 9.333",
@@ -1454,8 +1478,8 @@ var SvgXIcon = (props) => /* @__PURE__ */ jsx51(
     )
   })
 );
-var Memo51 = memo51(SvgXIcon);
-var XIcon_default = Memo51;
+var Memo52 = memo52(SvgXIcon);
+var XIcon_default = Memo52;
 
 export {
   __spreadValues,
@@ -1497,6 +1521,7 @@ export {
   Percent_default,
   Plus_default,
   Power_default,
+  Refer_default,
   RotateCcw_default,
   Search_default,
   Server_default,

package/dist/icons/index.d.mts

@@ -2,6 +2,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { SVGProps } from 'react';
 
+declare const Memo$P: React.MemoExoticComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element>;
+
 declare const Memo$O: React.MemoExoticComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element>;
 
 declare const Memo$N: React.MemoExoticComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element>;
@@ -104,4 +106,4 @@ declare const Memo$1: React.MemoExoticComponent<(props: SVGProps<SVGSVGElement>)
 
 declare const Memo: React.MemoExoticComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element>;
 
-export { Memo$O as Alert, Memo$N as ArrowBottomTop, Memo$K as ArrowRight, Memo$M as ArrowRightDownCircle, Memo$L as ArrowRightUpCircle, Memo$J as ArrowSplit, Memo$I as ArrowTopBottom, Memo$H as ArrowTriangleBottom, Memo$G as ArrowTriangleTop, Memo$F as ArrowUpRight, Memo$E as ArtifactNews, Memo$D as BrowserWindow, Memo$C as Check, Memo$B as ChevronBottomDown, Memo$A as ChevronBottomUp, Memo$z as ChevronDoubleRight, Memo$y as ChevronDownSmall, Memo$w as ChevronGrabberVertical, Memo$x as ChevronGrabberVertical1, Memo$s as Circle, Memo$v as CircleInfo, Memo$t as CirclePlaceholder, Memo$u as CirclePlaceholderDashed, Memo$r as Clock, Memo$q as Coins, Memo$p as Copy, Memo$o as Filter, Memo$n as Gas, Memo$m as History, Memo$l as Loader, Memo$k as Mainnet, Memo$j as Menu, Memo$i as Pen, Memo$h as Percent, Memo$g as Plus, Memo$f as Power, Memo$e as RotateCcw, Memo$d as Search, Memo$c as Server, Memo$a as Settings, Memo$b as SettingsGear, Memo$9 as Shuffle, Memo$8 as SquareArrowTopRight, Memo$7 as Star, Memo$6 as StepBack, Memo$5 as Testnet, Memo$4 as Transfer, Memo$3 as Trash, Memo$2 as Wallet, Memo$1 as XCircle, Memo as XIcon };
+export { Memo$P as Alert, Memo$O as ArrowBottomTop, Memo$L as ArrowRight, Memo$N as ArrowRightDownCircle, Memo$M as ArrowRightUpCircle, Memo$K as ArrowSplit, Memo$J as ArrowTopBottom, Memo$I as ArrowTriangleBottom, Memo$H as ArrowTriangleTop, Memo$G as ArrowUpRight, Memo$F as ArtifactNews, Memo$E as BrowserWindow, Memo$D as Check, Memo$C as ChevronBottomDown, Memo$B as ChevronBottomUp, Memo$A as ChevronDoubleRight, Memo$z as ChevronDownSmall, Memo$x as ChevronGrabberVertical, Memo$y as ChevronGrabberVertical1, Memo$t as Circle, Memo$w as CircleInfo, Memo$u as CirclePlaceholder, Memo$v as CirclePlaceholderDashed, Memo$s as Clock, Memo$r as Coins, Memo$q as Copy, Memo$p as Filter, Memo$o as Gas, Memo$n as History, Memo$m as Loader, Memo$l as Mainnet, Memo$k as Menu, Memo$j as Pen, Memo$i as Percent, Memo$h as Plus, Memo$g as Power, Memo$f as Refer, Memo$e as RotateCcw, Memo$d as Search, Memo$c as Server, Memo$a as Settings, Memo$b as SettingsGear, Memo$9 as Shuffle, Memo$8 as SquareArrowTopRight, Memo$7 as Star, Memo$6 as StepBack, Memo$5 as Testnet, Memo$4 as Transfer, Memo$3 as Trash, Memo$2 as Wallet, Memo$1 as XCircle, Memo as XIcon };

package/dist/icons/index.mjs

@@ -35,6 +35,7 @@ import {
   Percent_default,
   Plus_default,
   Power_default,
+  Refer_default,
   RotateCcw_default,
   Search_default,
   Server_default,
@@ -50,7 +51,7 @@ import {
   Wallet_default,
   XCircle_default,
   XIcon_default
-} from "../chunk-DAIODMJG.mjs";
+} from "../chunk-PILUO5EZ.mjs";
 export {
   Alert_default as Alert,
   ArrowBottomTop_default as ArrowBottomTop,
@@ -88,6 +89,7 @@ export {
   Percent_default as Percent,
   Plus_default as Plus,
   Power_default as Power,
+  Refer_default as Refer,
   RotateCcw_default as RotateCcw,
   Search_default as Search,
   Server_default as Server,

package/dist/index.d.mts

@@ -11,6 +11,7 @@ import { Variants } from 'motion/react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Drawer as Drawer$1 } from 'vaul';
 
 interface SearchInputProps extends Omit<React.ComponentProps<"input">, "size"> {
@@ -939,6 +940,11 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
 }): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
 
+declare function Popover({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+
 declare const badgeVariants: (props?: ({
     size?: "sm" | null | undefined;
     variant?: "default" | "outline" | "secondary" | "destructive" | "success" | null | undefined;
@@ -958,4 +964,4 @@ declare function HBDrawerFooter({ className, ...props }: React$1.ComponentProps<
 declare function HBDrawerTitle({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime.JSX.Element;
 declare function HBDrawerDescription({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime.JSX.Element;
 
-export { AccessoryButton, type AccessoryButtonProps, AccountItem, AccountStack, type AccountStackProps, AddressInput, AddressInputFocusBehaviour, AssetList, AssetListItem, AssetValueTrend, Badge, BadgeIcon, Balance, BridgeForm, type BridgeFormProps, BridgeInput, BridgeSettings, type BridgeSettingsProps, BridgeTokenButton, Button, type ButtonProps, CWDrawerContent, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMorphContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerContent, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateConceal, EmptyStateContent, EmptyStateDescription, EmptyStateTitle, type EstimatedTimeFormatted, GradientButton, HBDrawer, HBDrawerClose, HBDrawerContent, HBDrawerDescription, HBDrawerFooter, HBDrawerHeader, HBDrawerOverlay, HBDrawerPortal, HBDrawerTitle, HBDrawerTrigger, Header, HeaderChooseProvider, HeaderContent, HeaderGradient, HeaderNested, IconButton, Input, type InputProps, LabelledSeperator, ListHeading, ListSection, ManageAccounts, Modal, type ModalProps, type Network, NetworkGroupItem, NetworkSelectionItem, NetworkSelector, type NetworkSelectorProps, NetworkSwitcher, NetworkSwitcherButton, type NetworkSwitcherProps, ReviewItem, ReviewItemAddress, ReviewItemCopyAddressButton, ScrollAwareSeparator, SearchInput, type SearchInputProps, Settings, type SettingsProps, Sheet, SheetContent, SheetTrigger, Summary, SummaryValues, SwapForm, type SwapFormProps, SwapTokenButton, SwapTokenItem, type SwapTokenItemProps, SwapTokenSelector, SwapTokenSelectorContent, type SwapTokenSelectorContentProps, SwapTokenSelectorEmpty, type SwapTokenSelectorEmptyProps, SwapTokenSelectorHeader, type SwapTokenSelectorHeaderProps, type SwapTokenSelectorProps, SwapTokenSelectorSearch, type SwapTokenSelectorSearchProps, SwapTokenSelectorSection, type SwapTokenSelectorSectionProps, TabAlt, TabAltContent, TabAltHeader, TabAltHeaders, TabAltPanel, TabItem, Tabs, TabsContent, TabsList, TagButton, Text, TimelineItem, TimelineList, TimelineListGroup, TimelineRoot, TimerWrap, ToastBox, type Token, TokenImage, type TokenInfo, TokenSelectionItem, TokenSelector, type TokenSelectorProps, TokenTransferPair, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionTimer, TxList, TxListItem, TxListItemProcessing, type WalletAccount, WalletAccountItem, WalletConnectedHeader, type WalletConnectedHeaderProps, WalletHeader, type WalletHeaderCallbacks, WalletHeaderContent, WalletHeaderContentBlur, type WalletHeaderContentProps, type WalletHeaderProps, WalletHeaderTabItem, WalletHeaderTabs, WalletHeaderTabsContent, WalletHeaderTabsList, type WalletHeaderTabsProps, WalletManagerUIContent, WalletManagerUIProvider, WalletProviderItem, badgeVariants, makeEntry };
+export { AccessoryButton, type AccessoryButtonProps, AccountItem, AccountStack, type AccountStackProps, AddressInput, AddressInputFocusBehaviour, AssetList, AssetListItem, AssetValueTrend, Badge, BadgeIcon, Balance, BridgeForm, type BridgeFormProps, BridgeInput, BridgeSettings, type BridgeSettingsProps, BridgeTokenButton, Button, type ButtonProps, CWDrawerContent, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMorphContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerContent, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateConceal, EmptyStateContent, EmptyStateDescription, EmptyStateTitle, type EstimatedTimeFormatted, GradientButton, HBDrawer, HBDrawerClose, HBDrawerContent, HBDrawerDescription, HBDrawerFooter, HBDrawerHeader, HBDrawerOverlay, HBDrawerPortal, HBDrawerTitle, HBDrawerTrigger, Header, HeaderChooseProvider, HeaderContent, HeaderGradient, HeaderNested, IconButton, Input, type InputProps, LabelledSeperator, ListHeading, ListSection, ManageAccounts, Modal, type ModalProps, type Network, NetworkGroupItem, NetworkSelectionItem, NetworkSelector, type NetworkSelectorProps, NetworkSwitcher, NetworkSwitcherButton, type NetworkSwitcherProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, ReviewItem, ReviewItemAddress, ReviewItemCopyAddressButton, ScrollAwareSeparator, SearchInput, type SearchInputProps, Settings, type SettingsProps, Sheet, SheetContent, SheetTrigger, Summary, SummaryValues, SwapForm, type SwapFormProps, SwapTokenButton, SwapTokenItem, type SwapTokenItemProps, SwapTokenSelector, SwapTokenSelectorContent, type SwapTokenSelectorContentProps, SwapTokenSelectorEmpty, type SwapTokenSelectorEmptyProps, SwapTokenSelectorHeader, type SwapTokenSelectorHeaderProps, type SwapTokenSelectorProps, SwapTokenSelectorSearch, type SwapTokenSelectorSearchProps, SwapTokenSelectorSection, type SwapTokenSelectorSectionProps, TabAlt, TabAltContent, TabAltHeader, TabAltHeaders, TabAltPanel, TabItem, Tabs, TabsContent, TabsList, TagButton, Text, TimelineItem, TimelineList, TimelineListGroup, TimelineRoot, TimerWrap, ToastBox, type Token, TokenImage, type TokenInfo, TokenSelectionItem, TokenSelector, type TokenSelectorProps, TokenTransferPair, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionTimer, TxList, TxListItem, TxListItemProcessing, type WalletAccount, WalletAccountItem, WalletConnectedHeader, type WalletConnectedHeaderProps, WalletHeader, type WalletHeaderCallbacks, WalletHeaderContent, WalletHeaderContentBlur, type WalletHeaderContentProps, type WalletHeaderProps, WalletHeaderTabItem, WalletHeaderTabs, WalletHeaderTabsContent, WalletHeaderTabsList, type WalletHeaderTabsProps, WalletManagerUIContent, WalletManagerUIProvider, WalletProviderItem, badgeVariants, makeEntry };

package/dist/index.mjs

@@ -30,7 +30,7 @@ import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-DAIODMJG.mjs";
+} from "./chunk-PILUO5EZ.mjs";
 
 // src/components/atoms/search-input.tsx
 import { cva } from "class-variance-authority";
@@ -3063,7 +3063,7 @@ function DialogMorphContent(_a) {
       event.preventDefault();
     }
   };
-  const Content8 = /* @__PURE__ */ jsxs22(
+  const Content9 = /* @__PURE__ */ jsxs22(
     DialogPrimitive2.Content,
     __spreadProps(__spreadValues({
       onInteractOutside: handleInteractOutside,
@@ -3095,7 +3095,7 @@ function DialogMorphContent(_a) {
   );
   return /* @__PURE__ */ jsxs22(DialogPortal, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ jsx31(DialogOverlay, {}),
-    mode === "card" ? /* @__PURE__ */ jsx31(SmoothCorners, { children: Content8 }) : /* @__PURE__ */ jsx31(Fragment7, { children: Content8 })
+    mode === "card" ? /* @__PURE__ */ jsx31(SmoothCorners, { children: Content9 }) : /* @__PURE__ */ jsx31(Fragment7, { children: Content9 })
   ] });
 }
 
@@ -5202,10 +5202,49 @@ function DropdownMenuSubContent(_a) {
   );
 }
 
+// src/@/ui/popover.tsx
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { jsx as jsx51 } from "react/jsx-runtime";
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx51(PopoverPrimitive.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx51(PopoverPrimitive.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ jsx51(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx51(
+    PopoverPrimitive.Content,
+    __spreadValues({
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground border-0 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-2xl p-4 shadow-md outline-hidden",
+        className
+      )
+    }, props)
+  ) });
+}
+function PopoverAnchor(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx51(PopoverPrimitive.Anchor, __spreadValues({ "data-slot": "popover-anchor" }, props));
+}
+
 // src/@/ui/badge.tsx
 import { Slot as Slot11 } from "@radix-ui/react-slot";
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var badgeVariants = cva7(
   "inline-flex font-semibold whitespace-nowrap items-center justify-center rounded-full px-2 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
@@ -5238,7 +5277,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot11 : "span";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "badge",
@@ -5325,6 +5364,10 @@ export {
   NetworkSelector,
   NetworkSwitcher,
   NetworkSwitcherButton,
+  Popover,
+  PopoverAnchor,
+  PopoverContent,
+  PopoverTrigger,
   ReviewItem,
   ReviewItemAddress,
   ReviewItemCopyAddressButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperbridge/ui",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "sideEffects": false,
   "license": "MIT",
   "private": false,