import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
export { VariantProps, cnBase as cn } from 'tailwind-variants';
import * as React$1 from 'react';
import React__default, { FC, ReactNode, InputHTMLAttributes, PropsWithChildren, HTMLAttributes, ElementRef, ReactElement, SelectHTMLAttributes, JSXElementConstructor, ElementType, ComponentPropsWithoutRef, PropsWithoutRef, ForwardedRef, SVGProps, ComponentType } from 'react';
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
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 { Cell, Row, ExpandedState, OnChangeFn, CoreOptions, Column as Column$1, ColumnFilter, RowSelectionState, TableFeature, Table, SortingState, RowData } from '@tanstack/react-table';
export { Table, Column as TanstackColumn } from '@tanstack/react-table';
import { DateRange, DayPickerRangeProps, DayPicker } from 'react-day-picker';
import * as SelectPrimitive from '@radix-ui/react-select';
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 AvatarPrimitive from '@radix-ui/react-avatar';
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 useEmblaCarousel__default, { UseEmblaCarouselType } from 'embla-carousel-react';
export * from 'embla-carousel-react';
export { default as useEmblaCarousel } from 'embla-carousel-react';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
import { ExtensionPosition } from '@orderly.network/plugin-core';
export { Extension, ExtensionBuilder, ExtensionOptions, ExtensionPosition, ExtensionPositionEnum, ExtensionProvider, ExtensionSlot, InterceptorTargetPropsMap, KnownInterceptorTarget, OrderlyExtensionRegistry, OrderlyPlugin, OrderlyPluginAPI, OrderlyPluginContextValue, OrderlyPluginProvider, OrderlyPluginRegistry, OrderlySDK, PluginErrorBoundary, PluginInterceptor, PluginInterceptorComponent, PluginRegistrationFn, PluginScopeContext, PluginScopeProvider, PluginScopeValue, createInterceptor, createOrderlySDK, injectable, installExtension, positionToPath, setExtensionBuilder, useExtensionContext, useInjectedComponent, useOrderlyPluginContext, usePluginScope } from '@orderly.network/plugin-core';
import * as tailwindcss_types_config from 'tailwindcss/types/config';
export * from 'embla-carousel-auto-scroll';
export { default as AutoScroll } from 'embla-carousel-auto-scroll';
export * from 'embla-carousel-autoplay';
export { default as Autoplay } from 'embla-carousel-autoplay';
export * from 'embla-carousel';
import * as date_fns from 'date-fns';
import * as date_fns_locale from 'date-fns/locale';

type ComponentPropsWithout<T extends React__default.ElementType, O extends Omit<string, keyof React__default.ComponentPropsWithoutRef<T>> | keyof React__default.ComponentPropsWithoutRef<T>> = Omit<React__default.ComponentPropsWithoutRef<T>, O & string>;
type RemovedProps = "asChild" | "defaultChecked" | "defaultValue" | "color";

type SizeType = "xs" | "sm" | "md" | "lg" | "xl";

interface BaseButtonProps extends ComponentPropsWithout<"button", RemovedProps> {
    loading?: boolean;
    leading?: React__default.ReactNode;
    trailing?: React__default.ReactNode;
    asChild?: boolean;
    size: SizeType;
    icon?: React__default.ReactElement;
    as?: "button" | "a";
}

declare const buttonVariants: tailwind_variants.TVReturnType<{
    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;
        buy: string;
        danger: string;
        sell: string;
        warning: string;
        gray: string;
        light: string;
    };
    fullWidth: {
        true: string;
    };
}, undefined, string[], {
    responsiveVariants: ("md" | "lg")[];
}, {
    shadow: {
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        inner: string;
        none: string;
    };
}, undefined, {
    variants: {
        shadow: {
            sm: string;
            base: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            inner: string;
            none: string;
        };
    };
}>;
interface ButtonProps extends Omit<BaseButtonProps, "size">, VariantProps<typeof buttonVariants> {
    angle?: number;
    "data-testid"?: string;
}
declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & {
    children?: React__default.ReactNode | undefined;
} & React__default.RefAttributes<HTMLButtonElement>>;

declare const ThrottledButton: React__default.ForwardRefExoticComponent<ButtonProps & {
    throttleDuration?: number;
} & {
    children?: React__default.ReactNode | undefined;
} & React__default.RefAttributes<HTMLButtonElement>>;

declare const iconButtonVariants: tailwind_variants.TVReturnType<{
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}, {
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}>, {
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}, undefined, tailwind_variants.TVReturnType<{
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}, {
    color: {
        primary: string[];
        secondary: string[];
        success: string[];
        buy: string[];
        danger: string[];
        sell: string[];
        warning: string[];
        gray: string[];
        light: string[];
    };
}>, unknown, unknown, undefined>>;
interface IconButtonProps extends Omit<BaseButtonProps, "size" | "children">, VariantProps<typeof iconButtonVariants> {
    children: React__default.ReactElement;
    angle?: number;
    "data-testid"?: string;
}
declare const IconButton: React__default.ForwardRefExoticComponent<IconButtonProps & React__default.RefAttributes<HTMLButtonElement>>;

declare const boxVariants: tailwind_variants.TVReturnType<{
    __position: {
        true: string;
    };
    __size_width: {
        true: string;
    };
    __size_height: {
        true: string;
    };
    invisible: {
        true: string;
    };
    position: {
        static: string;
        fixed: string;
        absolute: string;
        relative: string;
        sticky: string;
    };
    zIndex: {
        0: string;
        10: string;
        20: string;
        30: string;
        40: string;
        50: string;
        auto: string;
    };
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    p: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    px: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    py: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    pt: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    pb: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    pl: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    pr: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    m: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    mx: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    my: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    mt: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    mb: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    ml: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    mr: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        10: string;
    };
    grow: {
        true: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        grow?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        m?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        mb?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        ml?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        mr?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        mt?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        mx?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        my?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        p?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        pb?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        pl?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        position?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        pr?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        pt?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        px?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        py?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        shadow?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        __position?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        __size_width?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        __size_height?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        invisible?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        zIndex?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    shadow: {
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        inner: string;
        none: string;
    };
}, undefined, {
    variants: {
        shadow: {
            sm: string;
            base: string;
            md: string;
            lg: string;
            xl: string;
            "2xl": string;
            inner: string;
            none: string;
        };
    };
}>;
interface BoxProps extends React__default.ButtonHTMLAttributes<HTMLDivElement | HTMLSpanElement>, Omit<VariantProps<typeof boxVariants>, "__position" | "__size_width" | "__size_height"> {
    asChild?: boolean;
    as?: "div" | "span" | "nav" | "section" | "article" | "aside" | "header" | "footer";
    width?: string | number;
    height?: string | number;
    left?: string | number;
    right?: string | number;
    top?: string | number;
    bottom?: string | number;
    /**
     * Angle of the gradient
     */
    angle?: number;
}
declare const Box: React__default.ForwardRefExoticComponent<BoxProps & React__default.RefAttributes<HTMLDivElement>>;

declare const gridVariants: tailwind_variants.TVReturnType<{
    cols: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        none: string;
    };
    rows: {
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
        none: string;
    };
    autoFlow: {
        row: string;
        col: string;
        rowDense: string;
        colDense: string;
    };
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        gap?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        cols?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        rows?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gapX?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gapY?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        autoFlow?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, {
    variants: {
        gap: {
            0: string;
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            8: string;
            10: string;
        };
        gapX: {
            0: string;
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            8: string;
            10: string;
        };
        gapY: {
            0: string;
            1: string;
            2: string;
            3: string;
            4: string;
            5: string;
            6: string;
            8: string;
            10: string;
        };
    };
}>;
interface GridProps extends BoxProps, VariantProps<typeof gridVariants> {
}
declare const Grid$1: React__default.ForwardRefExoticComponent<GridProps & React__default.RefAttributes<HTMLDivElement>>;

declare const gridSpanVariants: tailwind_variants.TVReturnType<{
    colSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    rowSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
}, undefined, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        colSpan?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        rowSpan?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    colSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    rowSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    colSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    rowSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
    colSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    rowSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
}, {
    colSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
    rowSpan: {
        auto: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        7: string;
        8: string;
        9: string;
    };
}>, unknown, unknown, undefined>>;
interface SpanProps extends BoxProps, VariantProps<typeof gridSpanVariants> {
}
declare const Span: (props: SpanProps) => react_jsx_runtime.JSX.Element;

type GridType = typeof Grid$1 & {
    span: typeof Span;
};
declare const Grid: GridType;

declare const flexVariant: tailwind_variants.TVReturnType<{
    display: {
        flex: string;
        inlineFlex: string;
    };
    direction: {
        row: string;
        rowReverse: string;
        column: string;
        columnReverse: string;
    };
    itemAlign: {
        start: string;
        end: string;
        center: string;
        baseline: string;
        stretch: string;
    };
    justify: {
        start: string;
        end: string;
        center: string;
        between: string;
        around: string;
        evenly: string;
        stretch: string;
    };
    wrap: {
        noWrap: string;
        wrap: string;
        wrapReverse: string;
    };
}, undefined, string[], {
    responsiveVariants: true;
} & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        gap?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gapX?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gapY?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}, {
    gap: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapX: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
    gapY: {
        0: string;
        1: string;
        2: string;
        3: string;
        4: string;
        5: string;
        6: string;
        8: string;
        10: string;
    };
}>, unknown, unknown, undefined>>>;
interface FlexProps extends BoxProps, VariantProps<typeof flexVariant> {
}
declare const Flex: React$1.ForwardRefExoticComponent<FlexProps & React$1.RefAttributes<HTMLDivElement>>;

declare const textVariants: tailwind_variants.TVReturnType<{
    size: {
        "3xs": string[];
        "2xs": string[];
        xs: string[];
        sm: string[];
        base: string[];
        lg: string[];
        xl: string[];
        "2xl": string[];
        "3xl": string[];
        "4xl": string[];
        "5xl": string[];
        "6xl": string[];
    };
    weight: {
        regular: string[];
        semibold: string[];
        bold: string[];
    };
    color: {
        inherit: string;
        neutral: string;
        primary: string;
        primaryLight: string;
        secondary: string;
        tertiary: string;
        warning: string;
        danger: string;
        success: string;
        buy: string;
        sell: string;
        lose: string;
        withdraw: string;
        profit: string;
        deposit: string;
    };
    intensity: {
        12: string;
        20: string;
        36: string;
        54: string;
        80: string;
        98: string;
    };
    dashBoard: {
        default: string;
    };
}, undefined, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        weight?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        dashBoard?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    size: {
        "3xs": string[];
        "2xs": string[];
        xs: string[];
        sm: string[];
        base: string[];
        lg: string[];
        xl: string[];
        "2xl": string[];
        "3xl": string[];
        "4xl": string[];
        "5xl": string[];
        "6xl": string[];
    };
    weight: {
        regular: string[];
        semibold: string[];
        bold: string[];
    };
    color: {
        inherit: string;
        neutral: string;
        primary: string;
        primaryLight: string;
        secondary: string;
        tertiary: string;
        warning: string;
        danger: string;
        success: string;
        buy: string;
        sell: string;
        lose: string;
        withdraw: string;
        profit: string;
        deposit: string;
    };
    intensity: {
        12: string;
        20: string;
        36: string;
        54: string;
        80: string;
        98: string;
    };
    dashBoard: {
        default: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    size: {
        "3xs": string[];
        "2xs": string[];
        xs: string[];
        sm: string[];
        base: string[];
        lg: string[];
        xl: string[];
        "2xl": string[];
        "3xl": string[];
        "4xl": string[];
        "5xl": string[];
        "6xl": string[];
    };
    weight: {
        regular: string[];
        semibold: string[];
        bold: string[];
    };
    color: {
        inherit: string;
        neutral: string;
        primary: string;
        primaryLight: string;
        secondary: string;
        tertiary: string;
        warning: string;
        danger: string;
        success: string;
        buy: string;
        sell: string;
        lose: string;
        withdraw: string;
        profit: string;
        deposit: string;
    };
    intensity: {
        12: string;
        20: string;
        36: string;
        54: string;
        80: string;
        98: string;
    };
    dashBoard: {
        default: string;
    };
}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        "3xs": string[];
        "2xs": string[];
        xs: string[];
        sm: string[];
        base: string[];
        lg: string[];
        xl: string[];
        "2xl": string[];
        "3xl": string[];
        "4xl": string[];
        "5xl": string[];
        "6xl": string[];
    };
    weight: {
        regular: string[];
        semibold: string[];
        bold: string[];
    };
    color: {
        inherit: string;
        neutral: string;
        primary: string;
        primaryLight: string;
        secondary: string;
        tertiary: string;
        warning: string;
        danger: string;
        success: string;
        buy: string;
        sell: string;
        lose: string;
        withdraw: string;
        profit: string;
        deposit: string;
    };
    intensity: {
        12: string;
        20: string;
        36: string;
        54: string;
        80: string;
        98: string;
    };
    dashBoard: {
        default: string;
    };
}, {
    size: {
        "3xs": string[];
        "2xs": string[];
        xs: string[];
        sm: string[];
        base: string[];
        lg: string[];
        xl: string[];
        "2xl": string[];
        "3xl": string[];
        "4xl": string[];
        "5xl": string[];
        "6xl": string[];
    };
    weight: {
        regular: string[];
        semibold: string[];
        bold: string[];
    };
    color: {
        inherit: string;
        neutral: string;
        primary: string;
        primaryLight: string;
        secondary: string;
        tertiary: string;
        warning: string;
        danger: string;
        success: string;
        buy: string;
        sell: string;
        lose: string;
        withdraw: string;
        profit: string;
        deposit: string;
    };
    intensity: {
        12: string;
        20: string;
        36: string;
        54: string;
        80: string;
        98: string;
    };
    dashBoard: {
        default: string;
    };
}>, unknown, unknown, undefined>>;
interface BasicTextProps extends VariantProps<typeof textVariants> {
    asChild?: boolean;
}
interface CopyableTextProps extends BasicTextProps {
    /**
     * If true, the text will be copied when clicked.
     */
    copyable?: boolean;
    /**
     * Callback when the text is copied.
     */
    onCopy?: (event: React__default.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    /** default is 12 */
    copyIconSize?: number;
    copyIconTestid?: string;
}
type TextSpanProps = {
    as?: "span";
} & ComponentPropsWithout<"span", RemovedProps>;
type TextDivProps = {
    as: "div";
} & ComponentPropsWithout<"div", RemovedProps>;
type TextLabelProps = {
    as: "label";
} & ComponentPropsWithout<"label", RemovedProps>;
type TextPProps = {
    as: "p";
} & ComponentPropsWithout<"p", RemovedProps>;
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 | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | 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 | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | 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";
    dp?: number;
    tick?: number;
    rm?: RoundingMode;
    padding?: boolean;
    abs?: boolean;
}) => string;
declare function formatAddress(address: string, range?: [number, number]): string;

type NumeralRule = "percentages" | "price" | "human";
type NumeralProps = TextProps & {
    rule?: NumeralRule;
    /**
     * decimal place, default 2 digits
     * @default 2
     */
    dp?: number;
    /**
     * Whether to ignore the decimal place, if true then direct output, the default is false
     */
    ignoreDP?: boolean;
    /**
     * The number of decimal places to round to.
     * tick is obtained directly from the Orderly API and is used to calculate the number of decimal places for prices.
     * If both dp and tick are passed, dp takes priority.
     * Format: 0.00001
     */
    tick?: number;
    /**
     * Rounding mode
     * The method of rounding the decimal digits after the decimal point, options are ceil, floor, round, aligns with Math.ceil, Math.floor, Math.round.
     * @default floor
     */
    rm?: RoundingMode;
    /**
     * The number to be formatted
     */
    children: number | string;
    className?: string;
    unitClassName?: string;
    coloring?: boolean;
    loading?: boolean;
    suffix?: React__default.ReactNode;
    prefix?: React__default.ReactNode;
    unit?: string;
    currency?: string;
    /**
     * Whether to display as *****
     */
    visible?: boolean;
    /**
     * Whether to pad with 0
     * @default true
     */
    padding?: boolean;
    /**
     * Whether to show the + or - sign
     */
    showIdentifier?: boolean;
    /**
     * Placeholder when children is not valid number
     */
    placeholder?: string;
    /**
     * custom masking element when visible is false
     */
    masking?: React__default.ReactNode | string;
    /**
     * Custom + or - sign
     */
    identifiers?: {
        loss?: React__default.ReactNode;
        profit?: React__default.ReactNode;
    };
};
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>;

type SymbolBadgeTextProps = FormattedTextProps & {
    /**
     * Optional badge text shown after the main content. When set, renders as Badge (warning, xs).
     */
    badge?: string;
    /** Full broker name; when set, badge shows it on hover via Tooltip. */
    fullName?: string;
    formatString?: string;
};
declare const SymbolBadgeText: React__default.ForwardRefExoticComponent<SymbolBadgeTextProps & React__default.RefAttributes<HTMLSpanElement>>;
declare const SymbolBadge: (props: {
    badge?: string;
    fullName?: string;
}) => react_jsx_runtime.JSX.Element | null;

declare const statisticVariants: tailwind_variants.TVReturnType<{
    align: {
        start: {
            root: string;
        };
        end: {
            root: string;
        };
    };
}, {
    root: string;
    label: string;
    value: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        align?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    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>>;
declare const StatisticLabel: React__default.ForwardRefExoticComponent<VariantProps<tailwind_variants.TVReturnType<{
    align: {
        start: {
            root: string;
        };
        end: {
            root: string;
        };
    };
}, {
    root: string;
    label: string;
    value: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        align?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    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> & React__default.RefAttributes<HTMLDivElement>>;
declare const Statistic: React__default.ForwardRefExoticComponent<VariantProps<tailwind_variants.TVReturnType<{
    align: {
        start: {
            root: string;
        };
        end: {
            root: string;
        };
    };
}, {
    root: string;
    label: string;
    value: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        align?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    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 TextType = typeof Text$1 & {
    formatted: typeof FormattedText;
    symbolBadge: typeof SymbolBadgeText;
    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;

declare const spinnerVariants: tailwind_variants.TVReturnType<{
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}, 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;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}, {
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}>, {
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}, 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;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}, {
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
    };
    color: {
        primary: string;
        primaryContrast: string;
        success: string;
        danger: string;
        warning: string;
        gray: string;
        darkGray: string;
        white: string;
    };
}>, unknown, unknown, undefined>>;
interface SpinnerProps extends ComponentPropsWithout<"svg", RemovedProps>, VariantProps<typeof spinnerVariants> {
    loading?: boolean;
}
declare const Spinner: FC<SpinnerProps>;

type InputFormatterOptions = {
    isFocused: boolean;
    originValue?: string;
};
type InputFormatter = {
    onRenderBefore: (value: string | number, options: InputFormatterOptions) => string;
    onSendBefore: (value: string, options: InputFormatterOptions) => string;
};

interface BaseInputProps<T = string> extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "disabled" | "inputMode" | "color"> {
    disabled?: boolean;
    clearable?: boolean;
    onClean?: () => void;
    fixClassName?: string;
    helpText?: string;
    loading?: boolean;
    inputMode?: "decimal" | "numeric" | "amount";
    containerClassName?: string;
    formatters?: InputFormatter[];
    onValueChange?: (value: T) => void;
}

declare const inputVariants: tailwind_variants.TVReturnType<{
    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[];
            input: string[];
        };
        danger: {
            box: string[];
            input: string[];
        };
        warning: {
            box: string[];
            input: 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;
        };
    };
}, {
    input: string[];
    box: string[];
    additional: string[];
    closeButton: string[];
}, undefined, {
    responsiveVariants: ("md" | "lg")[];
} & {
    twMergeConfig: {
        prefix: 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[];
            input: string[];
        };
        danger: {
            box: string[];
            input: string[];
        };
        warning: {
            box: string[];
            input: 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;
        };
    };
}, {
    input: string[];
    box: string[];
    additional: string[];
    closeButton: string[];
}, tailwind_variants.TVReturnType<{
    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[];
            input: string[];
        };
        danger: {
            box: string[];
            input: string[];
        };
        warning: {
            box: string[];
            input: 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;
        };
    };
}, {
    input: string[];
    box: string[];
    additional: string[];
    closeButton: 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>>;

declare const QuantityInput: React$1.ForwardRefExoticComponent<{
    tokens: string[];
} & Omit<InputProps<string>, "suffix" | "onClear"> & React$1.RefAttributes<HTMLInputElement>>;

type InputWithTooltipProps = InputProps & {
    tooltip?: React.ReactNode;
    tooltipProps?: {
        content?: TooltipContentProps;
        arrow?: TooltipContentProps;
    };
    triggerClassName?: string;
};
declare const InputWithTooltip: React$1.ForwardRefExoticComponent<InputProps<string> & {
    tooltip?: React.ReactNode;
    tooltipProps?: {
        content?: TooltipContentProps;
        arrow?: TooltipContentProps;
    };
    triggerClassName?: string;
} & React$1.RefAttributes<HTMLInputElement>>;

declare const InputAdditional: FC<PropsWithChildren<{
    className?: string;
    name?: string;
    asChild?: boolean;
    as?: string;
}>>;

declare const currencyFormatter: InputFormatter;

declare const numberFormatter: InputFormatter;

type RegExpFunction = (value: string | number) => string;
type RegexInputFormatter = (regex: RegExp | RegExpFunction) => InputFormatter;
declare const createRegexInputFormatter: RegexInputFormatter;

declare const dpFormatter: (dp: number, config?: {
    /**
     * The rounding mode to use when rounding the number
     * @default Decimal.ROUND_DOWN
     */
    roundingMode?: number;
}) => {
    onRenderBefore: (value: string | number, options: InputFormatterOptions) => string;
    onSendBefore: (value: string | number, options: InputFormatterOptions) => string;
};

declare const rangeFormatter: (props: {
    max: number;
    min: number;
    dp?: 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 decimalPointFormatter: InputFormatter;

declare const index$2_createRegexInputFormatter: typeof createRegexInputFormatter;
declare const index$2_currencyFormatter: typeof currencyFormatter;
declare const index$2_decimalPointFormatter: typeof decimalPointFormatter;
declare const index$2_dpFormatter: typeof dpFormatter;
declare const index$2_identifierFormatter: typeof identifierFormatter;
declare const index$2_numberFormatter: typeof numberFormatter;
declare const index$2_rangeFormatter: typeof rangeFormatter;
declare namespace index$2 {
  export { index$2_createRegexInputFormatter as createRegexInputFormatter, index$2_currencyFormatter as currencyFormatter, index$2_decimalPointFormatter as decimalPointFormatter, index$2_dpFormatter as dpFormatter, index$2_identifierFormatter as identifierFormatter, index$2_numberFormatter as numberFormatter, index$2_rangeFormatter as rangeFormatter };
}

declare const textFieldVariants: tailwind_variants.TVReturnType<{
    direction: {
        column: {
            root: string;
        };
        row: {
            root: string;
        };
    };
}, {
    root: string;
    label: string;
    input: never[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        direction?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    direction: {
        column: {
            root: string;
        };
        row: {
            root: string;
        };
    };
}, {
    root: string;
    label: string;
    input: never[];
}, tailwind_variants.TVReturnType<{
    direction: {
        column: {
            root: string;
        };
        row: {
            root: string;
        };
    };
}, {
    root: string;
    label: string;
    input: never[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    direction: {
        column: {
            root: string;
        };
        row: {
            root: string;
        };
    };
}, {
    direction: {
        column: {
            root: string;
        };
        row: {
            root: string;
        };
    };
}>, unknown, unknown, undefined>>;
type TextFieldProps = InputProps & {
    label: React__default.ReactNode;
    helpText?: string;
    classNames?: {
        root?: string;
        label?: string;
        input?: string;
    };
} & VariantProps<typeof textFieldVariants>;
declare const TextField: React__default.FC<TextFieldProps>;

type InputType = typeof Input$1 & {
    token: typeof QuantityInput;
    tooltip: typeof InputWithTooltip;
};
declare const Input: InputType;

declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
    size?: number;
    indicatorClassName?: string;
    color?: "primary" | "white";
    variant?: "checkBox" | "radio";
} & React$1.RefAttributes<HTMLButtonElement>>;

declare const switchVariants: tailwind_variants.TVReturnType<{
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}, {
    root: string[];
    thumb: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}, {
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}>, {
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}, {
    root: string[];
    thumb: string[];
}, tailwind_variants.TVReturnType<{
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}, {
    root: string[];
    thumb: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}, {
    color: {
        primary: {
            root: string[];
        };
        success: {
            root: string[];
        };
        danger: {
            root: string[];
        };
        warning: {
            root: string[];
        };
    };
}>, unknown, unknown, undefined>>;
interface SwitchProps extends VariantProps<typeof switchVariants>, Omit<React__default.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, "color"> {
}
/**
 * Renders with `dir="ltr"` on the root so thumb `translateX` matches the track under `html[dir="rtl"]`
 * (RTL reverses flex main-start for `inline-flex`; CSS transforms do not mirror with `direction`).
 */
declare const Switch: React__default.ForwardRefExoticComponent<SwitchProps & React__default.RefAttributes<HTMLButtonElement>>;

declare const badgeVariants: tailwind_variants.TVReturnType<{
    variant: {
        contained: string;
        text: string;
    };
    color: {
        primary: string;
        primaryLight: string;
        secondary: string;
        danger: string;
        buy: string;
        success: string;
        warning: string;
        sell: string;
        neutral: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, "oui-inline-flex oui-items-center oui-rounded-md oui-font-semibold oui-transition-colors focus:oui-outline-none focus:oui-ring-2 focus:oui-ring-ring focus:oui-ring-offset-2", {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    variant: {
        contained: string;
        text: string;
    };
    color: {
        primary: string;
        primaryLight: string;
        secondary: string;
        danger: string;
        buy: string;
        success: string;
        warning: string;
        sell: string;
        neutral: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    variant: {
        contained: string;
        text: string;
    };
    color: {
        primary: string;
        primaryLight: string;
        secondary: string;
        danger: string;
        buy: string;
        success: string;
        warning: string;
        sell: string;
        neutral: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
}, undefined, "oui-inline-flex oui-items-center oui-rounded-md oui-font-semibold oui-transition-colors focus:oui-outline-none focus:oui-ring-2 focus:oui-ring-ring focus:oui-ring-offset-2", tailwind_variants_dist_config.TVConfig<{
    variant: {
        contained: string;
        text: string;
    };
    color: {
        primary: string;
        primaryLight: string;
        secondary: string;
        danger: string;
        buy: string;
        success: string;
        warning: string;
        sell: string;
        neutral: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
}, {
    variant: {
        contained: string;
        text: string;
    };
    color: {
        primary: string;
        primaryLight: string;
        secondary: string;
        danger: string;
        buy: string;
        success: string;
        warning: string;
        sell: string;
        neutral: string;
    };
    size: {
        xs: string;
        sm: string;
        md: string;
        lg: string;
    };
}>, unknown, unknown, undefined>>;
interface BadgeProps extends ComponentPropsWithout<"div", RemovedProps>, VariantProps<typeof badgeVariants> {
}
declare function Badge({ className, variant, color, size, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;

type Elment = ElementRef<"div">;
type LogoProps = HTMLAttributes<Elment> & {
    src: string;
    alt?: string;
    href?: string;
};
declare const Logo: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
    src: string;
    alt?: string;
    href?: string;
} & React__default.RefAttributes<HTMLDivElement>>;

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 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<Omit<TooltipPrimitive.TooltipProps & Omit<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref">, "content"> & {
    className?: string;
    content?: React$1.ReactNode;
    arrow?: TooltipPrimitive.TooltipArrowProps;
} & React$1.RefAttributes<HTMLDivElement>>;

type ColumnFixed = "left" | "right" | "start" | "end";
type SortOrder = "asc" | "desc";
type TableSort = {
    sortKey: string;
    sort: SortOrder;
};
type MultiFieldSort = {
    sortKey: string;
    sort: SortOrder;
};
type TableCellContext = Cell<any, any>;
type PlainText = number | string | null | undefined;
type TableCellFormatter<T> = string | ((value: any, record: T, index: number) => any);
type TableCellRenderer<T> = string | ((value: any, record: T, index: number, context: TableCellContext) => React.ReactNode);
type TableCellPlainTextRenderer<T> = (value: any, record: T, index: number, context: TableCellContext) => PlainText;
type MultiSortField = {
    sortKey: string;
    label?: string;
    className?: string;
};
type Column<RecordType extends unknown = any> = {
    type?: "data" | "action" | "group";
    title?: ReactNode;
    /**
     * when title is ReactElement, download feature need this field to render plant text
     * */
    plantTextTitle?: PlainText;
    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);
    multiSort?: {
        fields: MultiSortField[];
        initialSort?: MultiFieldSort[];
        onSort?: (fieldKey: string, sortOrder?: SortOrder) => void;
    };
    formatter?: TableCellFormatter<RecordType>;
    render?: TableCellRenderer<RecordType>;
    /**
     * when render return ReactElement, download feature need this field to render plant text
     * */
    renderPlantText?: TableCellPlainTextRenderer<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;
    generatePageNumbers?: (currentPage: number, totalPages: number) => (number | string)[];
    hideRowsPerPage?: boolean;
};
type DataTableClassNames = {
    root?: string;
    header?: string;
    body?: string;
    footer?: string;
    pagination?: string;
    scroll?: string;
    empty?: string;
};

type DataTableProps<RecordType> = {
    columns: Column<RecordType>[];
    dataSource?: RecordType[] | ReadonlyArray<RecordType> | null;
    /**
     * @description loading state
     * @default false
     */
    loading?: boolean;
    ignoreLoadingCheck?: boolean;
    className?: string;
    classNames?: DataTableClassNames;
    emptyView?: ReactNode;
    bordered?: boolean;
    onSort?: (sort?: TableSort) => void;
    initialSort?: TableSort;
    id?: string;
    getRowCanExpand?: (row: Row<any>) => boolean;
    expandRowRender?: (row: Row<any>, index: number) => ReactNode;
    expanded?: ExpandedState;
    onExpandedChange?: OnChangeFn<ExpandedState>;
    getSubRows?: (record: any, index: number) => undefined | any[];
    manualSorting?: boolean;
    manualPagination?: boolean;
    manualFiltering?: boolean;
    pagination?: PaginationMeta;
    renderRowContainer?: (record: RecordType, index: number, children: ReactNode, context: Row<RecordType>) => ReactNode;
    generatedRowKey?: CoreOptions<any>["getRowId"];
    onRow?: (record: RecordType, index: number, context: Row<RecordType>) => any;
    onCell?: (column: Column$1<any>, record: RecordType, index: number, context: TableCellContext) => any;
    columnFilters?: ColumnFilter | ColumnFilter[];
    rowSelection?: RowSelectionState;
    testIds?: {
        body?: string;
    };
    features?: TableFeature[];
    getTableInstance?: (table: Table<RecordType>) => void;
};
declare function DataTable<RecordType extends any>(props: PropsWithChildren<DataTableProps<RecordType>>): react_jsx_runtime.JSX.Element;

type DateRangePickerProps = {
    onChange?: (date: DateRange) => void;
    placeholder?: string;
    value?: DateRange;
    initialValue?: DateRange;
    dateFormat?: string;
    size?: SizeType;
    className?: string;
    formatString?: string;
    /** Maximum span between the selected dates, measured in calendar months. */
    maxCalendarMonths?: number;
    /** Maximum span between the selected dates, measured in days, inclusive. */
    maxDays?: number;
} & Omit<DayPickerRangeProps, "mode">;
declare const DateRangePicker: FC<DateRangePickerProps>;

type CalendarProps = React.ComponentProps<typeof DayPicker>;
declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
declare namespace Calendar {
    var displayName: string;
}

type DatePickerProps = {
    onChange?: (date: Date) => void;
    placeholder?: string;
    value?: Date;
    dateFormat?: string;
    size?: SizeType;
    className?: string;
    children?: React.ReactNode;
} & CalendarProps;
declare const DatePicker$1: FC<DatePickerProps>;

declare const selectVariants: tailwind_variants.TVReturnType<{
    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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, undefined, {
    responsiveVariants: ("md" | "lg")[];
} & {
    twMergeConfig: {
        prefix: 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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, tailwind_variants.TVReturnType<{
    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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, 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: {
        placeholder?: string;
    }) => React__default.ReactNode;
    contentProps?: React__default.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;
    showCaret?: boolean;
    maxHeight?: number;
    testid?: string;
    classNames?: {
        trigger?: string;
    };
} & SelectVariantProps;
declare const Select$1: <T>(props: PropsWithChildren<SelectProps<T>>) => react_jsx_runtime.JSX.Element;

type SelectOption = {
    label: string;
    value: string;
};
type SelectWithOptionsProps<T = string> = SelectProps<T> & {
    currentValue?: string;
    options: SelectOption[];
    optionRenderer?: (option: SelectOption) => ReactElement;
    testid?: string;
    prefix?: string;
};
declare const SelectWithOptions: FC<SelectWithOptionsProps>;

declare const pickerVariants: tailwind_variants.TVReturnType<{
    size: {
        sm: string;
        md: string;
        base: string;
        lg: string;
    };
    fullWidth: {
        true: string;
    };
    disabled: {
        true: string;
    };
    color: {
        base: string;
        buy: string;
        sell: string;
    };
}, undefined, "oui-flex oui-flex-row oui-items-stretch oui-rounded-md oui-cursor-pointer oui-border oui-border-line-6 oui-bg-line-4 oui-text-base-contrast-54", {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        disabled?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        fullWidth?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    size: {
        sm: string;
        md: string;
        base: string;
        lg: string;
    };
    fullWidth: {
        true: string;
    };
    disabled: {
        true: string;
    };
    color: {
        base: string;
        buy: string;
        sell: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    size: {
        sm: string;
        md: string;
        base: string;
        lg: string;
    };
    fullWidth: {
        true: string;
    };
    disabled: {
        true: string;
    };
    color: {
        base: string;
        buy: string;
        sell: string;
    };
}, undefined, "oui-flex oui-flex-row oui-items-stretch oui-rounded-md oui-cursor-pointer oui-border oui-border-line-6 oui-bg-line-4 oui-text-base-contrast-54", tailwind_variants_dist_config.TVConfig<{
    size: {
        sm: string;
        md: string;
        base: string;
        lg: string;
    };
    fullWidth: {
        true: string;
    };
    disabled: {
        true: string;
    };
    color: {
        base: string;
        buy: string;
        sell: string;
    };
}, {
    size: {
        sm: string;
        md: string;
        base: string;
        lg: string;
    };
    fullWidth: {
        true: string;
    };
    disabled: {
        true: string;
    };
    color: {
        base: string;
        buy: string;
        sell: string;
    };
}>, unknown, unknown, undefined>>;
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;
    valueRenderer?: (value: any, options: {
        open?: boolean;
        data?: any;
    }) => React.ReactNode;
}
type PickerRef = {};
declare const Picker: React$1.ForwardRefExoticComponent<PickerProps & React$1.RefAttributes<PickerRef>>;

type FilterType = "select" | "input" | "date" | "range" | "custom" | "symbol" | "picker";
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 PickerFilter = {
    type: "picker";
} & PickerProps;
type DataFilterItem = DataFilterGeneral & (SelectFilter | DateFilter | DateRangeFilter | SymbolFilter | PickerFilter);
type DataFilterProps = {
    items: DataFilterItem[];
    onFilter: (filter: {
        name: string;
        value: any;
    }) => void;
    className?: string;
    trailing?: React__default.ReactNode;
};
declare const DataFilter: React__default.FC<DataFilterProps>;

declare const usePagination: (initial?: {
    page?: number;
    pageSize?: number;
    resetPageWhenPageSizeChange?: boolean;
}) => {
    page: number;
    pageSize: number;
    setPage: React$1.Dispatch<React$1.SetStateAction<number>>;
    setPageSize: (size: number) => void;
    parseMeta: (meta?: {
        total: number;
        current_page: number;
        records_per_page: number;
    }) => {
        count: number;
        page: number;
        pageSize: number;
        pageTotal: number;
    };
    pagination: PaginationMeta;
    parsePagination: (meta?: {
        total: number;
        current_page: number;
        records_per_page: number;
    }) => PaginationMeta;
};

declare function useMultiSort(props: {
    columnKey: string;
    onSort?: (fieldKey: string, sortOrder?: SortOrder) => void;
    initialSort?: MultiFieldSort[];
    currentSorting?: {
        sortKey: string;
        sort: SortOrder;
    };
}): {
    handleFieldSort: (fieldKey: string) => void;
    getFieldSort: (fieldKey: string) => {
        sortKey: string;
        sort: SortOrder;
    } | undefined;
};

/** Props for Table.EmptyDataIdentifier injectable; used by plugins for typed interceptor */
interface EmptyDataStateProps {
    title?: string;
    className?: string;
}
declare const EmptyDataState: FC<EmptyDataStateProps>;
/** Injectable default for Table.EmptyDataIdentifier slot - plugins can intercept via OrderlyPluginProvider */
declare const InjectableEmptyDataState: React$1.ComponentType<EmptyDataStateProps>;

type MultiSortHeaderProps = {
    column: Column<any>;
    className?: string;
    sorting?: SortingState;
};
declare const MultiSortHeader: FC<MultiSortHeaderProps>;

interface DownloadInstance {
    getPlainTextData: () => any[];
    download: (filename?: string) => void;
}
declare module "@tanstack/react-table" {
    interface Table<TData extends RowData> extends DownloadInstance {
    }
}
declare const DownloadFeature: TableFeature<any>;

declare const index$1_DownloadFeature: typeof DownloadFeature;
declare namespace index$1 {
  export { index$1_DownloadFeature as DownloadFeature };
}

declare const scrollAreaVariants: tailwind_variants.TVReturnType<{
    orientation: {
        vertical: {
            bar: string;
        };
        horizontal: {
            bar: string;
        };
    };
}, {
    root: string;
    viewport: string;
    bar: string[];
    tumb: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        orientation?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    orientation: {
        vertical: {
            bar: string;
        };
        horizontal: {
            bar: string;
        };
    };
}, {
    root: string;
    viewport: string;
    bar: string[];
    tumb: string;
}, tailwind_variants.TVReturnType<{
    orientation: {
        vertical: {
            bar: string;
        };
        horizontal: {
            bar: string;
        };
    };
}, {
    root: string;
    viewport: string;
    bar: string[];
    tumb: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
    orientation: {
        vertical: {
            bar: string;
        };
        horizontal: {
            bar: string;
        };
    };
}, {
    orientation: {
        vertical: {
            bar: string;
        };
        horizontal: {
            bar: string;
        };
    };
}>, unknown, unknown, undefined>>;
interface ScrollAreaProps extends React__default.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, VariantProps<typeof scrollAreaVariants> {
    classNames?: {
        viewport?: string;
    };
}
declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
declare const ScrollBar: React__default.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;

declare const dialogVariants: tailwind_variants.TVReturnType<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    overlay: string[];
    content: string[];
    body: string[];
    close: string[];
    header: string[];
    footer: string[];
    title: string[];
    desc: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}>, {
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    overlay: string[];
    content: string[];
    body: string[];
    close: string[];
    header: string[];
    footer: string[];
    title: string[];
    desc: string[];
}, tailwind_variants.TVReturnType<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    overlay: string[];
    content: string[];
    body: string[];
    close: string[];
    header: string[];
    footer: string[];
    title: string[];
    desc: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}>, unknown, unknown, undefined>>;
declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof dialogVariants> & {
    closable?: boolean;
    onClose?: () => void;
    overlyClassName?: string;
};
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[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    overlay: string[];
    content: string[];
    body: string[];
    close: string[];
    header: string[];
    footer: string[];
    title: string[];
    desc: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}>, {
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    overlay: string[];
    content: string[];
    body: string[];
    close: string[];
    header: string[];
    footer: string[];
    title: string[];
    desc: string[];
}, tailwind_variants.TVReturnType<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    overlay: string[];
    content: string[];
    body: string[];
    close: string[];
    header: string[];
    footer: string[];
    title: string[];
    desc: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}, {
    size: {
        xs: {
            content: string[];
        };
        sm: {
            content: string[];
        };
        md: {
            content: string[];
        };
        lg: {
            content: string[];
        };
        xl: {
            content: string[];
        };
    };
    intensity: {
        100: {
            content: string[];
        };
        200: {
            content: string[];
        };
        300: {
            content: string[];
        };
        400: {
            content: string[];
        };
        500: {
            content: string[];
        };
        600: {
            content: string[];
        };
        700: {
            content: string[];
        };
        800: {
            content: string[];
        };
        900: {
            content: string[];
        };
    };
}>, unknown, unknown, undefined>>> & {
    closable?: boolean;
    onClose?: () => void;
    overlyClassName?: string;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DialogHeader: {
    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
    displayName: string;
};
declare const DialogBody: ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
declare const DialogFooter: {
    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
    displayName: string;
};
declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;

type DialogAction<T = any> = {
    label: string;
    onClick: (event: any) => Promise<T> | T;
} & Pick<ButtonProps, "size" | "disabled" | "className" | "fullWidth" | "data-testid" | "loading" | "variant" | "color">;
type SimpleDialogFooterProps = {
    actions?: {
        primary?: DialogAction;
        secondary?: DialogAction;
    };
    className?: string;
};
declare const SimpleDialogFooter: FC<SimpleDialogFooterProps>;

type SimpleDialogProps = {
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
    size?: "xs" | "sm" | "md" | "lg" | "xl";
    closable?: boolean;
    /**
     * Visible header title. When omitted, a screen-reader-only default is still
     * rendered so Radix `Dialog.Content` meets accessibility requirements.
     */
    title?: ReactNode | (() => ReactNode);
    description?: ReactNode;
    classNames?: {
        content?: string;
        body?: string;
        footer?: string;
        overlay?: string;
    };
    /** if provider, it will overrides others content props */
    contentProps?: DialogContentProps;
} & SimpleDialogFooterProps;
/**
 * Simplified dialog component.
 */
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;
    title?: ReactNode;
    description?: ReactNode;
    trigger: ReactNode;
} & SimpleDialogFooterProps;
declare const TriggerDialog: FC<PropsWithChildren<TriggerDialogProps>>;

interface ModalState {
    id: string;
    args?: Record<string, unknown>;
    states?: Record<string, unknown>;
    visible?: boolean;
    delayVisible?: boolean;
    keepMounted?: boolean;
}
interface ModalStore {
    [key: string]: ModalState;
}
type ModalArgs<T> = T extends keyof JSX.IntrinsicElements | JSXElementConstructor<any> ? Omit<React.ComponentProps<T>, "id"> : Record<string, unknown>;
interface ModalHandler<Props = Record<string, unknown>> extends ModalState {
    visible: boolean;
    keepMounted: boolean;
    show: (args?: Props) => Promise<unknown>;
    hide: () => Promise<unknown>;
    onOpenChange: (visible: boolean) => void;
    resolve: (value?: unknown) => void;
    reject: (reason?: unknown) => void;
    remove: () => void;
    setStates: (states: Record<string, unknown>) => void;
    updateArgs: (states: Record<string, unknown>) => void;
    resolveHide: (args?: unknown) => void;
}
interface ModalHocProps {
    id: string;
    defaultVisible?: boolean;
    keepMounted?: boolean;
}

type DialogProps = {
    content: ReactNode;
} & Pick<SimpleDialogProps, "title" | "closable" | "size" | "actions">;

declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const sheetVariants: tailwind_variants.TVReturnType<{
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, undefined, "oui-sheet-content 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;
        left: string;
        right: string;
    };
}, {
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}>, {
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}, undefined, "oui-sheet-content 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;
        left: string;
        right: string;
    };
}, {
    side: {
        top: string;
        bottom: string;
        left: string;
        right: string;
    };
}>, unknown, unknown, undefined>>;
interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
    closeable?: boolean;
    onClose?: () => void;
    closeableSize?: number;
    closeOpacity?: number;
    closeClassName?: string;
    overlayClassName?: string;
}
declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
declare const SheetHeader: {
    ({ className, leading, ...props }: React$1.HTMLAttributes<HTMLDivElement> & {
        leading?: React$1.ReactNode;
    }): react_jsx_runtime.JSX.Element;
    displayName: string;
};
declare const SheetFooter: {
    ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
    displayName: string;
};
/**
 * Visible sheet title. Must render Radix `Dialog.Title` so `DialogContent` is
 * announced correctly to assistive tech (see Radix dialog a11y requirements).
 */
declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & {
    leading?: React$1.ReactNode;
} & React$1.RefAttributes<HTMLHeadingElement>>;
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;

interface SimpleSheetProps {
    /**
     * Visible header title. When omitted, a screen-reader-only default is still
     * rendered so Radix `Dialog.Content` meets accessibility requirements.
     */
    title?: ReactNode | (() => ReactNode);
    leading?: React.ReactNode;
    open?: boolean;
    onOpenChange?: (open: boolean) => void;
    classNames?: {
        content?: string;
        body?: string;
        header?: string;
        overlay?: 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>;
    okLabel?: string;
    onCancel?: () => Promise<any>;
    cancelLabel?: string;
    contentClassName?: string;
    bodyClassName?: string;
} & Pick<SimpleDialogProps, "title" | "classNames" | "size">;
declare const ConfirmDialog: React$1.FC<{
    content?: React.ReactNode;
    footer?: React.ReactNode;
    onOk?: () => Promise<any>;
    okLabel?: string;
    onCancel?: () => Promise<any>;
    cancelLabel?: string;
    contentClassName?: string;
    bodyClassName?: string;
} & Pick<SimpleDialogProps, "size" | "title" | "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 extends unknown, C extends unknown>(modal: React$1.ElementType<C>, args?: ModalArgs<React$1.ElementType<C>>): Promise<T>;
        <T extends unknown>(modal: string, args?: Record<string, unknown>): Promise<T>;
        <T extends unknown, P extends unknown>(modal: string, args?: P): Promise<T>;
    };
    hide: <T>(modal: string | React$1.FC<any>) => Promise<T>;
    remove: (id: string) => void;
    setStates: (id: string, states: Record<string, unknown>) => void;
    updateArgs: (id: string, args: Record<string, unknown>) => void;
    create: <P extends {}>(Comp: React.ComponentType<P>) => React$1.FC<P & ModalHocProps>;
    register: typeof register;
    unregister: (id: string) => void;
};

declare function registerSimpleDialog<Props = {}>(id: string, comp: ElementType<Props>, props?: Partial<SimpleDialogProps & Props>): void;

declare function registerSimpleSheet<Props = {}>(id: string, comp: ElementType<Props>, props?: Partial<SimpleSheetProps & Props>): void;

type SheetItemType = "division" | "data" | "cancel";
interface BaseActionSheetItem {
    label: string;
    type?: SheetItemType;
    icon?: string;
    value?: string;
    active?: boolean;
    onClick?: (action: BaseActionSheetItem) => void;
}
type SystemActionSheetItem = "Cancel" | "Confirm" | "---";
type ActionSheetItem = BaseActionSheetItem | SystemActionSheetItem;
interface ActionSheetProps extends ComponentPropsWithoutRef<typeof Sheet> {
    actionSheets: ActionSheetItem[];
    value?: BaseActionSheetItem;
    onValueChange?: (value: string) => void;
    open?: boolean;
    onClose?: () => void;
}
declare const ActionSheet: FC<PropsWithChildren<ActionSheetProps>>;

declare const dividerVariants: tailwind_variants.TVReturnType<{
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        mx?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        my?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        direction?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        lineStyle?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, {
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}>, unknown, unknown, undefined>>;
type DividerProps = VariantProps<typeof dividerVariants> & React__default.HTMLAttributes<HTMLDivElement>;
declare const Divider: React__default.ForwardRefExoticComponent<VariantProps<tailwind_variants.TVReturnType<{
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        mx?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        my?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        direction?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        lineStyle?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}, {
    intensity: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
    direction: {
        horizontal: string[];
        vertical: string[];
    };
    lineStyle: {
        dashed: string;
        dotted: string;
    };
    mx: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
    my: {
        2: string;
        4: string;
        6: string;
        8: string;
        10: string;
    };
}>, unknown, unknown, undefined>>> & React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;

declare const tabsVariants: tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}>, unknown, unknown, undefined>>;
declare const TabsBase: React$1.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>>;
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}>, unknown, unknown, undefined>>> & {
    icon?: React$1.ReactElement;
    "data-testid"?: string;
} & React$1.RefAttributes<HTMLButtonElement>>;
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, tailwind_variants.TVReturnType<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    list: string[];
    content: string[];
    trigger: string[];
    icon: string[];
}, undefined, tailwind_variants_dist_config.TVConfig<{
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}, {
    variant: {
        text: {
            list: string[];
            trigger: string[];
        };
        contained: {
            list: string[];
            trigger: string[];
            icon: string[];
        };
    };
    size: {
        sm: {};
        md: {};
        lg: {};
        xl: {};
    };
}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;

type TabsProps<T = string> = {
    defaultValue?: T;
    value?: T;
    leading?: ReactNode;
    trailing?: ReactNode;
    classNames?: {
        tabsListContainer?: string;
        tabsList?: string;
        tabsContent?: string;
        scrollIndicator?: string;
        trigger?: string;
    };
    contentVisible?: boolean;
    showScrollIndicator?: boolean;
} & TabsPrimitive.TabsProps & VariantProps<typeof tabsVariants>;
declare const Tabs: FC<TabsProps>;
interface TabPanelProps {
    value: any;
    title: string | React__default.ReactNode;
    icon?: React__default.ReactElement;
    testid?: string;
    className?: string;
    classNames?: {
        content?: string;
        trigger?: string;
    };
    style?: React__default.CSSProperties;
}
declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;

type PaginationProps = {
    onPageChange?: (page: number) => void;
    onPageSizeChange?: (pageSize: number) => void;
    pageSize?: number;
    page: number;
    count: number;
    pageTotal: number;
    className?: string;
    classNames?: {
        pagination?: string;
        paginationContent?: string;
        paginationItem?: string;
        paginationLink?: string;
        paginationPrevious?: string;
        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;

type CombineSelectProps = {
    placeholder?: string;
} & SelectWithOptionsProps;
declare const CombineSelect: React__default.FC<CombineSelectProps>;

declare const avatarVariants: tailwind_variants.TVReturnType<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, tailwind_variants.TVReturnType<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}>, unknown, unknown, undefined>>;
type AvatarSizeType = VariantProps<typeof avatarVariants>["size"];
declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, tailwind_variants.TVReturnType<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLSpanElement>>;
type AvatarProps = React$1.ComponentProps<typeof AvatarBase> & VariantProps<typeof avatarVariants> & {
    src?: string;
    alt?: string;
    fallback?: React$1.ReactNode;
    delayMs?: number;
    onLoadingStatusChange?: AvatarPrimitive.AvatarImageProps["onLoadingStatusChange"];
};
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: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, tailwind_variants.TVReturnType<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    root: string;
    image: string;
    fallback: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}, {
    size: {
        "3xs": {
            root: string;
        };
        "2xs": {
            root: string;
        };
        xs: {
            root: string;
        };
        sm: {
            root: string;
        };
        md: {
            root: string;
        };
        lg: {
            root: string;
        };
        xl: {
            root: string;
        };
    };
}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLSpanElement> & {
    src?: string;
    alt?: string;
    fallback?: React$1.ReactNode;
    delayMs?: number;
    onLoadingStatusChange?: AvatarPrimitive.AvatarImageProps["onLoadingStatusChange"];
} & {
    address: string;
}, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;

