@kodiak-finance/orderly-ui 2.8.18 → 2.8.19-rc.0

package/dist/index.d.mts

@@ -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";
@@ -2464,6 +2637,16 @@ type NumeralProps = TextProps & {
 };
 declare const Numeral: FC<NumeralProps>;
 
+type NumTypeProps = Omit<NumeralProps, "ignoreDP" | "rm" | "tick"> & {
+    numType: "roi" | "pnl" | "notional" | "assetValue" | "collateral";
+};
+type NumTypeComponentProps = Omit<NumTypeProps, "numType">;
+declare const NumTypeRoi: React.FC<NumTypeComponentProps>;
+declare const NumTypePnl: React.FC<NumTypeComponentProps>;
+declare const NumTypeNotional: React.FC<NumTypeComponentProps>;
+declare const NumTypeAssetValue: React.FC<NumTypeComponentProps>;
+declare const NumTypeCollateral: React.FC<NumTypeComponentProps>;
+
 declare const statisticVariants: tailwind_variants.TVReturnType<{
     align: {
         start: {
@@ -2619,237 +2802,69 @@ declare const Statistic: React__default.ForwardRefExoticComponent<VariantProps<t
     };
 }, {
     align: {
-        start: {
-            root: string;
-        };
-        end: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    value: string;
-}, tailwind_variants.TVReturnType<{
-    align: {
-        start: {
-            root: string;
-        };
-        end: {
-            root: string;
-        };
-    };
-}, {
-    root: string;
-    label: string;
-    value: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    align: {
-        start: {
-            root: string;
-        };
-        end: {
-            root: string;
-        };
-    };
-}, {
-    align: {
-        start: {
-            root: string;
-        };
-        end: {
-            root: string;
-        };
-    };
-}>, unknown, unknown, undefined>>> & React__default.HTMLAttributes<HTMLDivElement> & {
-    label: string | ReactNode;
-    valueProps?: Omit<NumeralProps, "children">;
-    classNames?: {
-        root?: string;
-        label?: string;
-        value?: string;
-    };
-} & {
-    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;
+        start: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
     };
-}, undefined, tailwind_variants.TVReturnType<{
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
+}, {
+    root: string;
+    label: string;
+    value: string;
+}, tailwind_variants.TVReturnType<{
+    align: {
+        start: {
+            root: string;
+        };
+        end: {
+            root: 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;
+}, {
+    root: string;
+    label: string;
+    value: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    align: {
+        start: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
     };
 }, {
-    color: {
-        primary: string;
-        brand: string;
-        success: string;
-        warning: string;
-        danger: string;
-        neutral: string;
-        inherit: string;
+    align: {
+        start: {
+            root: string;
+        };
+        end: {
+            root: string;
+        };
     };
-}>, unknown, unknown, undefined>>> & {
-    /**
-     * Angle of the gradient
-     */
-    angle?: number;
-} & React__default.RefAttributes<HTMLSpanElement>>;
+}>, unknown, unknown, undefined>>> & React__default.HTMLAttributes<HTMLDivElement> & {
+    label: string | ReactNode;
+    valueProps?: Omit<NumeralProps, "children">;
+    classNames?: {
+        root?: string;
+        label?: string;
+        value?: string;
+    };
+} & {
+    children?: ReactNode | undefined;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type TextType = typeof Text$1 & {
     formatted: typeof FormattedText;
     numeral: typeof Numeral;
     gradient: typeof GradientText;
+    roi: typeof NumTypeRoi;
+    pnl: typeof NumTypePnl;
+    notional: typeof NumTypeNotional;
+    assetValue: typeof NumTypeAssetValue;
+    collateral: typeof NumTypeCollateral;
 };
 declare const Text: TextType;
 
@@ -2994,7 +3009,7 @@ interface BaseInputProps<T = string> extends Omit<InputHTMLAttributes<HTMLInputE
     fixClassName?: string;
     helpText?: string;
     loading?: boolean;
-    inputMode?: "decimal" | "numeric";
+    inputMode?: "decimal" | "numeric" | "amount";
     containerClassName?: string;
     formatters?: InputFormatter[];
     onValueChange?: (value: T) => void;
@@ -3758,7 +3773,6 @@ type Column<RecordType extends unknown = any> = {
     dataIndex: string;
     className?: string | ((record: RecordType, index: number) => string);
     align?: "left" | "center" | "right";
-    exportable?: boolean;
     onSort?: boolean | ((r1: RecordType, r2: RecordType, sortOrder?: SortOrder) => number);
     multiSort?: {
         fields: MultiSortField[];
@@ -3789,6 +3803,8 @@ type PaginationMeta = {
     pageTotal?: number;
     onPageChange?: (page: number) => void;
     onPageSizeChange?: (pageSize: number) => void;
+    generatePageNumbers?: (currentPage: number, totalPages: number) => (number | string)[];
+    hideRowsPerPage?: boolean;
 };
 type DataTableClassNames = {
     root?: string;
@@ -6294,6 +6310,8 @@ type PaginationProps = {
         paginationNext?: string;
         paginationEllipsis?: string;
     };
+    hideRowsPerPage?: boolean;
+    generatePageNumbers?: (currentPage: number, totalPages: number) => (number | string)[];
 };
 declare const PaginationItems: (props: Omit<PaginationProps, "onPageSizeChange">) => react_jsx_runtime.JSX.Element | null;
 
@@ -7876,7 +7894,7 @@ declare const ToastTile: (props: {
     };
 }) => react_jsx_runtime.JSX.Element;
 
-interface ListViewProps<T, D extends unknown> {
+interface ListViewProps<T, D> {
     dataSource: T[] | null | undefined;
     renderItem: (item: T, index: number, extraData?: D) => React__default.ReactNode;
     className?: string;
@@ -8310,6 +8328,7 @@ declare const iconVariants: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 interface BaseIconProps extends ComponentPropsWithout<"svg", RemovedProps>, VariantProps<typeof iconVariants> {
     size?: number;
+    viewBox?: string;
     opacity?: number;
 }
 declare const BaseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
@@ -8400,8 +8419,20 @@ declare const BarChartIcon: () => react_jsx_runtime.JSX.Element;
 
 declare const BattleIcon: () => react_jsx_runtime.JSX.Element;
 
+declare const BattleActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BattleInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BattleSolidActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const BattleSolidInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const FeeTierIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 
+declare const EarnActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EarnInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
 declare const EditIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 
 declare const EyeIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
@@ -8464,6 +8495,20 @@ declare const MarketsActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX
 
 declare const MarketsInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
 
+declare const StarChildChatActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const StarChildChatInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const CloseRoundFillIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SelectedChoicesFillIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PopupUnionIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const SpotIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const PerpsIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
 declare function EmptyStateIcon(): react_jsx_runtime.JSX.Element;
 
 declare const VectorIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
@@ -8482,6 +8527,18 @@ 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>>;
+
+declare const BellIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
+declare const WoofiStakeIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const EarnIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const ReferralSolidIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;
+
+declare const AddCircleIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
 type IconType = typeof BaseIcon & {
     combine: typeof CombineIcon;
 };
@@ -8662,6 +8719,19 @@ declare function useObserverElement<T extends HTMLElement>(element: T | null, ca
  */
 declare function useCanLinkDevice(): boolean;
 
+interface LongPressHandlers {
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseUp: () => void;
+    onMouseMove: (e: React.MouseEvent) => void;
+    onMouseLeave: () => void;
+    onContextMenu: (e: React.MouseEvent) => void;
+    onTouchStart: (e: React.TouchEvent) => void;
+    onTouchEnd: () => void;
+    onTouchMove: (e: React.TouchEvent) => void;
+    onTouchCancel: () => void;
+}
+declare function useLongPress(callback: () => void, longPressTime?: number): LongPressHandlers;
+
 declare const localeValues: {
     readonly locale: string;
     readonly dialog: {
@@ -8724,4 +8794,316 @@ 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, type CSVColumn, type CSVExportOptions, 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, downloadCSVFile, exportToCSV, formatAddress, generateCSVContent, generateCSVData, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useCanLinkDevice, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+declare const dotStatusVariants: tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    dot: string;
+    label: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}, {
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}>, {
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    dot: string;
+    label: string;
+}, tailwind_variants.TVReturnType<{
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}, {
+    root: string;
+    dot: string;
+    label: string;
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}, {
+    color: {
+        primary: {
+            dot: string;
+            label: string;
+        };
+        warning: {
+            dot: string;
+            label: string;
+        };
+        profit: {
+            dot: string;
+            label: string;
+        };
+        loss: {
+            dot: string;
+            label: string;
+        };
+        secondary: {
+            dot: string;
+            label: string;
+        };
+    };
+    size: {
+        xs: {
+            dot: string;
+            label: string;
+        };
+        sm: {
+            dot: string;
+            label: string;
+        };
+        md: {
+            dot: string;
+            label: string;
+        };
+        lg: {
+            dot: string;
+            label: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+declare const DotStatus: {
+    (props: VariantProps<typeof dotStatusVariants> & {
+        label?: string;
+        classNames?: {
+            root?: string;
+            dot?: string;
+            label?: string;
+        };
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, type CSVColumn, type CSVExportOptions, 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, CloseRoundFillIcon, 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, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, 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, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, 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, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, 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, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, downloadCSVFile, exportToCSV, formatAddress, generateCSVContent, generateCSVData, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useCanLinkDevice, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };