@hyperbridge/ui 0.0.22 → 0.0.24

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

@@ -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"> {
@@ -556,6 +557,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 }: {
@@ -935,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;
@@ -954,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

@@ -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";
@@ -3062,7 +3063,7 @@ function DialogMorphContent(_a) {
       event.preventDefault();
     }
   };
-  const Content8 = /* @__PURE__ */ jsxs22(
+  const Content9 = /* @__PURE__ */ jsxs22(
     DialogPrimitive2.Content,
     __spreadProps(__spreadValues({
       onInteractOutside: handleInteractOutside,
@@ -3094,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 })
   ] });
 }
 
@@ -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 }) => {
@@ -5196,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",
   {
@@ -5232,7 +5277,7 @@ function Badge(_a) {
     "asChild"
   ]);
   const Comp = asChild ? Slot11 : "span";
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     Comp,
     __spreadValues({
       "data-slot": "badge",
@@ -5319,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.22",
+  "version": "0.0.24",
   "sideEffects": false,
   "license": "MIT",
   "private": false,