@orderly.network/ui 2.4.2-alpha.0 → 2.5.0-alpha.1

package/dist/index.d.mts

@@ -10,7 +10,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { TooltipContentProps } from '@radix-ui/react-tooltip';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { Row, ExpandedState, OnChangeFn, CoreOptions, Column as Column$1, ColumnFilter, RowSelectionState, TableFeature, Table, RowData } from '@tanstack/react-table';
+import { Row, ExpandedState, OnChangeFn, CoreOptions, Column as Column$1, ColumnFilter, RowSelectionState, TableFeature, Table, SortingState, RowData } from '@tanstack/react-table';
 export { Table, Column as TanstackColumn } from '@tanstack/react-table';
 import { DateRange, DayPickerRangeProps, DayPicker } from 'react-day-picker';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -3710,10 +3710,23 @@ declare const Tooltip: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.T
 
 type ColumnFixed = "left" | "right";
 type SortOrder = "asc" | "desc";
+type TableSort = {
+    sortKey: string;
+    sort: SortOrder;
+};
+type MultiFieldSort = {
+    sortKey: string;
+    sort: SortOrder;
+};
 type PlainText = number | string | null | undefined;
 type TableCellFormatter<T> = string | ((value: any, record: T, index: number) => any);
 type TableCellRenderer<T> = string | ((value: any, record: T, index: number) => React.ReactNode);
 type TableCellPlainTextRenderer<T> = (value: any, record: T, index: number) => PlainText;
+type MultiSortField = {
+    sortKey: string;
+    label?: string;
+    className?: string;
+};
 type Column<RecordType extends unknown = any> = {
     type?: "data" | "action" | "group";
     title?: ReactNode;
@@ -3729,6 +3742,11 @@ type Column<RecordType extends unknown = any> = {
     className?: string | ((record: RecordType, index: number) => string);
     align?: "left" | "center" | "right";
     onSort?: boolean | ((r1: RecordType, r2: RecordType, sortOrder?: SortOrder) => number);
+    multiSort?: {
+        fields: MultiSortField[];
+        initialSort?: MultiFieldSort[];
+        onSort?: (fieldKey: string, sortOrder?: SortOrder) => void;
+    };
     formatter?: TableCellFormatter<RecordType>;
     render?: TableCellRenderer<RecordType>;
     /**
@@ -3754,10 +3772,6 @@ type PaginationMeta = {
     onPageChange?: (page: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
 };
-type TableSort = {
-    sortKey: string;
-    sort: SortOrder;
-};
 type DataTableClassNames = {
     root?: string;
     header?: string;
@@ -3765,6 +3779,7 @@ type DataTableClassNames = {
     footer?: string;
     pagination?: string;
     scroll?: string;
+    empty?: string;
 };
 
 type DataTableProps<RecordType> = {
@@ -4245,11 +4260,34 @@ declare const usePagination: (initial?: {
     }) => PaginationMeta;
 };
 
+declare function useMultiSort(props: {
+    columnKey: string;
+    onSort?: (fieldKey: string, sortOrder?: SortOrder) => void;
+    initialSort?: MultiFieldSort[];
+    currentSorting?: {
+        sortKey: string;
+        sort: SortOrder;
+    };
+}): {
+    handleFieldSort: (fieldKey: string) => void;
+    getFieldSort: (fieldKey: string) => {
+        sortKey: string;
+        sort: SortOrder;
+    } | undefined;
+};
+
 declare const EmptyDataState: FC<{
     title?: string;
     className?: string;
 }>;
 
+type MultiSortHeaderProps = {
+    column: Column<any>;
+    className?: string;
+    sorting?: SortingState;
+};
+declare const MultiSortHeader: FC<MultiSortHeaderProps>;
+
 interface DownloadInstance {
     getPlainTextData: () => any[];
     download: (filename?: string) => void;
@@ -6188,18 +6226,18 @@ declare const PaginationItems: (props: Omit<PaginationProps, "onPageSizeChange">
 type CombineSelectProps = {
     placeholder?: string;
 } & SelectWithOptionsProps;
-declare const CombineSelect: (props: CombineSelectProps) => react_jsx_runtime.JSX.Element;
+declare const CombineSelect: React__default.FC<CombineSelectProps>;
 
 type TokenItem = {
     name: string;
     [x: string]: any;
 };
-type TokenSelect = {
+type TokenSelectProps = {
     tokens: TokenItem[];
     showIcon?: boolean;
     optionRenderer?: (option: SelectOption) => ReactElement;
 } & SelectProps<string>;
-declare const TokenSelect: (props: TokenSelect) => react_jsx_runtime.JSX.Element;
+declare const TokenSelect: React__default.FC<TokenSelectProps>;
 
 declare const chainSelectVariants: tailwind_variants.TVReturnType<{
     size: {
@@ -7843,7 +7881,7 @@ declare const InfoCircleIcon: React__default.ForwardRefExoticComponent<BaseIconP
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7876,7 +7914,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7901,7 +7939,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7926,7 +7964,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7947,7 +7985,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7969,7 +8007,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8002,7 +8040,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8027,7 +8065,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8052,7 +8090,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8073,7 +8111,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8103,7 +8141,7 @@ type AvatarProps = React$1.ComponentProps<typeof AvatarBase> & VariantProps<type
 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': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8136,7 +8174,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8161,7 +8199,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8186,7 +8224,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8207,7 +8245,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8542,4 +8580,4 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VectorIcon, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VectorIcon, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };

package/dist/index.d.ts

@@ -10,7 +10,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { TooltipContentProps } from '@radix-ui/react-tooltip';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { Row, ExpandedState, OnChangeFn, CoreOptions, Column as Column$1, ColumnFilter, RowSelectionState, TableFeature, Table, RowData } from '@tanstack/react-table';
+import { Row, ExpandedState, OnChangeFn, CoreOptions, Column as Column$1, ColumnFilter, RowSelectionState, TableFeature, Table, SortingState, RowData } from '@tanstack/react-table';
 export { Table, Column as TanstackColumn } from '@tanstack/react-table';
 import { DateRange, DayPickerRangeProps, DayPicker } from 'react-day-picker';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -3710,10 +3710,23 @@ declare const Tooltip: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.T
 
 type ColumnFixed = "left" | "right";
 type SortOrder = "asc" | "desc";
+type TableSort = {
+    sortKey: string;
+    sort: SortOrder;
+};
+type MultiFieldSort = {
+    sortKey: string;
+    sort: SortOrder;
+};
 type PlainText = number | string | null | undefined;
 type TableCellFormatter<T> = string | ((value: any, record: T, index: number) => any);
 type TableCellRenderer<T> = string | ((value: any, record: T, index: number) => React.ReactNode);
 type TableCellPlainTextRenderer<T> = (value: any, record: T, index: number) => PlainText;
+type MultiSortField = {
+    sortKey: string;
+    label?: string;
+    className?: string;
+};
 type Column<RecordType extends unknown = any> = {
     type?: "data" | "action" | "group";
     title?: ReactNode;
@@ -3729,6 +3742,11 @@ type Column<RecordType extends unknown = any> = {
     className?: string | ((record: RecordType, index: number) => string);
     align?: "left" | "center" | "right";
     onSort?: boolean | ((r1: RecordType, r2: RecordType, sortOrder?: SortOrder) => number);
+    multiSort?: {
+        fields: MultiSortField[];
+        initialSort?: MultiFieldSort[];
+        onSort?: (fieldKey: string, sortOrder?: SortOrder) => void;
+    };
     formatter?: TableCellFormatter<RecordType>;
     render?: TableCellRenderer<RecordType>;
     /**
@@ -3754,10 +3772,6 @@ type PaginationMeta = {
     onPageChange?: (page: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
 };
-type TableSort = {
-    sortKey: string;
-    sort: SortOrder;
-};
 type DataTableClassNames = {
     root?: string;
     header?: string;
@@ -3765,6 +3779,7 @@ type DataTableClassNames = {
     footer?: string;
     pagination?: string;
     scroll?: string;
+    empty?: string;
 };
 
 type DataTableProps<RecordType> = {
@@ -4245,11 +4260,34 @@ declare const usePagination: (initial?: {
     }) => PaginationMeta;
 };
 
+declare function useMultiSort(props: {
+    columnKey: string;
+    onSort?: (fieldKey: string, sortOrder?: SortOrder) => void;
+    initialSort?: MultiFieldSort[];
+    currentSorting?: {
+        sortKey: string;
+        sort: SortOrder;
+    };
+}): {
+    handleFieldSort: (fieldKey: string) => void;
+    getFieldSort: (fieldKey: string) => {
+        sortKey: string;
+        sort: SortOrder;
+    } | undefined;
+};
+
 declare const EmptyDataState: FC<{
     title?: string;
     className?: string;
 }>;
 
+type MultiSortHeaderProps = {
+    column: Column<any>;
+    className?: string;
+    sorting?: SortingState;
+};
+declare const MultiSortHeader: FC<MultiSortHeaderProps>;
+
 interface DownloadInstance {
     getPlainTextData: () => any[];
     download: (filename?: string) => void;
@@ -6188,18 +6226,18 @@ declare const PaginationItems: (props: Omit<PaginationProps, "onPageSizeChange">
 type CombineSelectProps = {
     placeholder?: string;
 } & SelectWithOptionsProps;
-declare const CombineSelect: (props: CombineSelectProps) => react_jsx_runtime.JSX.Element;
+declare const CombineSelect: React__default.FC<CombineSelectProps>;
 
 type TokenItem = {
     name: string;
     [x: string]: any;
 };
-type TokenSelect = {
+type TokenSelectProps = {
     tokens: TokenItem[];
     showIcon?: boolean;
     optionRenderer?: (option: SelectOption) => ReactElement;
 } & SelectProps<string>;
-declare const TokenSelect: (props: TokenSelect) => react_jsx_runtime.JSX.Element;
+declare const TokenSelect: React__default.FC<TokenSelectProps>;
 
 declare const chainSelectVariants: tailwind_variants.TVReturnType<{
     size: {
@@ -7843,7 +7881,7 @@ declare const InfoCircleIcon: React__default.ForwardRefExoticComponent<BaseIconP
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7876,7 +7914,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7901,7 +7939,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7926,7 +7964,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7947,7 +7985,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -7969,7 +8007,7 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8002,7 +8040,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8027,7 +8065,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8052,7 +8090,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8073,7 +8111,7 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8103,7 +8141,7 @@ type AvatarProps = React$1.ComponentProps<typeof AvatarBase> & VariantProps<type
 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': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8136,7 +8174,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8161,7 +8199,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8186,7 +8224,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8207,7 +8245,7 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     };
 }, {
     size: {
-        '2xs': {
+        "2xs": {
             root: string;
         };
         xs: {
@@ -8542,4 +8580,4 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VectorIcon, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VectorIcon, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };