@orderly.network/ui 2.7.4-alpha.1 → 2.8.0-alpha.0

package/dist/index.d.ts

@@ -2385,6 +2385,179 @@ type TextPProps = {
 type TextProps = BasicTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);
 declare const Text$1: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<HTMLSpanElement>>;
 
+type TextRule = "date" | "address" | "symbol" | "status" | "txId";
+type DateText = {
+    rule: "date";
+    /**
+     * use date-fns to format the date, default is "YYYY-MM-DD HH:mm:ss", more info:
+     * @see https://date-fns.org/v3.6.0/docs/format
+     */
+    formatString?: string;
+};
+type AddressText = {
+    rule: "address";
+    /**
+     * range of the address to show
+     * the first number is the length of the start of the address, and the second number is the length of the end of the address
+     * @default [6, 4]
+     */
+    range?: [number, number];
+};
+type BaseText = {
+    rule: Omit<TextRule, "address" | "date">;
+    /**
+     * capitalize the first letter of the string
+     */
+    capitalize?: boolean;
+};
+type TxIDText = {
+    rule: "txId";
+    range?: [number, number];
+};
+type SymbolText = {
+    rule: "symbol";
+    /**
+     * symbol format string, like "type-base-quote",
+     * @default base-quote
+     */
+    formatString?: string;
+    showIcon?: boolean;
+    iconSize?: SizeType;
+};
+type FormattedTextProps = TextProps & CopyableTextProps & {
+    loading?: boolean;
+    suffix?: React__default.ReactNode;
+    prefix?: React__default.ReactNode;
+    showIcon?: boolean;
+} & (BaseText | DateText | AddressText | SymbolText | TxIDText | {
+    rule?: string;
+});
+declare const FormattedText: React__default.ForwardRefExoticComponent<FormattedTextProps & React__default.RefAttributes<HTMLSpanElement>>;
+
+declare const gradientTextVariants: tailwind_variants.TVReturnType<{
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, undefined, "oui-text-transparent oui-bg-clip-text", {
+    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
+        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, undefined, "oui-text-transparent oui-bg-clip-text", tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, {
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}>, unknown, unknown, undefined>>;
+declare const GradientText: React__default.ForwardRefExoticComponent<Omit<TextProps, "color"> & VariantProps<tailwind_variants.TVReturnType<{
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, undefined, "oui-text-transparent oui-bg-clip-text", {
+    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
+        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, undefined, "oui-text-transparent oui-bg-clip-text", tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}, {
+    color: {
+        primary: string;
+        brand: string;
+        success: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+        inherit: string;
+    };
+}>, unknown, unknown, undefined>>> & {
+    /**
+     * Angle of the gradient
+     */
+    angle?: number;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
 type RoundingMode = number | "truncate";
 declare const parseNumber: (value: number | string, options?: {
     rule?: "percentages" | "price" | "human";
@@ -2673,179 +2846,6 @@ declare const Statistic: React__default.ForwardRefExoticComponent<VariantProps<t
     children?: ReactNode | undefined;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-type TextRule = "date" | "address" | "symbol" | "status" | "txId";
-type DateText = {
-    rule: "date";
-    /**
-     * use date-fns to format the date, default is "YYYY-MM-DD HH:mm:ss", more info:
-     * @see https://date-fns.org/v3.6.0/docs/format
-     */
-    formatString?: string;
-};
-type AddressText = {
-    rule: "address";
-    /**
-     * range of the address to show
-     * the first number is the length of the start of the address, and the second number is the length of the end of the address
-     * @default [6, 4]
-     */
-    range?: [number, number];
-};
-type BaseText = {
-    rule: Omit<TextRule, "address" | "date">;
-    /**
-     * capitalize the first letter of the string
-     */
-    capitalize?: boolean;
-};
-type TxIDText = {
-    rule: "txId";
-    range?: [number, number];
-};
-type SymbolText = {
-    rule: "symbol";
-    /**
-     * symbol format string, like "type-base-quote",
-     * @default base-quote
-     */
-    formatString?: string;
-    showIcon?: boolean;
-    iconSize?: SizeType;
-};
-type FormattedTextProps = TextProps & CopyableTextProps & {
-    loading?: boolean;
-    suffix?: React__default.ReactNode;
-    prefix?: React__default.ReactNode;
-    showIcon?: boolean;
-} & (BaseText | DateText | AddressText | SymbolText | TxIDText | {
-    rule?: string;
-});
-declare const FormattedText: React__default.ForwardRefExoticComponent<FormattedTextProps & React__default.RefAttributes<HTMLSpanElement>>;
-
-declare const gradientTextVariants: tailwind_variants.TVReturnType<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, undefined, "oui-text-transparent oui-bg-clip-text", {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
-    };
-}, {
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, undefined, "oui-text-transparent oui-bg-clip-text", tailwind_variants_dist_config.TVConfig<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, {
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}>, unknown, unknown, undefined>>;
-declare const GradientText: React__default.ForwardRefExoticComponent<Omit<TextProps, "color"> & VariantProps<tailwind_variants.TVReturnType<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, undefined, "oui-text-transparent oui-bg-clip-text", {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
-    twMergeConfig: {
-        prefix: string;
-    };
-}, {
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, undefined, "oui-text-transparent oui-bg-clip-text", tailwind_variants_dist_config.TVConfig<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}, {
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
-    };
-}>, unknown, unknown, undefined>>> & {
-    /**
-     * Angle of the gradient
-     */
-    angle?: number;
-} & React__default.RefAttributes<HTMLSpanElement>>;
-
 type TextType = typeof Text$1 & {
     formatted: typeof FormattedText;
     numeral: typeof Numeral;
@@ -8439,6 +8439,8 @@ declare const VaultsIcon: React__default.ForwardRefExoticComponent<BaseIconProps
 
 declare const LeftNavVaultsIcon: React$1.ForwardRefExoticComponent<BaseIconProps & React$1.RefAttributes<SVGSVGElement>>;
 
+declare const NewsFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
 type IconType = typeof BaseIcon & {
     combine: typeof CombineIcon;
 };
@@ -8673,4 +8675,4 @@ type ScrollIndicatorProps = {
 };
 declare const ScrollIndicator: FC<ScrollIndicatorProps>;
 
-export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, 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, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, 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 SelectOption, 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 TabPanelProps, type TableCellContext, 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, VaultsIcon, VectorIcon, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+export { ActionSheet, type ActionSheetItem, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, 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, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, 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 SelectOption, 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 TabPanelProps, type TableCellContext, 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, VaultsIcon, VectorIcon, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };