@0xsquid/ui 2.7.1-dex-beta.1 → 2.8.0

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';
 
@@ -85,7 +85,7 @@ interface IconLabelProps {
 }
 declare function IconLabel({ src, children, rounded }: IconLabelProps): react_jsx_runtime.JSX.Element;
 
-type ImageGroupSize = "small" | "medium" | "large";
+type ImageGroupSize = "small" | "large";
 interface ImageGroupProps {
     imageUrls: string[];
     badge?: Omit<ImageProps, "border" | "size">;
@@ -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;
 }
@@ -116,9 +116,9 @@ interface PriceChangeProps {
     variant?: "small" | "large";
     value: string | number;
     highlightText?: boolean;
-    triangleAsPrefix?: boolean;
+    triangle?: "none" | "prefix" | "suffix";
 }
-declare function PriceChange({ value: rawValue, variant, highlightText, triangleAsPrefix, }: 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> {
@@ -176,11 +176,38 @@ interface InputActionButtonProps {
     label?: string;
 }
 
-interface LargeNumericInputProps {
-    value?: string;
-    onChange: (value: string) => void;
+declare enum UserInputType {
+    TOKEN = 0,
+    USD = 1
 }
-declare function LargeNumericInput({ onChange, value }: LargeNumericInputProps): react_jsx_runtime.JSX.Element;
+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";
@@ -203,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;
@@ -211,29 +238,39 @@ 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;
+}
+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, ...props }: NumericInputProps): react_jsx_runtime.JSX.Element;
+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;
@@ -305,6 +342,7 @@ interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     disabled?: boolean;
     link?: string;
     isLoading?: boolean;
+    isShimmering?: boolean;
     showLoader?: boolean;
     loaderSize?: LoaderSize;
     chip?: ChipProps;
@@ -314,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;
@@ -332,8 +370,6 @@ declare function FilterButton({ selected, numApplied, onClick, }: FilterButtonPr
 
 interface IconButtonProps extends React.ComponentProps<"button"> {
     icon: React.ReactNode;
-    size?: number;
-    variant?: "rounded" | "circle";
 }
 declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
@@ -344,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;
@@ -361,13 +410,8 @@ declare function ChevronArrowIcon({ size, className, }: {
     size?: string;
     className?: string;
 }): react_jsx_runtime.JSX.Element;
-declare function ArrowTriangle({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function ArrowCornerDownLeftIcon({ className, size, }: {
+declare function ArrowTriangle({ className }: {
     className?: string;
-    size?: string;
 }): react_jsx_runtime.JSX.Element;
 declare function PauseIcon({ size, className, }: {
     size?: string;
@@ -546,6 +590,13 @@ declare function PowerIcon({ size, className, }: {
     className?: 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 DashboardFast({ size, className, }: {
     size?: string;
     className?: string;
@@ -712,35 +763,6 @@ declare function CircleCheckIcon({ className, size, }: {
     className?: string;
     size?: string;
 }): react_jsx_runtime.JSX.Element;
-declare function EscKeyIcon({ className, width, height, }: {
-    className?: string;
-    width?: string;
-    height?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function StarFilledIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function StarOutlinedIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function FireIcon({ className, size, }: {
-    className?: string;
-    size?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function TrophyIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function SearchMenuIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
-declare function MoneyBagSolidIcon({ size, className, }: {
-    size?: string;
-    className?: string;
-}): react_jsx_runtime.JSX.Element;
 
 declare function EmptyHeartIcon({ className }: {
     className?: string;
@@ -824,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;
@@ -891,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;
@@ -937,7 +975,7 @@ declare function TriangleExclamation(): react_jsx_runtime.JSX.Element;
 declare function WalletIcon({ size }: {
     size?: string;
 }): react_jsx_runtime.JSX.Element;
-declare function WalletOutlinedIcon({ size }: {
+declare function WalletFilledIcon({ size }: {
     size?: string;
 }): react_jsx_runtime.JSX.Element;
 
@@ -982,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 {
@@ -1605,7 +1123,6 @@ interface DropdownMenuProps {
     trigger?: React.ReactNode;
 }
 declare function DropdownMenu({ dropdownRef, className, menuRef, isHidden, listClassName, containerClassName, children, contentWrapperProps, menuContentClassName, trigger, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuSeparator(): react_jsx_runtime.JSX.Element;
 
 type ErrorMessageProps = {
     message: string;
@@ -1707,8 +1224,9 @@ interface NavigationBarProps extends React.ComponentProps<"nav"> {
     actions?: ActionButton[];
     isLoading?: boolean;
     subtitle?: string;
+    paddingRight?: number;
 }
-declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, ...props }: NavigationBarProps): react_jsx_runtime.JSX.Element;
+declare function NavigationBar({ title, displayBackButton, logoUrl, transparent, displayButtonShadows, onBackButtonClick, actions, isLoading, subtitle, paddingRight, ...props }: NavigationBarProps): react_jsx_runtime.JSX.Element;
 
 declare function PipeSeparator(props: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
 
@@ -1720,6 +1238,19 @@ declare function BorderedContainer({ children, className, }: {
 
 declare function ProfileHeaderBackground(): react_jsx_runtime.JSX.Element;
 
+interface AddressHeaderProps {
+    direction: SwapDirection;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    tooltip?: Omit<TooltipProps, "children">;
+    label: string;
+    walletIconUrl?: string | null;
+    isLoading?: boolean;
+    displayLabel?: boolean;
+    highlightLabel?: boolean;
+    showIcon?: boolean;
+}
+declare const AddressHeader: ({ direction, onClick, isDisabled, tooltip, label, walletIconUrl, isLoading, displayLabel, highlightLabel, showIcon, }: AddressHeaderProps) => react_jsx_runtime.JSX.Element;
 interface SwapConfigurationProps {
     direction: SwapDirection;
     priceImpactPercentage?: string;
@@ -1766,12 +1297,15 @@ interface SwapConfigurationProps {
         address?: string;
         emptyAddressLabel?: string;
         disabled?: boolean;
+        walletIconUrl?: string | null;
+        showIcon?: boolean;
     };
     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, fullHeight, debounceInput, }: 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;
@@ -1809,7 +1343,7 @@ interface Chain {
     name: string;
     image: string;
 }
-type Timeframe = "15M" | "1H" | "4H" | "1D" | "1W" | "1M" | "1Y";
+type Timeframe = "1H" | "1D" | "1W" | "1Y";
 interface TokenDetailsViewProps {
     isOpen: boolean;
     onClose: () => void;
@@ -1841,11 +1375,6 @@ interface FooterButtonProps extends React.ComponentProps<"button"> {
     label: string;
     icon: React.ReactNode;
 }
-declare const TimeframeChip: ({ label, isSelected, onClick, }: {
-    label: Timeframe;
-    isSelected: boolean;
-    onClick: () => void;
-}) => react_jsx_runtime.JSX.Element;
 declare const TokenDetailsView: ({ isOpen, onClose, token, chain, tokenPrice, priceChange, balance, balanceUSD, volume24h, marketCap, totalSupply, loading, onLikeToken, isFavorite, Chart, initialTimeframe, onTimeframeChange, footerButtons, backdropStyle, colors, }: TokenDetailsViewProps) => react_jsx_runtime.JSX.Element;
 
 interface TokenPairProps {
@@ -2230,8 +1759,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> {
@@ -2386,9 +1916,8 @@ interface TokenGroupProps<T> {
     onChildClick?: (tokenProps: T) => void;
     isAdjacentToPreviousExpanded?: boolean;
     isAdjacentToNextExpanded?: boolean;
-    action?: React.ReactNode;
 }
-declare function TokenGroup<T extends TokenGroupProps<T>>({ isSelected, tokenItems, priceChange, balance, balanceUsd, extraSpacing, chainImageUrl, imageUrl, symbol, name, onClick, variant, className, onChildClick, isAdjacentToPreviousExpanded, isAdjacentToNextExpanded, action, }: TokenGroupProps<T>): react_jsx_runtime.JSX.Element;
+declare function TokenGroup<T extends TokenGroupProps<T>>({ isSelected, tokenItems, priceChange, balance, balanceUsd, extraSpacing, chainImageUrl, imageUrl, symbol, name, onClick, variant, className, onChildClick, isAdjacentToPreviousExpanded, isAdjacentToNextExpanded, }: TokenGroupProps<T>): react_jsx_runtime.JSX.Element;
 
 interface TokenGroupsProps<T extends TokenGroupProps<T>> {
     groups: T[];
@@ -2791,7 +2320,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;
@@ -2811,6 +2340,7 @@ declare function SwapProgressView({ steps, isOpen, handleClose, handleComplete,
     footerButton?: SwapStepsCollapsedFooterButton;
     refundTokenSymbol?: string;
     addGasLink?: string;
+    isSendTransaction?: boolean;
 }): react_jsx_runtime.JSX.Element;
 
 interface BaseTransactionViewProps {
@@ -2942,36 +2472,6 @@ interface TransactionViewLayoutProps extends ComponentProps<"div"> {
 }
 declare function TransactionViewLayout({ isLoading, header, properties, actions, fees, ...props }: TransactionViewLayoutProps): react_jsx_runtime.JSX.Element;
 
-interface MarketStat {
-    label: string;
-    value: string;
-}
-interface ChartMenuItem {
-    id: string;
-    label: string;
-    icon?: React.ReactNode;
-}
-interface DexChartProps {
-    price: string;
-    priceChange: string | number;
-    isPositive?: boolean;
-    selectedTimeSpan: Timeframe;
-    onTimeSpanChange: (timeSpan: Timeframe) => void;
-    menuItems?: ChartMenuItem[];
-    onMenuItemClick?: (itemId: string) => void;
-    onSettingsOpen?: () => void;
-    isMenuOpen?: boolean;
-    menuRef?: React.RefObject<HTMLDivElement>;
-    dropdownRef?: React.RefObject<HTMLDivElement>;
-    openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
-    stats: MarketStat[];
-    children?: React.ReactNode;
-    isLoading?: boolean;
-    className?: string;
-    timeSpanOptions?: Timeframe[];
-}
-declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): react_jsx_runtime.JSX.Element;
-
 interface ThemeProviderProps extends React.ComponentProps<"div"> {
     theme?: Theme;
     children?: React.ReactNode;
@@ -2980,6 +2480,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;
@@ -3025,17 +2531,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;
 }) => {
@@ -3057,6 +2555,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;
@@ -3087,7 +2587,7 @@ declare const ANIMATION_DURATIONS: {
     BOOST_BUTTON: number;
     GENERIC: number;
 };
-type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT" | "DESKTOP_MD";
+type MediaQuery = "MOBILE_LG" | "MOBILE_SM_HEIGHT" | "MOBILE_XS" | "MOBILE_XS_HEIGHT";
 declare const MEDIA_QUERIES: Record<MediaQuery, {
     media: string;
     key: string;
@@ -3118,6 +2618,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;
@@ -3131,8 +2633,6 @@ interface RGB {
  * @param style
  */
 declare const parseSquidTheme: (userTheme: Theme, themeType: ThemeType) => Record<string, string | undefined> | undefined;
-declare const remToPx: (rem: string | number, addSuffix?: boolean) => string;
-declare const pxToRem: (px: string | number, addSuffix?: boolean) => string;
 declare function getContrastColor({ r, g, b, }: {
     r: number;
     g: number;
@@ -17133,4 +16633,4 @@ declare const transactionRejectedAnimation: {
     markers: never[];
 };
 
-export { ANIMATION_DURATIONS, AccountListItem, AccountsButton, type ActionButton, ActionLayout, ActionLineOutRow, ActionProperties, ActionRow, type ActionStatus, ActionStatusRow, ActionWrapper, AddressButton, type AllOrNone, AnimationCard, AnimationWrapper, Announcement, type AnnouncementProps, AppContainer, Approve, ApproveAction, ArrowBottomTopIcon, ArrowButton, ArrowCornerDownLeftIcon, 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, type ChartMenuItem, 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, CrossedOutSunSolidIcon, DashboardFast, type DeepPartial, DepositAddressView, type DescriptionBlock, DescriptionBlocks, DetailsToolbar, DexChart, type DexChartProps, DiscordIcon, DockIconAnalytics, DockIconCheckout, DockIconHelp, DockIconProfile, DockIconScan, DockIconSwap, DockSwapIcon, DollarOutlinedIcon, DollarSolidIcon, DotGrid1x3HorizontalIcon, DropdownMenu, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuSeparator, DropdownMenuTitle, type DropdownPosition, type DropdownStyles, EmojiMeh, EmojiSadIcon, EmptyHeartIcon, ErrorMessage, EscKeyIcon, EthereumIcon, ExplosionIcon, EyeOpenIcon, FarcasterIcon, FavouriteFilterIcon, FeeButton, FeesAction, type FeesActionProps, FeesLines, FeesTotal, FileDownloadIcon, FilledHeartIcon, FilterAscendingIcon, FilterButton, FilterIcon, FilterTimelineIcon, FireIcon, 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, LargeNumericInput, LightningIcon, LimitIcon, LinkIcon, ListItem, ListItemActionsButton, Loader, LoadingProvider, LoadingSkeleton, MEDIA_QUERIES, MarketCapIcon, MaxIcon, Menu, MenuItem, MenuSwapIcon, MirrorIcon, Modal, ModalContent, ModalContentDivider, ModalTitle, MoneyBagIcon, MoneyBagSolidIcon, 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, SearchMenuIcon, 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, StarFilledIcon, StarLinesIcon, StarOutlinedIcon, 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, TimeframeChip, 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, TrophyIcon, TxProgressViewHeader, UnsupportedPairNotice, UsdAmount, WalletIcon, WalletLink, WalletOutlinedIcon, 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 };