@orderly.network/ui 2.10.1 → 2.10.2

package/dist/index.d.ts

@@ -4,7 +4,6 @@ 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 tailwind_variants_dist_generated from 'tailwind-variants/dist/generated';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { TooltipContentProps } from '@radix-ui/react-tooltip';
@@ -29,12 +28,12 @@ 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 * 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 tailwindcss_types_config from 'tailwindcss/types/config';
 import * as date_fns from 'date-fns';
 import * as date_fns_locale from 'date-fns/locale';
 
@@ -451,34 +450,34 @@ declare const boxVariants: tailwind_variants.TVReturnType<{
         true: string;
     };
 }, undefined, string[], {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        grow?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        m?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        mb?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        ml?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        mr?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        mt?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        mx?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        my?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        p?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        pb?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        pl?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        position?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        pr?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        pt?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        px?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        py?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        shadow?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        borderColor?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        __position?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        __size_width?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        __size_height?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        invisible?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        zIndex?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        border?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        r?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gradient?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -1613,13 +1612,13 @@ declare const gridVariants: tailwind_variants.TVReturnType<{
         5: string;
     };
 }, undefined, string[], {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        gap?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        cols?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        rows?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gapX?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gapY?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        autoFlow?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -1726,9 +1725,9 @@ declare const gridSpanVariants: tailwind_variants.TVReturnType<{
         9: string;
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        colSpan?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        rowSpan?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -1951,10 +1950,10 @@ declare const flexVariant: tailwind_variants.TVReturnType<{
         10: string;
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        gap?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gapX?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gapY?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -2150,12 +2149,12 @@ declare const textVariants: tailwind_variants.TVReturnType<{
         default: string;
     };
 }, undefined, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        weight?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        dashBoard?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -2445,8 +2444,8 @@ declare const gradientTextVariants: tailwind_variants.TVReturnType<{
         inherit: string;
     };
 }, undefined, "oui-text-transparent oui-bg-clip-text", {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -2504,8 +2503,8 @@ declare const GradientText: React__default.ForwardRefExoticComponent<Omit<TextPr
         inherit: string;
     };
 }, undefined, "oui-text-transparent oui-bg-clip-text", {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -2661,8 +2660,8 @@ declare const statisticVariants: tailwind_variants.TVReturnType<{
     label: string;
     value: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        align?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        align?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -2727,8 +2726,8 @@ declare const StatisticLabel: React__default.ForwardRefExoticComponent<VariantPr
     label: string;
     value: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        align?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        align?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -2793,8 +2792,8 @@ declare const Statistic: React__default.ForwardRefExoticComponent<VariantProps<t
     label: string;
     value: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        align?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        align?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -3399,8 +3398,8 @@ declare const textFieldVariants: tailwind_variants.TVReturnType<{
     label: string;
     input: never[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        direction?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        direction?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -3617,10 +3616,10 @@ declare const badgeVariants: tailwind_variants.TVReturnType<{
         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 | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -4144,11 +4143,11 @@ declare const pickerVariants: tailwind_variants.TVReturnType<{
         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 | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        disabled?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        fullWidth?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -4360,8 +4359,8 @@ declare const scrollAreaVariants: tailwind_variants.TVReturnType<{
     bar: string[];
     tumb: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        orientation?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        orientation?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -5268,7 +5267,7 @@ declare const sheetVariants: tailwind_variants.TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-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<{
+}, 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;
@@ -5296,7 +5295,7 @@ declare const sheetVariants: tailwind_variants.TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "oui-fixed oui-z-50 oui-gap-4 oui-bg-base-8 oui-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<{
+}, 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;
@@ -5464,12 +5463,12 @@ declare const dividerVariants: tailwind_variants.TVReturnType<{
         10: string;
     };
 }, undefined, string[], {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        mx?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        my?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        direction?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        lineStyle?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -5628,12 +5627,12 @@ declare const Divider: React__default.ForwardRefExoticComponent<VariantProps<tai
         10: string;
     };
 }, undefined, string[], {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        mx?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        my?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        direction?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        lineStyle?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -5785,9 +5784,9 @@ declare const tabsVariants: tailwind_variants.TVReturnType<{
     trigger: string[];
     icon: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -5901,9 +5900,9 @@ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.Tab
     trigger: string[];
     icon: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -6016,9 +6015,9 @@ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
     trigger: string[];
     icon: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -6134,9 +6133,9 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
     trigger: string[];
     icon: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | 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: {
@@ -6248,6 +6247,10 @@ interface TabPanelProps {
     icon?: React__default.ReactElement;
     testid?: string;
     className?: string;
+    classNames?: {
+        content?: string;
+        trigger?: string;
+    };
     style?: React__default.CSSProperties;
 }
 declare const TabPanel: FC<PropsWithChildren<TabPanelProps>>;
@@ -6308,8 +6311,8 @@ declare const avatarVariants: tailwind_variants.TVReturnType<{
     image: string;
     fallback: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -6450,8 +6453,8 @@ declare const AvatarBase: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive
     image: string;
     fallback: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -6599,8 +6602,8 @@ declare const EVMAvatar: React$1.ForwardRefExoticComponent<Omit<Omit<AvatarPrimi
     image: string;
     fallback: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -6756,11 +6759,11 @@ declare const chainSelectVariants: tailwind_variants.TVReturnType<{
     item: string[];
     tag: string;
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        position?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        size?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        variant?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        error?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -7059,7 +7062,7 @@ 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 | tailwind_variants_dist_generated.TVGeneratedScreens[] | {} | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
         prefix: string;
@@ -7118,12 +7121,12 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
         16: string;
     };
 }, undefined, string[], {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        borderColor?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        border?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        r?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gradient?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -7337,12 +7340,12 @@ declare const CardBase: React__default.ForwardRefExoticComponent<ComponentPropsW
         16: string;
     };
 }, undefined, string[], {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        borderColor?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        border?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        r?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        gradient?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
-        intensity?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    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: {
@@ -7579,8 +7582,8 @@ declare const sliderVariants: tailwind_variants.TVReturnType<{
     mark: string;
     tips: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -7745,8 +7748,8 @@ declare const BaseSlider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive
     mark: string;
     tips: string[];
 }, undefined, {
-    responsiveVariants?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | {
-        color?: boolean | tailwind_variants_dist_generated.TVGeneratedScreens[] | undefined;
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config.TWMConfig & {
     twMergeConfig: {
@@ -8611,53 +8614,6 @@ interface SlotProps {
 }
 declare const ExtensionSlot: React__default.FC<SlotProps>;
 
-type ComponentOverrides = {
-    tabs: {
-        variant: "text" | "contained";
-    };
-    chainSelector: {
-        /**
-         * show testnet chains list
-         * @default true
-         * */
-        showTestnet: boolean;
-    };
-};
-type GetComponentTheme = <T extends keyof ComponentOverrides>(component: T, defaultValue?: ComponentOverrides[T]) => ComponentOverrides[T];
-type OrderlyThemeContextState = {
-    getComponentTheme: GetComponentTheme;
-};
-declare const useOrderlyTheme: () => OrderlyThemeContextState;
-
-type OrderlyThemeProviderProps = {
-    components?: {
-        [position in ExtensionPosition]: ComponentType;
-    };
-    overrides?: Partial<ComponentOverrides>;
-};
-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 const basePlugin: () => {
     handler: tailwindcss_types_config.PluginCreator;
     config?: Partial<tailwindcss_types_config.Config>;
@@ -8693,23 +8649,255 @@ declare const sizePlugin: () => {
     config?: Partial<tailwindcss_types_config.Config>;
 };
 
-declare const themePlugin: () => {
+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-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-gradient-warning-start": string;
+    "--oui-gradient-warning-end": string;
+    "--oui-gradient-neutral-start": string;
+    "--oui-gradient-neutral-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;
+};
+type ThemeCssVars = typeof DARK_THEME_CSS_VARS;
+declare const darkThemePlugin: () => {
     handler: tailwindcss_types_config.PluginCreator;
     config?: Partial<tailwindcss_types_config.Config>;
 };
 
+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;
+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_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 const index_themePlugin: typeof themePlugin;
 declare namespace index {
-  export { index_basePlugin as basePlugin, index_chartPlugin as chartPlugin, index_componentsPlugin as componentsPlugin, index_gradientPlugin as gradientPlugin, index_positionPlugin as positionPlugin, index_scrollBarPlugin as scrollBarPlugin, index_sizePlugin as sizePlugin, index_themePlugin as themePlugin };
+  export { index_DARK_THEME_CSS_VARS as DARK_THEME_CSS_VARS, index_LIGHT_THEME_CSS_VARS as LIGHT_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_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 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>;
+};
+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;
@@ -8735,6 +8923,12 @@ interface LongPressHandlers {
 }
 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 TipsProps = {
     /** Content shown in desktop Tooltip and mobile dialog body (same for both). */
     content: React__default.ReactNode;
@@ -9124,4 +9318,4 @@ declare const DotStatus: {
     displayName: string;
 };
 
-export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, 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, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, Tips, type TipsProps, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, 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, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, type FormattedTextProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, 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, 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, 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, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WarningIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen, useThemeAttribute };