@hyperbridge/ui 0.0.2 → 0.0.4

package/dist/index.d.mts

@@ -304,10 +304,10 @@ declare function AddressInputFocusBehaviour(props: {
 }): react_jsx_runtime.JSX.Element;
 
 declare function AssetListItem(props: {
-    amount: React.ReactNode;
     caption: string;
-    address: string;
-    amountInUSD: string;
+    amount: React.ReactNode;
+    address: React.ReactNode;
+    amountInUSD: React.ReactNode;
     tokenImage: React.ComponentProps<typeof BadgeIcon>;
 }): react_jsx_runtime.JSX.Element;
 declare function AssetList(props: React.ComponentPropsWithoutRef<"ul">): react_jsx_runtime.JSX.Element;
@@ -380,6 +380,10 @@ declare function ReviewItem(props: {
         address: string;
     }) => React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
+declare const ReviewItemAddress: React__default.ForwardRefExoticComponent<Omit<{
+    address: string;
+    tag: string;
+} & React__default.ClassAttributes<HTMLSpanElement> & React__default.HTMLAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
 declare const ReviewItemCopyAddressButton: React__default.ForwardRefExoticComponent<Omit<{
     address: string;
     tag: string;
@@ -842,4 +846,4 @@ declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrim
 declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
 declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
 
-export { AccessoryButton, type AccessoryButtonProps, AccountItem, AccountStack, type AccountStackProps, AddressInput, AddressInputFocusBehaviour, AssetList, AssetListItem, AssetValueTrend, BadgeIcon, Balance, BridgeForm, type BridgeFormProps, BridgeInput, BridgeSettings, type BridgeSettingsProps, BridgeSummary, BridgeTokenButton, Button, type ButtonProps, CWDrawerContent, ConnectedHeader, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMorphContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerContent, EmptyState, EmptyStateConceal, EmptyStateContent, EmptyStateDescription, EmptyStateTitle, type EstimatedTimeFormatted, GradientButton, Header, 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, ReviewItemCopyAddressButton, ScrollAwareSeparator, SearchInput, type SearchInputProps, Settings, type SettingsProps, Sheet, SheetContent, SheetTrigger, SummaryValues, SwapForm, type SwapFormProps, SwapTokenButton, 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, makeEntry };
+export { AccessoryButton, type AccessoryButtonProps, AccountItem, AccountStack, type AccountStackProps, AddressInput, AddressInputFocusBehaviour, AssetList, AssetListItem, AssetValueTrend, BadgeIcon, Balance, BridgeForm, type BridgeFormProps, BridgeInput, BridgeSettings, type BridgeSettingsProps, BridgeSummary, BridgeTokenButton, Button, type ButtonProps, CWDrawerContent, ConnectedHeader, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogMorphContent, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerContent, EmptyState, EmptyStateConceal, EmptyStateContent, EmptyStateDescription, EmptyStateTitle, type EstimatedTimeFormatted, GradientButton, Header, 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, SummaryValues, SwapForm, type SwapFormProps, SwapTokenButton, 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, makeEntry };

package/dist/index.mjs

@@ -266,7 +266,7 @@ var sharedButtonStyles = {
   level_1: "bg-brand-black-350 text-white focus-visible:ring-brand-black-200 disabled:text-brand-black-100 hover:bg-brand-black-300 disabled:opacity-100",
   level_2: "bg-brand-black-300 text-white focus-visible:ring-brand-black-200 disabled:text-brand-black-100 hover:bg-brand-black-200 disabled:opacity-100",
   primary: "bg-white text-brand-black-600 hover:bg-brand-white-400 focus-visible:ring-brand-neutral-200 disabled:opacity-100 disabled:bg-brand-black-500 disabled:text-brand-black-100",
-  destructive: "bg-brand-danger-200 text-brand-danger-500 pointer-events-none focus-visible:ring-brand-danger-200 disabled:opacity-100",
+  destructive: "bg-brand-danger-200 text-brand-danger-500 focus-visible:ring-brand-danger-200 disabled:opacity-100",
   unstyled: ""
 };
 
@@ -2630,7 +2630,7 @@ function AssetListItem(props) {
     /* @__PURE__ */ jsxs18("div", { className: "flex flex-grow flex-col text-start gap-[0.125rem]", children: [
       /* @__PURE__ */ jsx27("span", { className: "text-brand-white-500 text-[0.875rem] h-[1.25rem]", children: caption }),
       /* @__PURE__ */ jsxs18("span", { className: "text-xs h-[1rem] flex items-center gap-[0.125rem]", children: [
-        props.amount,
+        props.amountInUSD,
         " ",
         /* @__PURE__ */ jsxs18(if_default, { cond: Boolean(props.address), children: [
           "\u2022 ",
@@ -2638,7 +2638,7 @@ function AssetListItem(props) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx27("div", { className: "flex-col shrink-0 text-end", children: /* @__PURE__ */ jsx27("span", { className: "text-brand-white-500 text-[1rem] h-[1.25rem]", children: props.amountInUSD }) })
+    /* @__PURE__ */ jsx27("div", { className: "flex-col shrink-0 text-end", children: /* @__PURE__ */ jsx27("span", { className: "text-brand-white-500 text-[1rem] h-[1.25rem]", children: props.amount }) })
   ] });
 }
 function AssetList(props) {
@@ -2935,6 +2935,21 @@ function ReviewItem(props) {
     ] })
   ] });
 }
+var ReviewItemAddress = React10.forwardRef((props, ref) => {
+  const _a = props, { address, tag } = _a, PROPS = __objRest(_a, ["address", "tag"]);
+  return /* @__PURE__ */ jsx30(
+    "span",
+    __spreadProps(__spreadValues({
+      ref
+    }, PROPS), {
+      className: cn(
+        "rounded-full px-[6px] py-[3px] text-[calc(14rem/16)] inline-flex items-center gap-[calc(4rem/16)] bg-brand-black-300",
+        props.className
+      ),
+      children: /* @__PURE__ */ jsx30("span", { className: "text-[calc(12rem/16)] not-sr-only leading-[1rem] text-brand-white-500", children: address })
+    })
+  );
+});
 var ReviewItemCopyAddressButton = React10.forwardRef((props, ref) => {
   const _a = props, { address, tag } = _a, PROPS = __objRest(_a, ["address", "tag"]);
   return /* @__PURE__ */ jsxs21(
@@ -4757,6 +4772,7 @@ export {
   NetworkSwitcher,
   NetworkSwitcherButton,
   ReviewItem,
+  ReviewItemAddress,
   ReviewItemCopyAddressButton,
   ScrollAwareSeparator,
   SearchInput,

package/package.json

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

package/styles/base.css

@@ -2,6 +2,7 @@
 @import "tailwindcss";
 
 @source "../src/";
+@source "../dist/";
 
 @theme {
   /* Fonts */