type TokenItem = {
    name: string;
    [x: string]: any;
};
type TokenSelectProps = {
    tokens: TokenItem[];
    showIcon?: boolean;
    optionRenderer?: (option: SelectOption) => ReactElement;
    iconSize?: AvatarSizeType;
} & SelectProps<string>;
declare const TokenSelect: React__default.FC<TokenSelectProps>;

declare const chainSelectVariants: tailwind_variants.TVReturnType<{
    size: {
        xs: {
            icon: string;
        };
        sm: {
            icon: string;
        };
        md: {
            icon: string;
            item: string;
        };
        lg: {
            icon: string;
        };
        xl: {
            icon: string;
        };
    };
}, {
    icon: string;
    item: string[];
    tag: string;
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        position?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        error?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: 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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, tailwind_variants.TVReturnType<{
    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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, undefined, {
    responsiveVariants: ("md" | "lg")[];
} & {
    twMergeConfig: {
        prefix: 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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, tailwind_variants.TVReturnType<{
    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[];
        };
    };
}, {
    trigger: string[];
    scrollUpButton: string;
    scrollDownButton: string;
    content: string[];
    viewport: string[];
    label: string;
    item: string[];
    separator: string;
    icon: string;
}, undefined, {
    responsiveVariants: ("md" | "lg")[];
}, unknown, unknown, undefined>>>;
type ChainItem = {
    name: string;
    id: number;
    lowestFee?: boolean;
};
type ChainSelectProps = {
    value?: number;
    onChange?: (chain: ChainItem) => void;
    storageChains?: ChainItem[];
    networkId?: string;
    chains: {
        mainnet: ChainItem[];
        testnet: ChainItem[];
    };
    contentProps?: PropsWithoutRef<typeof SelectPrimitive.Content>;
} & VariantProps<typeof chainSelectVariants> & PropsWithoutRef<typeof SelectPrimitive.Root>;

type SelectType = typeof Select$1 & {
    options: typeof SelectWithOptions;
    tokens: typeof TokenSelect;
    combine: typeof CombineSelect;
};
declare const Select: SelectType;

declare const PopoverRoot: React$1.FC<PopoverPrimitive.PopoverProps>;
declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
declare const PopoverAnchor: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React$1.RefAttributes<HTMLDivElement>>;
declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{} | {} | {}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {} | {}, undefined, tailwind_variants.TVReturnType<unknown, undefined, string[], tailwind_variants_dist_config.TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
type PopoverProps = PopoverPrimitive.PopoverProps & {
    content: React$1.ReactNode;
    arrow?: boolean;
    contentProps?: PopoverPrimitive.PopoverContentProps;
};
/**
 * Popover component
 * @param {React.ReactNode} content - The content of the popover
 */
declare const Popover: React$1.FC<React$1.PropsWithChildren<PopoverProps>>;

declare const cardVariants: tailwind_variants.TVReturnType<{
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, {
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}>, unknown, unknown, undefined>>;
type BaseCardProps = ComponentPropsWithout<"div", "color" | "title"> & VariantProps<typeof cardVariants>;
declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsWithout<"div", "title" | "color"> & VariantProps<tailwind_variants.TVReturnType<{
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, undefined, string[], {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        borderColor?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        border?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        r?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        gradient?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
        intensity?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, undefined, string[], tailwind_variants_dist_config.TVConfig<{
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}, {
    border: {
        true: string;
    };
    r: {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        full: string;
    };
    gradient: {
        primary: string;
        secondary: string;
        brand: string;
        success: string;
        warning: string;
        danger: string;
        neutral: string;
    };
    intensity: {
        100: string;
        200: string;
        300: string;
        400: string;
        500: string;
        600: string;
        700: string;
        800: string;
        900: string;
    };
    borderColor: {
        4: string;
        6: string;
        8: string;
        12: string;
        16: string;
    };
}>, unknown, unknown, undefined>>> & React__default.RefAttributes<HTMLDivElement>>;
declare const CardHeader: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
declare const CardTitle: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLHeadingElement> & React__default.RefAttributes<HTMLParagraphElement>>;
declare const CardDescription: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLParagraphElement> & React__default.RefAttributes<HTMLParagraphElement>>;
declare const CardContent: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;
declare const CardFooter: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & React__default.RefAttributes<HTMLDivElement>>;

interface CardProps extends BaseCardProps {
    title?: ReactNode;
    footer?: ReactNode;
    classNames?: {
        root?: string;
        header?: string;
        content?: string;
        footer?: string;
    };
}
declare const Card: React$1.ForwardRefExoticComponent<CardProps & {
    children?: ReactNode | undefined;
} & React$1.RefAttributes<HTMLDivElement>>;

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 & Omit<React$1.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>, "content">>;

type DatePickerType = typeof DatePicker$1 & {
    range: typeof DateRangePicker;
};
declare const DatePicker: DatePickerType;

declare const sliderVariants: 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[];
        };
    };
}, {
    root: string;
    thumb: string[];
    track: string;
    trackInner: string;
    range: string;
    mark: string;
    tips: string[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    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[];
        };
    };
}, {
    root: string;
    thumb: string[];
    track: string;
    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[];
        };
    };
}, {
    root: string;
    thumb: string[];
    track: string;
    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[];
        };
    };
}, {
    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[];
        };
    };
}>, unknown, unknown, undefined>>;
type SliderMarks = {
    value: number;
    label: string;
}[];
type SliderProps = React$1.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> & VariantProps<typeof sliderVariants> & {
    marks?: SliderMarks;
    markCount?: number;
    markLabelVisible?: boolean;
    showTip?: boolean;
    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
    classNames?: {
        root?: string;
        thumb?: string;
        track?: string;
        range?: string;
        trackInner?: string;
    };
};
declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<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[];
        };
    };
}, {
    root: string;
    thumb: string[];
    track: string;
    trackInner: string;
    range: string;
    mark: string;
    tips: string[];
}, undefined, {
    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
    } | undefined;
} & tailwind_variants_dist_config.TWMConfig & {
    twMergeConfig: {
        prefix: string;
    };
}, {
    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[];
        };
    };
}, {
    root: string;
    thumb: string[];
    track: string;
    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[];
        };
    };
}, {
    root: string;
    thumb: string[];
    track: string;
    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[];
        };
    };
}, {
    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[];
        };
    };
}>, unknown, unknown, undefined>>> & {
    marks?: SliderMarks;
    markCount?: number;
    markLabelVisible?: boolean;
    showTip?: boolean;
    tipFormatter?: (value: number, min: number, max: number, percent: number) => string | React$1.ReactNode;
    classNames?: {
        root?: string;
        thumb?: string;
        track?: string;
        range?: string;
        trackInner?: string;
    };
} & React$1.RefAttributes<HTMLSpanElement>>;
declare const SingleSlider: React$1.ForwardRefExoticComponent<Omit<SliderProps, "value" | "onValueChange" | "onValueCommit"> & {
    value: number;
    onValueChange?: (value: number) => void;
    onValueCommit?: (value: number) => void;
} & React$1.RefAttributes<HTMLSpanElement>>;
type SliderType = typeof BaseSlider & {
    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>;

declare const ToastTile: (props: {
    title: string;
    subtitle?: string;
    classNames?: {
        className?: string;
        titleClassName?: string;
        subtitleClassName?: string;
    };
}) => react_jsx_runtime.JSX.Element;

interface ListViewProps<T, D> {
    dataSource: T[] | null | undefined;
    renderItem: (item: T, index: number, extraData?: D) => React__default.ReactNode;
    /**
     * Extract a stable key from each item. Must be unique among items and
     * stable across reorders/removals; defaults to the array index, which is
     * only safe for static or append-only lists.
     */
    keyExtractor?: (item: T, index: number) => React__default.Key;
    className?: string;
    contentClassName?: string;
    isLoading?: boolean;
    loadMore?: () => void;
    style?: React__default.CSSProperties;
    extraData?: D;
    emptyView?: React__default.ReactNode;
}
declare const ListView: <T, D>(props: ListViewProps<T, D> & {
    ref?: ForwardedRef<{
        scroll: (direction: {
            x: number;
            y: number;
        }) => void;
    }>;
}) => 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$1 {
    header: ReactNode;
    headerClassName?: string;
    itemKey: string;
    disabled?: boolean;
}
declare const Panel: FC<PropsWithChildren<Props$1>>;

declare const CollapseRoot: React__default.FC<React__default.PropsWithChildren<{
    activeKey?: string;
}>>;
type Collapse = typeof CollapseRoot & {
    panel: typeof Panel;
};
declare const Collapse: Collapse;

type EmblaCarouselType = UseEmblaCarouselType[1];
type UseEmblaCarouselParameters = Parameters<typeof useEmblaCarousel__default>;
type EmblaCarouselOptions = UseEmblaCarouselParameters[0];
/**
 * Auto scroll plugin options
 */
interface AutoScrollOptions {
    /** Scroll speed in pixels per second */
    speed?: number;
    /** Scroll direction - 'forward' or 'backward' */
    direction?: "forward" | "backward";
    /** Whether to start auto-scrolling on initialization */
    playOnInit?: boolean;
    /** Whether to stop auto-scrolling on user interaction */
    stopOnInteraction?: boolean;
    /** Whether to stop auto-scrolling on mouse enter */
    stopOnMouseEnter?: boolean;
    /** Whether to stop auto-scrolling on focus */
    stopOnFocusIn?: boolean;
    /** Delay before starting auto-scroll in milliseconds */
    startDelay?: number;
    /** Root node to listen for interactions */
    rootNode?: (emblaRoot: HTMLElement) => HTMLElement;
}
/**
 * Props for the Marquee component
 */
interface MarqueeProps<T = unknown> {
    /** Array of data items to display in the marquee */
    data: T[] | ReadonlyArray<T>;
    /** Function to render each item */
    renderItem: (item: T, index: number) => React__default.ReactNode;
    /** Embla carousel options */
    carouselOptions?: EmblaCarouselOptions;
    /** Auto scroll plugin options */
    autoScrollOptions?: AutoScrollOptions;
    /** Additional CSS class name */
    className?: string;
    /** Callback to get the embla carousel API instance */
    setApi?: (api: EmblaCarouselType) => void;
}
/**
 * Marquee component using Embla Carousel with auto-scroll functionality
 *
 * @example
 * ```tsx
 * const items = ['Item 1', 'Item 2', 'Item 3'];
 *
 * <Marquee
 *   data={items}
 *   renderItem={(item, index) => <div key={index}>{item}</div>}
 *   carouselOptions={{
 *     loop: true,
 *     align: "start",
 *     axis: "x"
 *   }}
 *   autoScrollOptions={{
 *     speed: 1,
 *     direction: "forward",
 *     stopOnMouseEnter: true
 *   }}
 * />
 * ```
 */
declare const Marquee: <T>(props: MarqueeProps<T>) => react_jsx_runtime.JSX.Element;

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>>;
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}, {
    content: string[];
    item: string[];
    label: string;
    separator: string;
    shortcut: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}, {
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}>, {
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}, {
    content: string[];
    item: string[];
    label: string;
    separator: string;
    shortcut: string;
}, tailwind_variants.TVReturnType<{
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}, {
    content: string[];
    item: string[];
    label: string;
    separator: string;
    shortcut: string;
}, undefined, tailwind_variants_dist_config.TVConfig<{
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}, {
    size: {
        xs: {
            content: string;
            item: string[];
        };
        sm: {
            content: string;
            item: string[];
        };
        md: {
            content: string;
            item: string[];
        };
        lg: {
            content: string;
            item: string[];
        };
        xl: {
            content: string;
            item: string[];
        };
    };
    inset: {
        true: {
            item: string[];
            label: string[];
        };
    };
}>, unknown, unknown, undefined>>> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
    size?: SizeType;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuShortcut: {
    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
    displayName: string;
};

