@hyperbridge/ui 0.0.4 → 0.0.6

package/dist/index.d.mts

@@ -10,6 +10,7 @@ import * as motion_dist_react from 'motion/dist/react';
 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 { Drawer as Drawer$1 } from 'vaul';
 
 interface SearchInputProps extends Omit<React.ComponentProps<"input">, "size"> {
@@ -23,7 +24,7 @@ declare function LabelledSeperator(props: {
 }): react_jsx_runtime.JSX.Element;
 
 declare const variant_: {
-    disiplay: string;
+    display: string;
     h1: string;
     h2: string;
     h3: string;
@@ -31,6 +32,7 @@ declare const variant_: {
     h5: string;
     h6: string;
     h7: string;
+    title: string;
     body1: string;
     body2: string;
     p: string;
@@ -135,30 +137,36 @@ interface TokenInfo {
     };
 }
 interface SwapFormProps<T extends number = 25 | 50 | 100> {
-    senderAddress?: string;
-    senderBalance?: string;
-    senderAmount?: string;
-    senderUsdValue?: string | number;
-    senderToken?: TokenInfo;
-    onSenderAmountChange?: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void;
-    onSenderTokenSelect?: () => void;
-    receiverAddress?: string;
-    receiverAmount?: string | number;
-    receiverUsdValue?: string | number;
-    receiverToken?: TokenInfo;
-    onReceiverTokenSelect?: () => void;
-    onReceiverAddressEdit?: () => void;
-    percentagePresets?: T[];
-    activePercentage?: T | null;
-    onPercentageClick?: (percentage: T) => void;
-    onPercentageReset?: () => void;
+    sender: {
+        address: string;
+        balance: React.JSX.Element;
+        amount: string;
+        usdValue: string | number;
+        token: TokenInfo;
+        onAmountChange: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void;
+        onTokenSelect: () => void;
+    };
+    receiver: {
+        address: string;
+        amount: string;
+        usdValue: string | number;
+        token: TokenInfo;
+        onAmountChange?: (value: string, event?: React.ChangeEvent<HTMLInputElement>) => void;
+        onTokenSelect: () => void;
+        onAddressEdit: () => void;
+    };
+    percentage?: {
+        options: number[];
+        value: number | null;
+    };
+    onPercentageChange?: (percentage: number | null) => void;
     onInvert?: () => void;
     estimatedTime?: string;
     isLoading?: boolean;
     className?: string;
     error?: boolean;
 }
-declare function SwapForm<T extends number = 25 | 50 | 100>({ senderAddress, senderBalance, senderAmount, senderUsdValue, senderToken, onSenderAmountChange, onSenderTokenSelect, receiverAddress, receiverAmount, receiverUsdValue, receiverToken, onReceiverTokenSelect, onReceiverAddressEdit, percentagePresets, activePercentage, onPercentageClick, onPercentageReset, onInvert, estimatedTime, isLoading, className, error, }: SwapFormProps<T>): react_jsx_runtime.JSX.Element;
+declare function SwapForm<T extends number = 25 | 50 | 100>({ sender, receiver, percentage, onPercentageChange, onInvert, estimatedTime, isLoading, className, error, }: SwapFormProps<T>): react_jsx_runtime.JSX.Element;
 
 interface Network {
     name: string;
@@ -340,6 +348,7 @@ declare function WalletProviderItem(props: {
     onRetry?: () => void;
     onCancel?: () => void;
     onConnect?: () => void;
+    onDisconnect?: () => void;
 }): react_jsx_runtime.JSX.Element;
 declare function NetworkGroupItem(props: {
     image: {
@@ -402,7 +411,7 @@ declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"d
 declare function DialogTitle({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
 declare function DialogDescription({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
 
-declare function DialogMorphContent({ className, children, showCloseButton, ...props }: DialogPrimitive.DialogContentProps & {
+declare function DialogMorphContent({ className, children, showCloseButton, onInteractOutside, ...props }: DialogPrimitive.DialogContentProps & {
     showCloseButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
@@ -417,32 +426,6 @@ declare function EmptyState(props: {
     children?: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-type Item = {
-    network: {
-        name: string;
-        image: string;
-    };
-    wallet: {
-        image: string;
-        name: string;
-    };
-    address: string;
-    isActive?: boolean;
-};
-declare function ConnectedHeader(props: {
-    accounts: Item[];
-    onCopy?: (account: string) => void;
-    onDisconnect?: (account: Item, index: number) => void;
-    onConnect?: (networkType: "evm" | "polkadot") => void;
-    polkadotImage?: {
-        name: string;
-        src: string;
-    };
-    evmImage?: {
-        name: string;
-        src: string;
-    };
-}): react_jsx_runtime.JSX.Element;
 declare function WalletManagerUIProvider(props: {
     expand?: boolean;
     children: React__default.ReactNode;
@@ -493,7 +476,7 @@ interface ModalProps {
     title?: string;
     animationPreset?: AnimationPreset;
 }
-declare const Modal: ({ isOpen, children, onClose, className, animationPreset, }: ModalProps) => react_jsx_runtime.JSX.Element;
+declare const Modal: (props: ModalProps) => react_jsx_runtime.JSX.Element;
 
 /**
  * Renders a Separator that shows a border when the referenced Scrollable Element is scrolled.
@@ -524,7 +507,7 @@ declare function ScrollAwareSeparator(props: React__default.ComponentProps<"div"
     scrollRef: React__default.RefObject<HTMLElement | null>;
 }): react_jsx_runtime.JSX.Element;
 
-declare function BridgeSummary(props: {
+declare function Summary(props: {
     children: React.ReactNode;
 }): react_jsx_runtime.JSX.Element;
 type SummaryEntryItem = {
@@ -545,6 +528,9 @@ declare const SummaryValues: {
         GasEntry: ({ children }: {
             children: React.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
+        Rate: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
         SpillageTolerance: ({ children }: {
             children: React.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
@@ -554,6 +540,12 @@ declare const SummaryValues: {
         ETA: ({ children }: {
             children: React.ReactNode;
         }) => react_jsx_runtime.JSX.Element;
+        RecipientAddress: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        Fee: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
     };
     Values: {
         Highlight: ({ children }: {
@@ -588,7 +580,7 @@ type TimelineData = {
     processingStatus: "upcoming" | "error";
 } | {
     processingStatus: "completed";
-    data: {
+    data?: {
         transactionUrl: string;
         completedIn: EstimatedTimeFormatted;
     };
@@ -596,6 +588,7 @@ type TimelineData = {
 type TimelineItemProps = Prettify<TimelineData & Level & {
     caption: string;
     secondary?: string;
+    durationMode?: "none" | "visible";
 }>;
 declare function TimelineItem(props: TimelineItemProps): react_jsx_runtime.JSX.Element;
 declare function TimelineListGroup(props: {
@@ -806,9 +799,10 @@ declare function HeaderNested(props: {
     onBack: () => void;
     hideBackButton?: boolean;
 }): react_jsx_runtime.JSX.Element;
-declare function ListSection({ children, caption, }: {
+declare function ListSection({ children, caption, contentClassName, }: {
     caption: React.ReactNode;
-    children: React.ReactNode;
+    children?: React.ReactNode;
+    contentClassName?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function CWDrawerContent({ children, ...props }: {
     children: React.ReactNode;
@@ -841,9 +835,98 @@ declare function TokenSelectionItem(props: {
     AddWalletButton: React__default.ReactNode;
 } & React__default.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
 
+interface SwapTokenSelectorProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapTokenSelector: ({ isOpen, onClose, children, className, }: SwapTokenSelectorProps) => react_jsx_runtime.JSX.Element;
+interface SwapTokenSelectorHeaderProps {
+    title?: string;
+    onClose?: () => void;
+    children?: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapTokenSelectorHeader: ({ title, onClose, children, className, }: SwapTokenSelectorHeaderProps) => react_jsx_runtime.JSX.Element;
+interface SwapTokenSelectorSearchProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapTokenSelectorSearch: ({ children, className, }: SwapTokenSelectorSearchProps) => react_jsx_runtime.JSX.Element;
+interface SwapTokenSelectorContentProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapTokenSelectorContent: ({ children, className, }: SwapTokenSelectorContentProps) => react_jsx_runtime.JSX.Element;
+interface SwapTokenSelectorSectionProps {
+    title?: string;
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapTokenSelectorSection: ({ title, children, className, }: SwapTokenSelectorSectionProps) => react_jsx_runtime.JSX.Element;
+interface SwapTokenSelectorEmptyProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare const SwapTokenSelectorEmpty: ({ children, className, }: SwapTokenSelectorEmptyProps) => react_jsx_runtime.JSX.Element;
+interface SwapTokenItemProps {
+    token: Omit<Token, "address" | "network_group" | "amount" | "usdValue">;
+    network: Omit<Network, "group">;
+    address: React__default.ReactNode;
+    isActive?: boolean;
+    onClick?: () => void;
+    className?: string;
+    amount: string;
+    usdValue: string;
+}
+declare const SwapTokenItem: ({ token, network, address, isActive, onClick, className, amount, usdValue, }: SwapTokenItemProps) => react_jsx_runtime.JSX.Element;
+
 declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
 declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
 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, 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 };
+declare function DropdownMenu({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.Sub>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React$1.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): react_jsx_runtime.JSX.Element;
+
+declare const badgeVariants: (props?: ({
+    size?: "sm" | null | undefined;
+    variant?: "default" | "outline" | "secondary" | "destructive" | "success" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function HBDrawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare function HBDrawerTrigger({ ...props }: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function HBDrawerPortal({ ...props }: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime.JSX.Element;
+declare function HBDrawerClose({ ...props }: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime.JSX.Element;
+declare function HBDrawerOverlay({ className, ...props }: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime.JSX.Element;
+declare function HBDrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+declare function HBDrawerHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function HBDrawerFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+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, 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 };