@dito-uai/components 5.1.0-alpha.13 → 5.1.0-alpha.16

package/dist/index.d.ts

@@ -8,8 +8,118 @@ 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 _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';
 
+declare const avatarVariants: 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<{
+    color: {
+        default: string;
+        indigo: string;
+    };
+    type: {
+        icon: string;
+        capitals: string;
+        image: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, {
+    color: {
+        default: string;
+        indigo: string;
+    };
+    type: {
+        icon: string;
+        capitals: string;
+        image: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>, {
+    color: {
+        default: string;
+        indigo: string;
+    };
+    type: {
+        icon: string;
+        capitals: string;
+        image: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, undefined, 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<{
+    color: {
+        default: string;
+        indigo: string;
+    };
+    type: {
+        icon: string;
+        capitals: string;
+        image: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}, {
+    color: {
+        default: string;
+        indigo: string;
+    };
+    type: {
+        icon: string;
+        capitals: string;
+        image: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>, 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;
@@ -119,6 +229,136 @@ declare const Avatar: React__default.ForwardRefExoticComponent<Omit<React__defau
     asChild?: boolean;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
+declare const badgeVariants: 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<{
+    contrast: {
+        true: string;
+        false: string;
+    };
+    status: {
+        info: string;
+        attention: string;
+        white: string;
+    };
+    size: {
+        small: string;
+        normal: string;
+    };
+    type: {
+        pill: string;
+        dot: string;
+    };
+}, {
+    contrast: {
+        true: string;
+        false: string;
+    };
+    status: {
+        info: string;
+        attention: string;
+        white: string;
+    };
+    size: {
+        small: string;
+        normal: string;
+    };
+    type: {
+        pill: string;
+        dot: string;
+    };
+}>, {
+    contrast: {
+        true: string;
+        false: string;
+    };
+    status: {
+        info: string;
+        attention: string;
+        white: string;
+    };
+    size: {
+        small: string;
+        normal: string;
+    };
+    type: {
+        pill: string;
+        dot: string;
+    };
+}, undefined, 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<{
+    contrast: {
+        true: string;
+        false: string;
+    };
+    status: {
+        info: string;
+        attention: string;
+        white: string;
+    };
+    size: {
+        small: string;
+        normal: string;
+    };
+    type: {
+        pill: string;
+        dot: string;
+    };
+}, {
+    contrast: {
+        true: string;
+        false: string;
+    };
+    status: {
+        info: string;
+        attention: string;
+        white: string;
+    };
+    size: {
+        small: string;
+        normal: string;
+    };
+    type: {
+        pill: string;
+        dot: string;
+    };
+}>, 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;
@@ -249,7 +489,7 @@ declare const Badge: React__default.ForwardRefExoticComponent<HTMLAttributes<HTM
     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;
@@ -625,27 +865,408 @@ declare const Button: React__default.ForwardRefExoticComponent<React__default.Bu
         };
         false: string;
     };
-}>, unknown, unknown, undefined>>> & {
+}>, unknown, unknown, undefined>>;
+type ButtonProps = React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<typeof buttonVariants> & {
     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;
-    };
+};
+declare const Button: React__default.ForwardRefExoticComponent<React__default.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<tailwind_variants.TVReturnType<{
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: string;
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: string;
+    };
+}, {
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: string;
+    };
+}>, {
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: string;
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+}, tailwind_variants.TVReturnType<{
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: string;
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        false: string;
+    };
+}, {
+    appearance: {
+        primary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        secondary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        tertiary: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        danger: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        link: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+        table: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    size: {
+        medium: {
+            container: string;
+            icon: string;
+        };
+        small: {
+            container: string;
+            text: string;
+            icon: string;
+        };
+    };
+    disabled: {
+        true: {
+            container: string;
+            text: string;
+            icon: 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;
@@ -961,11 +1582,14 @@ type ProgressBarProps = React__default.HTMLAttributes<HTMLDivElement> & {
 };
 declare const ProgressBar: React__default.FC<ProgressBarProps>;
 
+type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    invalid?: boolean;
+};
 declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     invalid?: boolean;
 } & React.RefAttributes<HTMLTextAreaElement>>;
 
-type Props = {
+type SheetProps = {
     title: string;
     children?: React__default.ReactNode;
     isVisible?: boolean;
@@ -974,7 +1598,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;
 };
 
@@ -1090,6 +1714,10 @@ declare const Text: {
     displayName: string;
 };
 
+type ToggleProps = HTMLAttributes<HTMLInputElement> & {
+    name: string;
+    disabled?: boolean;
+} & PropsWithChildren;
 declare const Toggle: React.ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
     name: string;
     disabled?: boolean;
@@ -1097,6 +1725,11 @@ declare const Toggle: React.ForwardRefExoticComponent<HTMLAttributes<HTMLInputEl
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 
+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"> & {
@@ -1114,14 +1747,14 @@ type TabItem = {
     disabled?: boolean;
     className?: string;
 };
-interface TabsLayoutProps {
+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<{
@@ -1330,6 +1963,60 @@ declare const Alert: React__default.ForwardRefExoticComponent<React__default.HTM
     closable?: boolean;
 } & React__default.RefAttributes<HTMLDivElement>>;
 
+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", tailwind_variants_dist_config_js.TVConfig<{
+    status: {
+        positive: string;
+        negative: string;
+        neutral: string;
+        info: string;
+    };
+}, {
+    status: {
+        positive: string;
+        negative: string;
+        neutral: string;
+        info: string;
+    };
+}>, {
+    status: {
+        positive: string;
+        negative: string;
+        neutral: string;
+        info: string;
+    };
+}, undefined, 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<{
+    status: {
+        positive: string;
+        negative: string;
+        neutral: string;
+        info: string;
+    };
+}, {
+    status: {
+        positive: string;
+        negative: string;
+        neutral: string;
+        info: string;
+    };
+}>, unknown, unknown, undefined>>;
+type IndicatorProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof indicatorVariants> & {
+    value: string;
+    icon?: 'positive' | 'neutral' | 'negative';
+};
 declare const Indicator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     status: {
         positive: string;
@@ -1482,35 +2169,241 @@ 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;
+}, undefined, "text-midnight-blue-600", tailwind_variants_dist_config_js.TVConfig<{
+    bg: {
+        indigo: string;
+        white: string;
+    };
+}, {
+    bg: {
+        indigo: string;
+        white: string;
+    };
+}>, unknown, unknown, undefined>>;
+type CommonProps = {
+    value: number;
+};
+type ProgressIndicatorProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
+    withBar?: boolean;
+};
+type CircleProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
+    Icon?: React__default.ElementType;
+};
+type ExpandedProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
+    text: React__default.ReactNode | string;
+};
+declare const Progress: {
+    Indicator: React__default.ForwardRefExoticComponent<ProgressIndicatorProps>;
+    Circle: React__default.ForwardRefExoticComponent<CircleProps>;
+    Expanded: React__default.ForwardRefExoticComponent<ExpandedProps>;
+};
+
+declare const chipsVariants: tailwind_variants.TVReturnType<{
+    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;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    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;
+        };
+    };
+}, {
+    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;
+        };
+    };
+}>, {
+    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;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+}, tailwind_variants.TVReturnType<{
+    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;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    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;
+        };
     };
 }, {
-    bg: {
-        indigo: string;
-        white: string;
+    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>>;
-type CommonProps = {
-    value: number;
-};
-type IndicatorProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
-    withBar?: boolean;
-};
-type CircleProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
-    Icon?: React__default.ElementType;
-};
-type ExpandedProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof progressVariants> & CommonProps & {
-    text: React__default.ReactNode | string;
-};
-declare const Progress: {
-    Indicator: React__default.ForwardRefExoticComponent<IndicatorProps>;
-    Circle: React__default.ForwardRefExoticComponent<CircleProps>;
-    Expanded: React__default.ForwardRefExoticComponent<ExpandedProps>;
+type ChipsProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof chipsVariants> & {
+    asChild?: boolean;
+    icon?: React__default.ElementType;
+    text: string;
+    value?: string;
+    onClose?: (value?: string) => void;
 };
-
 declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     size: {
         small: {
@@ -1819,7 +2712,7 @@ declare const InputDescription: {
     displayName: string;
 };
 
-type FormItem = HTMLAttributes<HTMLDivElement> & {
+type FormItemProps = HTMLAttributes<HTMLDivElement> & {
     label: LabelProps;
     description: InputDescriptionProps;
     invalid?: boolean;
@@ -1829,9 +2722,205 @@ type FormItem = HTMLAttributes<HTMLDivElement> & {
     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 FormItem: ({ id, className, label, description, errorMessage, invalid, children, disabled, value, maxLength, ...props }: FormItemProps) => react_jsx_runtime.JSX.Element;
 
-declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & VariantProps<tailwind_variants.TVReturnType<{
+declare const inputVariants: tailwind_variants.TVReturnType<{
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: 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: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}>, {
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    prefixIcon: string;
+    input: string;
+    suffixIcon: string;
+}, tailwind_variants.TVReturnType<{
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: 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: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}, {
+    disabled: {
+        true: {
+            input: string;
+            prefixIcon: string;
+            suffixIcon: string;
+        };
+    };
+    invalid: {
+        true: {
+            input: string;
+        };
+    };
+    size: {
+        medium: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+        small: {
+            prefixIcon: string;
+            suffixIcon: string;
+            input: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type InputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & VariantProps<typeof inputVariants> & {
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    prefixIcon?: React__default.ReactNode;
+    suffixIcon?: React__default.ReactNode;
+    invalid?: boolean;
+};
+declare const Input: React__default.ForwardRefExoticComponent<Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "size"> & VariantProps<tailwind_variants.TVReturnType<{
     disabled: {
         true: {
             input: string;
@@ -2027,13 +3116,14 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
     invalid?: boolean;
 } & 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 GroupProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
-type ItemProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
+type RadioGroupProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>;
+type RadioItemProps = React__default.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>;
 declare const Radio: {
-    Group: React__default.ForwardRefExoticComponent<GroupProps>;
-    Item: React__default.ForwardRefExoticComponent<ItemProps>;
+    Group: React__default.ForwardRefExoticComponent<RadioGroupProps>;
+    Item: React__default.ForwardRefExoticComponent<RadioItemProps>;
 };
 
 type DropdownProps = {
@@ -2046,6 +3136,9 @@ type DropdownProps = {
     className?: string;
 };
 
+type SearchProps = React.InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants> & {
+    scope?: DropdownProps;
+};
 declare const Search: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<tailwind_variants.TVReturnType<{
     disabled: {
         true: {
@@ -2237,4 +3330,4 @@ declare const Search: React.ForwardRefExoticComponent<React.InputHTMLAttributes<
     scope?: DropdownProps;
 } & React.RefAttributes<HTMLInputElement>>;
 
-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, 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, type ExpandedProps, FormItem, type FormItemProps, Indicator, type IndicatorProps, Input, InputDescription, type InputDescriptionProps, type InputProps, Label, type LabelProps, Progress, ProgressBar, type ProgressBarProps, type ProgressIndicatorProps, Radio, type RadioGroupProps, type RadioItemProps, Scope, type ScopeGroupProps, type ScopeItemProps, Search, type SearchProps, Sheet, type SheetProps, Status, type StatusMenuProps, type StatusOption, type StatusSimpleProps, type TabItem, TabsLayout as Tabs, type TabsLayoutProps, Text, type TextProps, Textarea, type TextareaProps, Toggle, type ToggleProps };