@hyperbridge/ui 0.0.2

package/dist/index.d.mts

@@ -0,0 +1,845 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Image } from '@unpic/react';
+import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
+import * as React$1 from 'react';
+import React__default from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { DialogContentProps } from '@radix-ui/react-dialog';
+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 { Drawer as Drawer$1 } from 'vaul';
+
+interface SearchInputProps extends Omit<React.ComponentProps<"input">, "size"> {
+    height?: string;
+    size?: "sm" | "md";
+}
+declare function SearchInput({ className, size, ...props }: SearchInputProps): react_jsx_runtime.JSX.Element;
+
+declare function LabelledSeperator(props: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const variant_: {
+    disiplay: string;
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    h7: string;
+    body1: string;
+    body2: string;
+    p: string;
+    caption: string;
+    caption2: string;
+};
+declare function Text({ variant, ...props }: React.ComponentProps<"h1"> & {
+    asChild?: boolean;
+    variant: keyof typeof variant_;
+}): react_jsx_runtime.JSX.Element;
+declare function ListHeading({ text, count }: {
+    text: string;
+    count: number;
+}): react_jsx_runtime.JSX.Element;
+
+type Props$2 = Pick<React.ComponentProps<typeof Image>, "src" | "alt" | "className"> & {
+    badgeSrc: string;
+    badgeAlt: string;
+    outline?: boolean;
+    size?: `${number}rem`;
+};
+declare function BadgeIcon(props: Props$2): react_jsx_runtime.JSX.Element;
+declare function TokenTransferPair(props: {
+    fromToken: Omit<Props$2, "size">;
+    toToken: Omit<Props$2, "size">;
+    size: Props$2["size"];
+}): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "unset" | "default" | "outline" | "primary" | "secondary" | "level_1" | "level_2" | "message" | "destructive" | "ghost" | null | undefined;
+    size?: "unset" | "sm" | "default" | "xs" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface ButtonProps$1 extends React$1.ComponentProps<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    animatedGradient?: boolean;
+}
+declare function Button$1({ className, variant, size, asChild, animatedGradient, ...props }: ButtonProps$1): react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends React.ComponentProps<typeof Button$1> {
+}
+declare function Button({ children, ...other }: ButtonProps): React.ReactNode;
+type ButtonAccessoryProps = {
+    size?: keyof typeof GAP_MAP;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    children: React.ReactNode;
+};
+declare const GAP_MAP: {
+    xs: string;
+    sm: string;
+    default: string;
+    lg: string;
+    xl: string;
+};
+type AccessoryButtonProps = ButtonAccessoryProps & Omit<ButtonProps, "size">;
+declare function AccessoryButton({ children, leftIcon, rightIcon, ...other }: AccessoryButtonProps): React.ReactNode;
+type IconButtonProps$1 = React.ComponentProps<"button"> & {
+    variant: "default" | "secondary" | "message" | "level_1" | "level_2" | "primary" | "destructive" | "unset";
+    rounded?: "default" | "full";
+    size?: "default" | "xs" | "sm" | "lg" | "xl" | "smx" | "unset";
+    asChild?: boolean;
+};
+declare function IconButton(props: IconButtonProps$1): react_jsx_runtime.JSX.Element;
+
+type IconButtonProps = Omit<React.ComponentProps<"button">, "children"> & {
+    src: string;
+    symbol: string;
+    variant: "badge" | "trigger";
+};
+declare function TagButton(props: IconButtonProps): react_jsx_runtime.JSX.Element;
+declare function SwapTokenButton(props: React.ComponentProps<"button"> & {
+    token: {
+        image: string;
+        symbol: string;
+    };
+    network: {
+        image: string;
+        name: string;
+    };
+}): react_jsx_runtime.JSX.Element;
+declare function BridgeTokenButton(props: React.ComponentProps<"button"> & {
+    token: {
+        image: string;
+        symbol: string;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+declare const GradientButton: React__default.ForwardRefExoticComponent<Omit<React__default.ClassAttributes<HTMLButtonElement> & React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "link" | "unset" | "default" | "outline" | "primary" | "secondary" | "level_1" | "level_2" | "message" | "destructive" | "ghost" | null | undefined;
+    size?: "unset" | "sm" | "default" | "xs" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+    animate?: boolean;
+}, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+interface TokenInfo {
+    symbol: string;
+    image: string;
+    network: {
+        name: string;
+        image: string;
+    };
+}
+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;
+    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;
+
+interface Network {
+    name: string;
+    image: string;
+    group: string;
+}
+interface NetworkSwitcherProps {
+    from: Omit<Network, "group">;
+    to: Omit<Network, "group">;
+    onNetworkInvert?: () => void;
+    onSourceClick?: () => void;
+    onDestinationClick?: () => void;
+}
+declare const NetworkSwitcher: ({ from, to, onNetworkInvert, onSourceClick, onDestinationClick, }: NetworkSwitcherProps) => react_jsx_runtime.JSX.Element;
+declare function NetworkSwitcherButton(props: React.ComponentProps<"button"> & {
+    label: string;
+    image: {
+        src: string;
+        alt: string;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+interface MessageConfig {
+    bridgeFee: string;
+    gasFee: string;
+    slippageTolerance: string;
+    routes: number;
+    estimatedTime: string;
+}
+interface BridgeFormProps {
+    networks: {
+        from: {
+            image: string;
+            name: string;
+        };
+        to: {
+            image: string;
+            name: string;
+        };
+    };
+    onNetworkInvert?: () => void;
+    senderBalance?: string;
+    senderAddress?: string;
+    senderAmount?: string;
+    senderUsdValue?: string | number;
+    senderToken?: {
+        image: string;
+        symbol: string;
+    };
+    onSenderAmountChange?: (value: string) => void;
+    onSenderTokenSelect?: () => void;
+    receiverAddress?: string;
+    onReceiverAddressEdit?: () => void;
+    receiverAmount?: string | number;
+    receiverUsdValue?: string | number;
+    receiverToken?: {
+        image: string;
+        symbol: string;
+    };
+    onReceiverTokenSelect?: () => void;
+    percentagePresets?: number[];
+    activePercentage?: number | null;
+    onPercentageClick?: (percentage: number) => void;
+    onPercentageReset?: () => void;
+    estimatedTime?: string;
+    isLoading?: boolean;
+    className?: string;
+    error?: boolean;
+    errorMessage?: string;
+    onConnectWallet?: () => void;
+    onSubmit?: () => void;
+    onAdjustRelayerFee: () => void;
+    bridgeDetails?: MessageConfig;
+    availableNetworks?: Network[];
+    unavailableNetworks?: Network[];
+    onSourceNetworkSelect?: (network: Network) => void;
+    onDestinationNetworkSelect?: (network: Network) => void;
+}
+declare function BridgeForm({ networks, onNetworkInvert, senderAmount, onSenderTokenSelect, receiverAddress, onReceiverAddressEdit, senderBalance, senderUsdValue, senderToken, onSenderAmountChange, receiverAmount, receiverUsdValue, receiverToken, percentagePresets, activePercentage, onPercentageClick, onPercentageReset, estimatedTime, className, isLoading, senderAddress, error, errorMessage, onConnectWallet, onSubmit, onAdjustRelayerFee, bridgeDetails, availableNetworks, unavailableNetworks, onSourceNetworkSelect, onDestinationNetworkSelect, }: BridgeFormProps): react_jsx_runtime.JSX.Element;
+
+type PercentageProps = {
+    percentage: {
+        options: number[];
+        value: number | null;
+    };
+    onPercentageChange: (percentage: number | null) => void;
+};
+type Props$1 = PercentageProps & {
+    sender: {
+        balance: React__default.JSX.Element;
+        address: string;
+        amount: string;
+        usdValue: string | number;
+        token: {
+            image: string;
+            symbol: string;
+        };
+    };
+    receiver: {
+        address: string;
+        amount: string | number;
+        usdValue: string | number;
+        network: Omit<Network, "group">;
+        estimatedTime?: string;
+    };
+    onValueChange?: (value: string, event: React__default.ChangeEvent<HTMLInputElement>) => void;
+    presentation: "loading" | "default";
+    className?: string;
+    mode: "ready" | "idle";
+    hasError?: boolean;
+    EditDestAddressTrigger?: typeof Button;
+    TokenChangeButton: React__default.ReactNode;
+};
+declare function BridgeInput(props: Props$1): react_jsx_runtime.JSX.Element;
+
+declare function TokenImage(props: {
+    className?: string;
+    src: string;
+    alt: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Input$1({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+
+interface InputProps extends React$1.ComponentProps<typeof Input$1> {
+    label?: string;
+    error?: string;
+    helperText?: string;
+}
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const AddressInput: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLInputElement> & React$1.InputHTMLAttributes<HTMLInputElement> & {
+    network: {
+        imageUrl: string;
+        name: string;
+    };
+    validity: {
+        status: "ok" | "error";
+        message: string;
+    };
+}, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare function AddressInputFocusBehaviour(props: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AssetListItem(props: {
+    amount: React.ReactNode;
+    caption: string;
+    address: string;
+    amountInUSD: string;
+    tokenImage: React.ComponentProps<typeof BadgeIcon>;
+}): react_jsx_runtime.JSX.Element;
+declare function AssetList(props: React.ComponentPropsWithoutRef<"ul">): react_jsx_runtime.JSX.Element;
+
+declare function WalletAccountItem(props: {
+    network: {
+        name: string;
+        image: string;
+    };
+    wallet: {
+        image: string;
+        name: string;
+    };
+    address?: string;
+    onCopy?: () => void;
+    onDisconnect?: () => void;
+    isActive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function WalletProviderItem(props: {
+    image: {
+        src: string;
+        name: string;
+    };
+    status: "connecting" | "failed" | "idle" | "connected";
+    transition?: {
+        progress_duration: number;
+    };
+    installed?: false;
+    unsupported?: string;
+    onRetry?: () => void;
+    onCancel?: () => void;
+    onConnect?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function NetworkGroupItem(props: {
+    image: {
+        src: string;
+        name: string;
+    };
+    description: string;
+    onConnect?: () => void;
+}): react_jsx_runtime.JSX.Element;
+declare function AccountItem(props: {
+    network: {
+        name: string;
+        image: string;
+    };
+    wallet: {
+        image: string;
+        name: string;
+    };
+    address?: string;
+    onCopy?: () => void;
+    onDisconnect?: () => void;
+    onConnect?: () => void;
+    isActive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ReviewItem(props: {
+    tag: "from" | "to";
+    address: string;
+    networkName: string;
+    badge: React__default.ComponentProps<typeof BadgeIcon>;
+    asset: {
+        amount: string;
+        symbol: string;
+        secondaryValue: string;
+    };
+    AddressInfo: (props: {
+        tag: string;
+        address: string;
+    }) => React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const ReviewItemCopyAddressButton: React__default.ForwardRefExoticComponent<Omit<{
+    address: string;
+    tag: string;
+} & React__default.ClassAttributes<HTMLButtonElement> & React__default.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare function Dialog({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+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 & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const EmptyStateContent: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const EmptyStateTitle: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React__default.RefAttributes<HTMLHeadingElement>>;
+declare const EmptyStateDescription: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
+declare function EmptyStateConceal(props: {
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element | null;
+declare function EmptyState(props: {
+    isEmpty: boolean;
+    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;
+}): react_jsx_runtime.JSX.Element;
+declare function WalletManagerUIContent({ children, }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare const animationPresets: {
+    readonly modal: {
+        readonly variants: Variants;
+        readonly transition: (motion_dist_react.Orchestration & motion_dist_react.Repeat & motion_dist_react.Spring) | (motion_dist_react.Orchestration & motion_dist_react.Repeat & {
+            [key: string]: any;
+        });
+    };
+    readonly slideUp: {
+        readonly variants: Variants;
+        readonly transition: (motion_dist_react.Orchestration & motion_dist_react.Repeat & motion_dist_react.Tween) | (motion_dist_react.Orchestration & motion_dist_react.Repeat & {
+            [key: string]: any;
+        });
+    };
+    readonly slideDown: {
+        readonly variants: Variants;
+        readonly transition: (motion_dist_react.Orchestration & motion_dist_react.Repeat & motion_dist_react.Tween) | (motion_dist_react.Orchestration & motion_dist_react.Repeat & {
+            [key: string]: any;
+        });
+    };
+    readonly fade: {
+        readonly variants: Variants;
+        readonly transition: (motion_dist_react.Orchestration & motion_dist_react.Repeat & motion_dist_react.Tween) | (motion_dist_react.Orchestration & motion_dist_react.Repeat & {
+            [key: string]: any;
+        });
+    };
+    readonly scale: {
+        readonly variants: Variants;
+        readonly transition: (motion_dist_react.Orchestration & motion_dist_react.Repeat & motion_dist_react.Tween) | (motion_dist_react.Orchestration & motion_dist_react.Repeat & {
+            [key: string]: any;
+        });
+    };
+};
+type AnimationPreset = keyof typeof animationPresets;
+
+interface ModalProps {
+    isOpen: boolean;
+    children: React.ReactNode;
+    onClose?: () => void;
+    className?: string;
+    title?: string;
+    animationPreset?: AnimationPreset;
+}
+declare const Modal: ({ isOpen, children, onClose, className, animationPreset, }: ModalProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Renders a Separator that shows a border when the referenced Scrollable Element is scrolled.
+ *
+ * Example usage:
+ *
+ * ```tsx
+ * const scrollRef = React.useRef<HTMLDivElement>(null);
+ *
+ * return (
+ *   <>
+ *     <ScrollAwareSeparator scrollRef={scrollRef} />
+ *     <div ref={scrollRef} style={{ overflowY: "auto", maxHeight: 300 }}>
+ *       <div style={{ height: 1000 }}>Scrollable content here</div>
+ *     </div>
+ *   </>
+ * );
+ * ```
+ *
+ * @param props
+ * @returns
+ */
+declare function ScrollAwareSeparator(props: React__default.ComponentProps<"div"> & {
+    /**
+     * Pass a ref to either a Radix ScrollArea container or any element with overflow: scroll.
+     * The component will detect and work with both.
+     */
+    scrollRef: React__default.RefObject<HTMLElement | null>;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BridgeSummary(props: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+type SummaryEntryItem = {
+    name: string;
+    icon: ({ size }: {
+        size: string | number;
+    }) => React.ReactNode;
+    children: React.ReactNode;
+};
+declare function makeEntry({ name, icon, }: Pick<SummaryEntryItem, "name" | "icon">): ({ children }: {
+    children: React.ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare const SummaryValues: {
+    Key: {
+        Bridge: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        GasEntry: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        SpillageTolerance: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        Route: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        ETA: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+    };
+    Values: {
+        Highlight: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+        Soft: ({ children }: {
+            children: React.ReactNode;
+        }) => react_jsx_runtime.JSX.Element;
+    };
+};
+
+declare function TimelineList(props: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+type TimePrefix = "min" | "second" | "hours";
+type EstimatedTimeFormatted = `${number} ${TimePrefix | `${TimePrefix}s`}` | "";
+type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type Level = {
+    level: 0;
+    badge: Omit<React__default.ComponentProps<typeof BadgeIcon>, "size">;
+} | {
+    level: 1;
+};
+type TimelineData = {
+    processingStatus: "processing";
+    data: {
+        eta: string;
+    };
+} | {
+    processingStatus: "upcoming" | "error";
+} | {
+    processingStatus: "completed";
+    data: {
+        transactionUrl: string;
+        completedIn: EstimatedTimeFormatted;
+    };
+};
+type TimelineItemProps = Prettify<TimelineData & Level & {
+    caption: string;
+    secondary?: string;
+}>;
+declare function TimelineItem(props: TimelineItemProps): react_jsx_runtime.JSX.Element;
+declare function TimelineListGroup(props: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare const TimelineRoot: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React__default.RefAttributes<HTMLUListElement>>;
+type TimerProps = {
+    hours: number;
+    mins: number;
+    seconds: number;
+    progress: number;
+    severity?: "default" | "warning";
+};
+declare function TransactionTimer(props: TimerProps): react_jsx_runtime.JSX.Element;
+declare function TimerWrap(props: {
+    reveal: boolean;
+    Timer: React__default.ReactNode;
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+type Props = {
+    severity: "error" | "warning" | "info" | "success";
+    heading: string;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+    onDismiss?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare function ToastBox(props: Props): react_jsx_runtime.JSX.Element;
+
+type BadgeTokenProps = Omit<React__default.ComponentProps<typeof BadgeIcon>, "size">;
+type ItemProps = {
+    caption: string;
+    from: BadgeTokenProps;
+    to: BadgeTokenProps;
+    amount: string;
+};
+declare function TxListItemProcessing(props: ItemProps & {
+    eta: string;
+    percentage: number;
+    status: "failed" | "processing";
+}): react_jsx_runtime.JSX.Element;
+type TxListItemProps = ItemProps & {
+    completedAt: string;
+} & React__default.ComponentPropsWithRef<"button">;
+declare const TxListItem: (props: TxListItemProps) => react_jsx_runtime.JSX.Element;
+declare function TxList({ children }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Tabs({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, ...props }: React$1.ComponentProps<typeof TabsPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare function TabsList(props: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function TabItem(props: React.ComponentProps<typeof TabsPrimitive.TabsTrigger>): react_jsx_runtime.JSX.Element;
+declare function AssetValueTrend(props: {
+    direction: "up" | "down";
+    percentage: number;
+    dollarValue: number;
+}): react_jsx_runtime.JSX.Element;
+declare function Balance(props: {
+    prefix?: string;
+    suffix?: string;
+    amount: number;
+    formatter?: Intl.NumberFormat;
+}): react_jsx_runtime.JSX.Element;
+
+interface WalletAccount {
+    address: string;
+    network: {
+        name: string;
+        image: string;
+    };
+    wallet: {
+        name: string;
+        image: string;
+    };
+    isActive?: boolean;
+}
+interface WalletHeaderCallbacks {
+    onCopy?: (address: string) => void;
+    onDisconnect?: (account: WalletAccount, index: number) => void;
+    onConnect?: (account: WalletAccount, index: number) => void;
+    onAccountSelect?: (account: WalletAccount, index: number) => void;
+}
+declare const walletHeaderVariants: (props?: ({
+    variant?: "default" | "contained" | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+interface WalletHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof walletHeaderVariants> {
+    asChild?: boolean;
+    defaultOpen?: boolean;
+}
+declare const WalletHeader: React$1.ForwardRefExoticComponent<WalletHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+interface WalletConnectedHeaderProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+    accounts: WalletAccount[];
+    children?: React$1.ReactNode;
+}
+declare const WalletConnectedHeader: React$1.ForwardRefExoticComponent<WalletConnectedHeaderProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface WalletHeaderContentProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
+}
+declare const WalletHeaderContent: React$1.ForwardRefExoticComponent<WalletHeaderContentProps & React$1.RefAttributes<HTMLDivElement>>;
+interface AccountStackProps {
+    accounts: WalletAccount[];
+}
+declare const AccountStack: React$1.ForwardRefExoticComponent<AccountStackProps & React$1.RefAttributes<HTMLDivElement>>;
+interface WalletHeaderTabsProps extends React$1.ComponentProps<typeof Tabs> {
+    children: React$1.ReactNode;
+}
+declare const WalletHeaderTabs: React$1.ForwardRefExoticComponent<Omit<WalletHeaderTabsProps, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const WalletHeaderTabsList: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const WalletHeaderTabItem: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const WalletHeaderTabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const WalletHeaderContentBlur: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+declare function HeaderGradient(): react_jsx_runtime.JSX.Element;
+declare function HeaderContent({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function Header({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/** @deprecated use Radix equivalent components  */
+declare function TabAltHeader({ label, isNew, isActive, onClick, className, }: {
+    label: string;
+    isNew?: boolean;
+    isActive: boolean;
+    onClick: () => void;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/** @deprecated use Radix equivalent components  */
+declare function TabAltHeaders({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/** @deprecated use Radix equivalent components  */
+declare function TabAltContent({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+/** @deprecated use Radix equivalent components  */
+declare function TabAltPanel({ id, activeTab, children, className, }: {
+    id: string;
+    activeTab: string;
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element | null;
+/** @deprecated use Radix equivalent components  */
+declare function TabAlt({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface NetworkSelectorProps {
+    title?: string;
+    availableNetworks: Network[];
+    unavailableNetworks: Network[];
+    selectedNetwork: Network | null;
+    onNetworkSelect: (network: Network) => void;
+    isOpen?: boolean;
+    onClose?: () => void;
+}
+declare const NetworkSelector: ({ title, availableNetworks, unavailableNetworks, selectedNetwork, onNetworkSelect, isOpen, onClose, }: NetworkSelectorProps) => react_jsx_runtime.JSX.Element;
+declare function NetworkSelectionItem(props: {
+    network: Network;
+    variant: "default" | "secondary";
+    isActive?: boolean;
+    SecondaryContent: React__default.ReactNode;
+} & React__default.ComponentPropsWithoutRef<"button">): react_jsx_runtime.JSX.Element;
+
+interface SettingsProps {
+    isOpen: boolean;
+    onClose: () => void;
+    slippage?: string;
+    deadline: string;
+    onSlippageChange?: (slippage: string) => void;
+    onDeadlineChange?: (deadline: string) => void;
+    type: "bridge" | "swap";
+    slippageTooltipText?: string;
+    deadlineTooltipText?: string;
+}
+declare const Settings: ({ isOpen, onClose, slippage, deadline, onSlippageChange, onDeadlineChange, type, slippageTooltipText, deadlineTooltipText, }: SettingsProps) => react_jsx_runtime.JSX.Element;
+
+interface BridgeSettingsProps extends Omit<SettingsProps, "type"> {
+}
+declare const BridgeSettings: (props: BridgeSettingsProps) => react_jsx_runtime.JSX.Element;
+
+declare function Sheet({ ...props }: React__default.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SheetTrigger({ ...props }: React__default.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function SheetContent({ className, children, side, ...props }: React__default.ComponentProps<typeof DialogPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+}): react_jsx_runtime.JSX.Element;
+
+declare function Drawer({ ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime.JSX.Element;
+
+declare function ManageAccounts(): react_jsx_runtime.JSX.Element;
+declare function HeaderNested(props: {
+    heading: string;
+    image: {
+        src: string;
+        alt?: string;
+    };
+    onBack: () => void;
+    hideBackButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function ListSection({ children, caption, }: {
+    caption: React.ReactNode;
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function CWDrawerContent({ children, ...props }: {
+    children: React.ReactNode;
+} & DialogContentProps): react_jsx_runtime.JSX.Element;
+
+interface Token {
+    symbol: string;
+    name: string;
+    image: string;
+    address: string;
+    network_group: "polkadot" | "evm";
+    amount: number;
+    usdValue: string;
+}
+interface TokenSelectorProps {
+    title?: string;
+    isOpen: boolean;
+    onClose: () => void;
+    allTokens: Token[];
+    availableTokens: Token[];
+    selectedToken?: Token | null;
+    onTokenSelect?: (token: Token) => void;
+    onAddToWallet?: (token: Token) => void;
+}
+declare const TokenSelector: ({ title, isOpen, onClose, allTokens, availableTokens, selectedToken, onTokenSelect, onAddToWallet, }: TokenSelectorProps) => react_jsx_runtime.JSX.Element;
+declare function TokenSelectionItem(props: {
+    token: Pick<Token, "name" | "symbol" | "image" | "amount" | "address" | "usdValue">;
+    isActive: boolean;
+    isAvailable: boolean;
+    AddWalletButton: React__default.ReactNode;
+} & React__default.ComponentProps<"button">): 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, 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 };