type MenuItem = {
    label: string;
    value: string;
    testId?: string;
};
type DropdownMenuProps = {
    currentValue?: string;
    menu: MenuItem[];
    onSelect?: (item: MenuItem) => void;
    render?: (item: MenuItem, index: number) => ReactNode;
    size?: SizeType;
} & DropdownMenuContentProps;
declare const SimpleDropdownMenu: (props: PropsWithChildren<DropdownMenuProps>) => react_jsx_runtime.JSX.Element;

declare const iconVariants: tailwind_variants.TVReturnType<{
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}, {
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}>, {
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}, undefined, tailwind_variants.TVReturnType<{
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}, undefined, undefined, tailwind_variants_dist_config.TVConfig<{
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}, {
    color: {
        primary: string;
        success: string;
        danger: string;
        warning: string;
        white: string;
        black: string;
        inherit: string;
    };
}>, 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>>;

type ChainIconProps = {
    size?: "2xs" | "xs" | "sm" | "md" | "lg";
    chainId: string | number;
    className?: string;
};
declare const ChainIcon: FC<ChainIconProps>;

type TokenIconProps = {
    size?: AvatarSizeType;
    name?: string;
    symbol?: string;
    className?: string;
    url?: string;
};
declare const TokenIcon: FC<TokenIconProps>;

type CombineIconProps = {
    secondary: (ChainIconProps | TokenIconProps) & {
        component?: ReactNode;
    };
};
declare const CombineIcon: FC<PropsWithChildren<CombineIconProps>>;

declare const CloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CheckIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ChevronDownIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ChevronUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CaretUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CaretDownIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CaretLeftIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CaretRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ChevronLeftIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ChevronRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CalendarMinusIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const SettingIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CloseSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CloseCircleFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CheckedCircleFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CheckedSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CheckSquareEmptyIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const PlusIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ReduceIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CircleOutlinedIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const SquareOutlinedIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ExclamationFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const QuestionFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowLeftRightIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowDownUpIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowUpSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowDownSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowLeftRightSquareFill: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowRightUpSquareFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const AssetIcon: () => react_jsx_runtime.JSX.Element;

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>>;

declare const ShareIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const EyeCloseIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const RefreshIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const OrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const EsOrderlyIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const InfoCircleIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const InfoFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

type WalletIconProps = {
    name: string;
} & Pick<VariantProps<typeof avatarVariants>, "size">;
declare const WalletIcon: FC<WalletIconProps>;

declare const CalendarIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const CopyIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ServerFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const SortingAscIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const SortingDescIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const ArrowUpShortIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
declare const ArrowDownShortIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
declare const ArrowLeftShortIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;
declare const ArrowRightShortIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const SortingIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const TraderMobileIcon: FC;

declare const AffiliateIcon: FC;

declare const TradingRewardsIcon: FC;

declare const PortfolioActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const PortfolioInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const TradingActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const TradingIcon: () => react_jsx_runtime.JSX.Element;

declare const TradingInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const LeaderboardActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const LeaderboardInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const MarketsActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const MarketsInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const StarChildChatActiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const StarChildChatInactiveIcon: (props: BaseIconProps) => react_jsx_runtime.JSX.Element;

declare const CloseRoundFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

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>>;

declare const SwapHorizIcon: () => react_jsx_runtime.JSX.Element;

declare const PeopleIcon: () => react_jsx_runtime.JSX.Element;

declare const PersonIcon: () => react_jsx_runtime.JSX.Element;

declare const SettingFillIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const TradingLeftNavIcon: FC<SVGProps<SVGSVGElement>>;

declare const VaultsIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

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>>;

declare const WarningIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

declare const RwaIcon: React__default.ForwardRefExoticComponent<BaseIconProps & React__default.RefAttributes<SVGSVGElement>>;

type IconType = typeof BaseIcon & {
    combine: typeof CombineIcon;
};
declare const Icon: IconType;

/** Props for Deposit.DepositForm injectable; used by plugins for typed interceptor */
interface DepositFormProps {
    onOk?: () => void;
    position?: string;
    [k: string]: unknown;
}

/**
 * Module augmentation: maps interceptor target paths to their component props types.
 * Import this file (or import from @orderly.network/ui) to enable typed props in
 * createInterceptor('Deposit.DepositForm', (Original, props, api) => ...).
 */

declare module "@orderly.network/plugin-core" {
    interface InterceptorTargetPropsMap {
        "Deposit.DepositForm": DepositFormProps;
        "Table.EmptyDataIdentifier": EmptyDataStateProps;
    }
}

declare const basePlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const chartPlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const componentsPlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const gradientPlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const positionPlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const scrollBarPlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const sizePlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

/** Selects whichever of black or white has the stronger WCAG contrast. */
declare const getContrastTextRgb: (backgroundRgb: string) => "0 0 0" | "255 255 255";

/**
 * Orderly Design System v2 dark palette — the SDK default dark theme.
 *
 * Uses the Manrope type stack. Built-in gradient utilities receive matching
 * RGB values at both stops, so brand buttons and gradient text appear solid
 * under this preset. Treatments with different stop opacities can still fade.
 * For color-shifting gradients, use `PURPLE_DARK_THEME_CSS_VARS` or define
 * custom `cssVars`.
 */
declare const DARK_THEME_CSS_VARS: {
    "--oui-font-family": string;
    "--oui-color-primary": string;
    "--oui-color-primary-light": string;
    "--oui-color-primary-darken": string;
    "--oui-color-primary-contrast": string;
    "--oui-color-link": string;
    "--oui-color-link-light": string;
    "--oui-color-secondary": string;
    "--oui-color-tertiary": string;
    "--oui-color-quaternary": string;
    "--oui-color-danger": string;
    "--oui-color-danger-light": string;
    "--oui-color-danger-darken": string;
    "--oui-color-danger-contrast": string;
    "--oui-color-success": string;
    "--oui-color-success-light": string;
    "--oui-color-success-darken": string;
    "--oui-color-success-contrast": string;
    "--oui-color-warning": string;
    "--oui-color-warning-light": string;
    "--oui-color-warning-darken": string;
    "--oui-color-warning-contrast": string;
    "--oui-color-fill": string;
    "--oui-color-fill-active": string;
    "--oui-color-base-1": string;
    "--oui-color-base-2": string;
    "--oui-color-base-3": string;
    "--oui-color-base-4": string;
    "--oui-color-base-5": string;
    "--oui-color-base-6": string;
    "--oui-color-base-7": string;
    "--oui-color-base-8": string;
    "--oui-color-base-9": string;
    "--oui-color-base-10": string;
    "--oui-color-base-foreground": string;
    "--oui-color-line": string;
    "--oui-color-base-static": string;
    "--oui-color-base-static-contrast": string;
    "--oui-color-trading-loss": string;
    "--oui-color-trading-loss-contrast": string;
    "--oui-color-trading-profit": string;
    "--oui-color-trading-profit-contrast": string;
    "--oui-gradient-primary-start": string;
    "--oui-gradient-primary-end": string;
    "--oui-gradient-secondary-start": string;
    "--oui-gradient-secondary-end": string;
    "--oui-gradient-success-start": string;
    "--oui-gradient-success-end": string;
    "--oui-gradient-danger-start": string;
    "--oui-gradient-danger-end": string;
    "--oui-gradient-warning-start": string;
    "--oui-gradient-warning-end": string;
    "--oui-gradient-neutral-start": string;
    "--oui-gradient-neutral-end": string;
    "--oui-gradient-brand-start": string;
    "--oui-gradient-brand-end": string;
    "--oui-gradient-brand-stop-start": string;
    "--oui-gradient-brand-stop-end": string;
    "--oui-gradient-brand-angle": string;
    "--oui-rounded-sm": string;
    "--oui-rounded": string;
    "--oui-rounded-md": string;
    "--oui-rounded-lg": string;
    "--oui-rounded-xl": string;
    "--oui-rounded-2xl": string;
    "--oui-rounded-full": string;
    "--oui-spacing-xs": string;
    "--oui-spacing-sm": string;
    "--oui-spacing-md": string;
    "--oui-spacing-lg": string;
    "--oui-spacing-xl": string;
};
type ThemeCssVars = typeof DARK_THEME_CSS_VARS;
declare const darkThemePlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

/**
 * Purple dark palette retained as an optional preset.
 *
 * Keeps the previous default look: Manrope type stack, richer light/darken
 * shade steps, and visible gradient pairs. Consumers opt in via
 * `ThemeConfig.cssVars`.
 */
declare const PURPLE_DARK_THEME_CSS_VARS: ThemeCssVars;

declare const LIGHT_THEME_CSS_VARS: {
    "--oui-font-family": string;
    "--oui-color-primary": string;
    "--oui-color-primary-light": string;
    "--oui-color-primary-darken": string;
    "--oui-color-primary-contrast": string;
    "--oui-color-link": string;
    "--oui-color-link-light": string;
    "--oui-color-secondary": string;
    "--oui-color-tertiary": string;
    "--oui-color-quaternary": string;
    "--oui-color-danger": string;
    "--oui-color-danger-light": string;
    "--oui-color-danger-darken": string;
    "--oui-color-danger-contrast": string;
    "--oui-color-success": string;
    "--oui-color-success-light": string;
    "--oui-color-success-darken": string;
    "--oui-color-success-contrast": string;
    "--oui-color-warning": string;
    "--oui-color-warning-light": string;
    "--oui-color-warning-darken": string;
    "--oui-color-warning-contrast": string;
    "--oui-color-fill": string;
    "--oui-color-fill-active": string;
    "--oui-color-base-1": string;
    "--oui-color-base-2": string;
    "--oui-color-base-3": string;
    "--oui-color-base-4": string;
    "--oui-color-base-5": string;
    "--oui-color-base-6": string;
    "--oui-color-base-7": string;
    "--oui-color-base-8": string;
    "--oui-color-base-9": string;
    "--oui-color-base-10": string;
    "--oui-color-base-foreground": string;
    "--oui-color-line": string;
    "--oui-color-base-static": string;
    "--oui-color-base-static-contrast": string;
    "--oui-color-trading-loss": string;
    "--oui-color-trading-loss-contrast": string;
    "--oui-color-trading-profit": string;
    "--oui-color-trading-profit-contrast": string;
    "--oui-gradient-primary-start": string;
    "--oui-gradient-primary-end": string;
    "--oui-gradient-secondary-start": string;
    "--oui-gradient-secondary-end": string;
    "--oui-gradient-success-start": string;
    "--oui-gradient-success-end": string;
    "--oui-gradient-danger-start": string;
    "--oui-gradient-danger-end": string;
    "--oui-gradient-warning-start": string;
    "--oui-gradient-warning-end": string;
    "--oui-gradient-neutral-start": string;
    "--oui-gradient-neutral-end": string;
    "--oui-gradient-brand-stop-start": string;
    "--oui-gradient-brand-stop-end": string;
    "--oui-gradient-brand-angle": string;
    "--oui-gradient-brand-start": string;
    "--oui-gradient-brand-end": string;
    "--oui-rounded-sm": string;
    "--oui-rounded": string;
    "--oui-rounded-md": string;
    "--oui-rounded-lg": string;
    "--oui-rounded-xl": string;
    "--oui-rounded-2xl": string;
    "--oui-rounded-full": string;
    "--oui-spacing-xs": string;
    "--oui-spacing-sm": string;
    "--oui-spacing-md": string;
    "--oui-spacing-lg": string;
    "--oui-spacing-xl": string;
};
declare const lightThemePlugin: () => {
    handler: tailwindcss_types_config.PluginCreator;
    config?: Partial<tailwindcss_types_config.Config>;
};

declare const index_DARK_THEME_CSS_VARS: typeof DARK_THEME_CSS_VARS;
declare const index_LIGHT_THEME_CSS_VARS: typeof LIGHT_THEME_CSS_VARS;
declare const index_PURPLE_DARK_THEME_CSS_VARS: typeof PURPLE_DARK_THEME_CSS_VARS;
type index_ThemeCssVars = ThemeCssVars;
declare const index_basePlugin: typeof basePlugin;
declare const index_chartPlugin: typeof chartPlugin;
declare const index_componentsPlugin: typeof componentsPlugin;
declare const index_darkThemePlugin: typeof darkThemePlugin;
declare const index_getContrastTextRgb: typeof getContrastTextRgb;
declare const index_gradientPlugin: typeof gradientPlugin;
declare const index_lightThemePlugin: typeof lightThemePlugin;
declare const index_positionPlugin: typeof positionPlugin;
declare const index_scrollBarPlugin: typeof scrollBarPlugin;
declare const index_sizePlugin: typeof sizePlugin;
declare namespace index {
  export { index_DARK_THEME_CSS_VARS as DARK_THEME_CSS_VARS, index_LIGHT_THEME_CSS_VARS as LIGHT_THEME_CSS_VARS, index_PURPLE_DARK_THEME_CSS_VARS as PURPLE_DARK_THEME_CSS_VARS, type index_ThemeCssVars as ThemeCssVars, index_basePlugin as basePlugin, index_chartPlugin as chartPlugin, index_componentsPlugin as componentsPlugin, index_darkThemePlugin as darkThemePlugin, index_getContrastTextRgb as getContrastTextRgb, index_gradientPlugin as gradientPlugin, index_lightThemePlugin as lightThemePlugin, index_positionPlugin as positionPlugin, index_scrollBarPlugin as scrollBarPlugin, index_sizePlugin as sizePlugin };
}

type ComponentOverrides = {
    tabs: {
        variant: "text" | "contained";
    };
    chainSelector: {
        /**
         * show testnet chains list
         * @default true
         * */
        showTestnet: boolean;
    };
};
type TradingViewColorConfig = {
    chartBG?: string;
    upColor?: string;
    downColor?: string;
    pnlUpColor?: string;
    pnlDownColor?: string;
    pnlZeroColor?: string;
    /** @deprecated Use pnlZeroColor instead. */
    pnlZoreColor?: string;
    textColor?: string;
    qtyTextColor?: string;
    font?: string;
    closeIconColor?: string;
    /** @deprecated Use closeIconColor instead. */
    closeIcon?: string;
    volumeUpColor?: string;
    volumeDownColor?: string;
    /** Liquidation line color; should match Position list Liq. Price (e.g. from --oui-color-warning-light). */
    liqLineColor?: string;
};
type ThemeConfig = {
    /**
     * Unique theme identifier.
     * Will also be used as the value of `data-oui-theme`.
     */
    id: string;
    /**
     * Display name for this theme. Used in UI (e.g. settings page).
     */
    displayName: string;
    /**
     * Theme mode.
     */
    mode: "dark" | "light";
    /**
     * Optional CSS variables overrides for this theme.
     * Keys should be full CSS variable names, e.g. "--oui-color-primary".
     * These are applied at runtime via document.documentElement.style.setProperty.
     */
    cssVars?: Partial<ThemeCssVars>;
    /** Optional TradingView color overrides for this theme. */
    tradingViewColorConfig?: TradingViewColorConfig;
    /** Whether this theme should be used when no valid stored theme exists. */
    isDefault?: boolean;
};
type GetComponentTheme = <T extends keyof ComponentOverrides>(component: T, defaultValue?: ComponentOverrides[T]) => ComponentOverrides[T];
type OrderlyThemeContextState = {
    getComponentTheme: GetComponentTheme;
    themes: ThemeConfig[];
    currentThemeId?: string;
    currentTheme?: ThemeConfig;
    setCurrentThemeId?: (id: string) => void;
};
declare const useOrderlyTheme: () => OrderlyThemeContextState;

type OrderlyThemeProviderProps = {
    components?: {
        [position in ExtensionPosition]: ComponentType;
    };
    overrides?: Partial<ComponentOverrides>;
    themes?: ThemeConfig[];
    currentThemeId?: string;
    currentTheme?: ThemeConfig;
    setCurrentThemeId?: (id: string) => void;
};
declare const OrderlyThemeProvider: FC<PropsWithChildren<OrderlyThemeProviderProps>>;

type Props = {
    value: boolean | (() => boolean);
    left?: ReactNode;
};
declare const Either: React$1.NamedExoticComponent<PropsWithChildren<Props>>;

/**
 * capitalize the first letter
 * @param str
 * @returns string
 */
declare const capitalizeFirstLetter: (str: string, fallback?: string) => undefined | string;

declare function startViewTransition(callback: () => void): void;

declare const tv: tailwind_variants.CreateTV<{
    twMergeConfig: {
        prefix: string;
    };
}>;

declare function useScreen(): {
    isMobile: boolean;
    isDesktop: boolean;
};

declare function useMediaQuery(query: string): boolean;

/**
 * observe the element and call the callback when the element is changed
 * */
declare function useObserverElement<T extends HTMLElement>(element: T | null, callback: (entry: ResizeObserverEntry) => void): void;

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;

/**
 * get the data-oui-theme attribute from the <html> element
 * @returns the data-oui-theme attribute
 */
declare const useThemeAttribute: () => string;

type Direction = "ltr" | "rtl";
declare function useDocumentDirection(): Direction;

type TipsProps = {
    /** Content shown in desktop Tooltip and mobile dialog body (same for both). */
    content: React__default.ReactNode;
    /** Title for mobile modal.alert; defaults to "Tips" when not provided. */
    title?: string;
    /** Trigger element; defaults to InfoCircleIcon when not provided. */
    trigger?: React__default.ReactNode;
    /** Optional className for the wrapper (button on mobile, or Tooltip trigger on desktop). */
    className?: string;
    classNames?: {
        trigger?: string;
    };
};
declare const Tips: React__default.FC<TipsProps>;

declare const localeValues: {
    readonly locale: string;
    readonly dialog: {
        readonly ok: "OK";
        readonly cancel: "Cancel";
    };
    readonly modal: {
        readonly confirm: "Confirm";
        readonly cancel: "Cancel";
    };
    readonly pagination: {
        readonly morePages: "More pages";
        readonly rowsPerPage: "Rows per page";
    };
    readonly picker: {
        readonly selectDate: "Select Date";
        readonly dayPicker: date_fns_locale.Locale;
    };
    readonly empty: {
        readonly description: "No results found.";
    };
};

type Locale = typeof localeValues;
declare const LocaleContext: React$1.Context<{
    readonly locale: string;
    readonly dialog: {
        readonly ok: "OK";
        readonly cancel: "Cancel";
    };
    readonly modal: {
        readonly confirm: "Confirm";
        readonly cancel: "Cancel";
    };
    readonly pagination: {
        readonly morePages: "More pages";
        readonly rowsPerPage: "Rows per page";
    };
    readonly picker: {
        readonly selectDate: "Select Date";
        readonly dayPicker: date_fns.Locale;
    };
    readonly empty: {
        readonly description: "No results found.";
    };
} | undefined>;

type LocaleProviderProps = {
    locale: Locale;
    children?: React__default.ReactNode;
};
declare const LocaleProvider: FC<LocaleProviderProps>;

type LocaleComponentName = Exclude<keyof Locale, "locale">;
declare const useLocale: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])) => readonly [NonNullable<Locale[C]>, string];

type ScrollIndicatorProps = {
    children: ReactNode;
    className?: string;
};
declare const ScrollIndicator: FC<ScrollIndicatorProps>;

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, type BadgeProps, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DARK_THEME_CSS_VARS, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, type DepositFormProps, 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, type EmptyDataStateProps, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, IconButton, type IconButtonProps, type IconType, InfoCircleIcon, InfoFillIcon, InjectableEmptyDataState, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LIGHT_THEME_CSS_VARS, 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, PURPLE_DARK_THEME_CSS_VARS, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, RwaIcon, 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, SymbolBadge, type SymbolBadgeTextProps, 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, type ThemeConfig, type ThemeCssVars, ThrottledButton, Tips, type TipsProps, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, type TradingViewColorConfig, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, getContrastTextRgb, gradientTextVariants, iconButtonVariants, index$2 as inputFormatter, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, startViewTransition, statisticVariants, textVariants, tv, useDocumentDirection, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };