@0xsquid/ui 1.0.0 → 2.0.0

package/dist/index.d.ts

@@ -1,5 +1,122 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import react__default, { ReactNode, ComponentProps } from 'react';
+import * as framer_motion from 'framer-motion';
+import { motion } from 'framer-motion';
+import { Config } from 'tailwindcss';
+import { ClassValue } from 'clsx';
+
+interface BadgeImageProps {
+    imageUrl?: string;
+    badgeUrl?: string;
+    size?: BadgeSize;
+    extraMarginForBadge?: boolean;
+    rounded?: boolean;
+    /**
+     * The URL of the placeholder image. Will be displayed while the images are loading
+     * or if there's an error loading them.
+     */
+    placeholderImageUrl?: string;
+}
+type BadgeSize = "sm" | "md";
+declare function BadgeImage({ imageUrl: _imageUrl, badgeUrl, size, extraMarginForBadge, rounded, placeholderImageUrl, }: BadgeImageProps): react_jsx_runtime.JSX.Element | null;
+
+type TextSize = "small" | "medium" | "large";
+type SwitchSize = "small" | "large";
+type ButtonVariant = "primary" | "secondary" | "tertiary";
+type ButtonSize = "md" | "lg";
+type SwapDirection = "from" | "to";
+type BoostMode = "normal" | "boost";
+type HistoryItemStatus = "completed" | "pending" | "failed" | "warning";
+type DescriptionBlock = {
+    type: "string";
+    value: string;
+} | {
+    type: "image";
+    value: string;
+    rounded?: boolean;
+};
+interface SwapStep {
+    descriptionBlocks: DescriptionBlock[];
+    link?: string;
+    status: ActionStatus;
+}
+declare enum SwapState {
+    CONFIRM = 0,
+    PROGRESS = 1,
+    COMPLETED = 2,
+    ERROR = 3,
+    PARTIAL_SUCCESS = 4,
+    CONFIRMATION_TOO_LONG = 5,
+    CONFIRMATION_REJECTED = 6,
+    NEEDS_GAS = 7
+}
+type ThemeType = "light" | "dark";
+type ActionStatus = "pending" | "waiting" | "ongoing" | "executed" | "success" | "error" | "warning";
+type TransactionStateVariant = "full" | "compact" | "small";
+type TokenPairVariant = "horizontal" | "vertical";
+type TokenPairSize = "small" | "medium";
+type ImageVariant = "square" | "round" | "proportional";
+type ImageSize = "small" | "medium" | "large" | "xlarge";
+type ChainTypeFilter = "source" | "destination";
+type StatusFilter = "success" | "ongoing" | "error";
+type AssetsButtonVariant = "primary" | "accent";
+type PropertyListItemSize = "small" | "large";
+
+interface IconLabelProps {
+    isLoading?: boolean;
+    src?: string;
+    children?: ReactNode;
+    variant?: ImageVariant;
+}
+declare function IconLabel({ src, children, variant }: IconLabelProps): react_jsx_runtime.JSX.Element;
+
+interface ImageProps {
+    src?: string;
+    variant?: ImageVariant;
+    size?: ImageSize;
+    className?: string;
+}
+declare function Image({ src, variant, size, className: propsClassName, }: ImageProps): react_jsx_runtime.JSX.Element;
+
+declare const LoadingProvider: react.Provider<boolean | null>;
+interface LoadingSkeletonProps {
+    className?: string;
+    height?: string;
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    width?: string;
+}
+declare function LoadingSkeleton({ className, height, isLoading: isLoadingProp, children, width, }: LoadingSkeletonProps): string | number | true | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element;
+interface LoadingTextProps extends ComponentProps<"span"> {
+    width?: string | [string, string];
+    isLoading?: boolean;
+}
+declare function TextSkeleton({ className, width, children, isLoading, ...props }: LoadingTextProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+interface LoadingBlockProps extends ComponentProps<"div"> {
+    isLoading?: boolean;
+}
+declare function BlockSkeleton({ isLoading, className, children, ...props }: LoadingBlockProps): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+
+declare const statusTextClassMap: Record<ActionStatus, string>;
+interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    status: ActionStatus;
+    variant?: TransactionStateVariant;
+    icon?: ReactNode;
+}
+declare function TransactionState({ status, variant, icon, ...props }: TransactionStateProps): react_jsx_runtime.JSX.Element;
+
+interface UsdAmountProps {
+    usdAmount: string;
+}
+declare function UsdAmount({ usdAmount }: UsdAmountProps): react_jsx_runtime.JSX.Element;
+
+interface WalletLinkProps {
+    imageURI: string;
+    address: string;
+}
+declare function WalletLink({ imageURI, address }: WalletLinkProps): react_jsx_runtime.JSX.Element;
 
 interface AddressButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     label: string;
@@ -15,17 +132,136 @@ interface ArrowButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 declare function ArrowButton({ label, disabled, ...props }: ArrowButtonProps): react_jsx_runtime.JSX.Element;
 
-type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-type ButtonSize = 'md' | 'lg';
-type BoostMode = 'normal' | 'boost';
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    placeholder?: string;
+    showIcon?: boolean;
+    icon?: React.ReactNode;
+    isError?: boolean;
+    isWarning?: boolean;
+    containerClassName?: string;
+    actionButtonProps?: InputActionButtonProps;
+    autoFocusTimeout?: number;
+    inputRef?: React.RefObject<HTMLInputElement>;
+}
+declare function Input({ placeholder, showIcon, className, icon, isError, isWarning, containerClassName, actionButtonProps, autoFocusTimeout, inputRef: inputRefProp, ...props }: InputProps): react_jsx_runtime.JSX.Element;
+interface InputActionButtonProps {
+    onClick?: () => void;
+    variant?: ButtonVariant;
+    label?: string;
+}
+
+type TooltipWidth = "max" | "container";
+type TooltipThreshold = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
+interface TooltipProps {
+    children: react__default.ReactNode;
+    tooltipContent?: react__default.ReactNode;
+    threshold?: TooltipThreshold;
+    tooltipWidth?: TooltipWidth;
+    containerClassName?: string;
+    childrenClassName?: string;
+    tooltipClassName?: string;
+    displayDelayMs?: number;
+    containerRef?: react__default.RefObject<HTMLElement>;
+    showOnMobile?: boolean;
+}
+declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
+
+interface Token$1 {
+    price: number;
+    symbol: string;
+    decimals: number;
+}
+interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    token: Token$1;
+    onAmountChange: (tokenAmount: string) => void;
+    forcedAmount?: string;
+    formatIfVerySmall?: {
+        token: string;
+        usd: string;
+    };
+    showDetails?: boolean;
+    isLoading?: boolean;
+    error?: {
+        message: string;
+    };
+    balance?: string;
+    priceImpactPercentage?: string;
+    criticalPriceImpactPercentage?: number;
+    direction?: SwapDirection;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, "children">;
+        tokenModeTooltip?: Omit<TooltipProps, "children">;
+        amountUsd?: string;
+    };
+    maxUsdDecimals?: number;
+    isInteractive?: boolean;
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+    };
+}
+declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, ...props }: NumericInputProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsSliderProps {
+    value: number | undefined;
+    type: "percentage" | "amount";
+    onChange?: (value: number | undefined) => void;
+    decimalsFormat?: number;
+    min?: number;
+    max?: number;
+    isSelected?: boolean;
+}
+declare function SettingsSlider({ value, type, onChange, decimalsFormat, max, min, isSelected, }: SettingsSliderProps): react_jsx_runtime.JSX.Element;
+
+interface SwitchProps {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    size: SwitchSize;
+    disabled?: boolean;
+    inputProps?: React.ComponentProps<"input">;
+}
+declare function Switch({ checked, onChange, size, disabled, inputProps, }: SwitchProps): react_jsx_runtime.JSX.Element;
+
+interface RangeInputProps {
+    label: string;
+    initialValue?: string;
+    onChange?: (value: string) => void;
+    min?: number;
+    max?: number;
+    isWarning?: boolean;
+}
+declare function RangeInput({ label, initialValue, onChange, min, max, isWarning, }: RangeInputProps): react_jsx_runtime.JSX.Element;
+
+interface AssetsButtonProps {
+    token?: {
+        iconUrl: string;
+        symbol: string;
+        bgColor: string;
+        textColor: string;
+    };
+    chain?: {
+        iconUrl: string;
+        bgColor: string;
+    };
+    onClick?: () => void;
+    variant?: AssetsButtonVariant;
+    isLoading?: boolean;
+    tooltip?: Omit<TooltipProps, "children">;
+    emptyTokenLabel?: string;
+}
+declare function AssetsButton({ chain, token, onClick, variant, isLoading, tooltip, emptyTokenLabel, }: AssetsButtonProps): react_jsx_runtime.JSX.Element;
 
 interface BoostButtonProps {
-    boostMode?: BoostMode;
-    onToggleBoostMode?: ({ boostMode }: {
-        boostMode: BoostMode;
-    }) => void;
+    boostMode: BoostMode;
+    canToggleBoostMode?: boolean;
+    boostIndicatorRef: React.RefObject<HTMLDivElement>;
 }
-declare function BoostButton({ boostMode, onToggleBoostMode, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
+declare function BoostButton({ boostMode, canToggleBoostMode, boostIndicatorRef, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    icon?: React.ReactNode;
+}
+declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     label?: string;
@@ -33,22 +269,2466 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     variant: ButtonVariant;
     size: ButtonSize;
     disabled?: boolean;
+    link?: string;
+    isLoading?: boolean;
+    chip?: ChipProps;
+    containerClassName?: string;
+    buttonRef?: React.Ref<HTMLButtonElement>;
+    anchorRef?: React.Ref<HTMLAnchorElement>;
 }
-declare function Button({ label, disabled, size, variant, icon, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ label, disabled, size, variant, icon, link, isLoading, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
-    label?: string;
+interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+    feeInUsd?: string;
+    chipLabel?: string;
+    tooltip?: Omit<TooltipProps, "children">;
+}
+declare function FeeButton({ feeInUsd, chipLabel, className, tooltip, ...props }: FeeButtonProps): react_jsx_runtime.JSX.Element;
+
+interface FilterButtonProps {
+    selected: boolean;
+    numApplied?: number;
+    onClick?: () => void;
+}
+declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonProps): react_jsx_runtime.JSX.Element;
+
+interface SettingsButtonProps {
+    label: string;
+    isSelected?: boolean;
+    onClick?: () => void;
+}
+declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): react_jsx_runtime.JSX.Element;
+
+interface IconButtonProps extends React.ComponentProps<"button"> {
+    icon: React.ReactNode;
+}
+declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare function Approve(): react_jsx_runtime.JSX.Element;
+
+declare function ArrowRightIcon(): react_jsx_runtime.JSX.Element;
+declare function ArrowRightDownIcon(): react_jsx_runtime.JSX.Element;
+declare function ArrowRightUpIcon(): react_jsx_runtime.JSX.Element;
+declare function ChevronArrowIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowTriangle({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ChevronTopSmallIcon(): react_jsx_runtime.JSX.Element;
+declare function ChevronLargeDownIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ChevronTopIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ChevronLargeRightIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ChevronRightSmallIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowLeftIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowRightUpCircleIcon(): react_jsx_runtime.JSX.Element;
+declare function ArrowRightDownCircleIcon(): react_jsx_runtime.JSX.Element;
+declare function ArrowOutOfBoxIcon(): react_jsx_runtime.JSX.Element;
+declare function ChevronGrabberVerticalIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SquareArrowTopRight2Icon({ className, size, strokeWidth, }: {
+    className?: string;
+    size?: string;
+    strokeWidth?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SquareArrowTopLeftIcon({ size }: {
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowBottomTopIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowWallDownIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ReorderIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowsSwapIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowUpIcon(): react_jsx_runtime.JSX.Element;
+declare function ArrowCornerDownRightIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ChevronDownSmallIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowDownIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ArrowSplit({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ArrowRotate(): react_jsx_runtime.JSX.Element;
+
+declare function PunkIcon({ size }: {
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ShoppingBagIcon(): react_jsx_runtime.JSX.Element;
+declare function BackpackIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function BankIcon(): react_jsx_runtime.JSX.Element;
+
+declare function BoostBadge(): react_jsx_runtime.JSX.Element;
+
+declare function Calendar(): react_jsx_runtime.JSX.Element;
+
+declare function ChainLink({ size, strokeWidth, }: {
+    size?: string;
+    strokeWidth?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Checkmark1Icon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function Checkmark2Icon({ className, size, style, }: {
+    className?: string;
+    size?: string;
+    style?: React.CSSProperties;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ClockSolidIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ClockOutlineIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare const SettingsGearIcon: ({ size, className, }: {
+    className?: string;
+    size?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare const ExplosionIcon: ({ size, className, }: {
+    className?: string;
+    size?: string;
+}) => react_jsx_runtime.JSX.Element;
+declare function TimeFliesIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CoinsIcon(): react_jsx_runtime.JSX.Element;
+declare function CoinsAddIcon(): react_jsx_runtime.JSX.Element;
+declare function DollarOutlinedIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function StocksIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function DollarSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CollectionIcon(): react_jsx_runtime.JSX.Element;
+
+declare function CompassRoundOutlinedIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CompassRoundSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CircleX({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CircleMinusIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CirclePlusIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CircleXFilledIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function TranslateIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PowerIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Copy({ size, strokeWidth, ...props }: {
+    size?: string;
+    strokeWidth?: string;
+} & ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+declare function DashboardFast({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DotGrid1x3HorizontalIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function EmojiSadIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function EmojiMeh({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SmileIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function EthereumIcon(): react_jsx_runtime.JSX.Element;
+
+declare function FilterIcon(): react_jsx_runtime.JSX.Element;
+
+declare function EmptyHeartIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FilledHeartIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function BrokenHeartIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function HeartSmallIcon(): react_jsx_runtime.JSX.Element;
+
+declare function HelpIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function GasIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ReceiptBillIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SnapIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function HomeIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function MenuSwapIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ColorPaletteIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ConsoleIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function BubblesIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ImageSparkle(): react_jsx_runtime.JSX.Element;
+
+declare function InfinityIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LightningIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LinkIcon(props: ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+
+interface LoaderProps extends ComponentProps<"svg"> {
+    size?: string;
+    strokeWidth?: string;
+    rotateDuration?: string;
+}
+declare function Loader({ size, strokeWidth, className, rotateDuration, ...props }: LoaderProps): react_jsx_runtime.JSX.Element;
+
+declare function MaxIcon(): react_jsx_runtime.JSX.Element;
+
+declare function NotAllowedIcon(): react_jsx_runtime.JSX.Element;
+
+declare function PercentIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PathSquareIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PieChartIcon(): react_jsx_runtime.JSX.Element;
+
+declare function PlusIcon(): react_jsx_runtime.JSX.Element;
+
+declare function RefreshIcon(): react_jsx_runtime.JSX.Element;
+
+declare function SearchIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function XSocial({ className, size, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function GithubIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function DiscordIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function MirrorIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SortIcon(): react_jsx_runtime.JSX.Element;
+
+declare function SparklesIcon(): react_jsx_runtime.JSX.Element;
+declare function SparkleIcon(): react_jsx_runtime.JSX.Element;
+
+declare function SquareArrowCenter(): react_jsx_runtime.JSX.Element;
+
+declare function DockSwapIcon(): react_jsx_runtime.JSX.Element;
+
+declare function SquidLogo({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SwapInputsIcon(): react_jsx_runtime.JSX.Element;
+declare function SwapIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SwapSuccessIcon(): react_jsx_runtime.JSX.Element;
+declare function SwapErrorIcon(): react_jsx_runtime.JSX.Element;
+declare function SwapWarningIcon(): react_jsx_runtime.JSX.Element;
+
+declare function SwapStepSeparator(): react_jsx_runtime.JSX.Element;
+
+declare function TagIcon({ size }: {
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function TagIconFilled(): react_jsx_runtime.JSX.Element;
+
+declare function ThumbsUp({ fill }: {
+    fill?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Tick({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Timeline({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare namespace Timeline {
+    var ArrowDown: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    var ArrowReverse: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    var ArrowRight: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    var ArrowUp: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    var CapBottom: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    var CapTop: (props: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+    var Straight: ({ className, ...props }: react.SVGProps<SVGSVGElement>) => react_jsx_runtime.JSX.Element;
+}
+
+declare function TradingViewStepsIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function TriangleExclamation(): react_jsx_runtime.JSX.Element;
+
+declare function WalletIcon({ size }: {
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function WalletFilledIcon({ size }: {
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function CrossAnimatedIcon({ size, isOpen, transitionDuration, className, }: {
+    size?: number;
+    isOpen?: boolean;
+    transitionDuration?: React.CSSProperties["transitionDuration"];
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SunriseIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SunIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function MoonIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SunOutlinedIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CrossedOutSunSolidIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface DockIconProps {
+    isSelected?: boolean;
+}
+declare function DockIconSwap({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconCheckout({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconScan({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconAnalytics({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconProfile({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+declare function DockIconHelp({ isSelected }: DockIconProps): react_jsx_runtime.JSX.Element;
+
+declare function GhostIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SettingsSliderIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function EyeOpenIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function BellAlarmIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LimitIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PoopIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CatSquareIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FilterAscendingIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ImageIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FilterTimelineIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function NewspaperIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function AtomIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function SunriseSmallIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CoinsOutlinedIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PhoneIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function LaptopIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CopyIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function FileDownloadIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CodeSolidSquareIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CodeBracketsIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface Props {
+    lottieJsonFile: object;
+    animReplacement?: JSX.Element;
+    hideAnimations?: boolean;
+}
+declare const AnimationWrapper: ({ lottieJsonFile, animReplacement, hideAnimations, }: Props) => react_jsx_runtime.JSX.Element;
+
+interface AppContainerProps extends ComponentProps<typeof motion.div> {
+    layoutKey?: string;
+}
+declare function AppContainer({ children, className, layoutKey, ...props }: AppContainerProps): react_jsx_runtime.JSX.Element;
+declare namespace AppContainer {
+    var Nav: ({ className, children, ...props }: {
+        slot?: string | undefined;
+        title?: string | undefined;
+        color?: string | undefined;
+        hidden?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        className?: string | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        role?: react.AriaRole | undefined;
+        tabIndex?: number | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        nonce?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
+        is?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    } & framer_motion.MotionProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    var Content: (props: {
+        slot?: string | undefined;
+        title?: string | undefined;
+        color?: string | undefined;
+        hidden?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        className?: string | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        role?: react.AriaRole | undefined;
+        tabIndex?: number | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        nonce?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "off" | "on" | undefined;
+        inputMode?: "search" | "text" | "numeric" | "none" | "email" | "tel" | "url" | "decimal" | undefined;
+        is?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCopyCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCut?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCutCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPaste?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onPasteCapture?: react.ClipboardEventHandler<HTMLDivElement> | undefined;
+        onCompositionEnd?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionEndCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStart?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionStartCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdate?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onCompositionUpdateCapture?: react.CompositionEventHandler<HTMLDivElement> | undefined;
+        onFocus?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onFocusCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onBlur?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onBlurCapture?: react.FocusEventHandler<HTMLDivElement> | undefined;
+        onChange?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onChangeCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInput?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInputCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onReset?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onResetCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onSubmit?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onSubmitCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInvalid?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onInvalidCapture?: react.FormEventHandler<HTMLDivElement> | undefined;
+        onLoad?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onError?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onErrorCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyDownCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPress?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyPressCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUp?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onKeyUpCapture?: react.KeyboardEventHandler<HTMLDivElement> | undefined;
+        onAbort?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onAbortCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThrough?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onCanPlayThroughCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onDurationChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptied?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEmptiedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEncrypted?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEncryptedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEnded?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onEndedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedData?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedDataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadata?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadedMetadataCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStart?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onLoadStartCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPause?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPauseCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlay?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlaying?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onPlayingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onProgress?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onProgressCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onRateChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeked?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekedCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeeking?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSeekingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onStalled?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onStalledCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspend?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSuspendCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdate?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onTimeUpdateCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChange?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onVolumeChangeCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onWaiting?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onWaitingCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onAuxClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onAuxClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenu?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onContextMenuCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onDoubleClickCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onDragCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEndCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnter?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragEnterCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragExit?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragExitCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeave?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragLeaveCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragOver?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragOverCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDragStartCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDrop?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onDropCapture?: react.DragEventHandler<HTMLDivElement> | undefined;
+        onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseDownCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseEnter?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseLeave?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseMoveCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOut?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOutCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOver?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseOverCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUp?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onMouseUpCapture?: react.MouseEventHandler<HTMLDivElement> | undefined;
+        onSelect?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onSelectCapture?: react.ReactEventHandler<HTMLDivElement> | undefined;
+        onTouchCancel?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchCancelCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEnd?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchEndCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMove?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchMoveCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStart?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onTouchStartCapture?: react.TouchEventHandler<HTMLDivElement> | undefined;
+        onPointerDown?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerDownCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMove?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerMoveCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUp?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerUpCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancel?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerCancelCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerEnter?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerLeave?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOver?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOverCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOut?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onPointerOutCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onGotPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onLostPointerCaptureCapture?: react.PointerEventHandler<HTMLDivElement> | undefined;
+        onScroll?: react.UIEventHandler<HTMLDivElement> | undefined;
+        onScrollCapture?: react.UIEventHandler<HTMLDivElement> | undefined;
+        onWheel?: react.WheelEventHandler<HTMLDivElement> | undefined;
+        onWheelCapture?: react.WheelEventHandler<HTMLDivElement> | undefined;
+        onAnimationStartCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEnd?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationEndCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIteration?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onAnimationIterationCapture?: react.AnimationEventHandler<HTMLDivElement> | undefined;
+        onTransitionEnd?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
+    } & framer_motion.MotionProps & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+}
+
+interface BoostProps {
+    boostMode: BoostMode;
+    onToggleBoostMode?: ({ boostMode }: {
+        boostMode: BoostMode;
+    }) => void;
+    estimatedTime: string;
+    canToggleBoostMode?: boolean;
+    tooltip?: Omit<TooltipProps, "children">;
+}
+declare function Boost({ boostMode, onToggleBoostMode, estimatedTime, canToggleBoostMode, tooltip, }: BoostProps): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumb({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface CollapseProps extends ComponentProps<"div"> {
+    collapsed: boolean;
+    collapsedHeight?: number;
+    duration?: number;
+}
+declare function Collapse({ collapsed, collapsedHeight, children, className, duration, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
+interface SizeTransitionProps extends ComponentProps<"div"> {
+}
+declare function SizeTransition({ children, className, ...props }: SizeTransitionProps): react_jsx_runtime.JSX.Element;
+
+interface DescriptionBlocksProps extends ComponentProps<"div"> {
+    blocks: DescriptionBlock[] | string;
+}
+declare function DescriptionBlocks({ className, blocks: blocksProp, ...props }: DescriptionBlocksProps): react_jsx_runtime.JSX.Element;
+declare function Inline({ className, children, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+interface StopsProps extends React.ComponentProps<"button"> {
+    stopsCount?: string | number;
+    estimatedTime?: string;
+    tooltip?: Omit<TooltipProps, "children">;
+    providers: Provider[];
+}
+type Provider = {
+    logoUrl: string;
+    key: string;
+};
+
+interface DetailsToolbarProps {
+    errorMessage?: string;
+    flipButton?: {
+        onClick?: () => void;
+        tooltip?: Omit<TooltipProps, "children">;
+        isDisabled?: boolean;
+    };
+    feeButton?: {
+        feeInUsd: string;
+        tooltip?: Omit<TooltipProps, "children">;
+        onClick: () => void;
+    };
+    isLoading?: boolean;
+    isEmpty?: boolean;
+    helpButton?: {
+        label: string;
+        onClick: () => void;
+    };
+    stopsButton?: StopsProps;
+}
+declare function DetailsToolbar({ errorMessage, helpButton, isLoading, isEmpty, flipButton, feeButton, stopsButton, }: DetailsToolbarProps): react_jsx_runtime.JSX.Element;
+
+interface DropdownMenuProps {
+    dropdownRef?: React.RefObject<HTMLDivElement>;
+    menuRef?: React.RefObject<HTMLDivElement>;
+    className?: string;
+    isHidden?: boolean;
+    listClassName?: string;
+    containerClassName?: string;
+    containerRef?: React.RefObject<HTMLDivElement>;
+    children?: React.ReactNode;
+    contentWrapperProps?: React.ComponentProps<"div">;
+    menuContentClassName?: string;
+}
+declare function DropdownMenu({ dropdownRef, className, menuRef, isHidden, listClassName, containerClassName, children, contentWrapperProps, menuContentClassName, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+
+type ErrorMessageProps = {
+    message: string;
+    showIcon?: boolean;
+};
+declare function ErrorMessage({ message, showIcon }: ErrorMessageProps): react_jsx_runtime.JSX.Element;
+
+interface HashLinkProps {
+    showTx?: boolean;
+    hash: string;
+    children?: ReactNode;
+    showCopyButton?: boolean;
+    url?: string;
+}
+declare function HashLink({ showTx, hash, showCopyButton, url, children, }: HashLinkProps): react_jsx_runtime.JSX.Element;
+
+interface InfoBoxProps {
+    title: string;
+    description: string | ReactNode;
+    icon?: ReactNode;
+}
+declare function InfoBox({ title, description, icon }: InfoBoxProps): react_jsx_runtime.JSX.Element;
+
+interface JoinProps {
+    children?: ReactNode;
+    glue: () => ReactNode;
+}
+declare function Join({ children, glue }: JoinProps): react_jsx_runtime.JSX.Element[] | null | undefined;
+
+type Rounded = "sm" | "lg";
+interface MenuProps extends react__default.ComponentProps<"div"> {
+    containerClassName?: string;
+    contentClassName?: string;
+    rounded?: Rounded;
+    menuRef?: react__default.RefObject<HTMLDivElement>;
+    contentWrapperProps?: react__default.ComponentProps<"div">;
+}
+declare function Menu({ children, containerClassName, contentClassName, rounded, menuRef, contentWrapperProps, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
+
+type ModalWidth = "large" | "extra-large";
+interface ModalProps {
+    children: React.ReactNode;
+    className?: string;
+    onBackdropClick?: () => void;
+    isOpen?: boolean;
+    maxHeight?: boolean;
+    width?: ModalWidth;
+}
+declare function Modal({ children, className, onBackdropClick, isOpen: _isOpen, maxHeight, width, }: ModalProps): false | react_jsx_runtime.JSX.Element;
+
+type ModalContentBorderType = "border" | "outline";
+interface ModalContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    addGap?: boolean;
+    paddingY?: boolean;
+    borderType?: ModalContentBorderType;
+    className?: string;
+}
+declare function ModalContent({ children, addGap, paddingY, borderType, className, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
+declare function ModalContentDivider(): react_jsx_runtime.JSX.Element;
+
+type ActionButton = {
+    labelOrIcon: string | React.ReactNode;
+    onClick?: () => void;
+    id: React.Key;
+    tooltip?: Omit<TooltipProps, "children">;
+    chip?: ChipProps;
+};
+interface NavigationBarProps extends React.ComponentProps<"nav"> {
+    title?: string;
+    displayBackButton?: boolean;
+    logoUrl?: string;
+    transparent?: boolean;
+    displayButtonShadows?: boolean;
+    onBackButtonClick?: () => void;
+    actions?: ActionButton[];
+    isLoading?: boolean;
+}
+declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, ...props }: NavigationBarProps): react_jsx_runtime.JSX.Element;
+
+declare function PipeSeparator(props: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+interface CollapsibleMenuProps {
+    menuRef: React.MutableRefObject<HTMLDivElement | null>;
+    size: {
+        open: {
+            width: string;
+            height: string;
+        };
+        closed: {
+            width: string;
+            height: string;
+        };
+    };
+    children?: React.ReactNode;
+    isOpen?: boolean;
+    transitionDuration?: React.CSSProperties["transitionDuration"];
+    className?: string;
+}
+declare function CollapsibleMenu({ children, menuRef, isOpen, transitionDuration, size, className, }: CollapsibleMenuProps): react_jsx_runtime.JSX.Element;
+
+declare function ProductCard({ children }: React.PropsWithChildren): react_jsx_runtime.JSX.Element;
+declare function BorderedContainer({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ProfileHeaderBackground(): react_jsx_runtime.JSX.Element;
+
+interface SwapConfigurationProps {
+    direction: SwapDirection;
+    priceImpactPercentage?: string;
+    amount?: string;
+    tokenPrice?: number;
+    balance?: string;
+    isFetching?: boolean;
+    chain?: {
+        iconUrl: string;
+        bgColor: string;
+    };
+    token?: {
+        iconUrl: string;
+        symbol: string;
+        bgColor: string;
+        textColor: string;
+        decimals: number;
+    };
+    onAmountChange?: (amount: string) => void;
+    error?: {
+        message: string;
+    };
+    criticalPriceImpactPercentage?: number;
+    maxUsdDecimals?: number;
+    isInputInteractive?: boolean;
+    isLoading?: boolean;
+    inputModeButton?: {
+        usdModeTooltip?: Omit<TooltipProps, "children">;
+        tokenModeTooltip?: Omit<TooltipProps, "children">;
+        amountUsd?: string;
+    };
+    balanceButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+    };
+    assetsButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+        onClick?: () => void;
+        variant?: AssetsButtonVariant;
+    };
+    walletButton?: {
+        tooltip?: Omit<TooltipProps, "children">;
+        onClick?: () => void;
+        address?: string;
+        emptyAddressLabel?: string;
+        disabled?: boolean;
+    };
+    showNumericInputDetails?: boolean;
+}
+declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, showNumericInputDetails, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
+
+interface SwapProgressViewHeaderProps {
+    title: string;
+    description: string;
+}
+declare function SwapProgressViewHeader({ title, description, }: SwapProgressViewHeaderProps): react_jsx_runtime.JSX.Element;
+
+type SwapStepsCollapsedFooterButton = {
+    label: string;
+    link?: string;
+    onClick?: () => void;
+};
+interface SwapStepsCollapsedProps {
+    steps: SwapStep[];
+    currentStepIndex: number;
+    onOpen?: () => void;
+    onClose?: () => void;
+    footerButton?: SwapStepsCollapsedFooterButton;
+}
+declare const SwapStepsCollapsed: react.ForwardRefExoticComponent<SwapStepsCollapsedProps & react.RefAttributes<{
+    handleToggleRouteSteps: () => void;
+}>>;
+
+interface TokenPairProps {
+    firstToken?: {
+        logoURI: string;
+        bgColor: string;
+    };
+    secondToken?: {
+        logoURI: string;
+        bgColor: string;
+    };
+    variant?: TokenPairVariant;
+    size?: TokenPairSize;
+}
+declare function TokenPair({ firstToken, secondToken, variant, size, }: TokenPairProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionFiltersProps {
+    chainType?: ChainTypeFilter;
+    setChainType: (chainType: ChainTypeFilter) => void;
+    chain?: string;
+    setChain: (chain?: string) => void;
+    fromDate?: Date;
+    setFromDate: (fromDate?: Date) => void;
+    toDate?: Date;
+    setToDate: (toDate?: Date) => void;
+    status?: StatusFilter[];
+    setStatus: (status?: StatusFilter[]) => void;
+    chains: {
+        name: string;
+        logoURI: string;
+    }[];
+}
+declare function TransactionFilters({ chainType, setChainType, chain, setChain, fromDate, setFromDate, toDate, setToDate, status, setStatus, chains, }: TransactionFiltersProps): react_jsx_runtime.JSX.Element;
+
+interface BridgeHeaderProps {
+    tokenLogoURI: string;
+    chainLogoURI: string;
+    title?: string;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+declare function BridgeHeader({ tokenLogoURI, chainLogoURI, title, hash, url, status, }: BridgeHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface BuyNFTHeaderProps {
+    imageUrl: string;
+    title?: string;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+declare function BuyNFTHeader({ imageUrl, title, hash, url, status, }: BuyNFTHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface InteractionHeaderProps {
+    title?: string;
+    image?: ReactNode;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+declare function InteractionHeader({ title, image, hash, url, status, }: InteractionHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ProfileHeaderProps {
+    imageUrl: string;
+    title: string;
+    wallet: {
+        imageURI: string;
+        address: string;
+    };
+    amount: string;
+}
+declare function ProfileHeader({ imageUrl, title, wallet, amount, }: ProfileHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface SwapHeaderProps {
+    fromToken: {
+        logoURI: string;
+        bgColor: string;
+    };
+    toToken: {
+        logoURI: string;
+        bgColor: string;
+    };
+    title?: string;
+    hash: string;
+    url?: string;
+    status: ActionStatus;
+}
+declare function SwapHeader({ fromToken, toToken, title, hash, url, status, }: SwapHeaderProps): react_jsx_runtime.JSX.Element;
+
+declare const headerComponentsMap: {
+    readonly swap: typeof SwapHeader;
+    readonly buy_nft: typeof BuyNFTHeader;
+    readonly interaction: typeof InteractionHeader;
+    readonly bridge: typeof BridgeHeader;
+    readonly profile: typeof ProfileHeader;
+};
+type TransactionHeaderComponents = typeof headerComponentsMap;
+type TransactionHeaderType = keyof TransactionHeaderComponents;
+type TransactionHeaderProps = {
+    [Type in TransactionHeaderType]: {
+        type: Type;
+        props: ComponentProps<TransactionHeaderComponents[Type]>;
+    };
+}[TransactionHeaderType];
+declare function TransactionHeader({ type, props }: TransactionHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionHeaderLayoutProps {
+    isLoading?: boolean;
+    status?: ActionStatus;
+    title?: string;
+    image?: ReactNode;
+    children?: ReactNode;
+}
+declare function TransactionHeaderLayout({ isLoading, status, title, image, children, }: TransactionHeaderLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface BridgePropertiesProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+declare function BridgeProperties({ amount, token, fromChain, toChain, wallet, boosted, timeToComplete, }: BridgePropertiesProps): react_jsx_runtime.JSX.Element;
+
+interface BuyNFTPropertiesProps {
+    title: string;
+    imageURI: string;
+    collection: {
+        imageURI: string;
+        name: string;
+    };
+    price: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    marketplace: {
+        logoURI: string;
+        name: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    fromAddress: string;
+    toAddress: string;
+    boosted?: boolean;
+    timeToComplete: string;
+    tokenId: string;
+    nftType: string;
+}
+declare function BuyNFTProperties({ title, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, }: BuyNFTPropertiesProps): react_jsx_runtime.JSX.Element;
+
+interface InteractionPropertiesProps {
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+declare function InteractionProperties({ chain, wallet, boosted, timeToComplete, }: InteractionPropertiesProps): react_jsx_runtime.JSX.Element;
+
+interface PropertiesLayoutProps {
+    children?: ReactNode;
+    className?: string;
+}
+declare function PropertiesLayout({ children, className, }: PropertiesLayoutProps): react_jsx_runtime.JSX.Element;
+
+interface SwapPropertiesProps {
+    fromAmount: string;
+    fromToken: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    toAmount: string;
+    toToken: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    fromAddress: string;
+    toAddress: string;
+    exchangeRate: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+declare function SwapProperties({ fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, }: SwapPropertiesProps): react_jsx_runtime.JSX.Element;
+
+declare const propertiesComponentsMap: {
+    readonly swap: typeof SwapProperties;
+    readonly buy_nft: typeof BuyNFTProperties;
+    readonly interaction: typeof InteractionProperties;
+    readonly bridge: typeof BridgeProperties;
+};
+type TransactionPropertiesComponents = typeof propertiesComponentsMap;
+type TransactionPropertiesType = keyof TransactionPropertiesComponents;
+type TransactionPropertiesProps = {
+    [Type in TransactionPropertiesType]: {
+        type: Type;
+        props: ComponentProps<TransactionPropertiesComponents[Type]>;
+    };
+}[TransactionPropertiesType];
+declare function TransactionProperties({ type, props, }: TransactionPropertiesProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionSearchProps {
+    query: string;
+    setQuery: (query: string) => void;
+    children?: ReactNode;
+    className?: string;
+    onFocus?: () => void;
+    onBlur?: () => void;
+}
+declare function TransactionSearch({ query, setQuery, children, className, onFocus, onBlur, }: TransactionSearchProps): react_jsx_runtime.JSX.Element;
+
+interface FromToProps {
+    isLoading?: boolean;
+    from?: ReactNode;
+    to?: ReactNode;
+    className?: string;
+}
+declare function Transfer({ isLoading, from, to, className }: FromToProps): react_jsx_runtime.JSX.Element;
+
+interface ToastProps {
+    title: string;
+    description: string;
+    headerContent?: React.ReactNode;
+    actionsContent?: React.ReactNode;
+    chipLabel?: string;
+}
+declare function Toast({ headerContent, actionsContent, description, chipLabel, title, }: ToastProps): react_jsx_runtime.JSX.Element;
+
+declare const THEME_COLOR_KEYS: readonly ["grey-100", "grey-200", "grey-300", "grey-400", "grey-500", "grey-600", "grey-700", "grey-800", "grey-900", "royal-300", "royal-400", "royal-500", "royal-700", "status-positive", "status-negative", "status-partial", "material-light-thin", "material-light-average", "material-light-thick", "material-dark-thin", "material-dark-average", "material-dark-thick", "highlight-700", "grey-100-005", "material-light-blend-grey-900", "material-light-blend-grey-800"];
+declare const THEME_BORDER_RADIUS_KEYS: readonly ["button-large", "button-medium"];
+declare const THEME_FONT_SIZE_KEYS: readonly ["caption", "body-large", "body-medium", "body-small", "heading-small", "heading-medium", "heading-large"];
+declare const THEME_FONT_WEIGHT_KEYS: readonly ["caption", "body-small", "body-medium", "body-large", "heading-small", "heading-medium", "heading-large"];
+declare const THEME_FONT_FAMILY_KEYS: readonly ["squid-main"];
+type ThemeColors = Record<(typeof THEME_COLOR_KEYS)[number], string>;
+type ThemeFontSize = Record<(typeof THEME_FONT_SIZE_KEYS)[number], string>;
+type ThemeFontWeight = Record<(typeof THEME_FONT_WEIGHT_KEYS)[number], string>;
+type ThemeBorderRadius = Record<(typeof THEME_BORDER_RADIUS_KEYS)[number], string>;
+type ThemeFontFamily = Record<(typeof THEME_FONT_FAMILY_KEYS)[number], string>;
+interface InternalTheme {
+    color: ThemeColors;
+    fontSize: ThemeFontSize;
+    fontWeight: ThemeFontWeight;
+    borderRadius: ThemeBorderRadius;
+    fontFamily: ThemeFontFamily;
+}
+/**
+  Public theme, excluding some colors that are generated internally
+*/
+interface Theme extends Omit<InternalTheme, "color"> {
+    color: Omit<ThemeColors, "material-light-thin" | "material-light-average" | "material-light-thick" | "material-dark-thin" | "material-dark-average" | "material-dark-thick" | "grey-100-005" | "material-light-blend-grey-900" | "material-light-blend-grey-800">;
+}
+
+/**
+ * Utility type to allow for a type to be either all of the properties of another type, or none of them
+ * @example
+ * type Person = { age: number } & AllOrNone<{ name: string, lastName: string }>
+ * const person: Person = { age: 30 } // ok
+ * const person: Person = { age: 30, name: "John" } // error, requires lastName
+ * const person: Person = { age: 30, name: "John", lastName: "Doe" } // ok, all properties are present
+ */
+type AllOrNone<T> = T | {
+    [K in keyof T]?: never;
+};
+
+interface DropdownMenuItemControl extends Omit<SwitchProps, "size"> {
+    type: "switch";
+}
+interface DropdownMenuItemProps {
+    label: string;
+    labelClassName?: string;
+    imageUrl?: string;
     icon?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    link?: string;
+    control?: DropdownMenuItemControl;
+    detail?: React.ReactNode;
+    isSelected?: boolean;
+    itemRef?: React.RefObject<HTMLLIElement>;
+    children?: React.ReactNode;
+    contentRef?: React.RefObject<HTMLButtonElement>;
 }
-declare function Chip({ label, icon, ...props }: ChipProps): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuItem(props: DropdownMenuItemProps & AllOrNone<{
+    submenu: React.ReactNode;
+    containerRef: React.RefObject<HTMLDivElement>;
+}>): react_jsx_runtime.JSX.Element;
+
+interface HistoryItemProps {
+    firstImageUrl: string;
+    secondImageUrl: string;
+    status: HistoryItemStatus;
+    fromLabel: string;
+    toLabel: string;
+    dateCompleted: string;
+    fromAmount: string;
+    toAmount: string;
+    itemsContainerRef?: React.RefObject<HTMLElement>;
+    onClick?: () => void;
+    warningLabel?: string;
+    dropdownMenuContent?: React.ReactNode;
+}
+declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuContent, itemsContainerRef, status, warningLabel, onClick, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
+
+interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
+    itemTitle: string | React.ReactNode;
+    mainImageUrl?: string;
+    secondaryImageUrl?: string;
+    placeholderImageUrl?: string;
+    subtitle?: string;
+    subtitleOnHover?: React.ReactNode;
+    detail?: string;
+    icon?: React.ReactNode;
+    size?: ListItemSize;
+    mainIcon?: React.ReactNode;
+    isSelected?: boolean;
+    className?: string;
+    onDetailClick?: () => void;
+    showDetailOnHoverOnly?: boolean;
+    rounded?: boolean;
+    detailButtonClassName?: string;
+    loading?: {
+        subtitle?: boolean | string;
+    };
+    containerProps?: React.HTMLAttributes<HTMLLIElement>;
+    compactOnMobile?: boolean;
+    extraPadding?: boolean;
+    dropdownMenuContent?: React.ReactNode;
+    itemsContainerRef?: React.RefObject<HTMLElement>;
+}
+type ListItemSize = "small" | "large";
+declare function ListItem({ itemTitle, mainImageUrl, subtitle, subtitleOnHover, detail, icon, secondaryImageUrl, placeholderImageUrl, size, mainIcon, className, isSelected, onDetailClick, showDetailOnHoverOnly, rounded, detailButtonClassName, loading, containerProps, compactOnMobile, extraPadding, itemsContainerRef, dropdownMenuContent, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
+declare const ListItemActionsButton: react.ForwardRefExoticComponent<Omit<react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement> & {
+    isActive?: boolean | undefined;
+}, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+interface MenuItemProps {
+    label: string;
+    imageUrl?: string;
+    icon?: React.ReactNode;
+}
+declare function MenuItem({ label, imageUrl, icon }: MenuItemProps): react_jsx_runtime.JSX.Element;
+
+interface PropertyListItemProps extends ComponentProps<"li"> {
+    isLoading?: boolean;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    detail?: React.ReactNode;
+    variant?: PropertyListItemSize;
+    showGradientBg?: boolean;
+    labelClassName?: string;
+    iconClassName?: string;
+    detailClassName?: string;
+}
+declare function PropertyListItem({ isLoading, label, detail, icon, className, variant, showGradientBg, labelClassName, iconClassName, detailClassName, ...props }: PropertyListItemProps): react_jsx_runtime.JSX.Element;
+
+interface SectionTitleProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    icon?: React.ReactNode;
+    accessory?: string | null;
+    actionIcon?: React.ReactNode;
+    className?: string;
+}
+declare function SectionTitle({ title, icon, accessory, actionIcon, className, ...props }: SectionTitleProps): react_jsx_runtime.JSX.Element;
+
+type SettingsControl = {
+    type: "percentage";
+    value: number | undefined;
+    onChange: (value: number | undefined) => void;
+    min?: number;
+    max?: number;
+    decimalsFormat?: number;
+    resetValueControl: {
+        label: string;
+        onSelect: () => void;
+        value: number | undefined;
+    };
+} | {
+    type: "amount";
+    value: number | undefined;
+    onChange: (value: number | undefined) => void;
+    options: {
+        value: number;
+    }[];
+    decimalsFormat?: number;
+    resetValueControl: {
+        label: string;
+        value: number | undefined;
+    };
+} | {
+    type: "switch";
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    tooltip?: Omit<TooltipProps, "children">;
+    disabled?: boolean;
+} | {
+    type: "options";
+    selectedLabel: string;
+    options: {
+        label: string;
+        onSelect: () => void;
+    }[];
+};
+interface SettingsItemProps {
+    icon: React.ReactNode;
+    label: string;
+    control?: SettingsControl;
+    link?: string;
+    transparent?: boolean;
+    helpTooltip?: Omit<TooltipProps, "children">;
+}
+declare function SettingsItem({ icon, label, control, link, transparent, helpTooltip, }: SettingsItemProps): react_jsx_runtime.JSX.Element;
+
+interface SwapStepItemProps {
+    descriptionBlocks: DescriptionBlock[];
+    showStepSeparator?: boolean;
+    link?: string;
+    status?: ActionStatus;
+}
+declare const STEP_ITEM_HEIGHT = 52;
+declare function SwapStepItem({ descriptionBlocks, showStepSeparator, link, status, }: SwapStepItemProps): react_jsx_runtime.JSX.Element;
+
+interface ActionLayoutProps {
+    lineCap?: ReactNode;
+    status?: ActionStatus;
+    showTimeline?: boolean;
+    statusIcon?: ReactNode;
+    nextStatus?: ActionStatus;
+    description?: ReactNode;
+    title?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+    showBody?: boolean;
+}
+declare function ActionLayout({ lineCap, status, showTimeline, showBody, nextStatus, statusIcon, description, title, icon, children, }: ActionLayoutProps): react_jsx_runtime.JSX.Element;
+interface ActionPropertiesProps {
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function ActionProperties({ timestamp, hash, url, }: ActionPropertiesProps): react_jsx_runtime.JSX.Element;
+declare const ActionLineOutRow: ({ status }: {
+    status?: ActionStatus;
+}) => react_jsx_runtime.JSX.Element;
+declare const ActionStatusRow: ({ children, status, icon, }: {
+    children?: ReactNode;
+    status: ActionStatus;
+    icon?: ReactNode;
+}) => react_jsx_runtime.JSX.Element;
+declare function ActionRow({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ActionWrapper({ children, status, className, }: {
+    children?: ReactNode;
+    status?: ActionStatus;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+interface TimestampProps {
+    time: number;
+}
+declare function Timestamp({ time }: TimestampProps): react_jsx_runtime.JSX.Element;
+
+interface BaseActionProps {
+    status: ActionStatus;
+    /** if set, renders a line upwards to the next item in the status color */
+    nextStatus?: ActionStatus;
+    /** should we render a line down to the previous item? (default true) */
+    showTimeline?: boolean;
+    /** if false, fades out everything but the status line (for collapsed timeline state) */
+    showBody?: boolean;
+}
+
+interface ApproveActionProps extends BaseActionProps {
+    profile: {
+        imageURI: string;
+        label: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function ApproveAction({ status, nextStatus, showTimeline, showBody, profile, chain, wallet, timestamp, hash, url, }: ApproveActionProps): react_jsx_runtime.JSX.Element;
+
+interface BridgeActionProps extends BaseActionProps {
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function BridgeAction({ status, nextStatus, showTimeline, showBody, token, chain, provider, timestamp, hash, url, }: BridgeActionProps): react_jsx_runtime.JSX.Element;
+
+interface FeesActionProps extends BaseActionProps {
+    total: FeesRowProps;
+    lines?: FeesRowProps[];
+}
+declare function FeesAction({ status, nextStatus, showTimeline, total, lines, }: FeesActionProps): react_jsx_runtime.JSX.Element;
+interface FeesTotalProps {
+    status: ActionStatus;
+    nextStatus?: ActionStatus;
+    total: FeesRowProps;
+    showTimeline?: boolean;
+    collapsed?: boolean;
+}
+declare function FeesTotal({ status, nextStatus, total, showTimeline, collapsed, }: FeesTotalProps): react_jsx_runtime.JSX.Element;
+interface FeesLinesProps {
+    status: ActionStatus;
+    lines?: FeesRowProps[];
+    showTimeline?: boolean;
+}
+declare function FeesLines({ status, lines, showTimeline, }: FeesLinesProps): react_jsx_runtime.JSX.Element;
+interface FeesRowProps {
+    label: string;
+    amount: number | string;
+    symbol: string;
+    usd: number | string;
+    collapsed?: boolean;
+}
+
+interface IncompleteActionProps extends BaseActionProps {
+    message: string;
+    buttons: ReactNode;
+}
+declare function IncompleteAction({ status, nextStatus, message, buttons, }: IncompleteActionProps): react_jsx_runtime.JSX.Element;
+
+interface ReceiveNFTActionProps extends BaseActionProps {
+    nft: {
+        imageURI: string;
+        name: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+declare function ReceiveNFTAction({ status, nextStatus, showTimeline, showBody, nft, chain, wallet, timestamp, hash, url, }: ReceiveNFTActionProps): react_jsx_runtime.JSX.Element;
+
+interface ReceiveTokensActionProps extends BaseActionProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+declare function ReceiveTokensAction({ status, nextStatus, showTimeline, showBody, token, amount, chain, wallet, timestamp, hash, url, }: ReceiveTokensActionProps): react_jsx_runtime.JSX.Element;
+
+interface SendTokensActionProps extends BaseActionProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    wallet: {
+        imageURI: string;
+        address: string;
+        url: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+declare function SendTokensAction({ status, nextStatus, showTimeline, showBody, token, amount, chain, wallet, timestamp, hash, url, }: SendTokensActionProps): react_jsx_runtime.JSX.Element;
+
+interface StakeActionProps extends BaseActionProps {
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp: number;
+    hash: string;
+    url: string;
+}
+declare function StakeAction({ status, nextStatus, showTimeline, showBody, token, provider, timestamp, hash, url, }: StakeActionProps): react_jsx_runtime.JSX.Element;
+
+interface StartActionProps extends BaseActionProps {
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function StartAction({ status, nextStatus, showTimeline, showBody, timestamp, hash, url, }: StartActionProps): react_jsx_runtime.JSX.Element;
+
+interface SuccessActionProps extends BaseActionProps {
+    description?: string;
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function SuccessAction({ nextStatus, status, description, showTimeline, showBody, timestamp, hash, url, }: SuccessActionProps): react_jsx_runtime.JSX.Element;
+
+interface SwapActionProps extends BaseActionProps {
+    fromToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    toToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function SwapAction({ status, nextStatus, showTimeline, showBody, fromToken, toToken, provider, timestamp, hash, url, }: SwapActionProps): react_jsx_runtime.JSX.Element;
+
+interface WrapActionProps extends BaseActionProps {
+    fromToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    toToken: {
+        logoURI: string;
+        symbol: string;
+    };
+    provider: {
+        logoURI: string;
+        name: string;
+    };
+    timestamp?: number;
+    hash?: string;
+    url?: string;
+}
+declare function WrapAction({ status, nextStatus, showTimeline, showBody, fromToken, toToken, provider, timestamp, hash, url, }: WrapActionProps): react_jsx_runtime.JSX.Element;
+
+declare const actionComponentMap: {
+    readonly success: typeof SuccessAction;
+    readonly receive_tokens: typeof ReceiveTokensAction;
+    readonly receive_nft: typeof ReceiveNFTAction;
+    readonly approve: typeof ApproveAction;
+    readonly send_tokens: typeof SendTokensAction;
+    readonly swap: typeof SwapAction;
+    readonly bridge: typeof BridgeAction;
+    readonly wrap: typeof WrapAction;
+    readonly stake: typeof StakeAction;
+    readonly start: typeof StartAction;
+    readonly fees: typeof FeesAction;
+    readonly incomplete: typeof IncompleteAction;
+};
+type TransactionActionComponents = typeof actionComponentMap;
+type TransactionActionType = keyof TransactionActionComponents;
+type TransactionActionProps = {
+    [Type in TransactionActionType]: {
+        type: Type;
+        props: ComponentProps<TransactionActionComponents[Type]>;
+    };
+}[TransactionActionType];
+declare function TransactionAction({ type, props }: TransactionActionProps): react_jsx_runtime.JSX.Element;
+
+declare function linkActionTimelineProps(actions: TransactionActionProps[], collapsed: boolean): TransactionActionProps[];
+
+type TransactionItemVariant = "compact" | "full";
+type TransactionItemType = {
+    icon?: ReactNode;
+    name: string;
+};
+interface TransactionItemProps {
+    className?: string;
+    isLoading?: boolean;
+    status?: ActionStatus;
+    image?: ReactNode;
+    type?: TransactionItemType;
+    hash?: string;
+    fromChain?: {
+        logoURI: string;
+        name: string;
+    };
+    toChain?: {
+        logoURI: string;
+        name: string;
+    };
+    fromAmount?: string;
+    toAmount?: string;
+    timestamp?: number;
+    variant?: TransactionItemVariant;
+}
+declare function TransactionItem({ className, isLoading, status, image, type, hash, fromChain, toChain, fromAmount, toAmount, timestamp, variant, }: TransactionItemProps): react_jsx_runtime.JSX.Element;
+
+interface RouteStepProps {
+    imageUrl: string;
+    descriptionBlocks: DescriptionBlock[];
+    subtitle: string;
+    showStepSeparator?: boolean;
+}
+declare function RouteStep({ imageUrl, descriptionBlocks, subtitle, showStepSeparator, }: RouteStepProps): react_jsx_runtime.JSX.Element;
+
+declare function DropdownMenuTitle({ title }: {
+    title: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    children: ReactNode;
+    size: TextSize;
+    bold?: boolean;
+    tight?: boolean;
+}
+declare function BodyText({ size, children, bold, tight, ...props }: BodyTextProps): react_jsx_runtime.JSX.Element;
+
+interface CaptionProps extends React.HTMLAttributes<HTMLSpanElement> {
+    bold?: boolean;
+}
+declare function CaptionText({ children, bold, ...props }: CaptionProps): react_jsx_runtime.JSX.Element;
 
-interface DropdownProps {
-    tokenImageUrl?: string;
-    chainImageUrl?: string;
-    tokenSymbol?: string;
+interface HeadingTextProps {
+    children?: ReactNode;
+    size: TextSize;
+    bold?: boolean;
+    className?: string;
 }
-declare function Dropdown({ chainImageUrl, tokenImageUrl, tokenSymbol, }: DropdownProps): react_jsx_runtime.JSX.Element;
+declare function HeadingText({ children, bold, size, className, }: HeadingTextProps): react_jsx_runtime.JSX.Element;
+
+interface AssetsViewProps {
+    chains: {
+        name: string;
+        iconUrl: string;
+    }[];
+    favoriteTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+    }[];
+    popularTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+    }[];
+    userTokens: {
+        symbol: string;
+        name: string;
+        iconUrl: string;
+        chainIconUrl: string;
+        balance: string;
+    }[];
+}
+declare function AssetsView({ chains, favoriteTokens, popularTokens, userTokens, }: AssetsViewProps): react_jsx_runtime.JSX.Element;
+declare const List: ({ children }: react__default.PropsWithChildren) => react_jsx_runtime.JSX.Element;
+
+declare function MainView({ isLoading }: {
+    isLoading?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type WalletViewType = "paymentMethod" | "recipientEmpty" | "recipientTypingEns" | "recipientTypingAddress";
+interface WalletsViewProps {
+    type: WalletViewType;
+}
+declare function RecipientView({ type }: WalletsViewProps): react_jsx_runtime.JSX.Element;
+
+declare function SwapDetailsView({ isLoading, canToggleBoostMode, displayBoostMode, }: {
+    isLoading?: boolean;
+    canToggleBoostMode?: boolean;
+    displayBoostMode?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+type ChainData = {
+    networkName: string;
+    logoUrl: string;
+};
+type Token = {
+    symbol: string;
+    logoUrl: string;
+    bgColor: string;
+};
+declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete, socialLink, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, footerButton, refundTokenSymbol, }: {
+    steps: SwapStep[];
+    handleClose?: (swapState: SwapState) => void;
+    handleComplete?: () => void;
+    isOpen?: boolean;
+    socialLink?: string;
+    supportLink?: string;
+    fromToken: Token;
+    toToken: Token;
+    fromAmount: string;
+    toAmount: string;
+    fromChain: ChainData;
+    toChain: ChainData;
+    fromAddressFormatted: string;
+    toAddressFormatted: string;
+    swapState: SwapState;
+    estimatedTimeToComplete?: string;
+    footerButton?: SwapStepsCollapsedFooterButton;
+    refundTokenSymbol?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface BaseTransactionViewProps {
+    title?: string;
+    hash: string;
+    status: ActionStatus;
+    url?: string;
+    actions: TransactionActionProps[];
+    fees: FeesActionProps;
+}
+
+interface BridgeTransactionViewProps extends BaseTransactionViewProps {
+    amount: string;
+    token: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    address: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+declare function BridgeTransactionView({ title, hash, status, url, amount, token, fromChain, toChain, address, actions, fees, boosted, timeToComplete, }: BridgeTransactionViewProps): react_jsx_runtime.JSX.Element;
+
+interface BuyNFTTTransactionViewProps extends BaseTransactionViewProps {
+    title: string;
+    imageURI: string;
+    collection: {
+        imageURI: string;
+        name: string;
+    };
+    price: string;
+    token: {
+        logoURI: string;
+        symbol: string;
+    };
+    marketplace: {
+        logoURI: string;
+        name: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    fromAddress: string;
+    toAddress: string;
+    boosted?: boolean;
+    tokenId: string;
+    nftType: string;
+    timeToComplete: string;
+}
+declare function BuyNFTTransactionView({ title, hash, status, url, imageURI, collection, price, token, marketplace, fromChain, toChain, fromAddress, toAddress, boosted, timeToComplete, tokenId, nftType, actions, fees, }: BuyNFTTTransactionViewProps): react_jsx_runtime.JSX.Element;
+
+interface InteractionTTransactionViewProps extends BaseTransactionViewProps {
+    image?: ReactNode;
+    chain: {
+        logoURI: string;
+        name: string;
+    };
+    address: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+declare function InteractionTransactionView({ title, hash, status, url, image, chain, address, boosted, timeToComplete, actions, fees, }: InteractionTTransactionViewProps): react_jsx_runtime.JSX.Element;
+
+interface SwapTransactionViewProps extends BaseTransactionViewProps {
+    fromAmount: string;
+    fromToken: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    toAmount: string;
+    toToken: {
+        logoURI: string;
+        bgColor: string;
+        symbol: string;
+    };
+    fromChain: {
+        logoURI: string;
+        name: string;
+    };
+    toChain: {
+        logoURI: string;
+        name: string;
+    };
+    fromAddress: string;
+    toAddress: string;
+    exchangeRate: string;
+    boosted?: boolean;
+    timeToComplete: string;
+}
+declare function SwapTransactionView({ title, hash, status, url, fromAmount, fromToken, toAmount, toToken, fromChain, toChain, fromAddress, toAddress, exchangeRate, boosted, timeToComplete, actions, fees, }: SwapTransactionViewProps): react_jsx_runtime.JSX.Element;
+
+declare const componentMap: {
+    readonly swap: typeof SwapTransactionView;
+    readonly buy_nft: typeof BuyNFTTransactionView;
+    readonly interaction: typeof InteractionTransactionView;
+    readonly bridge: typeof BridgeTransactionView;
+};
+type TransactionViewComponents = typeof componentMap;
+type TransactionViewType = keyof TransactionViewComponents;
+type TransactionViewProps = {
+    [Type in TransactionViewType]: {
+        type: Type;
+        props: ComponentProps<TransactionViewComponents[Type]>;
+    };
+}[TransactionViewType];
+declare function TransactionView({ type, props }: TransactionViewProps): react_jsx_runtime.JSX.Element;
+
+interface TransactionViewLayoutProps extends ComponentProps<"div"> {
+    isLoading?: boolean;
+    header?: ReactNode;
+    properties?: ReactNode;
+    actions?: TransactionActionProps[];
+    fees?: FeesActionProps;
+}
+declare function TransactionViewLayout({ isLoading, header, properties, actions, fees, ...props }: TransactionViewLayoutProps): react_jsx_runtime.JSX.Element;
+
+declare function WalletsView(): react_jsx_runtime.JSX.Element;
+
+interface ThemeProviderProps extends React.ComponentProps<"div"> {
+    theme?: Theme;
+    children?: React.ReactNode;
+    themeType?: ThemeType;
+}
+declare function ThemeProvider({ theme, children, themeType, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+
+type DropdownPosition = "top" | "bottom" | "center";
+type DropdownStyles = {
+    position: DropdownPosition;
+    maxHeight: number | null;
+};
+interface UseDropdownMenuParams {
+    initialIsModalOpen?: boolean;
+    itemsContainerRef?: react__default.RefObject<HTMLElement>;
+}
+declare function useDropdownMenu(props?: UseDropdownMenuParams): {
+    isDropdownOpen: boolean;
+    openDropdown: () => void;
+    closeDropdown: () => void;
+    dropdownRef: react__default.RefObject<HTMLDivElement>;
+    openDropdownButtonRef: react__default.RefObject<HTMLButtonElement>;
+    dropdownStyles: DropdownStyles | null;
+    itemRef: react__default.RefObject<HTMLLIElement>;
+    menuRef: react__default.RefObject<HTMLDivElement>;
+};
+
+type UseMediaQueryOptions = {
+    /**
+     * The default value to return if the hook is being run on the server.
+     * @default false
+     */
+    defaultValue?: boolean;
+    /**
+     * If `true` (default), the hook will initialize reading the media query. In SSR, you should set it to `false`, returning `options.defaultValue` or `false` initially.
+     * @default true
+     */
+    initializeWithValue?: boolean;
+};
+/**
+ * Custom hook that tracks the state of a media query using the [`Match Media API`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia).
+ * @param {string} query - The media query to track.
+ * @param {?UseMediaQueryOptions} [options] - The options for customizing the behavior of the hook (optional).
+ * @returns {boolean} The current state of the media query (true if the query matches, false otherwise).
+ * @public
+ * @example
+ * ```tsx
+ * const isSmallScreen = useMediaQuery('(max-width: 600px)');
+ * // Use `isSmallScreen` to conditionally apply styles or logic based on the screen size.
+ * ```
+ */
+declare function useMediaQuery(query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions): boolean;
+
+declare function useCollapsibleMenu(): {
+    isMenuOpen: boolean;
+    toggleMenu: () => void;
+    menuRef: react.RefObject<HTMLDivElement>;
+};
+
+declare function useOnResize(ref: React.RefObject<HTMLElement>, callback: (rect: DOMRectReadOnly) => void): void;
+declare function useRect(ref: React.RefObject<HTMLElement>): DOMRectReadOnly;
+
+declare function useVersion<T>(value: T, equal?: (a: T, b: T) => boolean): number;
+
+declare const useTimer: ({ immediateStart, }: {
+    immediateStart?: boolean;
+}) => {
+    timer: string;
+    stopTimer: () => void;
+    startTimer: () => void;
+};
+
+declare enum ThemePreference {
+    LIGHT = "light",
+    DARK = "dark",
+    SYSTEM = "system"
+}
+declare function useUserTheme(): {
+    themePreference: ThemePreference;
+    themeType: ThemeType;
+    theme: Theme;
+    setThemeManually: (theme: ThemePreference) => void;
+    isDarkMode: boolean;
+};
+
+declare const CSS_VARS: {
+    MOVE_WITH_SPRING_BOUNCE_DURATION: string;
+    DISPLAY_DELAYED_DURATION: string;
+    COLLAPSE_ROUTE_DURATION: string;
+    EXPAND_ROUTE_DURATION: string;
+    FADE_IN_DURATION: string;
+    FADE_OUT_DURATION: string;
+    SCALE_AND_FADE_UP_DURATION: string;
+    SCALE_AND_FADE_DOWN_DURATION: string;
+    TRANSLATE_TOP_OR_BOTTOM: string;
+    SHOW_MODAL_DURATION: string;
+    HIDE_MODAL_DURATION: string;
+    SLIDE_TO_TOP_DURATION: string;
+    SLIDE_TO_BOTTOM_DURATION: string;
+    BLUR_IN_DURATION: string;
+    BLUR_OUT_DURATION: string;
+    COLLAPSIBLE_MENU_OPEN_WIDTH: string;
+    COLLAPSIBLE_MENU_OPEN_HEIGHT: string;
+    COLLAPSIBLE_MENU_CLOSED_WIDTH: string;
+    COLLAPSIBLE_MENU_CLOSED_HEIGHT: string;
+};
+type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT";
+declare const MEDIA_QUERIES: Record<MediaQuery, {
+    media: string;
+    key: string;
+    value: number;
+}>;
+
+declare const lightTheme: Theme;
+declare const darkTheme: Theme;
+declare const defaultTheme: Required<Theme>;
+
+declare const baseTailwindConfig: Config;
 
-declare function FeeButton(): react_jsx_runtime.JSX.Element;
+/**
+ * Combines multiple class names into a single string
+ *
+ * @example cn('px-2 py-1 bg-red hover:bg-dark-red', 'p-3 bg-[#B91C1C]') → 'hover:bg-dark-red p-3 bg-[#B91C1C]'
+ *
+ * @param inputs - The class names to be combined.
+ * @returns The combined class names as a string.
+ */
+declare const cn: (...inputs: ClassValue[]) => string;
 
-export { AddressButton, ArrowButton, BoostButton, Button, Chip, Dropdown, FeeButton };
+export { type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationWrapper, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AssetsView, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BridgeTransactionView, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy, CopyIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DescriptionBlock, DescriptionBlocks, DetailsToolbar, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EthereumIcon, ExplosionIcon, EyeOpenIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, IconLabel, Image, ImageIcon, ImageSparkle, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LightningIcon, LimitIcon, LinkIcon, List, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MainView, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoonIcon, NavigationBar, NewspaperIcon, NotAllowedIcon, NumericInput, PathSquareIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PlusIcon, PoopIcon, PowerIcon, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, PunkIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RecipientView, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, StakeAction, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapDetailsView, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProgressViewHeader, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, TagIcon, TagIconFilled, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, Timeline, Timestamp, Toast, TokenPair, Tooltip, type TooltipProps, type TooltipThreshold, type TooltipWidth, TradingViewStepsIcon, TransactionAction, type TransactionActionProps, type TransactionActionType, TransactionFilters, TransactionHeader, TransactionHeaderLayout, type TransactionHeaderProps, type TransactionHeaderType, TransactionItem, TransactionProperties, type TransactionPropertiesProps, type TransactionPropertiesType, TransactionSearch, TransactionState, TransactionView, TransactionViewLayout, type TransactionViewProps, type TransactionViewType, Transfer, TranslateIcon, TriangleExclamation, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WalletsView, WrapAction, XSocial, baseTailwindConfig, cn, darkTheme, defaultTheme, lightTheme, linkActionTimelineProps, statusTextClassMap, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };