npm - @orderly.network/ui - Versions diffs - 2.2.0 → 2.3.0 - Mend

@orderly.network/ui 2.2.0 → 2.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -2655,7 +2655,7 @@ declare const Statistic: React__default.ForwardRefExoticComponent<VariantProps<t
     };
 }>, unknown, unknown, undefined>>> & React__default.HTMLAttributes<HTMLDivElement> & {
     label: string | ReactNode;
-    valueProps?: NumeralProps;
+    valueProps?: Omit<NumeralProps, "children">;
     classNames?: {
         root?: string;
         label?: string;
@@ -3701,7 +3701,7 @@ declare const TooltipArrow: (props: {
     className?: string;
     style?: React$1.CSSProperties;
 }) => react_jsx_runtime.JSX.Element;
-declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipProps & Omit<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const Tooltip: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipProps & Omit<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref">, "content"> & {
     className?: string;
     content?: React$1.ReactNode;
     arrow?: TooltipPrimitive.TooltipArrowProps;
@@ -3817,6 +3817,22 @@ type DateRangePickerProps = {
 } & Omit<DayPickerRangeProps, "mode">;
 declare const DateRangePicker: FC<DateRangePickerProps>;
+type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+type DatePickerProps = {
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    value?: Date;
+    dateFormat?: string;
+    size?: SizeType;
+    className?: string;
+} & CalendarProps;
+declare const DatePicker$1: FC<DatePickerProps>;
 declare const selectVariants: tailwind_variants.TVReturnType<{
     variant: {
         outlined: {
@@ -4047,25 +4063,10 @@ type SelectWithOptionsProps<T = string> = SelectProps<T> & {
     options: SelectOption[];
     optionRenderer?: (option: SelectOption) => ReactElement;
     testid?: string;
+    prefix?: string;
 };
 declare const SelectWithOptions: FC<SelectWithOptionsProps>;
-type CalendarProps = React.ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
-type DatePickerProps = {
-    onChange?: (date: Date) => void;
-    placeholder?: string;
-    value?: Date;
-    dateFormat?: string;
-    size?: SizeType;
-    className?: string;
-} & CalendarProps;
-declare const DatePicker$1: FC<DatePickerProps>;
 declare const pickerVariants: tailwind_variants.TVReturnType<{
     size: {
         sm: string;
@@ -4175,6 +4176,10 @@ interface PickerProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "dis
     options: SelectOption[];
     value?: SelectOption | string | number;
     onValueChange?: (value: any) => void;
+    valueRenderer?: (value: any, options: {
+        open?: boolean;
+        data?: any;
+    }) => React.ReactNode;
 }
 type PickerRef = {};
 declare const Picker: React$1.ForwardRefExoticComponent<PickerProps & React$1.RefAttributes<PickerRef>>;
@@ -4200,17 +4205,17 @@ type SymbolFilter = {
 type PickerFilter = {
     type: "picker";
 } & PickerProps;
-type DataFilterItems = (DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter | PickerFilter))[];
+type DataFilterItem = DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter | PickerFilter);
 type DataFilterProps = {
-    items: DataFilterItems;
+    items: DataFilterItem[];
     onFilter: (filter: {
         name: string;
         value: any;
     }) => void;
     className?: string;
-    trailing?: React.ReactNode;
+    trailing?: React__default.ReactNode;
 };
-declare const DataFilter: (props: DataFilterProps) => react_jsx_runtime.JSX.Element;
+declare const DataFilter: React__default.FC<DataFilterProps>;
 declare const usePagination: (initial?: {
     page?: number;
@@ -4231,12 +4236,7 @@ declare const usePagination: (initial?: {
         pageSize: number;
         pageTotal: number;
     };
-    pagination: {
-        page: number;
-        pageSize: number;
-        onPageChange: React$1.Dispatch<React$1.SetStateAction<number>>;
-        onPageSizeChange: (size: number) => void;
-    };
+    pagination: PaginationMeta;
     parsePagination: (meta?: {
         total: number;
         current_page: number;
@@ -6142,9 +6142,11 @@ type TabsProps<T = string> = {
     leading?: ReactNode;
     trailing?: ReactNode;
     classNames?: {
+        tabsListContainer?: string;
         tabsList?: string;
         tabsContent?: string;
         scrollIndicator?: string;
+        trigger?: string;
     };
     contentVisible?: boolean;
     showScrollIndicator?: boolean;
@@ -6538,7 +6540,7 @@ type PopoverProps = PopoverPrimitive.PopoverProps & {
  */
 declare const Popover: React$1.FC<React$1.PropsWithChildren<PopoverProps>>;
-declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsWithout<"div", "color"> & VariantProps<tailwind_variants.TVReturnType<{
+declare const cardVariants: tailwind_variants.TVReturnType<{
     border: {
         true: string;
     };
@@ -6755,23 +6757,9 @@ declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsW
         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>>;
-declare const Card: React$1.ForwardRefExoticComponent<{
-    title?: ReactNode;
-    footer?: ReactNode;
-    classNames?: {
-        root?: string;
-        header?: string;
-        content?: string;
-        footer?: string;
-    };
-} & ComponentPropsWithout<"div", "color"> & tailwind_variants.VariantProps<tailwind_variants.TVReturnType<{
+}>, 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;
     };
@@ -6988,7 +6976,24 @@ declare const Card: React$1.ForwardRefExoticComponent<{
         12: string;
         16: string;
     };
-}>, unknown, unknown, undefined>>> & {
+}>, 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>>;
@@ -6999,7 +7004,7 @@ interface HoverCardProps extends React$1.ComponentPropsWithoutRef<typeof HoverCa
     className?: string;
     content: React$1.ReactNode;
 }
-declare const HoverCard: React$1.FC<HoverCardProps & React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>>;
+declare const HoverCard: React$1.FC<HoverCardProps & Omit<React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>, "content">>;
 type DatePickerType = typeof DatePicker$1 & {
     range: typeof DateRangePicker;
@@ -7727,9 +7732,7 @@ interface BaseIconProps extends ComponentPropsWithout<"svg", RemovedProps>, Vari
     size?: number;
     opacity?: number;
 }
-declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & {
-    children?: React__default.ReactNode | undefined;
-} & React__default.RefAttributes<SVGSVGElement>>;
+declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 type ChainIconProps = {
     size?: "2xs" | "xs" | "sm" | "md" | "lg";
@@ -7809,6 +7812,8 @@ declare const ArrowUpSquareFillIcon: React__default.ForwardRefExoticComponent<Ba
 declare const ArrowDownSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+declare const ArrowLeftRightSquareFill: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 declare const FeeTierIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 declare const EditIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
@@ -7825,6 +7830,8 @@ declare const OrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Eleme
 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': {
@@ -8260,6 +8267,10 @@ declare const LeaderboardActiveIcon: (props: BaseIconProps) => react_jsx_runtime
 declare const LeaderboardInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+declare const MarketsActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+declare const MarketsInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
 type IconType = typeof BaseIcon & {
     combine: typeof CombineIcon;
 };
@@ -8332,6 +8343,10 @@ 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 = {
@@ -8496,4 +8511,10 @@ declare const LocaleProvider: FC<LocaleProviderProps>;
 type LocaleComponentName = Exclude<keyof Locale, "locale">;
 declare const useLocale: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])) => readonly [NonNullable<Locale[C]>, string];
-export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, 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 DataFilterItems, 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, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, RefreshIcon, ScrollArea, ScrollBar, 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, 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, TradingInactiveIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, 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 };
+type ScrollIndicatorProps = {
+    children: ReactNode;
+    className?: string;
+};
+declare const ScrollIndicator: FC<ScrollIndicatorProps>;
+export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, 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, 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, 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, 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, TradingInactiveIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, 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 };

package/dist/index.d.ts CHANGED Viewed

@@ -2655,7 +2655,7 @@ declare const Statistic: React__default.ForwardRefExoticComponent<VariantProps<t
     };
 }>, unknown, unknown, undefined>>> & React__default.HTMLAttributes<HTMLDivElement> & {
     label: string | ReactNode;
-    valueProps?: NumeralProps;
+    valueProps?: Omit<NumeralProps, "children">;
     classNames?: {
         root?: string;
         label?: string;
@@ -3701,7 +3701,7 @@ declare const TooltipArrow: (props: {
     className?: string;
     style?: React$1.CSSProperties;
 }) => react_jsx_runtime.JSX.Element;
-declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipProps & Omit<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+declare const Tooltip: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipProps & Omit<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref">, "content"> & {
     className?: string;
     content?: React$1.ReactNode;
     arrow?: TooltipPrimitive.TooltipArrowProps;
@@ -3817,6 +3817,22 @@ type DateRangePickerProps = {
 } & Omit<DayPickerRangeProps, "mode">;
 declare const DateRangePicker: FC<DateRangePickerProps>;
+type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+type DatePickerProps = {
+    onChange?: (date: Date) => void;
+    placeholder?: string;
+    value?: Date;
+    dateFormat?: string;
+    size?: SizeType;
+    className?: string;
+} & CalendarProps;
+declare const DatePicker$1: FC<DatePickerProps>;
 declare const selectVariants: tailwind_variants.TVReturnType<{
     variant: {
         outlined: {
@@ -4047,25 +4063,10 @@ type SelectWithOptionsProps<T = string> = SelectProps<T> & {
     options: SelectOption[];
     optionRenderer?: (option: SelectOption) => ReactElement;
     testid?: string;
+    prefix?: string;
 };
 declare const SelectWithOptions: FC<SelectWithOptionsProps>;
-type CalendarProps = React.ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
-type DatePickerProps = {
-    onChange?: (date: Date) => void;
-    placeholder?: string;
-    value?: Date;
-    dateFormat?: string;
-    size?: SizeType;
-    className?: string;
-} & CalendarProps;
-declare const DatePicker$1: FC<DatePickerProps>;
 declare const pickerVariants: tailwind_variants.TVReturnType<{
     size: {
         sm: string;
@@ -4175,6 +4176,10 @@ interface PickerProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "dis
     options: SelectOption[];
     value?: SelectOption | string | number;
     onValueChange?: (value: any) => void;
+    valueRenderer?: (value: any, options: {
+        open?: boolean;
+        data?: any;
+    }) => React.ReactNode;
 }
 type PickerRef = {};
 declare const Picker: React$1.ForwardRefExoticComponent<PickerProps & React$1.RefAttributes<PickerRef>>;
@@ -4200,17 +4205,17 @@ type SymbolFilter = {
 type PickerFilter = {
     type: "picker";
 } & PickerProps;
-type DataFilterItems = (DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter | PickerFilter))[];
+type DataFilterItem = DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter | PickerFilter);
 type DataFilterProps = {
-    items: DataFilterItems;
+    items: DataFilterItem[];
     onFilter: (filter: {
         name: string;
         value: any;
     }) => void;
     className?: string;
-    trailing?: React.ReactNode;
+    trailing?: React__default.ReactNode;
 };
-declare const DataFilter: (props: DataFilterProps) => react_jsx_runtime.JSX.Element;
+declare const DataFilter: React__default.FC<DataFilterProps>;
 declare const usePagination: (initial?: {
     page?: number;
@@ -4231,12 +4236,7 @@ declare const usePagination: (initial?: {
         pageSize: number;
         pageTotal: number;
     };
-    pagination: {
-        page: number;
-        pageSize: number;
-        onPageChange: React$1.Dispatch<React$1.SetStateAction<number>>;
-        onPageSizeChange: (size: number) => void;
-    };
+    pagination: PaginationMeta;
     parsePagination: (meta?: {
         total: number;
         current_page: number;
@@ -6142,9 +6142,11 @@ type TabsProps<T = string> = {
     leading?: ReactNode;
     trailing?: ReactNode;
     classNames?: {
+        tabsListContainer?: string;
         tabsList?: string;
         tabsContent?: string;
         scrollIndicator?: string;
+        trigger?: string;
     };
     contentVisible?: boolean;
     showScrollIndicator?: boolean;
@@ -6538,7 +6540,7 @@ type PopoverProps = PopoverPrimitive.PopoverProps & {
  */
 declare const Popover: React$1.FC<React$1.PropsWithChildren<PopoverProps>>;
-declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsWithout<"div", "color"> & VariantProps<tailwind_variants.TVReturnType<{
+declare const cardVariants: tailwind_variants.TVReturnType<{
     border: {
         true: string;
     };
@@ -6755,23 +6757,9 @@ declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsW
         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>>;
-declare const Card: React$1.ForwardRefExoticComponent<{
-    title?: ReactNode;
-    footer?: ReactNode;
-    classNames?: {
-        root?: string;
-        header?: string;
-        content?: string;
-        footer?: string;
-    };
-} & ComponentPropsWithout<"div", "color"> & tailwind_variants.VariantProps<tailwind_variants.TVReturnType<{
+}>, 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;
     };
@@ -6988,7 +6976,24 @@ declare const Card: React$1.ForwardRefExoticComponent<{
         12: string;
         16: string;
     };
-}>, unknown, unknown, undefined>>> & {
+}>, 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>>;
@@ -6999,7 +7004,7 @@ interface HoverCardProps extends React$1.ComponentPropsWithoutRef<typeof HoverCa
     className?: string;
     content: React$1.ReactNode;
 }
-declare const HoverCard: React$1.FC<HoverCardProps & React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>>;
+declare const HoverCard: React$1.FC<HoverCardProps & Omit<React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>, "content">>;
 type DatePickerType = typeof DatePicker$1 & {
     range: typeof DateRangePicker;
@@ -7727,9 +7732,7 @@ interface BaseIconProps extends ComponentPropsWithout<"svg", RemovedProps>, Vari
     size?: number;
     opacity?: number;
 }
-declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & {
-    children?: React__default.ReactNode | undefined;
-} & React__default.RefAttributes<SVGSVGElement>>;
+declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 type ChainIconProps = {
     size?: "2xs" | "xs" | "sm" | "md" | "lg";
@@ -7809,6 +7812,8 @@ declare const ArrowUpSquareFillIcon: React__default.ForwardRefExoticComponent<Ba
 declare const ArrowDownSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+declare const ArrowLeftRightSquareFill: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 declare const FeeTierIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 declare const EditIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
@@ -7825,6 +7830,8 @@ declare const OrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Eleme
 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': {
@@ -8260,6 +8267,10 @@ declare const LeaderboardActiveIcon: (props: BaseIconProps) => react_jsx_runtime
 declare const LeaderboardInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+declare const MarketsActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+declare const MarketsInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
 type IconType = typeof BaseIcon & {
     combine: typeof CombineIcon;
 };
@@ -8332,6 +8343,10 @@ 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 = {
@@ -8496,4 +8511,10 @@ declare const LocaleProvider: FC<LocaleProviderProps>;
 type LocaleComponentName = Exclude<keyof Locale, "locale">;
 declare const useLocale: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])) => readonly [NonNullable<Locale[C]>, string];
-export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, 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 DataFilterItems, 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, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, RefreshIcon, ScrollArea, ScrollBar, 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, 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, TradingInactiveIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, 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 };
+type ScrollIndicatorProps = {
+    children: ReactNode;
+    className?: string;
+};
+declare const ScrollIndicator: FC<ScrollIndicatorProps>;
+export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, 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, 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, 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, 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, TradingInactiveIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, 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 };