@0xsquid/ui 2.6.4 → 2.6.5-animate-number-beta.1

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 /// <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 react__default, { ReactNode, ComponentProps, ChangeEvent } from 'react';
 import { Player } from '@lottiefiles/react-lottie-player';
-import * as framer_motion from 'framer-motion';
-import { motion } from 'framer-motion';
+import * as motion_react from 'motion/react';
+import { motion } from 'motion/react';
 import { Config } from 'tailwindcss';
 import { ClassValue } from 'clsx';
 
@@ -102,11 +102,11 @@ interface LoadingSkeletonProps {
     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"> {
+interface LoadingTextProps$1 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;
+declare function TextSkeleton({ className, width, children, isLoading, ...props }: LoadingTextProps$1): string | number | boolean | Iterable<react.ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
 interface LoadingBlockProps extends ComponentProps<"div"> {
     isLoading?: boolean;
 }
@@ -115,8 +115,10 @@ declare function BlockSkeleton({ isLoading, className, children, ...props }: Loa
 interface PriceChangeProps {
     variant?: "small" | "large";
     value: string | number;
+    highlightText?: boolean;
+    triangle?: "none" | "prefix" | "suffix";
 }
-declare function PriceChange({ value: rawValue, variant, }: PriceChangeProps): react_jsx_runtime.JSX.Element;
+declare function PriceChange({ value: rawValue, variant, highlightText, triangle, }: PriceChangeProps): react_jsx_runtime.JSX.Element;
 
 declare const statusTextClassMap: Record<ActionStatus, string>;
 interface TransactionStateProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -174,6 +176,39 @@ interface InputActionButtonProps {
     label?: string;
 }
 
+declare enum UserInputType {
+    TOKEN = 0,
+    USD = 1
+}
+interface UseNumericInputOptions {
+    token: Pick<Token$3, "decimals" | "price">;
+    onAmountChange: (tokenAmount: string) => void;
+    forcedAmount?: string;
+    formatIfVerySmall: {
+        token: string;
+        usd: string;
+    };
+    balance: string;
+    inputModeButton?: {
+        amountUsd?: string;
+    };
+    maxUsdDecimals?: number;
+    debounceInput?: boolean;
+    direction?: "from" | "to";
+    initialInputMode?: UserInputType;
+}
+declare function useNumericInput({ onAmountChange, token, balance, debounceInput, forcedAmount, formatIfVerySmall, inputModeButton, maxUsdDecimals, direction, initialInputMode, }: UseNumericInputOptions): {
+    userInputType: UserInputType;
+    inputValue: string;
+    handleInputChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    handleSwitchInputMode: () => void;
+    isTokenAmountVerySmall: boolean;
+    isUsdAmountVerySmall: boolean;
+    amountFormatted: string;
+    onBalanceButtonClick: () => void;
+    balanceFormatted: string;
+};
+
 type TooltipWidth = "max" | "container";
 type TooltipThreshold = "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
 interface TooltipProps {
@@ -195,7 +230,7 @@ interface Token$3 {
     symbol: string;
     decimals: number;
 }
-interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+interface NumericInputProps {
     token: Token$3;
     onAmountChange: (tokenAmount: string) => void;
     forcedAmount?: string;
@@ -203,28 +238,49 @@ interface NumericInputProps extends React.InputHTMLAttributes<HTMLInputElement>
         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">;
         hideMaxChip?: boolean;
     };
+    debounceInput?: boolean;
+    initialInputMode?: UserInputType;
+    customSymbol?: string;
+    hideControls?: boolean;
+    hideBalance?: boolean;
+    containerClassName?: string;
+    inputClassName?: string;
 }
-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 Props$1 extends NumericInputProps, React.InputHTMLAttributes<HTMLInputElement> {
+    direction?: SwapDirection;
+    showDetails?: boolean;
+    isLoading?: boolean;
+    isInteractive?: boolean;
+    priceImpactPercentage?: string;
+    criticalPriceImpactPercentage?: number;
+    error?: {
+        message: string;
+    };
+}
+declare function NumericInput({ priceImpactPercentage, balance, error, criticalPriceImpactPercentage, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, showDetails, isLoading, direction, inputModeButton, isInteractive, balanceButton, debounceInput, initialInputMode, customSymbol, hideControls, hideBalance, containerClassName, inputClassName, ...props }: Props$1): react_jsx_runtime.JSX.Element;
+
+declare function LargeNumericInput({ balance, token, onAmountChange, forcedAmount, maxUsdDecimals, formatIfVerySmall, inputModeButton, balanceButton, debounceInput, }: NumericInputProps): 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 SettingsSliderProps {
     value: number | undefined;
@@ -246,16 +302,6 @@ interface SwitchProps {
 }
 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;
@@ -282,7 +328,7 @@ interface BoostButtonProps {
 }
 declare function BoostButton({ boostMode, canToggleBoostMode, boostIndicatorRef, }: BoostButtonProps): react_jsx_runtime.JSX.Element;
 
-interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
+interface ChipProps extends React.HTMLAttributes<HTMLDivElement | HTMLButtonElement> {
     label?: string;
     icon?: React.ReactNode;
 }
@@ -296,6 +342,7 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     link?: string;
     isLoading?: boolean;
+    isShimmering?: boolean;
     showLoader?: boolean;
     loaderSize?: LoaderSize;
     chip?: ChipProps;
@@ -305,7 +352,7 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
 }
 type LoaderSize = "sm" | "md" | "lg";
 declare const buttonRoundedClassMap: Record<ButtonSize, Record<ButtonVariant, string>>;
-declare function Button({ label, disabled, size, variant, icon, link, isLoading, showLoader, loaderSize, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare function Button({ label, disabled, size, variant, icon, link, isLoading, isShimmering, showLoader, loaderSize, chip, containerClassName, anchorRef, buttonRef, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
 interface FeeButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     feeInUsd?: string;
@@ -333,6 +380,19 @@ interface SettingsButtonProps {
 }
 declare function SettingsButton({ label, isSelected, onClick, }: SettingsButtonProps): react_jsx_runtime.JSX.Element;
 
+interface AnimateNumberProps {
+    number: string;
+    showMask?: boolean;
+    className?: string;
+    isLoading?: boolean;
+}
+declare function AnimateNumber({ isLoading, number, showMask, className, }: AnimateNumberProps): react_jsx_runtime.JSX.Element;
+
+interface LoadingTextProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: ButtonVariant;
+}
+declare function LoadingText({ children, className, ...props }: LoadingTextProps): react_jsx_runtime.JSX.Element;
+
 declare function Approve(): react_jsx_runtime.JSX.Element;
 
 declare function ArrowRightIcon(): react_jsx_runtime.JSX.Element;
@@ -786,6 +846,19 @@ declare function MaxIcon(): react_jsx_runtime.JSX.Element;
 
 declare function NotAllowedIcon(): react_jsx_runtime.JSX.Element;
 
+declare function GooglePayIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function ApplePayIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function CreditCardIcon({ className, size, }: {
+    className?: string;
+    size?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare function PercentIcon({ size, className, }: {
     size?: string;
     className?: string;
@@ -853,7 +926,10 @@ declare function SquidVector({ size, className, }: {
     className?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare function SwapInputsIcon(): react_jsx_runtime.JSX.Element;
+declare function SwapInputsIcon({ size, className, }: {
+    size?: string;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
 declare function SwapIcon({ size, className, }: {
     size?: string;
     className?: string;
@@ -927,6 +1003,9 @@ declare function CrossedOutSunSolidIcon({ size, className, }: {
 interface Props extends React.ComponentProps<typeof Player> {
 }
 declare const AnimationWrapper: (playerProps: Props) => react_jsx_runtime.JSX.Element;
+declare function AnimationCard({ children }: {
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
 
 interface AnnouncementProps {
     message: string;
@@ -941,528 +1020,8 @@ interface AppContainerProps extends ComponentProps<typeof motion.div> {
 }
 declare function AppContainer({ children, className, layoutKey, ...props }: AppContainerProps): react_jsx_runtime.JSX.Element;
 declare namespace AppContainer {
-    var Nav: ({ className, children, ...props }: {
-        color?: string | undefined;
-        slot?: string | undefined;
-        title?: 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"?: "none" | "list" | "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"?: "none" | "link" | "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?: "none" | "search" | "text" | "numeric" | "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: {
-        color?: string | undefined;
-        slot?: string | undefined;
-        title?: 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"?: "none" | "list" | "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"?: "none" | "link" | "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?: "none" | "search" | "text" | "numeric" | "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 Nav: ({ className, children, ...props }: Omit<motion_react.HTMLMotionProps<"div">, "ref"> & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+    var Content: (props: Omit<motion_react.HTMLMotionProps<"div">, "ref"> & react.RefAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
 }
 
 interface BoostProps {
@@ -1643,6 +1202,11 @@ interface ModalContentProps extends React.HTMLAttributes<HTMLDivElement> {
 declare function ModalContent({ children, addGap, paddingY, borderType, className, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
 declare function ModalContentDivider(): react_jsx_runtime.JSX.Element;
 
+interface ModalTitleProps {
+    title: string;
+}
+declare function ModalTitle({ title }: ModalTitleProps): react_jsx_runtime.JSX.Element;
+
 interface ActionButton {
     labelOrIcon: string | React.ReactNode;
     onClick?: () => void;
@@ -1674,6 +1238,18 @@ declare function BorderedContainer({ children, className, }: {
 
 declare function ProfileHeaderBackground(): react_jsx_runtime.JSX.Element;
 
+interface AddressHeaderProps {
+    direction: SwapDirection;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    tooltip?: TooltipProps["tooltipContent"];
+    label: string;
+    walletIconUrl?: string | null;
+    isLoading?: boolean;
+    displayLabel?: boolean;
+    highlightLabel?: boolean;
+}
+declare const AddressHeader: ({ direction, onClick, isDisabled, tooltip, label, walletIconUrl, isLoading, displayLabel, highlightLabel, }: AddressHeaderProps) => react_jsx_runtime.JSX.Element;
 interface SwapConfigurationProps {
     direction: SwapDirection;
     priceImpactPercentage?: string;
@@ -1720,10 +1296,14 @@ interface SwapConfigurationProps {
         address?: string;
         emptyAddressLabel?: string;
         disabled?: boolean;
+        walletIconUrl?: string | null;
     };
     showNumericInputDetails?: boolean;
+    fullHeight?: boolean;
+    debounceInput?: boolean;
+    showWalletButtonHeader?: 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;
+declare function SwapConfiguration({ amount, tokenPrice, isFetching: isFetchingProp, chain, token, direction, onAmountChange, balance, criticalPriceImpactPercentage, error, priceImpactPercentage, maxUsdDecimals, isInputInteractive, isLoading, inputModeButton, balanceButton, assetsButton, walletButton, showNumericInputDetails, fullHeight, debounceInput, showWalletButtonHeader, }: SwapConfigurationProps): react_jsx_runtime.JSX.Element;
 
 interface SwapStepsCollapsedFooterButton {
     label: string;
@@ -2177,8 +1757,9 @@ interface HistoryItemProps {
     onClick?: () => void;
     warningLabel?: string;
     dropdownMenuContent?: React.ReactNode;
+    txType: "swap" | "send";
 }
-declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuContent, itemsContainerRef, status, warningLabel, onClick, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
+declare function HistoryItem({ firstImageUrl, secondImageUrl, dateCompleted, fromAmount, fromLabel, toAmount, toLabel, dropdownMenuContent, itemsContainerRef, status, warningLabel, txType, onClick, }: HistoryItemProps): react_jsx_runtime.JSX.Element;
 
 type HTMLInteractiveItem = HTMLButtonElement | HTMLDivElement | HTMLLabelElement;
 interface ListItemProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -2651,18 +2232,21 @@ type TabSize = "small" | "large";
 interface TabsProps {
     tabs: Array<{
         label: string;
+        isDisabled?: boolean;
     }>;
     size?: TabSize;
     activeTab?: number;
     onTabChange?: (tabIndex: number) => void;
+    isDisabled?: boolean;
 }
-declare function Tabs({ tabs, size, onTabChange, activeTab, }: TabsProps): react_jsx_runtime.JSX.Element;
+declare function Tabs({ tabs, size, onTabChange, activeTab, isDisabled, }: TabsProps): react_jsx_runtime.JSX.Element;
 interface TabProps extends react__default.ComponentProps<"button"> {
     label: string;
     size: TabSize;
     isActive?: boolean;
+    isDisabled?: boolean;
 }
-declare function Tab({ label, isActive, size, ...props }: TabProps): react_jsx_runtime.JSX.Element;
+declare function Tab({ label, isActive, size, isDisabled, ...props }: TabProps): react_jsx_runtime.JSX.Element;
 
 interface BodyTextProps extends React.HTMLAttributes<HTMLSpanElement> {
     children: ReactNode;
@@ -2734,7 +2318,7 @@ interface Token {
     logoUrl: string;
     bgColor: string;
 }
-declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, footerButton, refundTokenSymbol, addGasLink, shareSwapDropdownContent, }: {
+declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete, supportLink, fromAmount, fromChain, fromToken, toAmount, toChain, toToken, fromAddressFormatted, toAddressFormatted, swapState, estimatedTimeToComplete, footerButton, refundTokenSymbol, addGasLink, shareSwapDropdownContent, isSendTransaction, }: {
     steps: SwapStep[];
     handleClose?: (swapState: SwapState) => void;
     handleComplete?: () => void;
@@ -2754,6 +2338,7 @@ declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete,
     footerButton?: SwapStepsCollapsedFooterButton;
     refundTokenSymbol?: string;
     addGasLink?: string;
+    isSendTransaction?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface BaseTransactionViewProps {
@@ -2893,6 +2478,12 @@ interface ThemeProviderProps extends React.ComponentProps<"div"> {
 }
 declare function ThemeProvider({ theme, children, themeType, settings, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
 
+declare function useCollapsibleMenu(): {
+    isMenuOpen: boolean;
+    toggleMenu: () => void;
+    menuRef: react.RefObject<HTMLDivElement>;
+};
+
 interface DropdownStyles {
     position: DropdownPosition;
     maxHeight: number | null;
@@ -2938,17 +2529,9 @@ type UseMediaQueryOptions = {
  */
 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;
 }) => {
@@ -2970,6 +2553,8 @@ declare function useUserTheme(): {
     isDarkMode: boolean;
 };
 
+declare function useVersion<T>(value: T, equal?: (a: T, b: T) => boolean): number;
+
 declare const CSS_VARS: {
     MOVE_WITH_SPRING_BOUNCE_DURATION: string;
     DISPLAY_DELAYED_DURATION: string;
@@ -3017,6 +2602,7 @@ declare const spacing: {
     "squid-m": string;
     "squid-l": string;
     "squid-xl": string;
+    "squid-xl2": string;
     "squid-xxl": string;
 };
 declare const baseTailwindConfig: Config;
@@ -3030,6 +2616,8 @@ declare const baseTailwindConfig: Config;
  * @returns The combined class names as a string.
  */
 declare const cn: (...inputs: ClassValue[]) => string;
+declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
+declare const pxToRem: (px: string | number, baseFontSize?: number) => number;
 
 interface RGB {
     r: number;
@@ -3043,8 +2631,6 @@ interface RGB {
  * @param style
  */
 declare const parseSquidTheme: (userTheme: Theme, themeType: ThemeType) => Record<string, string | undefined> | undefined;
-declare const remToPx: (rem: string | number, baseFontSize?: number) => number;
-declare const pxToRem: (px: string | number, baseFontSize?: number) => number;
 declare function getContrastColor({ r, g, b, }: {
     r: number;
     g: number;
@@ -17045,4 +16631,4 @@ declare const transactionRejectedAnimation: {
     markers: never[];
 };
 
-export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, CelebrateIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleCheckIcon, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy2Icon, CopyOutlinedIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, 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, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HighestPriceRangeIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, type IconButtonProps, IconLabel, Image, ImageGroup, ImageIcon, type ImageProps, ImageSparkle, ImageStack, ImageState, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, MoneyBagIcon, MoonIcon, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type PublicTheme, PunkIcon, QrCodeIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, type Settings, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileFilledIcon, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, SquidVector, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, 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, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, themeKeysToCssVariables, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useOnResize, useRect, useTimer, useUserTheme, useVersion };
+export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, AddressHeader, type AllOrNone, AnimateNumber, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, ApplePayIcon, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownRightIcon, ArrowDownIcon, ArrowExpandIcon, ArrowLeftIcon, ArrowOutOfBoxIcon, ArrowRightDownCircleIcon, ArrowRightDownIcon, ArrowRightIcon, ArrowRightUpCircleIcon, ArrowRightUpIcon, ArrowRotate, ArrowSplit, ArrowTriangle, ArrowUpIcon, ArrowWallDownIcon, ArrowsSwapIcon, AssetsButton, type AssetsButtonVariant, AtomIcon, BackpackIcon, BadgeImage, BankIcon, type BaseActionProps, type BaseTransactionViewProps, BellAlarmIcon, BlockSkeleton, BodyText, Boost, BoostBadge, BoostButton, BorderedContainer, Breadcrumb, BridgeAction, BridgeHeader, BridgeProperties, BrokenHeartIcon, BubblesIcon, Button, type ButtonSize, type ButtonVariant, BuyNFTHeader, BuyNFTProperties, BuyNFTTransactionView, CSS_VARS, Calendar, CaptionText, CatSquareIcon, CelebrateIcon, ChainLink, Checkmark1Icon, Checkmark2Icon, ChevronArrowIcon, ChevronDownSmallIcon, ChevronGrabberVerticalIcon, ChevronLargeDownIcon, ChevronLargeRightIcon, ChevronRightSmallIcon, ChevronTopIcon, ChevronTopSmallIcon, Chip, type ChipProps, CircleCheckIcon, CircleMinusIcon, CirclePlusIcon, CircleX, CircleXFilledIcon, ClockOutlineIcon, ClockSolidIcon, CodeBracketsIcon, CodeSolidSquareIcon, CoinsAddIcon, CoinsIcon, CoinsOutlinedIcon, Collapse, CollapsibleMenu, CollectionIcon, ColorPaletteIcon, CommandIcon, CompassRoundOutlinedIcon, CompassRoundSolidIcon, ConsoleIcon, Copy2Icon, CopyOutlinedIcon, CreditCardIcon, CrossAnimatedIcon, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, 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, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, GasIcon, GhostIcon, GithubIcon, GooglePayIcon, HashLink, HeadingText, HeartSmallIcon, HelpIcon, HighestPriceRangeIcon, HistoryItem, type HistoryItemStatus, HomeIcon, IconButton, type IconButtonProps, IconLabel, Image, ImageGroup, ImageIcon, type ImageProps, ImageSparkle, ImageStack, ImageState, IncompleteAction, InfinityIcon, InfoBox, Inline, Input, InteractionHeader, InteractionProperties, InteractionTransactionView, Join, LaptopIcon, LargeNumericInput, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, LoadingText, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoonIcon, NavigationBar, NewsIcon, NewspaperIcon, NotAllowedIcon, NumericInput, type NumericInputProps, PathSquareIcon, PauseIcon, PercentIcon, PhoneIcon, PieChartIcon, PipeSeparator, PluginIcon, PlusIcon, PoopIcon, PowerIcon, PriceChange, ProductCard, ProfileHeader, ProfileHeaderBackground, PropertiesLayout, PropertyListItem, type PropertyListItemProps, type Props$1 as Props, type PublicTheme, PunkIcon, QrCodeIcon, RangeInput, ReceiptBillIcon, ReceiveNFTAction, ReceiveTokensAction, RefreshIcon, ReorderIcon, RouteStep, STEP_ITEM_HEIGHT, SearchIcon, SectionTitle, SendTokensAction, type Settings, SettingsButton, type SettingsButtonProps, type SettingsControl, SettingsGearIcon, SettingsItem, type SettingsItemProps, SettingsSlider, SettingsSliderIcon, type SettingsSliderProps, ShoppingBagIcon, SizeTransition, SmileFilledIcon, SmileIcon, SnapIcon, SortIcon, SparkleIcon, SparklesIcon, SquareArrowCenter, SquareArrowTopLeftIcon, SquareArrowTopRight2Icon, SquidLogo, SquidVector, StakeAction, StarLinesIcon, StartAction, StocksIcon, SuccessAction, SunIcon, SunOutlinedIcon, SunriseIcon, SunriseSmallIcon, SwapAction, SwapConfiguration, SwapErrorIcon, SwapHeader, type SwapHeaderProps, SwapIcon, SwapInputsIcon, SwapProgressView, SwapProperties, type SwapPropertiesProps, SwapState, type SwapStep, SwapStepItem, SwapStepSeparator, SwapStepsCollapsed, type SwapStepsCollapsedFooterButton, SwapSuccessIcon, SwapTransactionView, SwapWarningIcon, Switch, type SwitchProps, Tab, Tabs, TagIcon, TagIconFilled, TelegramIcon, TextSkeleton, type Theme, ThemePreference, ThemeProvider, type ThemeType, ThumbsUp, Tick, TimeFliesIcon, type Timeframe, Timeline, Timestamp, Toast, type Token$3 as Token, TokenDetailsView, TokenGroup, type TokenGroupProps, type TokenGroupVariant, TokenGroups, 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, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, UserInputType, WalletFilledIcon, WalletIcon, WalletLink, WrapAction, XSocialIcon, adjustColorForContrast, baseTailwindConfig, blendColors, buttonRoundedClassMap, cn, darkTheme, getColorBrightness, getContrastColor, getHexColorFromOpacityPercentage, getWalletCardBackground, hexToRgb, isValidHexColor, lightTheme, linkActionTimelineProps, parseColor, parseSquidTheme, pxToRem, remToPx, rgbToHex, spacing, statusTextClassMap, themeKeysToCssVariables, transactionErrorPauseAnimation, transactionFailureAnimation, transactionHalfSuccessAnimation, transactionPendingAnimation, transactionProcessingAnimation, transactionRejectedAnimation, transactionSuccessAnimation, useCollapsibleMenu, useDropdownMenu, useMediaQuery, useNumericInput, useOnResize, useRect, useTimer, useUserTheme, useVersion };