@dito-uai/components 5.1.0-alpha.5 → 5.1.0-alpha.50

package/dist/index.d.cts

@@ -1,31 +1,22 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default, { HTMLAttributes, PropsWithChildren } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import { VariantProps as VariantProps$1 } from 'class-variance-authority';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as tailwind_merge from 'tailwind-merge';
+import * as react_toastify from 'react-toastify';
+import { ToastOptions, ToastContainerProps } from 'react-toastify';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as _radix_ui_react_checkbox from '@radix-ui/react-checkbox';
+import { Root } from '@radix-ui/react-checkbox';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
-declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
-    color: {
-        default: string;
-        indigo: string;
-    };
-    type: {
-        icon: string;
-        capitals: string;
-        image: string;
-    };
-    size: {
-        small: string;
-        medium: string;
-        large: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", tailwind_variants_dist_config_js.TVConfig<{
+declare const avatarVariants: tailwind_variants.TVReturnType<{
     color: {
         default: string;
         indigo: string;
@@ -40,7 +31,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
         medium: string;
         large: string;
     };
-}, {
+}, undefined, "flex items-center justify-center rounded-full", {
     color: {
         default: string;
         indigo: string;
@@ -55,7 +46,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
         medium: string;
         large: string;
     };
-}>, {
+}, undefined, tailwind_variants.TVReturnType<{
     color: {
         default: string;
         indigo: string;
@@ -70,7 +61,11 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
         medium: string;
         large: string;
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, "flex items-center justify-center rounded-full", unknown, unknown, undefined>>;
+type AvatarProps = React__default.ComponentPropsWithoutRef<'div'> & VariantProps<typeof avatarVariants> & {
+    asChild?: boolean;
+};
+declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
     color: {
         default: string;
         indigo: string;
@@ -85,7 +80,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
         medium: string;
         large: string;
     };
-}, undefined, "flex items-center justify-center rounded-full", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "flex items-center justify-center rounded-full", {
     color: {
         default: string;
         indigo: string;
@@ -100,7 +95,7 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
         medium: string;
         large: string;
     };
-}, {
+}, undefined, tailwind_variants.TVReturnType<{
     color: {
         default: string;
         indigo: string;
@@ -115,29 +110,11 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
         medium: string;
         large: string;
     };
-}>, unknown, unknown, undefined>>> & {
+}, undefined, "flex items-center justify-center rounded-full", unknown, unknown, undefined>>> & {
     asChild?: boolean;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<tailwind_variants.TVReturnType<{
-    contrast: {
-        true: string;
-        false: string;
-    };
-    status: {
-        info: string;
-        attention: string;
-        white: string;
-    };
-    size: {
-        small: string;
-        normal: string;
-    };
-    type: {
-        pill: string;
-        dot: string;
-    };
-}, undefined, "flex items-center justify-center rounded-full", tailwind_variants_dist_config_js.TVConfig<{
+declare const badgeVariants: tailwind_variants.TVReturnType<{
     contrast: {
         true: string;
         false: string;
@@ -155,7 +132,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         pill: string;
         dot: string;
     };
-}, {
+}, undefined, "flex items-center justify-center rounded-full", {
     contrast: {
         true: string;
         false: string;
@@ -173,7 +150,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         pill: string;
         dot: string;
     };
-}>, {
+}, undefined, tailwind_variants.TVReturnType<{
     contrast: {
         true: string;
         false: string;
@@ -191,7 +168,11 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         pill: string;
         dot: string;
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, "flex items-center justify-center rounded-full", unknown, unknown, undefined>>;
+type BadgeProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+};
+declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & VariantProps<tailwind_variants.TVReturnType<{
     contrast: {
         true: string;
         false: string;
@@ -209,7 +190,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         pill: string;
         dot: string;
     };
-}, undefined, "flex items-center justify-center rounded-full", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "flex items-center justify-center rounded-full", {
     contrast: {
         true: string;
         false: string;
@@ -227,7 +208,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         pill: string;
         dot: string;
     };
-}, {
+}, undefined, tailwind_variants.TVReturnType<{
     contrast: {
         true: string;
         false: string;
@@ -245,38 +226,55 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         pill: string;
         dot: string;
     };
-}>, unknown, unknown, undefined>>> & {
+}, undefined, "flex items-center justify-center rounded-full", unknown, unknown, undefined>>> & {
     asChild?: boolean;
 } & React__default.RefAttributes<HTMLSpanElement>>;
 
-declare const Button: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<tailwind_variants.TVReturnType<{
+declare const buttonVariants: tailwind_variants.TVReturnType<{
     appearance: {
         primary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         secondary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         tertiary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         danger: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         link: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         table: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        ai: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        'ai-outline': {
             container: string;
             text: string;
             icon: string;
@@ -293,11 +291,37 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
             icon: string;
         };
     };
+    rounded: {
+        true: {
+            container: string;
+        };
+        false: {
+            container: string;
+        };
+    };
+    vertical: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: {
+            container: string;
+        };
+    };
     disabled: {
         true: {
             container: string;
             text: string;
             icon: string;
+            loading: string;
+        };
+        false: string;
+    };
+    loading: {
+        true: {
+            text: string;
+            icon: string;
         };
         false: string;
     };
@@ -305,34 +329,52 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
     container: string;
     icon: string;
     text: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    loading: string;
+}, undefined, {
     appearance: {
         primary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         secondary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         tertiary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         danger: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         link: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         table: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        ai: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        'ai-outline': {
             container: string;
             text: string;
             icon: string;
@@ -349,113 +391,135 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
             icon: string;
         };
     };
+    rounded: {
+        true: {
+            container: string;
+        };
+        false: {
+            container: string;
+        };
+    };
+    vertical: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: {
+            container: string;
+        };
+    };
     disabled: {
         true: {
             container: string;
             text: string;
             icon: string;
+            loading: string;
+        };
+        false: string;
+    };
+    loading: {
+        true: {
+            text: string;
+            icon: string;
         };
         false: string;
     };
 }, {
+    container: string;
+    icon: string;
+    text: string;
+    loading: string;
+}, tailwind_variants.TVReturnType<{
     appearance: {
         primary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         secondary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         tertiary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         danger: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         link: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         table: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
-    };
-    size: {
-        medium: {
-            container: string;
-            icon: string;
-        };
-        small: {
+        ai: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
-    };
-    disabled: {
-        true: {
+        'ai-outline': {
             container: string;
             text: string;
             icon: string;
         };
-        false: string;
     };
-}>, {
-    appearance: {
-        primary: {
+    size: {
+        medium: {
             container: string;
-            text: string;
             icon: string;
         };
-        secondary: {
+        small: {
             container: string;
             text: string;
             icon: string;
         };
-        tertiary: {
+    };
+    rounded: {
+        true: {
             container: string;
-            text: string;
-            icon: string;
         };
-        danger: {
+        false: {
             container: string;
-            text: string;
-            icon: string;
         };
-        link: {
+    };
+    vertical: {
+        true: {
             container: string;
             text: string;
             icon: string;
         };
-        table: {
+        false: {
             container: string;
-            text: string;
-            icon: string;
         };
     };
-    size: {
-        medium: {
-            container: string;
-            icon: string;
-        };
-        small: {
+    disabled: {
+        true: {
             container: string;
             text: string;
             icon: string;
+            loading: string;
         };
+        false: string;
     };
-    disabled: {
+    loading: {
         true: {
-            container: string;
             text: string;
             icon: string;
         };
@@ -465,34 +529,58 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
     container: string;
     icon: string;
     text: string;
-}, tailwind_variants.TVReturnType<{
+    loading: string;
+}, undefined, unknown, unknown, undefined>>;
+type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    icon?: React__default.ElementType;
+    loading?: boolean;
+};
+declare const Button: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<tailwind_variants.TVReturnType<{
     appearance: {
         primary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         secondary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         tertiary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         danger: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         link: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         table: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        ai: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        'ai-outline': {
             container: string;
             text: string;
             icon: string;
@@ -509,11 +597,37 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
             icon: string;
         };
     };
+    rounded: {
+        true: {
+            container: string;
+        };
+        false: {
+            container: string;
+        };
+    };
+    vertical: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: {
+            container: string;
+        };
+    };
     disabled: {
         true: {
             container: string;
             text: string;
             icon: string;
+            loading: string;
+        };
+        false: string;
+    };
+    loading: {
+        true: {
+            text: string;
+            icon: string;
         };
         false: string;
     };
@@ -521,34 +635,52 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
     container: string;
     icon: string;
     text: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    loading: string;
+}, undefined, {
     appearance: {
         primary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         secondary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         tertiary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         danger: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         link: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         table: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        ai: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        'ai-outline': {
             container: string;
             text: string;
             icon: string;
@@ -565,42 +697,90 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
             icon: string;
         };
     };
+    rounded: {
+        true: {
+            container: string;
+        };
+        false: {
+            container: string;
+        };
+    };
+    vertical: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: {
+            container: string;
+        };
+    };
     disabled: {
         true: {
             container: string;
             text: string;
             icon: string;
+            loading: string;
+        };
+        false: string;
+    };
+    loading: {
+        true: {
+            text: string;
+            icon: string;
         };
         false: string;
     };
 }, {
+    container: string;
+    icon: string;
+    text: string;
+    loading: string;
+}, tailwind_variants.TVReturnType<{
     appearance: {
         primary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         secondary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         tertiary: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         danger: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         link: {
             container: string;
+            loading: string;
             text: string;
             icon: string;
         };
         table: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        ai: {
+            container: string;
+            loading: string;
+            text: string;
+            icon: string;
+        };
+        'ai-outline': {
             container: string;
             text: string;
             icon: string;
@@ -617,52 +797,52 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
             icon: string;
         };
     };
+    rounded: {
+        true: {
+            container: string;
+        };
+        false: {
+            container: string;
+        };
+    };
+    vertical: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: {
+            container: string;
+        };
+    };
     disabled: {
         true: {
             container: string;
             text: string;
             icon: string;
+            loading: string;
         };
         false: string;
     };
-}>, unknown, unknown, undefined>>> & {
-    asChild?: boolean;
-    icon?: React__default.ElementType;
-} & React__default.RefAttributes<HTMLButtonElement>>;
-
-declare const cardVariants: tailwind_variants.TVReturnType<{
-    variant: {
-        default: string;
-        big: string;
-        small: string;
-    };
-    direction: {
-        col: string;
-        row: string;
-    };
-    padding: {
-        none: string;
-        small: string;
-        medium: string;
-        big: string;
-    };
-}, undefined, "flex w-full border border-gray-200 bg-white p-2", tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        default: string;
-        big: string;
-        small: string;
-    };
-    direction: {
-        col: string;
-        row: string;
-    };
-    padding: {
-        none: string;
-        small: string;
-        medium: string;
-        big: string;
+    loading: {
+        true: {
+            text: string;
+            icon: string;
+        };
+        false: string;
     };
 }, {
+    container: string;
+    icon: string;
+    text: string;
+    loading: string;
+}, undefined, unknown, unknown, undefined>>> & {
+    asChild?: boolean;
+    icon?: React__default.ElementType;
+    loading?: boolean;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const cardVariants: tailwind_variants.TVReturnType<{
     variant: {
         default: string;
         big: string;
@@ -678,7 +858,7 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
         medium: string;
         big: string;
     };
-}>, {
+}, undefined, "flex w-full border border-gray-200 bg-white p-2", {
     variant: {
         default: string;
         big: string;
@@ -710,39 +890,7 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
         medium: string;
         big: string;
     };
-}, undefined, "flex w-full border border-gray-200 bg-white p-2", tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        default: string;
-        big: string;
-        small: string;
-    };
-    direction: {
-        col: string;
-        row: string;
-    };
-    padding: {
-        none: string;
-        small: string;
-        medium: string;
-        big: string;
-    };
-}, {
-    variant: {
-        default: string;
-        big: string;
-        small: string;
-    };
-    direction: {
-        col: string;
-        row: string;
-    };
-    padding: {
-        none: string;
-        small: string;
-        medium: string;
-        big: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "flex w-full border border-gray-200 bg-white p-2", unknown, unknown, undefined>>;
 type CardProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren & VariantProps<typeof cardVariants>;
 declare const Card: {
     ({ className, variant, direction, padding, children, ...props }: CardProps): react_jsx_runtime.JSX.Element;
@@ -779,59 +927,7 @@ declare const scopeVariants: tailwind_variants.TVReturnType<{
     container: string;
     icon: string;
     text: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        default: string;
-        light: string;
-        green: string;
-        red: string;
-    };
-    size: {
-        default: {
-            container: string;
-        };
-        small: {
-            container: string;
-            text: string;
-        };
-    };
-    disabled: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
-        };
-    };
-}, {
-    variant: {
-        default: string;
-        light: string;
-        green: string;
-        red: string;
-    };
-    size: {
-        default: {
-            container: string;
-        };
-        small: {
-            container: string;
-            text: string;
-        };
-    };
-    disabled: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
-        };
-    };
-}>, {
+}, undefined, {
     variant: {
         default: string;
         light: string;
@@ -891,59 +987,7 @@ declare const scopeVariants: tailwind_variants.TVReturnType<{
     container: string;
     icon: string;
     text: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    variant: {
-        default: string;
-        light: string;
-        green: string;
-        red: string;
-    };
-    size: {
-        default: {
-            container: string;
-        };
-        small: {
-            container: string;
-            text: string;
-        };
-    };
-    disabled: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
-        };
-    };
-}, {
-    variant: {
-        default: string;
-        light: string;
-        green: string;
-        red: string;
-    };
-    size: {
-        default: {
-            container: string;
-        };
-        small: {
-            container: string;
-            text: string;
-        };
-    };
-    disabled: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type ScopeGroupProps = Omit<React__default.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>, 'type'> & VariantProps$1<typeof scopeVariants>;
 type ScopeItemProps = React__default.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps$1<typeof scopeVariants> & {
     text: string;
@@ -961,11 +1005,14 @@ type ProgressBarProps = React__default.HTMLAttributes<HTMLDivElement> & {
 };
 declare const ProgressBar: React__default.FC<ProgressBarProps>;
 
-declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     invalid?: boolean;
-} & React.RefAttributes<HTMLTextAreaElement>>;
+};
+declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    invalid?: boolean;
+} & React$1.RefAttributes<HTMLTextAreaElement>>;
 
-type Props = {
+type SheetProps = {
     title: string;
     children?: React__default.ReactNode;
     isVisible?: boolean;
@@ -974,7 +1021,7 @@ type Props = {
     onClose?: (confirm: boolean) => void;
 };
 declare const Sheet: {
-    ({ title, children, isVisible, CloseIcon, maxWidth, onClose, }: Props): react_jsx_runtime.JSX.Element;
+    ({ title, children, isVisible, CloseIcon, maxWidth, onClose, }: SheetProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -993,37 +1040,7 @@ declare const TextVariants: tailwind_variants.TVReturnType<{
         medium: string;
         semibold: string;
     };
-}, undefined, "", tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        H1: string;
-        H2: string;
-        H3: string;
-        large: string;
-        base: string;
-        small: string;
-        overline: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-    };
-}, {
-    size: {
-        H1: string;
-        H2: string;
-        H3: string;
-        large: string;
-        base: string;
-        small: string;
-        overline: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-    };
-}>, {
+}, undefined, "", {
     size: {
         H1: string;
         H2: string;
@@ -1053,78 +1070,136 @@ declare const TextVariants: tailwind_variants.TVReturnType<{
         medium: string;
         semibold: string;
     };
-}, undefined, "", tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        H1: string;
-        H2: string;
-        H3: string;
-        large: string;
-        base: string;
-        small: string;
-        overline: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-    };
-}, {
-    size: {
-        H1: string;
-        H2: string;
-        H3: string;
-        large: string;
-        base: string;
-        small: string;
-        overline: string;
-    };
-    weight: {
-        normal: string;
-        medium: string;
-        semibold: string;
-    };
-}>, unknown, unknown, undefined>>;
-type TextProps = HTMLAttributes<HTMLSpanElement> & PropsWithChildren & VariantProps<typeof TextVariants>;
+}, undefined, "", unknown, unknown, undefined>>;
+type TextProps = HTMLAttributes<HTMLSpanElement> & PropsWithChildren<VariantProps<typeof TextVariants>>;
 declare const Text: {
     ({ className, size, weight, children, ...props }: TextProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-declare const Toggle: React.ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
+type SwitchProps = HTMLAttributes<HTMLInputElement> & PropsWithChildren<{
     name: string;
     disabled?: boolean;
+    checked?: boolean;
+}>;
+declare const Switch: React$1.ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
+    name: string;
+    disabled?: boolean;
+    checked?: boolean;
 } & {
-    children?: React.ReactNode | undefined;
-} & React.RefAttributes<HTMLInputElement>>;
-
-declare const Collapsible: {
-    Item: React__default.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-    Trigger: React__default.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
-        triggerClassName?: string;
-    } & React__default.RefAttributes<HTMLButtonElement>>;
-    Content: React__default.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
-};
+    children?: React$1.ReactNode | undefined;
+} & React$1.RefAttributes<HTMLInputElement>>;
 
-type TabItem = {
-    value: string;
-    label?: string;
-    iconPrefix?: React__default.ReactNode;
-    suffix?: React__default.ReactNode;
-    content: React__default.ReactNode;
-    disabled?: boolean;
+type LoadingProps = {
     className?: string;
+    size?: 'TINY' | 'SMALL' | 'NORMAL' | 'LARGE' | 'HUGE';
+    color?: 'WHITE' | 'RED' | 'BLUE' | 'GREEN' | 'GRAY' | 'INDIGO' | 'TRANSPARENT';
+    fill?: 'WHITE' | 'RED' | 'BLUE' | 'GREEN' | 'GRAY' | 'INDIGO' | 'TRANSPARENT';
 };
-interface TabsLayoutProps {
-    tabs: TabItem[];
-    activeKey?: string;
-    defaultActiveKey?: string;
+declare const Loading: ({ className, size, color, fill, }: LoadingProps) => react_jsx_runtime.JSX.Element;
+
+declare const skeletonVariants: tailwind_variants.TVReturnType<{
+    appearance: {
+        default: string;
+        ai: string;
+    };
+    shape: {
+        text: string;
+        square: string;
+        circle: string;
+        rectangle: string;
+    };
+}, undefined, "min-h-2 min-w-2 animate-pulse", {
+    appearance: {
+        default: string;
+        ai: string;
+    };
+    shape: {
+        text: string;
+        square: string;
+        circle: string;
+        rectangle: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    appearance: {
+        default: string;
+        ai: string;
+    };
+    shape: {
+        text: string;
+        square: string;
+        circle: string;
+        rectangle: string;
+    };
+}, undefined, "min-h-2 min-w-2 animate-pulse", unknown, unknown, undefined>>;
+type SkeletonProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+    loading?: boolean;
+}> & VariantProps<typeof skeletonVariants>;
+declare function Skeleton({ className, appearance, shape, children, loading, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
+
+declare const toggleVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+    };
+    size: {
+        default: string;
+    };
+}, undefined, "ring-offset-background hover:bg-muted focus-visible:ring-ring rounded-m inline-flex items-center justify-center gap-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-indigo-100 data-[state=on]:text-indigo-600 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+    variant: {
+        default: string;
+    };
+    size: {
+        default: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+    };
+    size: {
+        default: string;
+    };
+}, undefined, "ring-offset-background hover:bg-muted focus-visible:ring-ring rounded-m inline-flex items-center justify-center gap-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-indigo-100 data-[state=on]:text-indigo-600 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", unknown, unknown, undefined>>;
+
+type ToggleGroupProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;
+type ToggleGroupItemProps = React$1.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>;
+declare const Toggle: {
+    Group: React$1.ForwardRefExoticComponent<ToggleGroupProps>;
+    Item: React$1.ForwardRefExoticComponent<ToggleGroupItemProps>;
+};
+
+type CollapsibleItemProps = React__default.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root>;
+type CollapsibleTriggerProps = React__default.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger> & {
+    triggerClassName?: string;
+};
+type CollapsibleContentProps = React__default.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>;
+declare const Collapsible: {
+    Item: React__default.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+    Trigger: React__default.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+        triggerClassName?: string;
+    } & React__default.RefAttributes<HTMLButtonElement>>;
+    Content: React__default.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+};
+
+type TabItem = {
+    value: string;
+    label?: string;
+    iconPrefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
+    content: React__default.ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+type TabsLayoutProps = {
+    tabs: TabItem[];
+    activeKey?: string;
+    defaultActiveKey?: string;
     className?: string;
     onValueChange?: (value: string) => void;
     onTabClick?: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>, value?: string) => void;
-}
+};
 declare const TabsLayout: ({ tabs, activeKey, defaultActiveKey, className, onValueChange, onTabClick, }: TabsLayoutProps) => react_jsx_runtime.JSX.Element;
 
-declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
+declare const alertVariants: tailwind_variants.TVReturnType<{
     type: {
         success: {
             container: string;
@@ -1155,7 +1230,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
     container: string;
     icon: string;
     message: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, {
     type: {
         success: {
             container: string;
@@ -1183,6 +1258,10 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
         };
     };
 }, {
+    container: string;
+    icon: string;
+    message: string;
+}, tailwind_variants.TVReturnType<{
     type: {
         success: {
             container: string;
@@ -1209,7 +1288,16 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
             message: string;
         };
     };
-}>, {
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, undefined, unknown, unknown, undefined>>;
+type AlertProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants> & {
+    message: string | React__default.ReactNode;
+    closable?: boolean;
+};
+declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     type: {
         success: {
             container: string;
@@ -1240,7 +1328,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
     container: string;
     icon: string;
     message: string;
-}, tailwind_variants.TVReturnType<{
+}, undefined, {
     type: {
         success: {
             container: string;
@@ -1271,7 +1359,7 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
     container: string;
     icon: string;
     message: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+}, tailwind_variants.TVReturnType<{
     type: {
         success: {
             container: string;
@@ -1299,89 +1387,192 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
         };
     };
 }, {
-    type: {
-        success: {
-            container: string;
-            icon: string;
+    container: string;
+    icon: string;
+    message: string;
+}, undefined, unknown, unknown, undefined>>> & {
+    message: string | React__default.ReactNode;
+    closable?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const tipCardVariants: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            container?: tailwind_merge.ClassNameValue;
+            message?: tailwind_merge.ClassNameValue;
         };
-        warning: {
-            container: string;
-            icon: string;
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            container?: tailwind_merge.ClassNameValue;
+            message?: tailwind_merge.ClassNameValue;
         };
-        error: {
-            container: string;
-            icon: string;
+    };
+} | {}, {
+    container: string;
+    message: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            container?: tailwind_merge.ClassNameValue;
+            message?: tailwind_merge.ClassNameValue;
         };
-        info: {
-            container: string;
-            icon: string;
+    };
+} | {}, {
+    container: string;
+    message: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    container: string;
+    message: string;
+}, undefined, unknown, unknown, undefined>>;
+type TipCardProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof tipCardVariants> & {
+    message: string;
+    helpLink: string;
+    helpCenterTitle: string;
+    date?: string;
+};
+declare const TipCard: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            container?: tailwind_merge.ClassNameValue;
+            message?: tailwind_merge.ClassNameValue;
         };
     };
-    closable: {
-        true: {
-            message: string;
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            container?: tailwind_merge.ClassNameValue;
+            message?: tailwind_merge.ClassNameValue;
         };
-        false: {
-            message: string;
+    };
+} | {}, {
+    container: string;
+    message: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            container?: tailwind_merge.ClassNameValue;
+            message?: tailwind_merge.ClassNameValue;
         };
     };
-}>, unknown, unknown, undefined>>> & {
+} | {}, {
+    container: string;
     message: string;
-    closable?: boolean;
+}, tailwind_variants.TVReturnType<unknown, {
+    container: string;
+    message: string;
+}, undefined, unknown, unknown, undefined>>> & {
+    message: string;
+    helpLink: string;
+    helpCenterTitle: string;
+    date?: string;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const Indicator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
-    status: {
-        positive: string;
-        negative: string;
-        neutral: string;
+declare enum MessageType {
+    SUCCESS = "success",
+    INFO = "info",
+    WARNING = "warning",
+    DANGER = "error",
+    LOADING = "loading"
+}
+declare const messageVariants: tailwind_variants.TVReturnType<{
+    type: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+        loading: string;
+    };
+}, undefined, "!rounded-m !flex !min-h-5 !w-fit !items-center !gap-1 !p-0 !font-sans !text-base !font-medium", {
+    type: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+        loading: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    type: {
+        success: string;
+        error: string;
+        warning: string;
         info: string;
+        loading: string;
     };
-}, undefined, "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "!rounded-m !flex !min-h-5 !w-fit !items-center !gap-1 !p-0 !font-sans !text-base !font-medium", unknown, unknown, undefined>>;
+type MessageProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof messageVariants> & {
+    text: string | React.ReactNode;
+    closable?: boolean;
+    duration?: number | false;
+    key?: string;
+    containerId?: string;
+    onClick?: () => void;
+    onClose?: () => void;
+} & Omit<ToastOptions, 'type'>;
+declare const Message: {
+    success: (text: MessageProps["text"], duration?: MessageProps["duration"]) => react_toastify.Id;
+    error: (text: MessageProps["text"], duration?: MessageProps["duration"]) => react_toastify.Id;
+    info: (text: MessageProps["text"], duration?: MessageProps["duration"]) => react_toastify.Id;
+    warning: (text: MessageProps["text"], duration?: MessageProps["duration"]) => react_toastify.Id;
+    loading: (text: MessageProps["text"], duration?: MessageProps["duration"]) => react_toastify.Id;
+    dismiss: (id?: react_toastify.Id | undefined) => void;
+    open: ({ type, text, closable, duration, containerId, onClose, onClick, ...rest }: MessageProps) => react_toastify.Id;
+};
+declare const MessageContainer: (props: ToastContainerProps) => react_jsx_runtime.JSX.Element;
+
+declare const indicatorVariants: tailwind_variants.TVReturnType<{
     status: {
         positive: string;
         negative: string;
         neutral: string;
         info: string;
     };
-}, {
+}, undefined, "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2", {
     status: {
         positive: string;
         negative: string;
         neutral: string;
         info: string;
     };
-}>, {
+}, undefined, tailwind_variants.TVReturnType<{
     status: {
         positive: string;
         negative: string;
         neutral: string;
         info: string;
     };
-}, undefined, tailwind_variants.TVReturnType<{
+}, undefined, "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2", unknown, unknown, undefined>>;
+type IndicatorProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof indicatorVariants> & {
+    value: string | number;
+    icon?: 'positive' | 'neutral' | 'negative';
+    usePercentageSymbol?: boolean;
+};
+declare const Indicator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     status: {
         positive: string;
         negative: string;
         neutral: string;
         info: string;
     };
-}, undefined, "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2", tailwind_variants_dist_config_js.TVConfig<{
+}, undefined, "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2", {
     status: {
         positive: string;
         negative: string;
         neutral: string;
         info: string;
     };
-}, {
+}, undefined, tailwind_variants.TVReturnType<{
     status: {
         positive: string;
         negative: string;
         neutral: string;
         info: string;
     };
-}>, unknown, unknown, undefined>>> & {
-    value: string;
+}, undefined, "text-medium flex h-3 items-center justify-center rounded-sm border border-neutral-200 px-1 py-0.5 [&_svg]:-ml-0.5 [&_svg]:w-2", unknown, unknown, undefined>>> & {
+    value: string | number;
     icon?: "positive" | "neutral" | "negative";
+    usePercentageSymbol?: boolean;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const statusVariants: tailwind_variants.TVReturnType<{
@@ -1392,23 +1583,7 @@ declare const statusVariants: tailwind_variants.TVReturnType<{
         error: string[];
         disabled: string[];
     };
-}, undefined, "text-medium flex items-center justify-center rounded-sm px-1 py-0.5", tailwind_variants_dist_config_js.TVConfig<{
-    status: {
-        success: string[];
-        attention: string[];
-        info: string[];
-        error: string[];
-        disabled: string[];
-    };
-}, {
-    status: {
-        success: string[];
-        attention: string[];
-        info: string[];
-        error: string[];
-        disabled: string[];
-    };
-}>, {
+}, undefined, "text-medium flex items-center justify-center rounded-sm px-1 py-0.5", {
     status: {
         success: string[];
         attention: string[];
@@ -1424,23 +1599,7 @@ declare const statusVariants: tailwind_variants.TVReturnType<{
         error: string[];
         disabled: string[];
     };
-}, undefined, "text-medium flex items-center justify-center rounded-sm px-1 py-0.5", tailwind_variants_dist_config_js.TVConfig<{
-    status: {
-        success: string[];
-        attention: string[];
-        info: string[];
-        error: string[];
-        disabled: string[];
-    };
-}, {
-    status: {
-        success: string[];
-        attention: string[];
-        info: string[];
-        error: string[];
-        disabled: string[];
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "text-medium flex items-center justify-center rounded-sm px-1 py-0.5", unknown, unknown, undefined>>;
 type StatusSimpleProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
     text: string;
 };
@@ -1448,7 +1607,7 @@ type StatusOption = VariantProps<typeof statusVariants> & {
     text: string;
     value: string;
 };
-type StatusMenuProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
+type StatusMenuProps = Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'> & VariantProps<typeof statusVariants> & {
     options: StatusOption[];
     value: string;
     onChange?: (value: string) => void;
@@ -1462,17 +1621,7 @@ declare const progressVariants: tailwind_variants.TVReturnType<{
         indigo: string;
         white: string;
     };
-}, undefined, "text-midnight-blue-600", tailwind_variants_dist_config_js.TVConfig<{
-    bg: {
-        indigo: string;
-        white: string;
-    };
-}, {
-    bg: {
-        indigo: string;
-        white: string;
-    };
-}>, {
+}, undefined, "text-midnight-blue-600", {
     bg: {
         indigo: string;
         white: string;
@@ -1482,22 +1631,14 @@ declare const progressVariants: tailwind_variants.TVReturnType<{
         indigo: string;
         white: string;
     };
-}, undefined, "text-midnight-blue-600", tailwind_variants_dist_config_js.TVConfig<{
-    bg: {
-        indigo: string;
-        white: string;
-    };
-}, {
-    bg: {
-        indigo: string;
-        white: string;
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, "text-midnight-blue-600", unknown, unknown, undefined>>;
 type CommonProps = {
     value: number;
 };
-type IndicatorProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
-    withBar?: boolean;
+type ProgressIndicatorProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & Omit<CommonProps, 'value'> & {
+    progressBar?: number;
+    value: string | number;
+    usePercentageSymbol?: boolean;
 };
 type CircleProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
     Icon?: React__default.ElementType;
@@ -1506,30 +1647,22 @@ type ExpandedProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProp
     text: React__default.ReactNode | string;
 };
 declare const Progress: {
-    Indicator: React__default.ForwardRefExoticComponent<IndicatorProps>;
+    Indicator: React__default.ForwardRefExoticComponent<ProgressIndicatorProps>;
     Circle: React__default.ForwardRefExoticComponent<CircleProps>;
     Expanded: React__default.ForwardRefExoticComponent<ExpandedProps>;
 };
 
-declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
+declare const chipsVariants: tailwind_variants.TVReturnType<{
     size: {
         small: {
             container: string;
             icon: string;
+            text: string;
         };
         medium: {
             container: string;
             icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
+            text: string;
         };
     };
     active: {
@@ -1541,25 +1674,18 @@ declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
 }, {
     container: string;
     icon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    text: string;
+}, undefined, {
     size: {
         small: {
             container: string;
             icon: string;
+            text: string;
         };
         medium: {
             container: string;
             icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
+            text: string;
         };
     };
     active: {
@@ -1569,24 +1695,20 @@ declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         };
     };
 }, {
+    container: string;
+    icon: string;
+    text: string;
+}, tailwind_variants.TVReturnType<{
     size: {
         small: {
             container: string;
             icon: string;
+            text: string;
         };
         medium: {
             container: string;
             icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
+            text: string;
         };
     };
     active: {
@@ -1595,25 +1717,30 @@ declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
             icon: string;
         };
     };
-}>, {
+}, {
+    container: string;
+    icon: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>;
+type ChipsProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof chipsVariants> & {
+    asChild?: boolean;
+    icon?: React__default.ElementType;
+    text: string;
+    value?: string;
+    onClose?: (value?: string) => void;
+    textClassName?: string;
+};
+declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
         small: {
             container: string;
             icon: string;
+            text: string;
         };
         medium: {
             container: string;
             icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
+            text: string;
         };
     };
     active: {
@@ -1625,25 +1752,18 @@ declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
 }, {
     container: string;
     icon: string;
-}, tailwind_variants.TVReturnType<{
+    text: string;
+}, undefined, {
     size: {
         small: {
             container: string;
             icon: string;
+            text: string;
         };
         medium: {
             container: string;
             icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
+            text: string;
         };
     };
     active: {
@@ -1655,25 +1775,18 @@ declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
 }, {
     container: string;
     icon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    text: string;
+}, tailwind_variants.TVReturnType<{
     size: {
         small: {
             container: string;
             icon: string;
+            text: string;
         };
         medium: {
             container: string;
             icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
+            text: string;
         };
     };
     active: {
@@ -1683,357 +1796,448 @@ declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
         };
     };
 }, {
-    size: {
-        small: {
-            container: string;
-            icon: string;
-        };
-        medium: {
-            container: string;
-            icon: string;
-        };
-    };
-    border: {
-        true: {
-            container: string;
-            icon: string;
-        };
-        false: {
-            container: string;
-            icon: string;
-        };
-    };
-    active: {
-        true: {
-            container: string;
-            icon: string;
-        };
-    };
-}>, unknown, unknown, undefined>>> & {
+    container: string;
+    icon: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>> & {
     asChild?: boolean;
     icon?: React__default.ElementType;
     text: string;
     value?: string;
     onClose?: (value?: string) => void;
+    textClassName?: string;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
-declare const labelVariants: tailwind_variants.TVReturnType<{
-    invalid: {
-        true: string;
-    };
-}, undefined, "text-navy-600 text-base font-medium", tailwind_variants_dist_config_js.TVConfig<{
-    invalid: {
-        true: string;
-    };
-}, {
-    invalid: {
-        true: string;
-    };
-}>, {
-    invalid: {
-        true: string;
-    };
-}, undefined, tailwind_variants.TVReturnType<{
-    invalid: {
-        true: string;
-    };
-}, undefined, "text-navy-600 text-base font-medium", tailwind_variants_dist_config_js.TVConfig<{
-    invalid: {
-        true: string;
-    };
-}, {
-    invalid: {
-        true: string;
-    };
-}>, unknown, unknown, undefined>>;
-type LabelProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof labelVariants> & {
-    text?: string;
-    suffix?: React__default.ElementType;
-    htmlFor?: string;
-};
-declare const Label: {
-    ({ className, text, suffix: Suffix, invalid, htmlFor, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
+declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
+type TooltipProps = {
+    title: string | React$1.ReactNode;
+    maxWidth?: string;
+    children: React$1.ReactNode;
 };
+declare const Tooltip: (props: TooltipProps) => react_jsx_runtime.JSX.Element;
 
-declare const inputDescriptionVariants: tailwind_variants.TVReturnType<{
-    invalid: {
+declare const inputVariants: tailwind_variants.TVReturnType<{
+    disabled: {
         true: {
-            text: string;
+            wrapper: string;
+            input: string;
+            prefix: string;
+            suffix: string;
         };
     };
-}, {
-    text: string;
-    counter: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
     invalid: {
         true: {
-            text: string;
+            wrapper: string;
         };
     };
-}, {
-    invalid: {
-        true: {
-            text: string;
+    size: {
+        small: {
+            wrapper: string;
+            input: string;
+            prefix: string;
+            suffix: string;
         };
-    };
-}>, {
-    invalid: {
-        true: {
-            text: string;
+        medium: {
+            wrapper: string;
+            input: string;
+            prefix: string;
+            suffix: string;
         };
     };
-}, {
-    text: string;
-    counter: string;
-}, tailwind_variants.TVReturnType<{
-    invalid: {
-        true: {
-            text: string;
+    withAffix: {
+        false: {
+            wrapper: string;
         };
-    };
-}, {
-    text: string;
-    counter: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    invalid: {
         true: {
-            text: string;
+            wrapper: string;
         };
     };
 }, {
-    invalid: {
-        true: {
-            text: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-type InputDescriptionProps = React__default.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputDescriptionVariants> & {
-    text?: string;
-    counter?: boolean;
-    invalid?: boolean;
-    valueLength?: number;
-};
-declare const InputDescription: {
-    ({ className, text, counter, maxLength, invalid, valueLength, ...props }: InputDescriptionProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type FormItem = HTMLAttributes<HTMLDivElement> & {
-    label: LabelProps;
-    description: InputDescriptionProps;
-    invalid?: boolean;
-    errorMessage?: string;
-    disabled?: boolean;
-    value?: string;
-    maxLength?: number;
-    id: string;
-};
-declare const FormItem: ({ id, className, label, description, errorMessage, invalid, children, disabled, value, maxLength, ...props }: FormItem) => react_jsx_runtime.JSX.Element;
-
-declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & VariantProps<tailwind_variants.TVReturnType<{
+    wrapper: string;
+    prefix: string;
+    input: string;
+    suffix: string;
+}, undefined, {
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
+        small: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
+        };
+    };
+    withAffix: {
+        false: {
+            wrapper: string;
+        };
+        true: {
+            wrapper: string;
         };
     };
 }, {
-    prefixIcon: string;
+    wrapper: string;
+    prefix: string;
     input: string;
-    suffixIcon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    suffix: string;
+}, tailwind_variants.TVReturnType<{
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
+        small: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
+        };
+    };
+    withAffix: {
+        false: {
+            wrapper: string;
+        };
+        true: {
+            wrapper: string;
         };
     };
 }, {
+    wrapper: string;
+    prefix: string;
+    input: string;
+    suffix: string;
+}, undefined, unknown, unknown, undefined>>;
+type InputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'suffix' | 'withAffix'> & VariantProps<typeof inputVariants> & {
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
+    invalid?: boolean;
+    inputClassName?: string;
+};
+declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size" | "prefix" | "suffix" | "withAffix"> & VariantProps<tailwind_variants.TVReturnType<{
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
+        small: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
     };
-}>, {
+    withAffix: {
+        false: {
+            wrapper: string;
+        };
+        true: {
+            wrapper: string;
+        };
+    };
+}, {
+    wrapper: string;
+    prefix: string;
+    input: string;
+    suffix: string;
+}, undefined, {
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
+        small: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
+        };
+    };
+    withAffix: {
+        false: {
+            wrapper: string;
+        };
+        true: {
+            wrapper: string;
         };
     };
 }, {
-    prefixIcon: string;
+    wrapper: string;
+    prefix: string;
     input: string;
-    suffixIcon: string;
+    suffix: string;
 }, tailwind_variants.TVReturnType<{
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
+        small: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
+        };
+    };
+    withAffix: {
+        false: {
+            wrapper: string;
+        };
+        true: {
+            wrapper: string;
         };
     };
 }, {
-    prefixIcon: string;
+    wrapper: string;
+    prefix: string;
     input: string;
-    suffixIcon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    suffix: string;
+}, undefined, unknown, unknown, undefined>>> & {
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    prefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
+    invalid?: boolean;
+    inputClassName?: string;
+} & React__default.RefAttributes<HTMLInputElement>>;
+
+type CheckboxProps = React__default.ComponentPropsWithoutRef<typeof Root>;
+declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_checkbox.CheckboxProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+type RadioGroupProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioItemProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+declare const radioCard: tailwind_variants.TVReturnType<{
+    size: {
+        md: {
+            root: string;
+            prefix: string;
+        };
+        sm: {
+            root: string;
+            prefix: string;
+            description: string;
+        };
+    };
     disabled: {
         true: {
-            input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
         };
     };
-    invalid: {
+}, {
+    root: string;
+    prefix: string;
+    icon: string;
+    title: string;
+    description: string;
+}, undefined, {
+    size: {
+        md: {
+            root: string;
+            prefix: string;
+        };
+        sm: {
+            root: string;
+            prefix: string;
+            description: string;
+        };
+    };
+    disabled: {
         true: {
-            input: string;
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
         };
     };
+}, {
+    root: string;
+    prefix: string;
+    icon: string;
+    title: string;
+    description: string;
+}, tailwind_variants.TVReturnType<{
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+        md: {
+            root: string;
+            prefix: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+        sm: {
+            root: string;
+            prefix: string;
+            description: string;
         };
     };
-}, {
     disabled: {
         true: {
-            input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            root: string;
+            title: string;
+            description: string;
+            icon: string;
         };
     };
+}, {
+    root: string;
+    prefix: string;
+    icon: string;
+    title: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+type RadioCardVariants = VariantProps<typeof radioCard>;
+declare const Radio: {
+    Group: React__default.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+    Item: React__default.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+    Card: React__default.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & React__default.RefAttributes<HTMLButtonElement>, "ref">, "title"> & RadioCardVariants & {
+        title: React__default.ReactNode;
+        description?: React__default.ReactNode;
+        icon?: React__default.ElementType;
+        chipsProps?: Omit<ChipsProps, "size">;
+    } & React__default.RefAttributes<HTMLButtonElement>>;
+};
+
+declare const labelVariants: tailwind_variants.TVReturnType<{
+    invalid: {
+        true: string;
+    };
+}, undefined, "text-navy-600 text-base font-medium", {
+    invalid: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    invalid: {
+        true: string;
+    };
+}, undefined, "text-navy-600 text-base font-medium", unknown, unknown, undefined>>;
+type LabelProps = HTMLAttributes<HTMLSpanElement> & VariantProps<typeof labelVariants> & {
+    text?: string;
+    suffix?: React__default.ElementType;
+    htmlFor?: string;
+};
+declare const Label: {
+    ({ className, text, suffix: Suffix, invalid, htmlFor, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const inputDescriptionVariants: tailwind_variants.TVReturnType<{
     invalid: {
         true: {
-            input: string;
+            text: string;
         };
     };
-    size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+}, {
+    text: string;
+    counter: string;
+}, undefined, {
+    invalid: {
+        true: {
+            text: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+    };
+}, {
+    text: string;
+    counter: string;
+}, tailwind_variants.TVReturnType<{
+    invalid: {
+        true: {
+            text: string;
         };
     };
-}>, unknown, unknown, undefined>>> & {
-    id?: string;
-    value?: string;
-    defaultValue?: string;
-    prefixIcon?: React__default.ReactNode;
-    suffixIcon?: React__default.ReactNode;
+}, {
+    text: string;
+    counter: string;
+}, undefined, unknown, unknown, undefined>>;
+type InputDescriptionProps = React__default.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputDescriptionVariants> & {
+    text?: string;
+    counter?: boolean;
     invalid?: boolean;
-} & React__default.RefAttributes<HTMLInputElement>>;
-
-declare const Checkbox: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_checkbox.CheckboxProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
-
-type GroupProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-type ItemProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
-declare const Radio: {
-    Group: React__default.ForwardRefExoticComponent<GroupProps>;
-    Item: React__default.ForwardRefExoticComponent<ItemProps>;
+    valueLength?: number;
+};
+declare const InputDescription: {
+    ({ className, text, counter, maxLength, invalid, valueLength, ...props }: InputDescriptionProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
 };
 
 type DropdownProps = {
@@ -2046,195 +2250,265 @@ type DropdownProps = {
     className?: string;
 };
 
-declare const Search: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<tailwind_variants.TVReturnType<{
+type SearchProps = React$1.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants> & {
+    scope?: DropdownProps;
+};
+declare const Search: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & VariantProps<tailwind_variants.TVReturnType<{
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
-        };
         small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
-        };
-    };
-}, {
-    prefixIcon: string;
-    input: string;
-    suffixIcon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    disabled: {
-        true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
-    };
-    invalid: {
-        true: {
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
     };
-    size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+    withAffix: {
+        false: {
+            wrapper: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+        true: {
+            wrapper: string;
         };
     };
 }, {
+    wrapper: string;
+    prefix: string;
+    input: string;
+    suffix: string;
+}, undefined, {
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
-        };
         small: {
-            prefixIcon: string;
-            suffixIcon: string;
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-    };
-}>, {
-    disabled: {
-        true: {
-            input: string;
-            prefixIcon: string;
-            suffixIcon: string;
-        };
-    };
-    invalid: {
-        true: {
+        medium: {
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
     };
-    size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+    withAffix: {
+        false: {
+            wrapper: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+        true: {
+            wrapper: string;
         };
     };
 }, {
-    prefixIcon: string;
+    wrapper: string;
+    prefix: string;
     input: string;
-    suffixIcon: string;
+    suffix: string;
 }, tailwind_variants.TVReturnType<{
     disabled: {
         true: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
     invalid: {
         true: {
-            input: string;
+            wrapper: string;
         };
     };
     size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
-        };
         small: {
-            prefixIcon: string;
-            suffixIcon: string;
+            wrapper: string;
             input: string;
+            prefix: string;
+            suffix: string;
         };
-    };
-}, {
-    prefixIcon: string;
-    input: string;
-    suffixIcon: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    disabled: {
-        true: {
+        medium: {
+            wrapper: string;
             input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+            prefix: string;
+            suffix: string;
         };
     };
-    invalid: {
+    withAffix: {
+        false: {
+            wrapper: string;
+        };
         true: {
-            input: string;
+            wrapper: string;
         };
     };
-    size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+}, {
+    wrapper: string;
+    prefix: string;
+    input: string;
+    suffix: string;
+}, undefined, unknown, unknown, undefined>>> & {
+    scope?: DropdownProps;
+} & React$1.RefAttributes<HTMLInputElement>>;
+
+declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const DropdownMenuTrigger: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React__default.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React__default.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React__default.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const dropdownMenu: tailwind_variants.TVReturnType<{
+    appearance: {
+        ai: {
+            content: string;
+            subContent: string;
+            subTrigger: string;
+            item: string;
+            checkboxItem: string;
+            radioItem: string;
+            label: string;
+            separator: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+        default: {
+            content: string;
+            subContent: string;
+            subTrigger: string;
+            item: string;
+            checkboxItem: string;
+            radioItem: string;
         };
     };
 }, {
-    disabled: {
-        true: {
-            input: string;
-            prefixIcon: string;
-            suffixIcon: string;
+    content: string;
+    subContent: string;
+    subTrigger: string;
+    item: string;
+    checkboxItem: string;
+    radioItem: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    trigger: string;
+}, undefined, {
+    appearance: {
+        ai: {
+            content: string;
+            subContent: string;
+            subTrigger: string;
+            item: string;
+            checkboxItem: string;
+            radioItem: string;
+            label: string;
+            separator: string;
         };
-    };
-    invalid: {
-        true: {
-            input: string;
+        default: {
+            content: string;
+            subContent: string;
+            subTrigger: string;
+            item: string;
+            checkboxItem: string;
+            radioItem: string;
         };
     };
-    size: {
-        medium: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+}, {
+    content: string;
+    subContent: string;
+    subTrigger: string;
+    item: string;
+    checkboxItem: string;
+    radioItem: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    trigger: string;
+}, tailwind_variants.TVReturnType<{
+    appearance: {
+        ai: {
+            content: string;
+            subContent: string;
+            subTrigger: string;
+            item: string;
+            checkboxItem: string;
+            radioItem: string;
+            label: string;
+            separator: string;
         };
-        small: {
-            prefixIcon: string;
-            suffixIcon: string;
-            input: string;
+        default: {
+            content: string;
+            subContent: string;
+            subTrigger: string;
+            item: string;
+            checkboxItem: string;
+            radioItem: string;
         };
     };
-}>, unknown, unknown, undefined>>> & {
-    scope?: DropdownProps;
-} & React.RefAttributes<HTMLInputElement>>;
+}, {
+    content: string;
+    subContent: string;
+    subTrigger: string;
+    item: string;
+    checkboxItem: string;
+    radioItem: string;
+    label: string;
+    separator: string;
+    shortcut: string;
+    trigger: string;
+}, undefined, unknown, unknown, undefined>>;
+type DropdownMenuVariants = VariantProps<typeof dropdownMenu>;
+type DropdownMenuProps = React__default.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & DropdownMenuVariants;
+declare const DropdownMenu: {
+    ({ children, appearance, ...props }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DropdownMenuSubTrigger: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & {
+    inset?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React__default.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuVariants & React__default.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, appearance, ...props }: React__default.HTMLAttributes<HTMLSpanElement> & DropdownMenuVariants): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
-export { Alert, Avatar, Badge, Button, Card, Checkbox, Chips, Collapsible, FormItem, Indicator, Input, InputDescription, Label, Progress, ProgressBar, Radio, Scope, Search, Sheet, Status, TabsLayout as Tabs, Text, Textarea, Toggle };
+export { Alert, type AlertProps, Avatar, type AvatarProps, Badge, type BadgeProps, Button, type ButtonProps, Card, type CardProps, Checkbox, type CheckboxProps, Chips, type ChipsProps, type CircleProps, Collapsible, type CollapsibleContentProps, type CollapsibleItemProps, type CollapsibleTriggerProps, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExpandedProps, Indicator, type IndicatorProps, Input, InputDescription, type InputDescriptionProps, type InputProps, Label, type LabelProps, Loading, type LoadingProps, Message, MessageContainer, type MessageProps, MessageType, Popover, PopoverContent, PopoverTrigger, Progress, ProgressBar, type ProgressBarProps, type ProgressIndicatorProps, Radio, type RadioGroupProps, type RadioItemProps, Scope, type ScopeGroupProps, type ScopeItemProps, Search, type SearchProps, Sheet, type SheetProps, Skeleton, type SkeletonProps, Status, type StatusMenuProps, type StatusOption, type StatusSimpleProps, Switch, type SwitchProps, type TabItem, TabsLayout as Tabs, type TabsLayoutProps, Text, type TextProps, Textarea, type TextareaProps, TipCard, type TipCardProps, Toggle, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip, type TooltipProps, TooltipProvider };