@dito-uai/components 5.0.0-alpha8 → 5.1.0-alpha.5

package/dist/index.d.ts

@@ -1,23 +1,2240 @@
-export { default as Avatar } from './ui/avatar';
-export { default as Badge } from './ui/badge';
-export { default as Button } from './ui/button';
-export { default as Card } from './ui/card';
-export { default as Scope } from './ui/scope';
-export { default as ProgressBar } from './ui/progress-bar';
-export { default as Textarea } from './ui/textarea';
-export { default as Sheet } from './ui/sheets';
-export { default as Text } from './ui/text';
-export { default as Toggle } from './ui/toggle';
-export { default as Collapse } from './ui/collapse';
-export { default as Indicator } from './ui/indicator';
-export { default as Status } from './ui/status';
-export { default as Progress } from './ui/progress';
-export { default as Chips } from './ui/chips';
-export { default as FormItem } from './ui/form-item';
-export { default as Input } from './ui/input';
-export { default as Checkbox } from './ui/checkbox';
-export { default as Radio } from './ui/radio';
-export { default as Label } from './ui/label';
-export { default as InputDescription } from './ui/input-description';
-export { default as Search } from './ui/search';
-//# sourceMappingURL=index.d.ts.map
+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 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 _radix_ui_react_checkbox from '@radix-ui/react-checkbox';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+
+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<{
+    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>>> & {
+    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<{
+    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>>> & {
+    asChild?: boolean;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+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;
+        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;
+    };
+}>, {
+    variant: {
+        default: string;
+        big: string;
+        small: string;
+    };
+    direction: {
+        col: string;
+        row: string;
+    };
+    padding: {
+        none: string;
+        small: string;
+        medium: string;
+        big: string;
+    };
+}, undefined, 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;
+    };
+}, {
+    variant: {
+        default: string;
+        big: string;
+        small: string;
+    };
+    direction: {
+        col: string;
+        row: string;
+    };
+    padding: {
+        none: string;
+        small: string;
+        medium: string;
+        big: string;
+    };
+}>, 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;
+    displayName: string;
+};
+
+declare const scopeVariants: tailwind_variants.TVReturnType<{
+    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;
+        };
+    };
+}, {
+    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;
+        };
+    };
+}>, {
+    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;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    text: string;
+}, tailwind_variants.TVReturnType<{
+    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;
+        };
+    };
+}, {
+    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>>;
+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;
+    icon?: React__default.ElementType;
+};
+declare const Scope: {
+    Group: React__default.ForwardRefExoticComponent<ScopeGroupProps>;
+    Item: React__default.ForwardRefExoticComponent<ScopeItemProps>;
+};
+
+type ProgressBarProps = React__default.HTMLAttributes<HTMLDivElement> & {
+    value: number;
+    barBg: string;
+    progressBg: string;
+};
+declare const ProgressBar: React__default.FC<ProgressBarProps>;
+
+declare const Textarea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    invalid?: boolean;
+} & React.RefAttributes<HTMLTextAreaElement>>;
+
+type Props = {
+    title: string;
+    children?: React__default.ReactNode;
+    isVisible?: boolean;
+    CloseIcon?: React__default.ElementType;
+    maxWidth?: string;
+    onClose?: (confirm: boolean) => void;
+};
+declare const Sheet: {
+    ({ title, children, isVisible, CloseIcon, maxWidth, onClose, }: Props): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const TextVariants: tailwind_variants.TVReturnType<{
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        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;
+    };
+}>, {
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+        semibold: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        H1: string;
+        H2: string;
+        H3: string;
+        large: string;
+        base: string;
+        small: string;
+        overline: string;
+    };
+    weight: {
+        normal: string;
+        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>;
+declare const Text: {
+    ({ className, size, weight, children, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const Toggle: React.ForwardRefExoticComponent<HTMLAttributes<HTMLInputElement> & {
+    name: string;
+    disabled?: 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>>;
+};
+
+type TabItem = {
+    value: string;
+    label?: string;
+    iconPrefix?: React__default.ReactNode;
+    suffix?: React__default.ReactNode;
+    content: React__default.ReactNode;
+    disabled?: boolean;
+    className?: string;
+};
+interface 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<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}>, {
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, tailwind_variants.TVReturnType<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    container: string;
+    icon: string;
+    message: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}, {
+    type: {
+        success: {
+            container: string;
+            icon: string;
+        };
+        warning: {
+            container: string;
+            icon: string;
+        };
+        error: {
+            container: string;
+            icon: string;
+        };
+        info: {
+            container: string;
+            icon: string;
+        };
+    };
+    closable: {
+        true: {
+            message: string;
+        };
+        false: {
+            message: string;
+        };
+    };
+}>, unknown, unknown, undefined>>> & {
+    message: string;
+    closable?: boolean;
+} & 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;
+        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>>> & {
+    value: string;
+    icon?: "positive" | "neutral" | "negative";
+} & React__default.RefAttributes<HTMLDivElement>>;
+
+declare const statusVariants: tailwind_variants.TVReturnType<{
+    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", 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[];
+    };
+}>, {
+    status: {
+        success: string[];
+        attention: string[];
+        info: string[];
+        error: string[];
+        disabled: string[];
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    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", 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>>;
+type StatusSimpleProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
+    text: string;
+};
+type StatusOption = VariantProps<typeof statusVariants> & {
+    text: string;
+    value: string;
+};
+type StatusMenuProps = React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof statusVariants> & {
+    options: StatusOption[];
+    value: string;
+    onChange?: (value: string) => void;
+};
+declare const Status: Partial<StatusSimpleProps> & {
+    Menu: React__default.ForwardRefExoticComponent<StatusMenuProps>;
+};
+
+declare const progressVariants: tailwind_variants.TVReturnType<{
+    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;
+    };
+}>, {
+    bg: {
+        indigo: string;
+        white: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    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 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>;
+};
+
+declare const Chips: React__default.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & VariantProps<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;
+        };
+    };
+}, {
+    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>>> & {
+    asChild?: boolean;
+    icon?: React__default.ElementType;
+    text: string;
+    value?: string;
+    onClose?: (value?: string) => void;
+} & 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 inputDescriptionVariants: tailwind_variants.TVReturnType<{
+    invalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    text: string;
+    counter: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    invalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    invalid: {
+        true: {
+            text: string;
+        };
+    };
+}>, {
+    invalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    text: string;
+    counter: string;
+}, tailwind_variants.TVReturnType<{
+    invalid: {
+        true: {
+            text: string;
+        };
+    };
+}, {
+    text: string;
+    counter: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    invalid: {
+        true: {
+            text: 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<{
+    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>>> & {
+    id?: string;
+    value?: string;
+    defaultValue?: string;
+    prefixIcon?: React__default.ReactNode;
+    suffixIcon?: React__default.ReactNode;
+    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>;
+};
+
+type DropdownProps = {
+    options: {
+        text: string;
+        value: string;
+    }[];
+    selected?: string;
+    onChange?: (value: string) => void;
+    className?: string;
+};
+
+declare const Search: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & VariantProps<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>>> & {
+    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 };