@orderly.network/ui 2.0.0 → 2.0.1-alpha.0

package/dist/index.d.ts

@@ -1,23 +1,27 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 export { VariantProps, cnBase as cn } from 'tailwind-variants';
-import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as React$1 from 'react';
 import React__default, { FC, ReactNode, InputHTMLAttributes, PropsWithChildren, HTMLAttributes, ElementRef, ReactElement, JSXElementConstructor, ElementType, ComponentPropsWithoutRef, PropsWithoutRef, SelectHTMLAttributes, ComponentType } from 'react';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
 import * as tailwind_variants_dist_generated from 'tailwind-variants/dist/generated';
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { TooltipContentProps } from '@radix-ui/react-tooltip';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { DateRange, DayPickerRangeProps, DayPicker } from 'react-day-picker';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import { Row, CoreOptions, ColumnFilter, RowSelectionState } from '@tanstack/react-table';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import { ToastOptions } from 'react-hot-toast';
 export { default as toast } from 'react-hot-toast';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -56,7 +60,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         primary: string[];
         secondary: string;
         success: string;
+        buy: string;
         danger: string;
+        sell: string;
         warning: string;
         gray: string;
         light: string;
@@ -74,42 +80,8 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         inner: string;
         none: string;
     };
-}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        text: string;
-        outlined: string;
-        contained: string;
-        gradient: string;
-    };
-    size: {
-        xs: string[];
-        sm: string[];
-        md: string[];
-        lg: string[];
-        xl: string[];
-    };
-    color: {
-        primary: string[];
-        secondary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        gray: string;
-        light: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    shadow: {
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        inner: string;
-        none: string;
-    };
+}, undefined, string[], {
+    responsiveVariants: ("md" | "lg")[];
 }, {
     variant: {
         text: string;
@@ -128,43 +100,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         primary: string[];
         secondary: string;
         success: string;
+        buy: string;
         danger: string;
-        warning: string;
-        gray: string;
-        light: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    shadow: {
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        inner: string;
-        none: string;
-    };
-}>, {
-    variant: {
-        text: string;
-        outlined: string;
-        contained: string;
-        gradient: string;
-    };
-    size: {
-        xs: string[];
-        sm: string[];
-        md: string[];
-        lg: string[];
-        xl: string[];
-    };
-    color: {
-        primary: string[];
-        secondary: string;
-        success: string;
-        danger: string;
+        sell: string;
         warning: string;
         gray: string;
         light: string;
@@ -200,7 +138,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         primary: string[];
         secondary: string;
         success: string;
+        buy: string;
         danger: string;
+        sell: string;
         warning: string;
         gray: string;
         light: string;
@@ -218,79 +158,9 @@ declare const buttonVariants: tailwind_variants.TVReturnType<{
         inner: string;
         none: string;
     };
-}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        text: string;
-        outlined: string;
-        contained: string;
-        gradient: string;
-    };
-    size: {
-        xs: string[];
-        sm: string[];
-        md: string[];
-        lg: string[];
-        xl: string[];
-    };
-    color: {
-        primary: string[];
-        secondary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        gray: string;
-        light: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    shadow: {
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        inner: string;
-        none: string;
-    };
-}, {
-    variant: {
-        text: string;
-        outlined: string;
-        contained: string;
-        gradient: string;
-    };
-    size: {
-        xs: string[];
-        sm: string[];
-        md: string[];
-        lg: string[];
-        xl: string[];
-    };
-    color: {
-        primary: string[];
-        secondary: string;
-        success: string;
-        danger: string;
-        warning: string;
-        gray: string;
-        light: string;
-    };
-    fullWidth: {
-        true: string;
-    };
-    shadow: {
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        xl: string;
-        "2xl": string;
-        inner: string;
-        none: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, string[], {
+    responsiveVariants: ("md" | "lg")[];
+}, unknown, unknown, undefined>>;
 interface ButtonProps extends Omit<BaseButtonProps, "size">, VariantProps<typeof buttonVariants> {
     angle?: number;
     "data-testid"?: string;
@@ -299,6 +169,12 @@ declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & {
     children?: React__default.ReactNode;
 } & React__default.RefAttributes<HTMLButtonElement>>;
 
+declare const ThrottledButton: React__default.ForwardRefExoticComponent<ButtonProps & {
+    throttleDuration?: number | undefined;
+} & {
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
 declare const boxVariants: tailwind_variants.TVReturnType<{
     __position: {
         true: string;
@@ -2259,12 +2135,16 @@ declare const textVariants: tailwind_variants.TVReturnType<{
         80: string;
         98: string;
     };
+    dashBoard: {
+        default: string;
+    };
 }, undefined, undefined, {
     responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
         color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
         size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
         intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
         weight?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+        dashBoard?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -2315,6 +2195,9 @@ declare const textVariants: tailwind_variants.TVReturnType<{
         80: string;
         98: string;
     };
+    dashBoard: {
+        default: string;
+    };
 }, undefined, tailwind_variants.TVReturnType<{
     size: {
         "3xs": string[];
@@ -2360,6 +2243,9 @@ declare const textVariants: tailwind_variants.TVReturnType<{
         80: string;
         98: string;
     };
+    dashBoard: {
+        default: string;
+    };
 }, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
         "3xs": string[];
@@ -2405,6 +2291,9 @@ declare const textVariants: tailwind_variants.TVReturnType<{
         80: string;
         98: string;
     };
+    dashBoard: {
+        default: string;
+    };
 }, {
     size: {
         "3xs": string[];
@@ -2450,6 +2339,9 @@ declare const textVariants: tailwind_variants.TVReturnType<{
         80: string;
         98: string;
     };
+    dashBoard: {
+        default: string;
+    };
 }>, unknown, unknown, undefined>>;
 interface BasicTextProps extends VariantProps<typeof textVariants> {
     asChild?: boolean;
@@ -2491,6 +2383,7 @@ declare const parseNumber: (value: number | string, options?: {
     padding?: boolean;
     abs?: boolean;
 }) => string;
+declare function formatAddress(address: string, range?: [number, number]): string;
 
 type NumeralRule = "percentages" | "price" | "human";
 type NumeralProps = TextProps & {
@@ -2812,6 +2705,7 @@ type FormattedTextProps = TextProps & CopyableTextProps & {
     loading?: boolean;
     suffix?: React__default.ReactNode;
     prefix?: React__default.ReactNode;
+    showIcon?: boolean;
 } & (BaseText | DateText | AddressText | SymbolText | TxIDText | {
     rule?: string;
 });
@@ -2965,7 +2859,7 @@ declare const spinnerVariants: tailwind_variants.TVReturnType<{
         darkGray: string;
         white: string;
     };
-}, undefined, "oui-text-gray-200 oui-animate-spin dark:oui-text-gray-600 oui-fill-primary", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "oui-text-gray-200 oui-animate-spin dark:oui-text-gray-600 oui-fill-primary-darken", tailwind_variants_dist_config.TVConfig<{
     size: {
         xs: string;
         sm: string;
@@ -3033,7 +2927,7 @@ declare const spinnerVariants: tailwind_variants.TVReturnType<{
         darkGray: string;
         white: string;
     };
-}, undefined, "oui-text-gray-200 oui-animate-spin dark:oui-text-gray-600 oui-fill-primary", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "oui-text-gray-200 oui-animate-spin dark:oui-text-gray-600 oui-fill-primary-darken", tailwind_variants_dist_config.TVConfig<{
     size: {
         xs: string;
         sm: string;
@@ -3073,7 +2967,9 @@ interface SpinnerProps extends ComponentPropsWithout<"svg", RemovedProps>, Varia
 }
 declare const Spinner: FC<SpinnerProps>;
 
-type InputFormatterOptions = {};
+type InputFormatterOptions = {
+    isFocused: boolean;
+};
 type InputFormatter = {
     onRenderBefore: (value: string | number, options: InputFormatterOptions) => string;
     onSendBefore: (value: string, options: InputFormatterOptions) => string;
@@ -3123,12 +3019,15 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     color: {
         success: {
             box: string[];
+            input: string[];
         };
         danger: {
             box: string[];
+            input: string[];
         };
         warning: {
             box: string[];
+            input: string[];
         };
         default: {
             box: string[];
@@ -3178,16 +3077,8 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     additional: string[];
     closeButton: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        pl?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        pr?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        disabled?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        fullWidth?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        align?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
+    responsiveVariants: ("md" | "lg")[];
+} & {
     twMergeConfig: {
         prefix: string;
     };
@@ -3222,12 +3113,15 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     color: {
         success: {
             box: string[];
+            input: string[];
         };
         danger: {
             box: string[];
+            input: string[];
         };
         warning: {
             box: string[];
+            input: string[];
         };
         default: {
             box: string[];
@@ -3307,12 +3201,15 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     color: {
         success: {
             box: string[];
+            input: string[];
         };
         danger: {
             box: string[];
+            input: string[];
         };
         warning: {
             box: string[];
+            input: string[];
         };
         default: {
             box: string[];
@@ -3361,177 +3258,21 @@ declare const inputVariants: tailwind_variants.TVReturnType<{
     box: string[];
     additional: string[];
     closeButton: string[];
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    size: {
-        xs: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        sm: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        md: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        lg: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        xl: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-    };
-    color: {
-        success: {
-            box: string[];
-        };
-        danger: {
-            box: string[];
-        };
-        warning: {
-            box: string[];
-        };
-        default: {
-            box: string[];
-        };
-    };
-    disabled: {
-        true: {
-            input: string[];
-            box: string[];
-        };
-    };
-    pl: {
-        true: {
-            box: string;
-        };
-        false: {
-            box: string;
-        };
-    };
-    pr: {
-        true: {
-            box: string;
-        };
-        false: {
-            box: string;
-        };
-    };
-    fullWidth: {
-        true: {
-            box: string;
-        };
-    };
-    align: {
-        center: {
-            input: string;
-        };
-        left: {
-            input: string;
-        };
-        right: {
-            input: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        sm: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        md: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        lg: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-        xl: {
-            input: string[];
-            box: string[];
-            additional: string[];
-        };
-    };
-    color: {
-        success: {
-            box: string[];
-        };
-        danger: {
-            box: string[];
-        };
-        warning: {
-            box: string[];
-        };
-        default: {
-            box: string[];
-        };
-    };
-    disabled: {
-        true: {
-            input: string[];
-            box: string[];
-        };
-    };
-    pl: {
-        true: {
-            box: string;
-        };
-        false: {
-            box: string;
-        };
-    };
-    pr: {
-        true: {
-            box: string;
-        };
-        false: {
-            box: string;
-        };
-    };
-    fullWidth: {
-        true: {
-            box: string;
-        };
-    };
-    align: {
-        center: {
-            input: string;
-        };
-        left: {
-            input: string;
-        };
-        right: {
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-interface InputProps<T = string> extends BaseInputProps<T>, VariantProps<typeof inputVariants> {
-    prefix?: string | React__default.ReactNode;
-    suffix?: string | React__default.ReactNode;
-    fullWidth?: boolean;
-    onClear?: () => void;
-    classNames?: {
-        input?: string;
-        root?: string;
-        additional?: string;
-        clearButton?: string;
+}, undefined, {
+    responsiveVariants: ("md" | "lg")[];
+}, unknown, unknown, undefined>>;
+interface InputProps<T = string> extends BaseInputProps<T>, VariantProps<typeof inputVariants> {
+    prefix?: string | React__default.ReactNode;
+    suffix?: string | React__default.ReactNode;
+    fullWidth?: boolean;
+    onClear?: () => void;
+    classNames?: {
+        input?: string;
+        root?: string;
+        additional?: string;
+        clearButton?: string;
+        prefix?: string;
+        suffix?: string;
     };
 }
 declare const Input$1: React__default.ForwardRefExoticComponent<InputProps<string> & React__default.RefAttributes<HTMLInputElement>>;
@@ -3540,6 +3281,15 @@ declare const QuantityInput: React$1.ForwardRefExoticComponent<{
     tokens: string[];
 } & Omit<InputProps<string>, "suffix" | "onClear"> & React$1.RefAttributes<HTMLInputElement>>;
 
+declare const InputWithTooltip: React$1.ForwardRefExoticComponent<InputProps<string> & {
+    tooltip?: React.ReactNode;
+    tooltipProps?: {
+        content?: TooltipContentProps | undefined;
+        arrow?: TooltipContentProps | undefined;
+    } | undefined;
+    triggerClassName?: string | undefined;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
 declare const InputAdditional: FC<PropsWithChildren<{
     className?: string;
     name?: string;
@@ -3565,12 +3315,27 @@ declare const dpFormatter: (dp: number, config?: {
     onSendBefore: (value: string | number, options: InputFormatterOptions) => string;
 };
 
+declare const rangeFormatter: (props: {
+    max?: number;
+    min?: number;
+}) => {
+    onRenderBefore: (value: string | number, options: InputFormatterOptions) => string;
+    onSendBefore: (value: string | number, options: InputFormatterOptions) => string;
+};
+
+declare const identifierFormatter: () => {
+    onRenderBefore: (value: string | number, options: InputFormatterOptions) => string;
+    onSendBefore: (value: string | number, options: InputFormatterOptions) => string;
+};
+
 declare const index$1_createRegexInputFormatter: typeof createRegexInputFormatter;
 declare const index$1_currencyFormatter: typeof currencyFormatter;
 declare const index$1_dpFormatter: typeof dpFormatter;
+declare const index$1_identifierFormatter: typeof identifierFormatter;
 declare const index$1_numberFormatter: typeof numberFormatter;
+declare const index$1_rangeFormatter: typeof rangeFormatter;
 declare namespace index$1 {
-  export { index$1_createRegexInputFormatter as createRegexInputFormatter, index$1_currencyFormatter as currencyFormatter, index$1_dpFormatter as dpFormatter, index$1_numberFormatter as numberFormatter };
+  export { index$1_createRegexInputFormatter as createRegexInputFormatter, index$1_currencyFormatter as currencyFormatter, index$1_dpFormatter as dpFormatter, index$1_identifierFormatter as identifierFormatter, index$1_numberFormatter as numberFormatter, index$1_rangeFormatter as rangeFormatter };
 }
 
 declare const textFieldVariants: tailwind_variants.TVReturnType<{
@@ -3652,6 +3417,7 @@ declare const TextField: React__default.FC<TextFieldProps>;
 
 type InputType = typeof Input$1 & {
     token: typeof QuantityInput;
+    tooltip: typeof InputWithTooltip;
 };
 declare const Input: InputType;
 
@@ -3659,6 +3425,7 @@ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive
     size?: number | undefined;
     indicatorClassName?: string | undefined;
     color?: "white" | "blue" | undefined;
+    variant?: "radio" | "checkBox" | undefined;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const switchVariants: tailwind_variants.TVReturnType<{
@@ -3790,9 +3557,11 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
         primaryLight: string;
         secondary: string;
         danger: string;
+        buy: string;
         success: string;
         warning: string;
-        neutural: string;
+        sell: string;
+        neutral: string;
     };
     size: {
         xs: string;
@@ -3820,9 +3589,11 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
         primaryLight: string;
         secondary: string;
         danger: string;
+        buy: string;
         success: string;
         warning: string;
-        neutural: string;
+        sell: string;
+        neutral: string;
     };
     size: {
         xs: string;
@@ -3840,9 +3611,11 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
         primaryLight: string;
         secondary: string;
         danger: string;
+        buy: string;
         success: string;
         warning: string;
-        neutural: string;
+        sell: string;
+        neutral: string;
     };
     size: {
         xs: string;
@@ -3860,9 +3633,11 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
         primaryLight: string;
         secondary: string;
         danger: string;
+        buy: string;
         success: string;
         warning: string;
-        neutural: string;
+        sell: string;
+        neutral: string;
     };
     size: {
         xs: string;
@@ -3880,9 +3655,11 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
         primaryLight: string;
         secondary: string;
         danger: string;
+        buy: string;
         success: string;
         warning: string;
-        neutural: string;
+        sell: string;
+        neutral: string;
     };
     size: {
         xs: string;
@@ -3910,12 +3687,20 @@ declare const Logo: React__default.ForwardRefExoticComponent<React__default.HTML
 declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const TooltipRoot: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TooltipArrow: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React$1.RefAttributes<SVGSVGElement>>;
+declare const TooltipPortal: React$1.FC<TooltipPrimitive.TooltipPortalProps>;
 declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+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"> & {
     className?: string | undefined;
     content?: React$1.ReactNode;
     arrow?: TooltipPrimitive.TooltipArrowProps | undefined;
+} & {
+    tooltipProps?: {
+        arrow?: TooltipPrimitive.TooltipContentProps | undefined;
+    } | undefined;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const tableVariants: tailwind_variants.TVReturnType<{
@@ -4012,22 +3797,22 @@ declare const TableHead: React__default.ForwardRefExoticComponent<React__default
 declare const TableCell: React__default.ForwardRefExoticComponent<React__default.TdHTMLAttributes<HTMLTableCellElement> & React__default.RefAttributes<HTMLTableCellElement>>;
 declare const TableCaption: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLTableCaptionElement> & React__default.RefAttributes<HTMLTableCaptionElement>>;
 
-type ColumnFixed = "left" | "right";
-type SortOrder = "asc" | "desc";
-type TableCellFormatter<T> = string | ((value: any, record: T, index: number) => any);
-type TableCellRenderer<T> = string | ((value: any, record: T, index: number) => React.ReactNode);
+type ColumnFixed$1 = "left" | "right";
+type SortOrder$1 = "asc" | "desc";
+type TableCellFormatter$1<T> = string | ((value: any, record: T, index: number) => any);
+type TableCellRenderer$1<T> = string | ((value: any, record: T, index: number) => React.ReactNode);
 type Column<RecordType extends unknown = any> = {
     title: ReactNode;
     hint?: ReactNode;
     hintClassName?: string;
     width?: number;
-    fixed?: ColumnFixed;
+    fixed?: ColumnFixed$1;
     dataIndex: string;
     className?: string | ((record: RecordType, index: number) => string);
     align?: "left" | "center" | "right";
-    onSort?: boolean | ((r1: RecordType, r2: RecordType, sortOrder: SortOrder) => number);
-    formatter?: TableCellFormatter<RecordType>;
-    render?: TableCellRenderer<RecordType>;
+    onSort?: boolean | ((r1: RecordType, r2: RecordType, sortOrder: SortOrder$1) => number);
+    formatter?: TableCellFormatter$1<RecordType>;
+    render?: TableCellRenderer$1<RecordType>;
     getKey?: (record: RecordType, index: number) => string;
     /**
      * text rule for formatted text, if provided, the text will be rendered as formatted text component;
@@ -4072,11 +3857,11 @@ interface DataTableProps<RecordType> extends TBodyProps<RecordType>, VariantProp
     loadMore?: () => void;
     onSort?: (options?: {
         sortKey: string;
-        sort: SortOrder;
+        sort: SortOrder$1;
     }) => void;
     initialSort?: {
         sortKey: string;
-        sort: SortOrder;
+        sort: SortOrder$1;
     };
     id?: string;
     minHeight?: number;
@@ -4231,13 +4016,8 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     separator: string;
     icon: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        position?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        error?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
+    responsiveVariants: ("md" | "lg")[];
+} & {
     twMergeConfig: {
         prefix: string;
     };
@@ -4369,119 +4149,14 @@ declare const selectVariants: tailwind_variants.TVReturnType<{
     item: string[];
     separator: string;
     icon: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        outlined: {
-            trigger: string[];
-        };
-        contained: {
-            trigger: string[];
-        };
-        text: {
-            trigger: never[];
-        };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
-        };
-        "item-aligned": {
-            content: string;
-            viewport: string;
-        };
-    };
-    size: {
-        xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-    };
-    error: {
-        true: {
-            trigger: string[];
-        };
-    };
-}, {
-    variant: {
-        outlined: {
-            trigger: string[];
-        };
-        contained: {
-            trigger: string[];
-        };
-        text: {
-            trigger: never[];
-        };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
-        };
-        "item-aligned": {
-            content: string;
-            viewport: string;
-        };
-    };
-    size: {
-        xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-    };
-    error: {
-        true: {
-            trigger: string[];
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, {
+    responsiveVariants: ("md" | "lg")[];
+}, unknown, unknown, undefined>>;
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     size?: VariantProps<typeof selectVariants>["size"];
 } & React$1.RefAttributes<HTMLDivElement>>;
 
+type SelectVariantProps = VariantProps<typeof selectVariants>;
 type SelectProps<T> = SelectPrimitive.SelectProps & {
     placeholder?: string;
     valueFormatter?: (value: T, options: {
@@ -4490,7 +4165,7 @@ type SelectProps<T> = SelectPrimitive.SelectProps & {
     contentProps?: React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
     showCaret?: boolean;
     maxHeight?: number;
-} & VariantProps<typeof selectVariants>;
+} & SelectVariantProps;
 declare const Select$1: <T>(props: React__default.PropsWithChildren<SelectProps<T>>) => react_jsx_runtime.JSX.Element;
 
 type SelectOption = {
@@ -4498,6 +4173,7 @@ type SelectOption = {
     value: string;
 };
 type SelectWithOptionsProps<T = string> = SelectProps<T> & {
+    currentValue?: string;
     options: SelectOption[];
     optionRenderer?: (option: SelectOption) => ReactElement;
 };
@@ -4519,31 +4195,33 @@ type DatePickerProps = {
 } & CalendarProps;
 declare const DatePicker$1: FC<DatePickerProps>;
 
-type FilterType = "select" | "input" | "date" | "range" | "custom" | "symbol";
-type DataFilterGeneral = {
+type FilterType$1 = "select" | "input" | "date" | "range" | "custom" | "symbol";
+type DataFilterGeneral$1 = {
     name: string;
-    type: FilterType;
+    type: FilterType$1;
 };
-type SelectFilter = {
+type SelectFilter$1 = {
     type: "select";
     isCombine?: boolean;
 } & SelectWithOptionsProps;
-type DateFilter = {
+type DateFilter$1 = {
     type: "date";
 } & DatePickerProps;
-type DateRangeFilter = {
+type DateRangeFilter$1 = {
     type: "range";
 } & DateRangePickerProps;
-type SymbolFilter = {
+type SymbolFilter$1 = {
     type: "symbol";
 };
-type DataFilterItems = (DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter))[];
-type DataFilterProps = {
-    items: DataFilterItems;
+type DataFilterItems$1 = (DataFilterGeneral$1 & (SelectFilter$1 | DateFilter$1 | DateRangeFilter$1 | SymbolFilter$1))[];
+type DataFilterProps$1 = {
+    items: DataFilterItems$1;
     onFilter: (filter: {
         name: string;
         value: any;
     }) => void;
+    className?: string;
+    trailing?: React.ReactNode;
 };
 
 type PaginationOptions = {
@@ -4553,7 +4231,7 @@ type PaginationOptions = {
 };
 
 type DataGridProps<RecordType = any> = {
-    filter?: DataFilterProps;
+    filter?: DataFilterProps$1;
     pagination?: PaginationOptions;
     footer?: ReactElement;
     /**
@@ -4572,7 +4250,7 @@ declare const EmptyDataState: (props: {
 }) => react_jsx_runtime.JSX.Element;
 
 declare const Filter: {
-    (props: DataFilterProps): react_jsx_runtime.JSX.Element;
+    (props: DataFilterProps$1): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -4608,7 +4286,7 @@ declare const usePagination: (initial?: {
     page: number;
     pageSize: number;
     setPage: React$1.Dispatch<React$1.SetStateAction<number>>;
-    setPageSize: (pageSize: number) => void;
+    setPageSize: (size: number) => void;
     parseMeta: (meta?: {
         total: number;
         current_page: number;
@@ -4621,6 +4299,115 @@ declare const usePagination: (initial?: {
     };
 };
 
+type ColumnFixed = "left" | "right";
+type SortOrder = "asc" | "desc";
+type TableCellFormatter<T> = string | ((value: any, record: T, index: number) => any);
+type TableCellRenderer<T> = string | ((value: any, record: T, index: number) => React.ReactNode);
+type TableColumn<RecordType extends unknown = any> = {
+    type?: "data" | "action" | "group";
+    title?: ReactNode;
+    hint?: ReactNode;
+    hintClassName?: string;
+    width?: number;
+    fixed?: ColumnFixed;
+    dataIndex: string;
+    className?: string | ((record: RecordType, index: number) => string);
+    align?: "left" | "center" | "right";
+    onSort?: boolean | ((r1: RecordType, r2: RecordType, sortOrder?: SortOrder) => number);
+    formatter?: TableCellFormatter<RecordType>;
+    render?: TableCellRenderer<RecordType>;
+    getKey?: (record: RecordType, index: number) => string;
+    /**
+     * text rule for formatted text, if provided, the text will be rendered as formatted text component;
+     */
+    rule?: TextRule | NumeralRule;
+    numeralProps?: Omit<NumeralProps, "children" | "as" | "rule"> | ((value: any, record: RecordType, index: number) => Omit<NumeralProps, "children" | "as" | "rule">);
+    /**
+     * text props for formatted text
+     */
+    textProps?: Omit<FormattedTextProps, "children" | "as" | "rule"> | ((value: any, record: RecordType, index: number) => Omit<FormattedTextProps, "children" | "as" | "rule">);
+};
+type PaginationMeta = {
+    count?: number;
+    page: number;
+    pageSize: number;
+    pageTotal?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+};
+type TableSort = {
+    sortKey: string;
+    sort: SortOrder;
+};
+type TableViewClassNames = {
+    root?: string;
+    header?: string;
+    body?: string;
+    footer?: string;
+    pagination?: string;
+    scroll?: string;
+};
+
+type TableViewProps<RecordType> = {
+    columns: TableColumn<RecordType>[];
+    dataSource?: RecordType[] | null;
+    /**
+     * @description loading state
+     * @default false
+     */
+    loading?: boolean;
+    ignoreLoadingCheck?: boolean;
+    className?: string;
+    classNames?: TableViewClassNames;
+    emptyView?: ReactNode;
+    bordered?: boolean;
+    onSort?: (sort?: TableSort) => void;
+    initialSort?: TableSort;
+    id?: string;
+    getRowCanExpand?: (row: Row<any>) => boolean;
+    expandRowRender?: (row: Row<any>, index: number) => ReactNode;
+    manualSorting?: boolean;
+    manualPagination?: boolean;
+    manualFiltering?: boolean;
+    pagination?: PaginationMeta;
+    renderRowContainer?: (record: RecordType, index: number, children: ReactNode) => ReactNode;
+    generatedRowKey?: CoreOptions<any>["getRowId"];
+    onRow?: (record: RecordType, index: number) => any;
+    columnFilters?: ColumnFilter | ColumnFilter[];
+    rowSelection?: RowSelectionState;
+};
+declare function TableView<RecordType extends any>(props: PropsWithChildren<TableViewProps<RecordType>>): react_jsx_runtime.JSX.Element;
+
+type FilterType = "select" | "input" | "date" | "range" | "custom" | "symbol";
+type DataFilterGeneral = {
+    name: string;
+    type: FilterType;
+};
+type SelectFilter = {
+    type: "select";
+    isCombine?: boolean;
+} & SelectWithOptionsProps;
+type DateFilter = {
+    type: "date";
+} & DatePickerProps;
+type DateRangeFilter = {
+    type: "range";
+} & DateRangePickerProps;
+type SymbolFilter = {
+    type: "symbol";
+};
+type DataFilterItems = (DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter))[];
+type DataFilterProps = {
+    items: DataFilterItems;
+    onFilter: (filter: {
+        name: string;
+        value: any;
+    }) => void;
+    className?: string;
+    trailing?: React.ReactNode;
+};
+declare const DataFilter: (props: DataFilterProps) => react_jsx_runtime.JSX.Element;
+
 declare const scrollAreaVariants: tailwind_variants.TVReturnType<{
     orientation: {
         vertical: {
@@ -4702,6 +4489,9 @@ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -4755,6 +4545,9 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     desc: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -4799,6 +4592,9 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     };
 }, {
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -4843,6 +4639,9 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     };
 }>, {
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -4896,6 +4695,9 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     desc: string[];
 }, tailwind_variants.TVReturnType<{
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -4949,6 +4751,9 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     desc: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -4993,6 +4798,9 @@ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimit
     };
 }, {
     size: {
+        xs: {
+            content: string[];
+        };
         sm: {
             content: string[];
         };
@@ -5053,8 +4861,8 @@ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPr
 
 type DialogAction<T = any> = {
     label: string;
-    onClick: () => Promise<T> | T;
-} & Pick<ButtonProps, "size" | "disabled" | "className" | "fullWidth" | "data-testid">;
+    onClick: (event: any) => Promise<T> | T;
+} & Pick<ButtonProps, "size" | "disabled" | "className" | "fullWidth" | "data-testid" | "loading">;
 type SimpleDialogFooterProps = {
     actions?: {
         primary?: DialogAction;
@@ -5063,31 +4871,10 @@ type SimpleDialogFooterProps = {
     className?: string;
 };
 
-type AlertDialogProps = {
-    title?: string;
-    message?: ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    onOk?: () => Promise<boolean>;
-    onCancel?: () => void;
-    okLabel?: string;
-    cancelLabel?: string;
-    closeable?: boolean;
-} & {
-    actions?: {
-        primary?: Partial<DialogAction>;
-        secondary?: Partial<DialogAction>;
-    };
-};
-/**
- * Generic alert dialog, often used for confirmation/alert/information dialogs.
- */
-declare const AlertDialog: FC<AlertDialogProps>;
-
 type SimpleDialogProps = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-    size?: "sm" | "md" | "lg";
+    size?: "xs" | "sm" | "md" | "lg";
     closable?: boolean;
     title?: ReactNode;
     description?: ReactNode;
@@ -5102,6 +4889,22 @@ type SimpleDialogProps = {
  */
 declare const SimpleDialog: FC<PropsWithChildren<SimpleDialogProps>>;
 
+type AlertDialogProps = {
+    message?: ReactNode;
+    onOk?: () => Promise<boolean>;
+    onCancel?: () => void;
+    okLabel?: string;
+    cancelLabel?: string;
+    actions?: {
+        primary?: Partial<DialogAction>;
+        secondary?: Partial<DialogAction>;
+    };
+} & Pick<SimpleDialogProps, "open" | "onOpenChange" | "title" | "closable" | "classNames" | "size">;
+/**
+ * Generic alert dialog, often used for confirmation/alert/information dialogs.
+ */
+declare const AlertDialog: FC<AlertDialogProps>;
+
 type TriggerDialogProps = {
     size?: "sm" | "md" | "lg";
     closable?: boolean;
@@ -5114,6 +4917,7 @@ declare const TriggerDialog: FC<PropsWithChildren<TriggerDialogProps>>;
 interface ModalState {
     id: string;
     args?: Record<string, unknown>;
+    states?: Record<string, unknown>;
     visible?: boolean;
     delayVisible?: boolean;
     keepMounted?: boolean;
@@ -5132,6 +4936,7 @@ interface ModalHandler<Props = Record<string, unknown>> extends ModalState {
     reject: (reason?: unknown) => void;
     remove: () => void;
     setStates: (states: Record<string, unknown>) => void;
+    updateArgs: (states: Record<string, unknown>) => void;
     resolveHide: (args?: unknown) => void;
 }
 interface ModalHocProps {
@@ -5140,7 +4945,9 @@ interface ModalHocProps {
     keepMounted?: boolean;
 }
 
-declare const registerSimpleDialog: <Props = {}>(id: string, comp: ElementType<Props>, props?: Partial<ModalArgs<Props>> | undefined) => void;
+type DialogProps = {
+    content: ReactNode;
+} & Pick<SimpleDialogProps, "title" | "closable" | "size">;
 
 declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
 declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -5154,7 +4961,7 @@ declare const sheetVariants: tailwind_variants.TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-p-6 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-px-4 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out", tailwind_variants_dist_config.TVConfig<{
     side: {
         top: string;
         bottom: string;
@@ -5182,7 +4989,7 @@ declare const sheetVariants: tailwind_variants.TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-p-6 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out", tailwind_variants_dist_config.TVConfig<{
+}, undefined, "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-px-4 oui-shadow-lg oui-transition oui-ease-in-out data-[state=closed]:oui-duration-260 data-[state=open]:oui-duration-300 data-[state=open]:oui-animate-in data-[state=closed]:oui-animate-out", tailwind_variants_dist_config.TVConfig<{
     side: {
         top: string;
         bottom: string;
@@ -5216,16 +5023,78 @@ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive
 } & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
 
-interface SheetProps {
-    title: string | React__default.ReactNode;
-    content?: React__default.ReactNode;
+interface SimpleSheetProps {
+    title?: string | React.ReactNode;
+    leading?: React.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
     classNames?: {
         content?: string;
         body?: string;
+        header?: string;
     };
+    contentProps?: SheetContentProps;
+    closable?: boolean;
 }
+declare const SimpleSheet: FC<PropsWithChildren<SimpleSheetProps>>;
+
+type SheetProps = Pick<SimpleSheetProps, "title" | "classNames" | "leading" | "contentProps" | "closable"> & {
+    content: ReactNode;
+};
+
+type ConfirmProps = {
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+    onOk?: () => Promise<any>;
+    onCancel?: () => Promise<any>;
+    contentClassName?: string;
+    bodyClassName?: string;
+} & Pick<SimpleDialogProps, "title" | "classNames" | "size">;
+declare const ConfirmDialog: React$1.FC<{
+    content?: React.ReactNode;
+    footer?: React.ReactNode;
+    onOk?: (() => Promise<any>) | undefined;
+    onCancel?: (() => Promise<any>) | undefined;
+    contentClassName?: string | undefined;
+    bodyClassName?: string | undefined;
+} & Pick<SimpleDialogProps, "title" | "size" | "classNames"> & ModalHocProps>;
+
+declare function register<Props = {}>(id: string, comp: ElementType<Props>, props?: Partial<ModalArgs<Props>>): void;
+
+declare const ModalContext: React__default.Context<ModalStore>;
+declare const ModalIdContext: React__default.Context<string | null>;
+declare const ModalProvider: FC<PropsWithChildren<{
+    dialogBuilder?: (children: ReactNode) => ReactElement;
+}>>;
+
+declare function useModal(): ModalHandler;
+declare function useModal(modal: string, args?: Record<string, unknown>): ModalHandler;
+declare function useModal<T extends React.FC<any>, ComponentProps extends ModalArgs<T>, PreparedProps extends Partial<ComponentProps> = {} | ComponentProps, RemainingProps = Omit<ComponentProps, keyof PreparedProps> & Partial<ComponentProps>, ResolveType = unknown>(modal: T, args?: PreparedProps): Omit<ModalHandler, "show"> & {
+    show: Partial<RemainingProps> extends RemainingProps ? (args?: RemainingProps) => Promise<ResolveType> : (args: RemainingProps) => Promise<ResolveType>;
+};
+
+declare const modal: {
+    confirm: <T = any>(props: ConfirmProps) => Promise<T>;
+    alert: (props: AlertDialogProps) => Promise<unknown>;
+    sheet: (props: SheetProps) => Promise<unknown>;
+    dialog: (props: DialogProps) => Promise<unknown>;
+    show: {
+        <T_1 extends unknown, C extends unknown>(modal: React$1.ElementType<C>, args?: ModalArgs<React$1.ElementType<C>> | undefined): Promise<T_1>;
+        <T_2 extends unknown>(modal: string, args?: Record<string, unknown> | undefined): Promise<T_2>;
+        <T_3 extends unknown, P extends unknown>(modal: string, args?: P | undefined): Promise<T_3>;
+    };
+    hide: <T_4>(modal: string | React$1.FC<any>) => Promise<T_4>;
+    remove: (id: string) => void;
+    setStates: (id: string, states: Record<string, unknown>) => void;
+    updateArgs: (id: string, args: Record<string, unknown>) => void;
+    create: <P_1 extends {}>(Comp: React$1.ComponentType<P_1>) => React$1.FC<P_1 & ModalHocProps>;
+    register: typeof register;
+    unregister: (id: string) => void;
+};
+
+declare function registerSimpleDialog<Props = {}>(id: string, comp: ElementType<Props>, props?: Partial<ModalArgs<Props>>): void;
 
-declare const registerSimpleSheet: <Props = {}>(id: string, comp: ElementType<Props>, props?: Omit<SheetProps, 'content'>) => void;
+declare function registerSimpleSheet<Props = {}>(id: string, comp: ElementType<Props>, props?: Omit<SheetProps, "content">): void;
 
 type SheetItemType = "division" | "data" | "cancel";
 interface BaseActionSheetItem {
@@ -6049,6 +5918,7 @@ type TabsProps<T = string> = {
         tabsList?: string;
         tabsContent?: string;
     };
+    contentVisible?: boolean;
 } & TabsPrimitive.TabsProps & VariantProps<typeof tabsVariants>;
 declare const Tabs: FC<TabsProps>;
 type TabPanelProps = {
@@ -6229,13 +6099,8 @@ declare const chainSelectVariants: tailwind_variants.TVReturnType<{
     separator: string;
     icon: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        position?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        error?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-    } | undefined;
-} & tailwind_variants_dist_config.TWMConfig & {
+    responsiveVariants: ("md" | "lg")[];
+} & {
     twMergeConfig: {
         prefix: string;
     };
@@ -6367,115 +6232,9 @@ declare const chainSelectVariants: tailwind_variants.TVReturnType<{
     item: string[];
     separator: string;
     icon: string;
-}, undefined, tailwind_variants_dist_config.TVConfig<{
-    variant: {
-        outlined: {
-            trigger: string[];
-        };
-        contained: {
-            trigger: string[];
-        };
-        text: {
-            trigger: never[];
-        };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
-        };
-        "item-aligned": {
-            content: string;
-            viewport: string;
-        };
-    };
-    size: {
-        xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-    };
-    error: {
-        true: {
-            trigger: string[];
-        };
-    };
-}, {
-    variant: {
-        outlined: {
-            trigger: string[];
-        };
-        contained: {
-            trigger: string[];
-        };
-        text: {
-            trigger: never[];
-        };
-    };
-    position: {
-        popper: {
-            content: string[];
-            viewport: string;
-        };
-        "item-aligned": {
-            content: string;
-            viewport: string;
-        };
-    };
-    size: {
-        xs: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        sm: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        md: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        lg: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-        xl: {
-            trigger: string[];
-            item: string[];
-            icon: string[];
-        };
-    };
-    error: {
-        true: {
-            trigger: string[];
-        };
-    };
-}>, unknown, unknown, undefined>>>;
+}, undefined, {
+    responsiveVariants: ("md" | "lg")[];
+}, unknown, unknown, undefined>>>;
 type ChainItem = {
     name: string;
     id: number;
@@ -6989,6 +6748,15 @@ declare const Card: React$1.ForwardRefExoticComponent<{
     children?: ReactNode;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
+declare const HoverCardRoot: React$1.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React$1.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React$1.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React$1.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface HoverCardProps extends React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root> {
+    className?: string;
+    content: React$1.ReactNode;
+}
+declare const HoverCard: React$1.FC<HoverCardProps & React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>>;
+
 declare const pickerVariants: tailwind_variants.TVReturnType<{
     size: {
         sm: string;
@@ -7089,6 +6857,7 @@ declare const pickerVariants: tailwind_variants.TVReturnType<{
 interface PickerProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "disabled" | "size" | "color" | "value">, VariantProps<typeof pickerVariants> {
     loading?: boolean;
     label?: string;
+    placeholder?: string;
     options: SelectOption[];
     value?: SelectOption | string | number;
     onValueChange?: (value: any) => void;
@@ -7106,18 +6875,22 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7127,6 +6900,7 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
     trackInner: string;
     range: string;
     mark: string;
+    tips: string[];
 }, undefined, {
     responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
         color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
@@ -7140,18 +6914,22 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7161,23 +6939,28 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
     trackInner: string;
     range: string;
     mark: string;
+    tips: string[];
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7187,23 +6970,28 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
     trackInner: string;
     range: string;
     mark: string;
+    tips: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7211,18 +6999,22 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }>, unknown, unknown, undefined>>;
@@ -7235,6 +7027,7 @@ type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>
     markCount?: number;
     markLabelVisible?: boolean;
     showTip?: boolean;
+    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
     classNames?: {
         root?: string;
         thumb?: string;
@@ -7247,18 +7040,22 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7268,6 +7065,7 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
     trackInner: string;
     range: string;
     mark: string;
+    tips: string[];
 }, undefined, {
     responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
         color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
@@ -7281,18 +7079,22 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7302,23 +7104,28 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
     trackInner: string;
     range: string;
     mark: string;
+    tips: string[];
 }, tailwind_variants.TVReturnType<{
     color: {
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7328,23 +7135,28 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
     trackInner: string;
     range: string;
     mark: string;
+    tips: string[];
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     color: {
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }, {
@@ -7352,18 +7164,22 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
         primary: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         primaryLight: {
             thumb: string[];
             range: string;
+            tips: string;
         };
         buy: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
         sell: {
             thumb: string[];
             range: string;
+            tips: string[];
         };
     };
 }>, unknown, unknown, undefined>>> & {
@@ -7371,6 +7187,7 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
     markCount?: number | undefined;
     markLabelVisible?: boolean | undefined;
     showTip?: boolean | undefined;
+    tipFormatter?: ((value: number, min: number, max: number, percent: number) => string | React$1.ReactNode) | undefined;
     classNames?: {
         root?: string | undefined;
         thumb?: string | undefined;
@@ -7384,10 +7201,12 @@ declare const SingleSlider: React$1.ForwardRefExoticComponent<Omit<SliderProps,
     onValueCommit?: ((value: number) => void) | undefined;
 } & React$1.RefAttributes<HTMLSpanElement>>;
 type SliderType = typeof BaseSlider & {
-    signle: typeof SingleSlider;
+    single: typeof SingleSlider;
 };
 declare const Slider: SliderType;
 
+declare function convertValueToPercentage(value: number, min: number, max: number): number;
+
 interface ToastProps extends ToastOptions {
 }
 declare const Toaster: FC<ToastProps>;
@@ -7422,6 +7241,26 @@ declare const ListView: <T, D>(props: ListViewProps<T, D> & {
     }> | undefined;
 }) => JSX.Element;
 
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: FC<CollapsiblePrimitive.CollapsibleContentProps>;
+
+interface Props$3 {
+    header: ReactNode;
+    headerClassName?: string;
+    itemKey: string;
+    disabled?: boolean;
+}
+declare const Panel: FC<PropsWithChildren<Props$3>>;
+
+declare const CollapseRoot: FC<PropsWithChildren<{
+    activeKey?: string;
+}>>;
+type Collapse = typeof CollapseRoot & {
+    panel: typeof Panel;
+};
+declare const Collapse: Collapse;
+
 declare const DropdownMenuRoot: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
 declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -7669,6 +7508,7 @@ type MenuItem = {
     testId?: string;
 };
 type DropdownMenuProps = {
+    currentValue?: string;
     menu: MenuItem[];
     onSelect?: (item: MenuItem) => void;
     render?: (item: MenuItem, index: number) => ReactNode;
@@ -7815,6 +7655,8 @@ declare const ShareIcon: React__default.ForwardRefExoticComponent<BaseIconProps
 
 declare const EyeCloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
 
+declare const RefreshIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
+
 type TokenIconProps = {
     size?: SizeType;
     name?: string;
@@ -7824,7 +7666,7 @@ type TokenIconProps = {
 declare const TokenIcon: FC<TokenIconProps>;
 
 type ChainIconProps = {
-    size?: "sm" | "md" | "lg";
+    size?: "2xs" | "sm" | "md" | "lg";
     chainId: string | number;
     className?: string;
 };
@@ -7832,6 +7674,9 @@ declare const ChainIcon: FC<ChainIconProps>;
 
 declare const avatarVariants: tailwind_variants.TVReturnType<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7862,6 +7707,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     };
 }, {
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7884,6 +7732,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7906,6 +7757,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7924,6 +7778,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     };
 }, {
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7943,6 +7800,9 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
 }>, unknown, unknown, undefined>>;
 declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7973,6 +7833,9 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     };
 }, {
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -7995,6 +7858,9 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8017,6 +7883,9 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8035,6 +7904,9 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     };
 }, {
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8062,6 +7934,9 @@ type AvatarProps = React$1.ComponentProps<typeof AvatarBase> & VariantProps<type
 declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
 declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8092,6 +7967,9 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     };
 }, {
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8114,6 +7992,9 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     fallback: string;
 }, tailwind_variants.TVReturnType<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8136,6 +8017,9 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     fallback: string;
 }, undefined, tailwind_variants_dist_config.TVConfig<{
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8154,6 +8038,9 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     };
 }, {
     size: {
+        '2xs': {
+            root: string;
+        };
         xs: {
             root: string;
         };
@@ -8214,71 +8101,16 @@ type IconType = typeof BaseIcon & {
 };
 declare const Icon: IconType;
 
-interface DialogProps {
-    title: string;
-    content: ReactNode;
-}
-
-interface ConfirmProps {
-    title?: string;
-    content?: React.ReactNode;
-    footer?: React.ReactNode;
-    onOk?: () => Promise<any>;
-    onCancel?: () => Promise<any>;
-    contentClassName?: string;
-    size?: "sm" | "md" | "lg";
-    bodyClassName?: string;
-}
-declare const ConfirmDialog: React$1.FC<ConfirmProps & ModalHocProps>;
-
-declare function register<Props = {}>(id: string, comp: ElementType<Props>, props?: Partial<ModalArgs<Props>>): void;
-
-declare const ModalContext: React__default.Context<ModalStore>;
-declare const ModalIdContext: React__default.Context<string | null>;
-declare const ModalProvider: FC<PropsWithChildren<{
-    dialogBuilder?: (children: ReactNode) => ReactElement;
-}>>;
-
-declare function useModal(): ModalHandler;
-declare function useModal(modal: string, args?: Record<string, unknown>): ModalHandler;
-declare function useModal<T extends React.FC<any>, ComponentProps extends ModalArgs<T>, PreparedProps extends Partial<ComponentProps> = {} | ComponentProps, RemainingProps = Omit<ComponentProps, keyof PreparedProps> & Partial<ComponentProps>, ResolveType = unknown>(modal: T, args?: PreparedProps): Omit<ModalHandler, "show"> & {
-    show: Partial<RemainingProps> extends RemainingProps ? (args?: RemainingProps) => Promise<ResolveType> : (args: RemainingProps) => Promise<ResolveType>;
-};
-
-declare const modal: {
-    confirm: (props: ConfirmProps) => Promise<unknown>;
-    alert: (props: AlertDialogProps) => Promise<unknown>;
-    sheet: (props: SheetProps) => Promise<unknown>;
-    dialog: (props: DialogProps) => Promise<unknown>;
-    show: {
-        <T extends unknown, C extends unknown>(modal: React$1.ElementType<C>, args?: ModalArgs<React$1.ElementType<C>> | undefined): Promise<T>;
-        <T_1 extends unknown>(modal: string, args?: Record<string, unknown> | undefined): Promise<T_1>;
-        <T_2 extends unknown, P extends unknown>(modal: string, args?: P | undefined): Promise<T_2>;
-    };
-    hide: <T_3>(modal: string | React$1.FC<any>) => Promise<T_3>;
-    remove: (id: string) => void;
-    setStates: (id: string, states: Record<string, unknown>) => void;
-    create: <P_1 extends {}>(Comp: React$1.ComponentType<P_1>) => React$1.FC<P_1 & ModalHocProps>;
-    register: typeof register;
-    unregister: (id: string) => void;
-};
-
 type ExtensionPosition = ExtensionPositionEnum | string;
 declare enum ExtensionPositionEnum {
     DepositForm = "depositForm",
     WithdrawForm = "withdrawForm",
-    ListEmpty = "listEmpty",
-    MainNav = "mainNav",
-    SideNav = "sideNav",
     /**
      * Wallet button
      */
-    WalletButton = "walletButton",
-    Logo = "logo",
-    Toast = "toast",
-    PortfolioLayout = "portfolioLayout",
-    TradingRewardsLayout = "tradingRewardsLayout",
-    AffiliateLayoutLayout = "affiliateLayoutLayout"
+    AccountMenu = "accountMenu",
+    MainMenus = "mainMenus",
+    EmptyDataIdentifier = "emptyDataIdentifier"
 }
 
 /**
@@ -8324,11 +8156,16 @@ interface Props$2 {
 }
 declare const ExtensionSlot: FC<Props$2>;
 
+type ComponentOverrides = {
+    tabs: {
+        variant: "text" | "contained";
+    };
+};
 type OrderlyThemeProviderProps = {
-    dateFormatting?: string;
     components?: {
         [position in ExtensionPosition]: ComponentType;
     };
+    overrides?: Partial<ComponentOverrides>;
 };
 declare const OrderlyThemeProvider: FC<PropsWithChildren<OrderlyThemeProviderProps>>;
 
@@ -8372,11 +8209,6 @@ declare const chartPlugin: () => {
     config?: Partial<tailwindcss_types_config.Config> | undefined;
 };
 
-declare const colorPlugin: () => {
-    handler: tailwindcss_types_config.PluginCreator;
-    config?: Partial<tailwindcss_types_config.Config> | undefined;
-};
-
 declare const componentsPlugin: () => {
     handler: tailwindcss_types_config.PluginCreator;
     config?: Partial<tailwindcss_types_config.Config> | undefined;
@@ -8409,7 +8241,6 @@ declare const themePlugin: () => {
 
 declare const index_basePlugin: typeof basePlugin;
 declare const index_chartPlugin: typeof chartPlugin;
-declare const index_colorPlugin: typeof colorPlugin;
 declare const index_componentsPlugin: typeof componentsPlugin;
 declare const index_gradientPlugin: typeof gradientPlugin;
 declare const index_positionPlugin: typeof positionPlugin;
@@ -8417,7 +8248,12 @@ declare const index_scrollBarPlugin: typeof scrollBarPlugin;
 declare const index_sizePlugin: typeof sizePlugin;
 declare const index_themePlugin: typeof themePlugin;
 declare namespace index {
-  export { index_basePlugin as basePlugin, index_chartPlugin as chartPlugin, index_colorPlugin as colorPlugin, index_componentsPlugin as componentsPlugin, index_gradientPlugin as gradientPlugin, index_positionPlugin as positionPlugin, index_scrollBarPlugin as scrollBarPlugin, index_sizePlugin as sizePlugin, index_themePlugin as themePlugin };
+  export { index_basePlugin as basePlugin, index_chartPlugin as chartPlugin, index_componentsPlugin as componentsPlugin, index_gradientPlugin as gradientPlugin, index_positionPlugin as positionPlugin, index_scrollBarPlugin as scrollBarPlugin, index_sizePlugin as sizePlugin, index_themePlugin as themePlugin };
 }
 
-export { ActionSheet, type ActionSheetItem, 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, 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, type Column, ConfirmDialog, CopyIcon, type DataFilterItems, DataGrid, DataGridFilterBar, DataTable, type DataTableProps, DatePicker, type DatePickerProps, Dialog, 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, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Filter, Flex, type FlexProps, Grid, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, ListView, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyThemeProvider, Pagination, PaginationItems, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, QuestionFillIcon, ScrollArea, ScrollBar, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, type SimpleDialogProps, SimpleDropdownMenu, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, Switch, TabPanel, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TriggerDialog, type TriggerDialogProps, WalletIcon, boxVariants, capitalizeFirstLetter, gradientTextVariants, index$1 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useModal, usePagination };
+declare function useScreen(): {
+    isMobile: boolean;
+    isDesktop: boolean;
+};
+
+export { ActionSheet, type ActionSheetItem, 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, 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, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItems$1 as DataFilterItems, DataGrid, DataGridFilterBar, DataTable, type DataTableProps, DatePicker, type DatePickerProps, Dialog, 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, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Filter, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, ListView, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyThemeProvider, Pagination, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, QuestionFillIcon, RefreshIcon, ScrollArea, ScrollBar, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder$1 as SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, Switch, TabPanel, Table, TableBody, TableCaption, TableCell, type TableColumn, TableFooter, TableHead, TableHeader, TableRow, TableView, type TableViewClassNames, type TableViewProps, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TriggerDialog, type TriggerDialogProps, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$1 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useModal, usePagination, useScreen };