@orderly.network/ui 2.5.3-alpha.1 → 2.6.0-alpha.0

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as SliderPrimitive from '@radix-ui/react-slider';
@@ -24,7 +25,6 @@ export { default as toast } from 'react-hot-toast';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as tailwindcss_types_config from 'tailwindcss/types/config';
 import * as date_fns from 'date-fns';
 import * as date_fns_locale from 'date-fns/locale';
@@ -3783,7 +3783,7 @@ type DataTableClassNames = {
 
 type DataTableProps<RecordType> = {
     columns: Column<RecordType>[];
-    dataSource?: RecordType[] | null;
+    dataSource?: RecordType[] | ReadonlyArray<RecordType> | null;
     /**
      * @description loading state
      * @default false
@@ -5271,6 +5271,7 @@ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof Dial
     closeableSize?: number;
     closeOpacity?: number;
     closeClassName?: string;
+    overlayClassName?: string;
 }
 declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {
@@ -5297,6 +5298,7 @@ interface SimpleSheetProps {
         content?: string;
         body?: string;
         header?: string;
+        overlay?: string;
     };
     contentProps?: SheetContentProps;
     closable?: boolean;
@@ -6229,2051 +6231,2053 @@ type CombineSelectProps = {
 } & SelectWithOptionsProps;
 declare const CombineSelect: React__default.FC<CombineSelectProps>;
 
-type TokenItem = {
-    name: string;
-    [x: string]: any;
-};
-type TokenSelectProps = {
-    tokens: TokenItem[];
-    showIcon?: boolean;
-    optionRenderer?: (option: SelectOption) => ReactElement;
-} & SelectProps<string>;
-declare const TokenSelect: React__default.FC<TokenSelectProps>;
-
-declare const chainSelectVariants: tailwind_variants.TVReturnType<{
+declare const avatarVariants: tailwind_variants.TVReturnType<{
     size: {
+        "2xs": {
+            root: string;
+        };
         xs: {
-            icon: string;
+            root: string;
         };
         sm: {
-            icon: string;
+            root: string;
         };
         md: {
-            icon: string;
-            item: string;
+            root: string;
         };
         lg: {
-            icon: string;
+            root: string;
         };
         xl: {
-            icon: string;
+            root: string;
         };
     };
 }, {
-    icon: string;
-    item: string[];
-    tag: string;
+    root: string;
+    image: string;
+    fallback: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        position?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        error?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
         prefix: string;
     };
 }, {
-    variant: {
-        outlined: {
-            trigger: string[];
+    size: {
+        "2xs": {
+            root: string;
         };
-        contained: {
-            trigger: string[];
+        xs: {
+            root: string;
         };
-        text: {
-            trigger: never[];
+        sm: {
+            root: string;
         };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
+        md: {
+            root: string;
         };
-        "item-aligned": {
-            content: string;
-            viewport: string;
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+}, tailwind_variants.TVReturnType<{
     size: {
+        "2xs": {
+            root: string;
+        };
         xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-    };
-    error: {
-        true: {
-            trigger: string[];
+            root: string;
         };
     };
 }, {
-    trigger: string[];
-    scrollUpButton: string;
-    scrollDownButton: string;
-    content: string[];
-    viewport: string[];
-    label: string;
-    item: string[];
-    separator: string;
-    icon: string;
-}, tailwind_variants.TVReturnType<{
-    variant: {
-        outlined: {
-            trigger: string[];
+    root: string;
+    image: string;
+    fallback: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    size: {
+        "2xs": {
+            root: string;
         };
-        contained: {
-            trigger: string[];
+        xs: {
+            root: string;
         };
-        text: {
-            trigger: never[];
+        sm: {
+            root: string;
         };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
+        md: {
+            root: string;
         };
-        "item-aligned": {
-            content: string;
-            viewport: string;
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
+}, {
     size: {
+        "2xs": {
+            root: string;
+        };
         xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
     };
-    error: {
-        true: {
-            trigger: string[];
+}>, unknown, unknown, undefined>>;
+type AvatarSizeType = VariantProps<typeof avatarVariants>["size"];
+declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
+    size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
 }, {
-    trigger: string[];
-    scrollUpButton: string;
-    scrollDownButton: string;
-    content: string[];
-    viewport: string[];
-    label: string;
-    item: string[];
-    separator: string;
-    icon: string;
+    root: string;
+    image: string;
+    fallback: string;
 }, undefined, {
-    responsiveVariants: ("md" | "lg")[];
-} & {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
         prefix: string;
     };
 }, {
-    variant: {
-        outlined: {
-            trigger: string[];
-        };
-        contained: {
-            trigger: string[];
-        };
-        text: {
-            trigger: never[];
-        };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
-        };
-        "item-aligned": {
-            content: string;
-            viewport: string;
-        };
-    };
     size: {
+        "2xs": {
+            root: string;
+        };
         xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-    };
-    error: {
-        true: {
-            trigger: string[];
+            root: string;
         };
     };
 }, {
-    trigger: string[];
-    scrollUpButton: string;
-    scrollDownButton: string;
-    content: string[];
-    viewport: string[];
-    label: string;
-    item: string[];
-    separator: string;
-    icon: string;
+    root: string;
+    image: string;
+    fallback: string;
 }, tailwind_variants.TVReturnType<{
-    variant: {
-        outlined: {
-            trigger: string[];
+    size: {
+        "2xs": {
+            root: string;
         };
-        contained: {
-            trigger: string[];
+        xs: {
+            root: string;
         };
-        text: {
-            trigger: never[];
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    size: {
+        "2xs": {
+            root: string;
         };
-        "item-aligned": {
-            content: string;
-            viewport: string;
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
+}, {
     size: {
+        "2xs": {
+            root: string;
+        };
         xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
         xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
+            root: string;
         };
     };
-    error: {
-        true: {
-            trigger: string[];
+}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLSpanElement>>;
+type AvatarProps = React$1.ComponentProps<typeof AvatarBase> & VariantProps<typeof avatarVariants> & {
+    src?: string;
+    alt?: string;
+    fallback?: React$1.ReactNode;
+    delayMs?: number;
+    onLoadingStatusChange?: AvatarPrimitive.AvatarImageProps["onLoadingStatusChange"];
+};
+declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
+    size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
 }, {
-    trigger: string[];
-    scrollUpButton: string;
-    scrollDownButton: string;
-    content: string[];
-    viewport: string[];
-    label: string;
-    item: string[];
-    separator: string;
-    icon: string;
+    root: string;
+    image: string;
+    fallback: string;
 }, undefined, {
-    responsiveVariants: ("md" | "lg")[];
-}, unknown, unknown, undefined>>>;
-type ChainItem = {
-    name: string;
-    id: number;
-    lowestFee?: boolean;
-};
-type ChainSelectProps = {
-    value?: number;
-    onChange?: (chain: ChainItem) => void;
-    storageChains?: ChainItem[];
-    networkId?: string;
-    chains: {
-        mainnet: ChainItem[];
-        testnet: ChainItem[];
-    };
-    contentProps?: PropsWithoutRef<typeof SelectPrimitive.Content>;
-} & VariantProps<typeof chainSelectVariants> & PropsWithoutRef<typeof SelectPrimitive.Root>;
-
-type SelectType = typeof Select$1 & {
-    options: typeof SelectWithOptions;
-    tokens: typeof TokenSelect;
-    combine: typeof CombineSelect;
-};
-declare const Select: SelectType;
-
-declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
-declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
-    };
-}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
-type PopoverProps = PopoverPrimitive.PopoverProps & {
-    content: React$1.ReactNode;
-    arrow?: boolean;
-    contentProps?: PopoverPrimitive.PopoverContentProps;
-};
-/**
- * Popover component
- * @param {React.ReactNode} content - The content of the popover
- */
-declare const Popover: React$1.FC<React$1.PropsWithChildren<PopoverProps>>;
-
-declare const cardVariants: tailwind_variants.TVReturnType<{
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, undefined, string[], {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
         prefix: string;
     };
 }, {
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, {
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}>, unknown, unknown, undefined>>;
-type BaseCardProps = ComponentPropsWithout<"div", "color" | "title"> & VariantProps<typeof cardVariants>;
-declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsWithout<"div", "title" | "color"> & VariantProps<tailwind_variants.TVReturnType<{
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, undefined, string[], {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
-    };
-}, {
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}, {
-    border: {
-        true: string;
-    };
-    r: {
-        none: string;
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        full: string;
-    };
-    gradient: {
-        primary: string;
-        secondary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-    };
-    intensity: {
-        100: string;
-        200: string;
-        300: string;
-        400: string;
-        500: string;
-        600: string;
-        700: string;
-        800: string;
-        900: string;
-    };
-    borderColor: {
-        4: string;
-        6: string;
-        8: string;
-        12: string;
-        16: string;
-    };
-}>, unknown, unknown, undefined>>> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
-declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
-
-interface CardProps extends BaseCardProps {
-    title?: ReactNode;
-    footer?: ReactNode;
-    classNames?: {
-        root?: string;
-        header?: string;
-        content?: string;
-        footer?: string;
-    };
-}
-declare const Card: React$1.ForwardRefExoticComponent<CardProps & {
-    children?: ReactNode | undefined;
-} & React$1.RefAttributes<HTMLDivElement>>;
-
-declare const HoverCardRoot: React$1.FC<HoverCardPrimitive.HoverCardProps>;
-declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-interface HoverCardProps extends React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root> {
-    className?: string;
-    content: React$1.ReactNode;
-}
-declare const HoverCard: React$1.FC<HoverCardProps & Omit<React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>, "content">>;
-
-type DatePickerType = typeof DatePicker$1 & {
-    range: typeof DateRangePicker;
-};
-declare const DatePicker: DatePickerType;
-
-declare const sliderVariants: tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
-        };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
-        };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
-        };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
-        };
+    size: {
+        "2xs": {
+            root: string;
+        };
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
     };
 }, {
     root: string;
-    thumb: string[];
-    track: string;
-    trackInner: string;
-    range: string;
-    mark: string;
-    tips: string[];
-}, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
-    };
-}, {
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
-        };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
-        };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+    image: string;
+    fallback: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        "2xs": {
+            root: string;
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        xs: {
+            root: string;
         };
-    };
-}, {
-    root: string;
-    thumb: string[];
-    track: string;
-    trackInner: string;
-    range: string;
-    mark: string;
-    tips: string[];
-}, tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        sm: {
+            root: string;
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        md: {
+            root: string;
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        lg: {
+            root: string;
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        xl: {
+            root: string;
         };
     };
 }, {
     root: string;
-    thumb: string[];
-    track: string;
-    trackInner: string;
-    range: string;
-    mark: string;
-    tips: string[];
+    image: string;
+    fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    size: {
+        "2xs": {
+            root: string;
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        xs: {
+            root: string;
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        sm: {
+            root: string;
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
 }, {
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    size: {
+        "2xs": {
+            root: string;
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        xs: {
+            root: string;
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        sm: {
+            root: string;
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
         };
     };
-}>, unknown, unknown, undefined>>;
-type SliderMarks = {
-    value: number;
-    label: string;
-}[];
-type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & VariantProps<typeof sliderVariants> & {
-    marks?: SliderMarks;
-    markCount?: number;
-    markLabelVisible?: boolean;
-    showTip?: boolean;
-    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
-    classNames?: {
-        root?: string;
-        thumb?: string;
-        track?: string;
-        range?: string;
-    };
+}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLSpanElement> & {
+    src?: string;
+    alt?: string;
+    fallback?: React$1.ReactNode;
+    delayMs?: number;
+    onLoadingStatusChange?: AvatarPrimitive.AvatarImageProps["onLoadingStatusChange"];
+} & {
+    address: string;
+}, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+type TokenItem = {
+    name: string;
+    [x: string]: any;
 };
-declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+type TokenSelectProps = {
+    tokens: TokenItem[];
+    showIcon?: boolean;
+    optionRenderer?: (option: SelectOption) => ReactElement;
+    iconSize?: AvatarSizeType;
+} & SelectProps<string>;
+declare const TokenSelect: React__default.FC<TokenSelectProps>;
+
+declare const chainSelectVariants: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            icon: string;
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        sm: {
+            icon: string;
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        md: {
+            icon: string;
+            item: string;
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        lg: {
+            icon: string;
+        };
+        xl: {
+            icon: string;
         };
     };
 }, {
-    root: string;
-    thumb: string[];
-    track: string;
-    trackInner: string;
-    range: string;
-    mark: string;
-    tips: string[];
+    icon: string;
+    item: string[];
+    tag: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        position?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        error?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
         prefix: string;
     };
 }, {
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    variant: {
+        outlined: {
+            trigger: string[];
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        contained: {
+            trigger: string[];
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        text: {
+            trigger: never[];
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+    };
+    position: {
+        popper: {
+            content: string[];
+            viewport: string;
+        };
+        "item-aligned": {
+            content: string;
+            viewport: string;
+        };
+    };
+    size: {
+        xs: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
+        };
+        sm: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
+        };
+        md: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
+        };
+        lg: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
+        };
+        xl: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
+        };
+    };
+    error: {
+        true: {
+            trigger: string[];
         };
     };
 }, {
-    root: string;
-    thumb: string[];
-    track: string;
-    trackInner: string;
-    range: string;
-    mark: string;
-    tips: string[];
+    trigger: string[];
+    scrollUpButton: string;
+    scrollDownButton: string;
+    content: string[];
+    viewport: string[];
+    label: string;
+    item: string[];
+    separator: string;
+    icon: string;
 }, tailwind_variants.TVReturnType<{
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    variant: {
+        outlined: {
+            trigger: string[];
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        contained: {
+            trigger: string[];
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        text: {
+            trigger: never[];
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+    };
+    position: {
+        popper: {
+            content: string[];
+            viewport: string;
+        };
+        "item-aligned": {
+            content: string;
+            viewport: string;
         };
     };
-}, {
-    root: string;
-    thumb: string[];
-    track: string;
-    trackInner: string;
-    range: string;
-    mark: string;
-    tips: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    size: {
+        xs: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+        sm: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        md: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        lg: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
+        };
+        xl: {
+            trigger: string[];
+            item: string[];
+            icon: string[];
         };
     };
-}, {
-    color: {
-        primary: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    error: {
+        true: {
+            trigger: string[];
         };
-        primaryLight: {
-            thumb: string[];
-            range: string;
-            tips: string;
+    };
+}, {
+    trigger: string[];
+    scrollUpButton: string;
+    scrollDownButton: string;
+    content: string[];
+    viewport: string[];
+    label: string;
+    item: string[];
+    separator: string;
+    icon: string;
+}, undefined, {
+    responsiveVariants: ("md" | "lg")[];
+} & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    variant: {
+        outlined: {
+            trigger: string[];
         };
-        buy: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        contained: {
+            trigger: string[];
         };
-        sell: {
-            thumb: string[];
-            range: string;
-            tips: string[];
+        text: {
+            trigger: never[];
         };
     };
-}>, unknown, unknown, undefined>>> & {
-    marks?: SliderMarks;
-    markCount?: number;
-    markLabelVisible?: boolean;
-    showTip?: boolean;
-    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
-    classNames?: {
-        root?: string;
-        thumb?: string;
-        track?: string;
-        range?: string;
-    };
-} & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SingleSlider: React$1.ForwardRefExoticComponent<Omit<SliderProps, "value" | "onValueChange" | "onValueCommit"> & {
-    value: number;
-    onValueChange?: (value: number) => void;
-    onValueCommit?: (value: number) => void;
-} & React$1.RefAttributes<HTMLSpanElement>>;
-type SliderType = typeof BaseSlider & {
-    single: typeof SingleSlider;
-};
-declare const Slider: SliderType;
-
-declare function convertValueToPercentage(value: number, min: number, max: number): number;
-
-interface ToastProps extends ToastOptions {
-}
-declare const Toaster: FC<ToastProps>;
-
-declare const ToastTile: (props: {
-    title: string;
-    subtitle?: string;
-    classNames?: {
-        className?: string;
-        titleClassName?: string;
-        subtitleClassName?: string;
+    position: {
+        popper: {
+            content: string[];
+            viewport: string;
+        };
+        "item-aligned": {
+            content: string;
+            viewport: string;
+        };
     };
-}) => react_jsx_runtime.JSX.Element;
-
-interface ListViewProps<T, D extends unknown> {
-    dataSource: T[] | null | undefined;
-    renderItem: (item: T, index: number, extraData?: D) => React__default.ReactNode;
-    className?: string;
-    contentClassName?: string;
-    isLoading?: boolean;
-    loadMore?: () => void;
-    style?: React__default.CSSProperties;
-    extraData?: D;
-    emptyView?: React__default.ReactNode;
-}
-declare const ListView: <T, D>(props: ListViewProps<T, D> & {
-    ref?: ForwardedRef<{
-        scroll: (direction: {
-            x: number;
-            y: number;
-        }) => void;
-    }>;
-}) => JSX.Element;
-
-declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: FC<CollapsiblePrimitive.CollapsibleContentProps>;
-
-interface Props$1 {
-    header: ReactNode;
-    headerClassName?: string;
-    itemKey: string;
-    disabled?: boolean;
-}
-declare const Panel: FC<PropsWithChildren<Props$1>>;
-
-declare const CollapseRoot: FC<PropsWithChildren<{
-    activeKey?: string;
-}>>;
-type Collapse = typeof CollapseRoot & {
-    panel: typeof Panel;
-};
-declare const Collapse: Collapse;
-
-declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
         xs: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         sm: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         md: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         lg: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         xl: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
     };
-    inset: {
+    error: {
         true: {
-            item: string[];
-            label: string[];
+            trigger: string[];
+        };
+    };
+}, {
+    trigger: string[];
+    scrollUpButton: string;
+    scrollDownButton: string;
+    content: string[];
+    viewport: string[];
+    label: string;
+    item: string[];
+    separator: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        outlined: {
+            trigger: string[];
+        };
+        contained: {
+            trigger: string[];
+        };
+        text: {
+            trigger: never[];
+        };
+    };
+    position: {
+        popper: {
+            content: string[];
+            viewport: string;
+        };
+        "item-aligned": {
+            content: string;
+            viewport: string;
         };
     };
-}, {
-    content: string[];
-    item: string[];
-    label: string;
-    separator: string;
-    shortcut: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         xs: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         sm: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         md: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         lg: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
         xl: {
-            content: string;
+            trigger: string[];
             item: string[];
+            icon: string[];
         };
     };
-    inset: {
+    error: {
         true: {
-            item: string[];
-            label: string[];
+            trigger: string[];
         };
     };
 }, {
-    size: {
-        xs: {
-            content: string;
-            item: string[];
-        };
-        sm: {
-            content: string;
-            item: string[];
-        };
-        md: {
-            content: string;
-            item: string[];
-        };
-        lg: {
-            content: string;
-            item: string[];
-        };
-        xl: {
-            content: string;
-            item: string[];
-        };
+    trigger: string[];
+    scrollUpButton: string;
+    scrollDownButton: string;
+    content: string[];
+    viewport: string[];
+    label: string;
+    item: string[];
+    separator: string;
+    icon: string;
+}, undefined, {
+    responsiveVariants: ("md" | "lg")[];
+}, unknown, unknown, undefined>>>;
+type ChainItem = {
+    name: string;
+    id: number;
+    lowestFee?: boolean;
+};
+type ChainSelectProps = {
+    value?: number;
+    onChange?: (chain: ChainItem) => void;
+    storageChains?: ChainItem[];
+    networkId?: string;
+    chains: {
+        mainnet: ChainItem[];
+        testnet: ChainItem[];
+    };
+    contentProps?: PropsWithoutRef<typeof SelectPrimitive.Content>;
+} & VariantProps<typeof chainSelectVariants> & PropsWithoutRef<typeof SelectPrimitive.Root>;
+
+type SelectType = typeof Select$1 & {
+    options: typeof SelectWithOptions;
+    tokens: typeof TokenSelect;
+    combine: typeof CombineSelect;
+};
+declare const Select: SelectType;
+
+declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
+type PopoverProps = PopoverPrimitive.PopoverProps & {
+    content: React$1.ReactNode;
+    arrow?: boolean;
+    contentProps?: PopoverPrimitive.PopoverContentProps;
+};
+/**
+ * Popover component
+ * @param {React.ReactNode} content - The content of the popover
+ */
+declare const Popover: React$1.FC<React$1.PropsWithChildren<PopoverProps>>;
+
+declare const cardVariants: tailwind_variants.TVReturnType<{
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, undefined, string[], {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, {
+    border: {
+        true: string;
     };
-    inset: {
-        true: {
-            item: string[];
-            label: string[];
-        };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
     };
-}>, {
-    size: {
-        xs: {
-            content: string;
-            item: string[];
-        };
-        sm: {
-            content: string;
-            item: string[];
-        };
-        md: {
-            content: string;
-            item: string[];
-        };
-        lg: {
-            content: string;
-            item: string[];
-        };
-        xl: {
-            content: string;
-            item: string[];
-        };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
     };
-    inset: {
-        true: {
-            item: string[];
-            label: string[];
-        };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
     };
-}, {
-    content: string[];
-    item: string[];
-    label: string;
-    separator: string;
-    shortcut: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        xs: {
-            content: string;
-            item: string[];
-        };
-        sm: {
-            content: string;
-            item: string[];
-        };
-        md: {
-            content: string;
-            item: string[];
-        };
-        lg: {
-            content: string;
-            item: string[];
-        };
-        xl: {
-            content: string;
-            item: string[];
-        };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
     };
-    inset: {
-        true: {
-            item: string[];
-            label: string[];
-        };
+}>, unknown, unknown, undefined>>;
+type BaseCardProps = ComponentPropsWithout<"div", "color" | "title"> & VariantProps<typeof cardVariants>;
+declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsWithout<"div", "title" | "color"> & VariantProps<tailwind_variants.TVReturnType<{
+    border: {
+        true: string;
     };
-}, {
-    content: string[];
-    item: string[];
-    label: string;
-    separator: string;
-    shortcut: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    size: {
-        xs: {
-            content: string;
-            item: string[];
-        };
-        sm: {
-            content: string;
-            item: string[];
-        };
-        md: {
-            content: string;
-            item: string[];
-        };
-        lg: {
-            content: string;
-            item: string[];
-        };
-        xl: {
-            content: string;
-            item: string[];
-        };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
     };
-    inset: {
-        true: {
-            item: string[];
-            label: string[];
-        };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, undefined, string[], {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
     };
 }, {
-    size: {
-        xs: {
-            content: string;
-            item: string[];
-        };
-        sm: {
-            content: string;
-            item: string[];
-        };
-        md: {
-            content: string;
-            item: string[];
-        };
-        lg: {
-            content: string;
-            item: string[];
-        };
-        xl: {
-            content: string;
-            item: string[];
-        };
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
+        primary: string;
+        secondary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
     };
-    inset: {
-        true: {
-            item: string[];
-            label: string[];
-        };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
     };
-}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-    size?: SizeType;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-    inset?: boolean;
-} & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type MenuItem = {
-    label: string;
-    value: string;
-    testId?: string;
-};
-type DropdownMenuProps = {
-    currentValue?: string;
-    menu: MenuItem[];
-    onSelect?: (item: MenuItem) => void;
-    render?: (item: MenuItem, index: number) => ReactNode;
-    size?: SizeType;
-} & DropdownMenuContentProps;
-declare const SimpleDropdownMenu: (props: PropsWithChildren<DropdownMenuProps>) => react_jsx_runtime.JSX.Element;
-
-declare const iconVariants: tailwind_variants.TVReturnType<{
-    color: {
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
         primary: string;
+        secondary: string;
+        brand: string;
         success: string;
-        danger: string;
         warning: string;
-        white: string;
-        black: string;
-        inherit: string;
+        danger: string;
+        neutral: string;
     };
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
-    color: {
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
         primary: string;
+        secondary: string;
+        brand: string;
         success: string;
-        danger: string;
         warning: string;
-        white: string;
-        black: string;
-        inherit: string;
+        danger: string;
+        neutral: string;
+    };
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
     };
 }, {
-    color: {
+    border: {
+        true: string;
+    };
+    r: {
+        none: string;
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        full: string;
+    };
+    gradient: {
         primary: string;
+        secondary: string;
+        brand: string;
         success: string;
-        danger: string;
         warning: string;
-        white: string;
-        black: string;
-        inherit: string;
+        danger: string;
+        neutral: string;
     };
-}>, {
+    intensity: {
+        100: string;
+        200: string;
+        300: string;
+        400: string;
+        500: string;
+        600: string;
+        700: string;
+        800: string;
+        900: string;
+    };
+    borderColor: {
+        4: string;
+        6: string;
+        8: string;
+        12: string;
+        16: string;
+    };
+}>, unknown, unknown, undefined>>> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
+
+interface CardProps extends BaseCardProps {
+    title?: ReactNode;
+    footer?: ReactNode;
+    classNames?: {
+        root?: string;
+        header?: string;
+        content?: string;
+        footer?: string;
+    };
+}
+declare const Card: React$1.ForwardRefExoticComponent<CardProps & {
+    children?: ReactNode | undefined;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const HoverCardRoot: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface HoverCardProps extends React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root> {
+    className?: string;
+    content: React$1.ReactNode;
+}
+declare const HoverCard: React$1.FC<HoverCardProps & Omit<React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>, "content">>;
+
+type DatePickerType = typeof DatePicker$1 & {
+    range: typeof DateRangePicker;
+};
+declare const DatePicker: DatePickerType;
+
+declare const sliderVariants: tailwind_variants.TVReturnType<{
     color: {
-        primary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        white: string;
-        black: string;
-        inherit: string;
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+    };
+}, {
+    root: string;
+    thumb: string[];
+    track: string;
+    trackInner: string;
+    range: string;
+    mark: string;
+    tips: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, {
     color: {
-        primary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        white: string;
-        black: string;
-        inherit: string;
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
     };
-}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+}, {
+    root: string;
+    thumb: string[];
+    track: string;
+    trackInner: string;
+    range: string;
+    mark: string;
+    tips: string[];
+}, tailwind_variants.TVReturnType<{
     color: {
-        primary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        white: string;
-        black: string;
-        inherit: string;
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
     };
 }, {
+    root: string;
+    thumb: string[];
+    track: string;
+    trackInner: string;
+    range: string;
+    mark: string;
+    tips: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
-        primary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        white: string;
-        black: string;
-        inherit: string;
-    };
-}>, unknown, unknown, undefined>>;
-interface BaseIconProps extends ComponentPropsWithout<"svg", RemovedProps>, VariantProps<typeof iconVariants> {
-    size?: number;
-    opacity?: number;
-}
-declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-type ChainIconProps = {
-    size?: "2xs" | "xs" | "sm" | "md" | "lg";
-    chainId: string | number;
-    className?: string;
-};
-declare const ChainIcon: FC<ChainIconProps>;
-
-type TokenIconProps = {
-    size?: SizeType;
-    name?: string;
-    symbol?: string;
-    className?: string;
-};
-declare const TokenIcon: FC<TokenIconProps>;
-
-type CombineIconProps = {
-    secondary: (ChainIconProps | TokenIconProps) & {
-        component?: ReactNode;
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
+        };
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
     };
-};
-declare const CombineIcon: FC<PropsWithChildren<CombineIconProps>>;
-
-declare const CloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CheckIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ChevronDownIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ChevronUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CaretUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CaretDownIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CaretLeftIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CaretRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ChevronLeftIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ChevronRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CalendarMinusIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const SettingIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CloseSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CloseCircleFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CheckedCircleFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CheckedSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CheckSquareEmptyIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const PlusIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ReduceIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const CircleOutlinedIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const SquareOutlinedIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ExclamationFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const QuestionFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ArrowLeftRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ArrowDownUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ArrowUpSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ArrowDownSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ArrowLeftRightSquareFill: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const AssetIcon: () => react_jsx_runtime.JSX.Element;
-
-declare const BarChartIcon: () => react_jsx_runtime.JSX.Element;
-
-declare const BattleIcon: () => react_jsx_runtime.JSX.Element;
-
-declare const FeeTierIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const EditIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const EyeIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const ShareIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const EyeCloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const RefreshIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const OrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
-
-declare const EsOrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
-
-declare const InfoCircleIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
-
-declare const avatarVariants: tailwind_variants.TVReturnType<{
-    size: {
-        "2xs": {
-            root: string;
+}, {
+    color: {
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        xs: {
-            root: string;
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        sm: {
-            root: string;
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type SliderMarks = {
+    value: number;
+    label: string;
+}[];
+type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & VariantProps<typeof sliderVariants> & {
+    marks?: SliderMarks;
+    markCount?: number;
+    markLabelVisible?: boolean;
+    showTip?: boolean;
+    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
+    classNames?: {
+        root?: string;
+        thumb?: string;
+        track?: string;
+        range?: string;
+    };
+};
+declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        md: {
-            root: string;
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        lg: {
-            root: string;
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
-        xl: {
-            root: string;
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
     };
 }, {
     root: string;
-    image: string;
-    fallback: string;
+    thumb: string[];
+    track: string;
+    trackInner: string;
+    range: string;
+    mark: string;
+    tips: string[];
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
         prefix: string;
     };
 }, {
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
+    color: {
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        md: {
-            root: string;
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        lg: {
-            root: string;
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
-        xl: {
-            root: string;
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
     };
 }, {
     root: string;
-    image: string;
-    fallback: string;
+    thumb: string[];
+    track: string;
+    trackInner: string;
+    range: string;
+    mark: string;
+    tips: string[];
 }, tailwind_variants.TVReturnType<{
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
+    color: {
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        md: {
-            root: string;
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        lg: {
-            root: string;
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
-        xl: {
-            root: string;
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
     };
 }, {
     root: string;
-    image: string;
-    fallback: string;
+    thumb: string[];
+    track: string;
+    trackInner: string;
+    range: string;
+    mark: string;
+    tips: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
+    color: {
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        md: {
-            root: string;
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        lg: {
-            root: string;
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
-        xl: {
-            root: string;
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
     };
 }, {
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
+    color: {
+        primary: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        md: {
-            root: string;
+        primaryLight: {
+            thumb: string[];
+            range: string;
+            tips: string;
         };
-        lg: {
-            root: string;
+        buy: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
-        xl: {
-            root: string;
+        sell: {
+            thumb: string[];
+            range: string;
+            tips: string[];
         };
     };
-}>, unknown, unknown, undefined>>;
-declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
+}>, unknown, unknown, undefined>>> & {
+    marks?: SliderMarks;
+    markCount?: number;
+    markLabelVisible?: boolean;
+    showTip?: boolean;
+    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
+    classNames?: {
+        root?: string;
+        thumb?: string;
+        track?: string;
+        range?: string;
+    };
+} & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SingleSlider: React$1.ForwardRefExoticComponent<Omit<SliderProps, "value" | "onValueChange" | "onValueCommit"> & {
+    value: number;
+    onValueChange?: (value: number) => void;
+    onValueCommit?: (value: number) => void;
+} & React$1.RefAttributes<HTMLSpanElement>>;
+type SliderType = typeof BaseSlider & {
+    single: typeof SingleSlider;
+};
+declare const Slider: SliderType;
+
+declare function convertValueToPercentage(value: number, min: number, max: number): number;
+
+interface ToastProps extends ToastOptions {
+}
+declare const Toaster: FC<ToastProps>;
+
+declare const ToastTile: (props: {
+    title: string;
+    subtitle?: string;
+    classNames?: {
+        className?: string;
+        titleClassName?: string;
+        subtitleClassName?: string;
+    };
+}) => react_jsx_runtime.JSX.Element;
+
+interface ListViewProps<T, D extends unknown> {
+    dataSource: T[] | null | undefined;
+    renderItem: (item: T, index: number, extraData?: D) => React__default.ReactNode;
+    className?: string;
+    contentClassName?: string;
+    isLoading?: boolean;
+    loadMore?: () => void;
+    style?: React__default.CSSProperties;
+    extraData?: D;
+    emptyView?: React__default.ReactNode;
+}
+declare const ListView: <T, D>(props: ListViewProps<T, D> & {
+    ref?: ForwardedRef<{
+        scroll: (direction: {
+            x: number;
+            y: number;
+        }) => void;
+    }>;
+}) => JSX.Element;
+
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: FC<CollapsiblePrimitive.CollapsibleContentProps>;
+
+interface Props$1 {
+    header: ReactNode;
+    headerClassName?: string;
+    itemKey: string;
+    disabled?: boolean;
+}
+declare const Panel: FC<PropsWithChildren<Props$1>>;
+
+declare const CollapseRoot: React__default.FC<React__default.PropsWithChildren<{
+    activeKey?: string;
+}>>;
+type Collapse = typeof CollapseRoot & {
+    panel: typeof Panel;
+};
+declare const Collapse: Collapse;
+
+declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
         };
     };
-}, {
-    root: string;
-    image: string;
-    fallback: string;
-}, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
+        };
     };
 }, {
+    content: string[];
+    item: string[];
+    label: string;
+    separator: string;
+    shortcut: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
         };
     };
-}, {
-    root: string;
-    image: string;
-    fallback: string;
-}, tailwind_variants.TVReturnType<{
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
         };
     };
 }, {
-    root: string;
-    image: string;
-    fallback: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
         };
     };
-}, {
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
         };
     };
-}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLSpanElement>>;
-type AvatarProps = React$1.ComponentProps<typeof AvatarBase> & VariantProps<typeof avatarVariants> & {
-    src?: string;
-    alt?: string;
-    fallback?: React$1.ReactNode;
-    delayMs?: number;
-    onLoadingStatusChange?: AvatarPrimitive.AvatarImageProps["onLoadingStatusChange"];
-};
-declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
-declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
+}>, {
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
         };
     };
-}, {
-    root: string;
-    image: string;
-    fallback: string;
-}, undefined, {
-    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
-    };
-}, {
-    size: {
-        "2xs": {
-            root: string;
-        };
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
         };
     };
 }, {
-    root: string;
-    image: string;
-    fallback: string;
+    content: string[];
+    item: string[];
+    label: string;
+    separator: string;
+    shortcut: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
+        };
+    };
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
         };
     };
 }, {
-    root: string;
-    image: string;
-    fallback: string;
+    content: string[];
+    item: string[];
+    label: string;
+    separator: string;
+    shortcut: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
+        };
+    };
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
         };
     };
 }, {
     size: {
-        "2xs": {
-            root: string;
-        };
         xs: {
-            root: string;
+            content: string;
+            item: string[];
         };
         sm: {
-            root: string;
+            content: string;
+            item: string[];
         };
         md: {
-            root: string;
+            content: string;
+            item: string[];
         };
         lg: {
-            root: string;
+            content: string;
+            item: string[];
         };
         xl: {
-            root: string;
+            content: string;
+            item: string[];
         };
     };
-}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLSpanElement> & {
-    src?: string;
-    alt?: string;
-    fallback?: React$1.ReactNode;
-    delayMs?: number;
-    onLoadingStatusChange?: AvatarPrimitive.AvatarImageProps["onLoadingStatusChange"];
-} & {
-    address: string;
-}, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+    inset: {
+        true: {
+            item: string[];
+            label: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+    size?: SizeType;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type MenuItem = {
+    label: string;
+    value: string;
+    testId?: string;
+};
+type DropdownMenuProps = {
+    currentValue?: string;
+    menu: MenuItem[];
+    onSelect?: (item: MenuItem) => void;
+    render?: (item: MenuItem, index: number) => ReactNode;
+    size?: SizeType;
+} & DropdownMenuContentProps;
+declare const SimpleDropdownMenu: (props: PropsWithChildren<DropdownMenuProps>) => react_jsx_runtime.JSX.Element;
+
+declare const iconVariants: tailwind_variants.TVReturnType<{
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}, {
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}>, {
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}, {
+    color: {
+        primary: string;
+        success: string;
+        danger: string;
+        warning: string;
+        white: string;
+        black: string;
+        inherit: string;
+    };
+}>, unknown, unknown, undefined>>;
+interface BaseIconProps extends ComponentPropsWithout<"svg", RemovedProps>, VariantProps<typeof iconVariants> {
+    size?: number;
+    opacity?: number;
+}
+declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+type ChainIconProps = {
+    size?: "2xs" | "xs" | "sm" | "md" | "lg";
+    chainId: string | number;
+    className?: string;
+};
+declare const ChainIcon: FC<ChainIconProps>;
+
+type TokenIconProps = {
+    size?: AvatarSizeType;
+    name?: string;
+    symbol?: string;
+    className?: string;
+};
+declare const TokenIcon: FC<TokenIconProps>;
+
+type CombineIconProps = {
+    secondary: (ChainIconProps | TokenIconProps) & {
+        component?: ReactNode;
+    };
+};
+declare const CombineIcon: FC<PropsWithChildren<CombineIconProps>>;
+
+declare const CloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CheckIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ChevronDownIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ChevronUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CaretUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CaretDownIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CaretLeftIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CaretRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ChevronLeftIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ChevronRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CalendarMinusIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const SettingIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CloseSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CloseCircleFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CheckedCircleFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CheckedSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CheckSquareEmptyIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const PlusIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ReduceIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const CircleOutlinedIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const SquareOutlinedIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ExclamationFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const QuestionFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ArrowLeftRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ArrowDownUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ArrowUpSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ArrowDownSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ArrowLeftRightSquareFill: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const AssetIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const BarChartIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const BattleIcon: () => react_jsx_runtime.JSX.Element;
+
+declare const FeeTierIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const EditIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const EyeIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const ShareIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const EyeCloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const RefreshIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const OrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EsOrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const InfoCircleIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 
 type WalletIconProps = {
     name: string;
@@ -8407,23 +8411,20 @@ type ComponentOverrides = {
          * */
         showTestnet: boolean;
     };
-    /** @hidden */
-    announcement: {
-        dataAdapter: (data: any[]) => any[];
-    };
 };
 type GetComponentTheme = <T extends keyof ComponentOverrides>(component: T, defaultValue?: ComponentOverrides[T]) => ComponentOverrides[T];
 type OrderlyThemeContextState = {
     getComponentTheme: GetComponentTheme;
 };
+declare const useOrderlyTheme: () => OrderlyThemeContextState;
+
 type OrderlyThemeProviderProps = {
     components?: {
         [position in ExtensionPosition]: ComponentType;
     };
     overrides?: Partial<ComponentOverrides>;
 };
-declare const useOrderlyTheme: () => OrderlyThemeContextState;
-declare const OrderlyThemeProvider: React__default.FC<PropsWithChildren<OrderlyThemeProviderProps>>;
+declare const OrderlyThemeProvider: FC<PropsWithChildren<OrderlyThemeProviderProps>>;
 
 type Props = {
     value: boolean | (() => boolean);