@hyperbridge/ui 0.0.21 → 0.0.23

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

@@ -1244,19 +1244,43 @@ var SvgSquareArrowTopRight = (props) => /* @__PURE__ */ jsx43(
 var Memo43 = memo43(SvgSquareArrowTopRight);
 var SquareArrowTopRight_default = Memo43;
 
-// src/components/icons/StepBack.tsx
+// src/components/icons/Star.tsx
 import { memo as memo44 } from "react";
 import { jsx as jsx44 } from "react/jsx-runtime";
-var SvgStepBack = (props) => /* @__PURE__ */ jsx44(
+var SvgStar = (props) => /* @__PURE__ */ jsx44(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
     height: "1em",
-    viewBox: "0 0 16 16",
+    viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
     children: /* @__PURE__ */ jsx44(
+      "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",
+        fill: "currentColor"
+      }
+    )
+  })
+);
+var Memo44 = memo44(SvgStar);
+var Star_default = Memo44;
+
+// src/components/icons/StepBack.tsx
+import { memo as memo45 } from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var SvgStepBack = (props) => /* @__PURE__ */ jsx45(
+  "svg",
+  __spreadProps(__spreadValues({
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), {
+    children: /* @__PURE__ */ jsx45(
       "path",
       {
         fillRule: "evenodd",
@@ -1267,12 +1291,12 @@ var SvgStepBack = (props) => /* @__PURE__ */ jsx44(
     )
   })
 );
-var Memo44 = memo44(SvgStepBack);
-var StepBack_default = Memo44;
+var Memo45 = memo45(SvgStepBack);
+var StepBack_default = Memo45;
 
 // src/components/icons/Testnet.tsx
-import { memo as memo45 } from "react";
-import { jsx as jsx45, jsxs as jsxs5 } from "react/jsx-runtime";
+import { memo as memo46 } from "react";
+import { jsx as jsx46, jsxs as jsxs5 } from "react/jsx-runtime";
 var SvgTestnet = (props) => /* @__PURE__ */ jsxs5(
   "svg",
   __spreadProps(__spreadValues({
@@ -1283,14 +1307,14 @@ var SvgTestnet = (props) => /* @__PURE__ */ jsxs5(
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
     children: [
-      /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx46(
         "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__ */ jsx45(
+      /* @__PURE__ */ jsx46(
         "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",
@@ -1300,13 +1324,13 @@ var SvgTestnet = (props) => /* @__PURE__ */ jsxs5(
     ]
   })
 );
-var Memo45 = memo45(SvgTestnet);
-var Testnet_default = Memo45;
+var Memo46 = memo46(SvgTestnet);
+var Testnet_default = Memo46;
 
 // src/components/icons/Transfer.tsx
-import { memo as memo46 } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
-var SvgTransfer = (props) => /* @__PURE__ */ jsx46(
+import { memo as memo47 } from "react";
+import { jsx as jsx47 } from "react/jsx-runtime";
+var SvgTransfer = (props) => /* @__PURE__ */ jsx47(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1315,7 +1339,7 @@ var SvgTransfer = (props) => /* @__PURE__ */ jsx46(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx46(
+    children: /* @__PURE__ */ jsx47(
       "path",
       {
         d: "M3 6.538 5.96 4v8.459M12.23 9.923l-2.96 2.538V4.002",
@@ -1327,13 +1351,13 @@ var SvgTransfer = (props) => /* @__PURE__ */ jsx46(
     )
   })
 );
-var Memo46 = memo46(SvgTransfer);
-var Transfer_default = Memo46;
+var Memo47 = memo47(SvgTransfer);
+var Transfer_default = Memo47;
 
 // src/components/icons/Trash.tsx
-import { memo as memo47 } from "react";
-import { jsx as jsx47 } from "react/jsx-runtime";
-var SvgTrash = (props) => /* @__PURE__ */ jsx47(
+import { memo as memo48 } from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var SvgTrash = (props) => /* @__PURE__ */ jsx48(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1342,7 +1366,7 @@ var SvgTrash = (props) => /* @__PURE__ */ jsx47(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx47(
+    children: /* @__PURE__ */ jsx48(
       "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",
@@ -1354,13 +1378,13 @@ var SvgTrash = (props) => /* @__PURE__ */ jsx47(
     )
   })
 );
-var Memo47 = memo47(SvgTrash);
-var Trash_default = Memo47;
+var Memo48 = memo48(SvgTrash);
+var Trash_default = Memo48;
 
 // src/components/icons/Wallet.tsx
-import { memo as memo48 } from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
-var SvgWallet = (props) => /* @__PURE__ */ jsx48(
+import { memo as memo49 } from "react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var SvgWallet = (props) => /* @__PURE__ */ jsx49(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1369,7 +1393,7 @@ var SvgWallet = (props) => /* @__PURE__ */ jsx48(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx48(
+    children: /* @__PURE__ */ jsx49(
       "path",
       {
         fillRule: "evenodd",
@@ -1380,13 +1404,13 @@ var SvgWallet = (props) => /* @__PURE__ */ jsx48(
     )
   })
 );
-var Memo48 = memo48(SvgWallet);
-var Wallet_default = Memo48;
+var Memo49 = memo49(SvgWallet);
+var Wallet_default = Memo49;
 
 // src/components/icons/XCircle.tsx
-import { memo as memo49 } from "react";
-import { jsx as jsx49 } from "react/jsx-runtime";
-var SvgXCircle = (props) => /* @__PURE__ */ jsx49(
+import { memo as memo50 } from "react";
+import { jsx as jsx50 } from "react/jsx-runtime";
+var SvgXCircle = (props) => /* @__PURE__ */ jsx50(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1395,7 +1419,7 @@ var SvgXCircle = (props) => /* @__PURE__ */ jsx49(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx49(
+    children: /* @__PURE__ */ jsx50(
       "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",
@@ -1404,13 +1428,13 @@ var SvgXCircle = (props) => /* @__PURE__ */ jsx49(
     )
   })
 );
-var Memo49 = memo49(SvgXCircle);
-var XCircle_default = Memo49;
+var Memo50 = memo50(SvgXCircle);
+var XCircle_default = Memo50;
 
 // src/components/icons/XIcon.tsx
-import { memo as memo50 } from "react";
-import { jsx as jsx50 } from "react/jsx-runtime";
-var SvgXIcon = (props) => /* @__PURE__ */ jsx50(
+import { memo as memo51 } from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var SvgXIcon = (props) => /* @__PURE__ */ jsx51(
   "svg",
   __spreadProps(__spreadValues({
     width: "1em",
@@ -1419,7 +1443,7 @@ var SvgXIcon = (props) => /* @__PURE__ */ jsx50(
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), {
-    children: /* @__PURE__ */ jsx50(
+    children: /* @__PURE__ */ jsx51(
       "path",
       {
         d: "m3.334 3.334 9.333 9.333m0-9.333-9.333 9.333",
@@ -1430,8 +1454,8 @@ var SvgXIcon = (props) => /* @__PURE__ */ jsx50(
     )
   })
 );
-var Memo50 = memo50(SvgXIcon);
-var XIcon_default = Memo50;
+var Memo51 = memo51(SvgXIcon);
+var XIcon_default = Memo51;
 
 export {
   __spreadValues,
@@ -1480,6 +1504,7 @@ export {
   Settings_default,
   Shuffle_default,
   SquareArrowTopRight_default,
+  Star_default,
   StepBack_default,
   Testnet_default,
   Transfer_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$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>;
 
 declare const Memo$M: React.MemoExoticComponent<(props: SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element>;
@@ -102,4 +104,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$N as Alert, Memo$M as ArrowBottomTop, Memo$J as ArrowRight, Memo$L as ArrowRightDownCircle, Memo$K as ArrowRightUpCircle, Memo$I as ArrowSplit, Memo$H as ArrowTopBottom, Memo$G as ArrowTriangleBottom, Memo$F as ArrowTriangleTop, Memo$E as ArrowUpRight, Memo$D as ArtifactNews, Memo$C as BrowserWindow, Memo$B as Check, Memo$A as ChevronBottomDown, Memo$z as ChevronBottomUp, Memo$y as ChevronDoubleRight, Memo$x as ChevronDownSmall, Memo$v as ChevronGrabberVertical, Memo$w as ChevronGrabberVertical1, Memo$r as Circle, Memo$u as CircleInfo, Memo$s as CirclePlaceholder, Memo$t as CirclePlaceholderDashed, Memo$q as Clock, Memo$p as Coins, Memo$o as Copy, Memo$n as Filter, Memo$m as Gas, Memo$l as History, Memo$k as Loader, Memo$j as Mainnet, Memo$i as Menu, Memo$h as Pen, Memo$g as Percent, Memo$f as Plus, Memo$e as Power, Memo$d as RotateCcw, Memo$c as Search, Memo$b as Server, Memo$9 as Settings, Memo$a as SettingsGear, Memo$8 as Shuffle, Memo$7 as SquareArrowTopRight, 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$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 };

package/dist/icons/index.mjs

@@ -42,6 +42,7 @@ import {
   Settings_default,
   Shuffle_default,
   SquareArrowTopRight_default,
+  Star_default,
   StepBack_default,
   Testnet_default,
   Transfer_default,
@@ -49,7 +50,7 @@ import {
   Wallet_default,
   XCircle_default,
   XIcon_default
-} from "../chunk-WFHDED45.mjs";
+} from "../chunk-DAIODMJG.mjs";
 export {
   Alert_default as Alert,
   ArrowBottomTop_default as ArrowBottomTop,
@@ -94,6 +95,7 @@ export {
   SettingsGear_default as SettingsGear,
   Shuffle_default as Shuffle,
   SquareArrowTopRight_default as SquareArrowTopRight,
+  Star_default as Star,
   StepBack_default as StepBack,
   Testnet_default as Testnet,
   Transfer_default as Transfer,

package/dist/index.d.mts

@@ -556,6 +556,10 @@ declare const SummaryValues: {
             tooltip: SummaryEntryItem["tooltip"];
             children: React__default.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
+        Points: ({ children, tooltip: overwriteTooltip, }: {
+            tooltip: SummaryEntryItem["tooltip"];
+            children: React__default.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
     };
     Values: {
         Highlight: ({ children }: {

package/dist/index.mjs

@@ -22,6 +22,7 @@ import {
   RotateCcw_default,
   Search_default,
   Server_default,
+  Star_default,
   StepBack_default,
   Wallet_default,
   XCircle_default,
@@ -29,7 +30,7 @@ import {
   __objRest,
   __spreadProps,
   __spreadValues
-} from "./chunk-WFHDED45.mjs";
+} from "./chunk-DAIODMJG.mjs";
 
 // src/components/atoms/search-input.tsx
 import { cva } from "class-variance-authority";
@@ -3260,6 +3261,10 @@ var ETA = makeEntry({
   icon: ({ size }) => /* @__PURE__ */ jsx34(Clock_default, { width: size }),
   name: "Estimated time"
 });
+var Points = makeEntry({
+  icon: ({ size }) => /* @__PURE__ */ jsx34(Star_default, { width: size }),
+  name: "Points"
+});
 var SummaryValues = {
   Key: {
     Bridge,
@@ -3269,7 +3274,8 @@ var SummaryValues = {
     Route,
     ETA,
     RecipientAddress,
-    Fee
+    Fee,
+    Points
   },
   Values: {
     Highlight: ({ children }) => {
@@ -4190,24 +4196,37 @@ var WalletHeaderContentBlur = React14.forwardRef((_a, ref) => {
   var _b = _a, { className, children, asChild = false } = _b, props = __objRest(_b, ["className", "children", "asChild"]);
   const { show: open, setShow } = useWalletHeader();
   const Comp = asChild ? Slot10 : "div";
-  return /* @__PURE__ */ jsx41(
+  const handleClose = (e) => {
+    e == null ? void 0 : e.stopPropagation();
+    setShow(false);
+  };
+  const handleKeyDown = (e) => {
+    if (["Enter", " "].includes(e.key)) handleClose(e);
+  };
+  return /* @__PURE__ */ jsxs29(
     Comp,
     __spreadProps(__spreadValues({
       ref,
       className: cn(
-        "transition-all pt-[1rem]",
-        {
-          "opacity-15 filter blur-[2px]": open
-        },
+        "relative pt-[1rem] transition-all",
+        open && "opacity-15 blur-[2px]",
         className
-      ),
-      onClick: (e) => {
-        var _a2;
-        if (open) setShow(false);
-        (_a2 = props.onClick) == null ? void 0 : _a2.call(props, e);
-      }
+      )
     }, props), {
-      children
+      children: [
+        open && /* @__PURE__ */ jsx41(
+          "div",
+          {
+            className: "absolute inset-0 z-10",
+            onClick: handleClose,
+            onKeyDown: handleKeyDown,
+            tabIndex: 0,
+            role: "button",
+            "aria-label": "Close wallet header"
+          }
+        ),
+        children
+      ]
     })
   );
 });

package/package.json

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