@boxcustodia/library 0.2.12 → 0.3.0

package/dist/index.d.ts

@@ -27,7 +27,7 @@ import { LucideProps } from 'lucide-react';
 import { MutableRefObject } from 'react';
 import { PopoverAnchor } from '@radix-ui/react-popover';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { Presence as Presence_2 } from '@radix-ui/react-presence';
+import { Presence } from '@radix-ui/react-presence';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -59,7 +59,7 @@ declare interface AsyncState<T> {
 export declare type AtLeastOne<T> = [T, ...T[]];
 
 export declare const AutoComplete: {
-    ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props_2): JSX_2.Element;
+    ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props): JSX_2.Element;
     displayName: string;
 };
 
@@ -74,7 +74,7 @@ export declare const AutoCompleteEmpty: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AutoCompleteGroup: React_2.ForwardRefExoticComponent<Omit<{
     children?: React_2.ReactNode;
@@ -82,7 +82,7 @@ export declare const AutoCompleteGroup: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
     heading?: React_2.ReactNode;
     value?: string;
     forceMount?: boolean;
@@ -92,7 +92,7 @@ export declare const AutoCompleteInput: React_2.ForwardRefExoticComponent<Omit<O
     ref?: React_2.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React_2.InputHTMLAttributes<HTMLInputElement>>, "type" | "value" | "onChange"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React_2.RefAttributes<HTMLInputElement>, "ref"> & React_2.RefAttributes<HTMLInputElement>>;
@@ -103,7 +103,7 @@ export declare const AutoCompleteItem: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>>, "disabled" | "value" | "onSelect"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;
@@ -117,7 +117,7 @@ export declare const AutoCompleteList: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -127,7 +127,7 @@ export declare const AutoCompleteRoot: React_2.ForwardRefExoticComponent<Omit<{
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     label?: string;
     shouldFilter?: boolean;
     filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -143,7 +143,7 @@ export declare const AutoCompleteSeparator: React_2.ForwardRefExoticComponent<Om
     ref?: React_2.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React_2.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+}, "key" | "asChild" | keyof React_2.HTMLAttributes<HTMLDivElement>> & {
     alwaysRender?: boolean;
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
@@ -152,17 +152,22 @@ export declare const AutoCompleteShortcut: {
     displayName: string;
 };
 
-export declare const Avatar: ({ variant, alt, src, ...props }: Props_3) => JSX_2.Element;
+export declare const Avatar: ({ variant, size, alt, src, className, imageProps, ...props }: AvatarProps) => JSX_2.Element;
 
-export declare const BackgroundImage: ForwardRefExoticComponent<Omit<Props_4, "ref"> & RefAttributes<HTMLDivElement>>;
-
-export declare const Badge: ForwardRefExoticComponent<Props_5 & RefAttributes<HTMLDivElement>>;
+declare type AvatarProps = OverrideProps<HTMLProps<HTMLDivElement>, VariantProps<typeof avatarVariants> & {
+    alt: string;
+    src: string;
+    imageProps?: HTMLProps<HTMLImageElement>;
+}>;
 
-export declare const badgeVariants: (props?: ({
-    variant?: "error" | "default" | "secondary" | "outline" | null | undefined;
+declare const avatarVariants: (props?: ({
+    variant?: "circle" | "square" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const BaseButton: ForwardRefExoticComponent<Props_7 & RefAttributes<HTMLButtonElement>>;
+export declare const BackgroundImage: ForwardRefExoticComponent<Omit<Props_2, "ref"> & RefAttributes<HTMLDivElement>>;
+
+export declare const BaseButton: ForwardRefExoticComponent<Props_4 & RefAttributes<HTMLButtonElement>>;
 
 declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
 
@@ -171,14 +176,18 @@ export declare type BaseEntity = {
     createdAt: Date;
 };
 
-export declare const Button: ForwardRefExoticComponent<Omit<Props_6, "ref"> & RefAttributes<HTMLButtonElement>>;
+declare type BaseProps = {
+    icon?: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement> & TagVariant;
+
+export declare const Button: ForwardRefExoticComponent<Omit<Props_3, "ref"> & RefAttributes<HTMLButtonElement>>;
 
 declare type ButtonProps = ComponentProps<typeof Button>;
 
 declare type ButtonProps_2 = ComponentPropsWithoutRef<typeof Button>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "error" | "default" | "secondary" | "success" | "outline" | "ghost" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "error" | "success" | "outline" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -256,7 +265,7 @@ export declare type CellProps<T> = {
 export declare const Center: ({ className, ...props }: ComponentPropsWithoutRef<"div">) => JSX_2.Element;
 
 export declare const Checkbox: {
-    ({ checked, onChange, defaultChecked, className, size, children, containerClassName, containerProps, ...props }: Props_8): JSX_2.Element;
+    ({ checked, onChange, defaultChecked, className, size, children, containerClassName, containerProps, ...props }: Props_5): JSX_2.Element;
     displayName: string;
 };
 
@@ -266,6 +275,11 @@ export declare const click: (element: HTMLElement) => void;
 
 export declare type ClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent>;
 
+declare type ClosableProps = BaseProps & {
+    closable: true;
+    onClose: () => void;
+};
+
 export declare function cn(...args: ClassValue[]): string;
 
 export declare type ColumnDef<T> = {
@@ -287,7 +301,7 @@ export declare type ColumnDef<T> = {
     width?: string | number;
 };
 
-export declare function Combobox<TItem extends Record<string, any>>({ items, valueKey, labelKey, placeholder, searchPlaceholder, emptyMessage, searchProps, className, triggerProps, itemProps, itemClassName, contentProps, contentClassName, value: prop, onChange, defaultValue: defaultProp, renderOption, commandProps, ...props }: Props_9<TItem>): JSX_2.Element;
+export declare function Combobox<TItem extends Record<string, any>>({ items, valueKey, labelKey, placeholder, searchPlaceholder, emptyMessage, searchProps, className, triggerProps, itemProps, itemClassName, contentProps, contentClassName, value: prop, onChange, defaultValue: defaultProp, renderOption, commandProps, ...props }: Props_6<TItem>): JSX_2.Element;
 
 declare type ContainerProps = React_2.ComponentPropsWithoutRef<"div">;
 
@@ -309,7 +323,7 @@ export declare type DateMatcher = DateSingle | DateRange | DateMultiple | undefi
 
 export declare type DateMultiple = Date[] | undefined;
 
-export declare const DatePicker: <T extends Mode = "single">(props: Props_11<T>) => JSX_2.Element;
+export declare const DatePicker: <T extends Mode = "single">(props: Props_8<T>) => JSX_2.Element;
 
 export declare type DateRange = {
     start: DateSingle;
@@ -328,7 +342,7 @@ declare interface DebounceOptions<T> {
     delay?: number;
 }
 
-export declare const Dialog: ({ trigger, title, description, children, footer, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_12) => JSX_2.Element;
+export declare const Dialog: ({ trigger, title, description, children, footer, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_9) => JSX_2.Element;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
 
@@ -356,12 +370,71 @@ export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogP
 
 export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const Divider: (props: Props_13) => JSX_2.Element;
+export declare const Divider: (props: Props_10) => JSX_2.Element;
 
 export declare const DOTS = "...";
 
+export declare const Dropzone: ({ onFileAdd, onFileRemove, maxFiles, allowedExtensions, maxFileSize, multiple, renderAcceptedFile, renderRejectedFile, showRejected, className, icon: Icon, iconSize, ...props }: DropzoneProps) => JSX_2.Element;
+
+export declare type DropzoneProps = {
+    /**
+     * Función que se ejecuta cuando se agregan archivos
+     */
+    onFileAdd?: (files: File[]) => void;
+    /**
+     * Función que se ejecuta cuando se elimina un archivo
+     */
+    onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
+    /**
+     * Número máximo de archivos permitidos
+     * @default 1
+     */
+    maxFiles?: number;
+    /**
+     * Lista de extensiones permitidas (e.j. ["image/jpeg", "image/png"])
+     * @default []
+     */
+    allowedExtensions?: FileTypeValue[];
+    /**
+     * Tamaño máximo de archivo en bytes
+     * @default 5MB
+     */
+    maxFileSize?: number;
+    /**
+     * Permite seleccionar múltiples archivos
+     */
+    multiple?: boolean;
+    /**
+     * Función para renderizar cada archivo aceptado
+     */
+    renderAcceptedFile?: (file: File, removeItem: () => void) => React.ReactNode;
+    /**
+     * Función para renderizar cada archivo rechazado
+     */
+    renderRejectedFile?: (file: File, removeItem: () => void) => React.ReactNode;
+    /**
+     * Mostrar archivos rechazados
+     * @default false
+     */
+    showRejected?: boolean;
+    /**
+     * Clase CSS para el contenedor
+     */
+    className?: string;
+    /**
+     * Icono personalizado para el dropzone
+     * @default UploadCloud
+     */
+    icon?: LucideIcon;
+    /**
+     * Tamaño del icono
+     * @default 40
+     */
+    iconSize?: number;
+} & Omit<ComponentPropsWithoutRef<"div">, "onDrop">;
+
 export declare const EmptyState: {
-    ({ icon, title, description, className, children, ...props }: Props_29): JSX_2.Element;
+    ({ icon, title, description, className, children, ...props }: Props_11): JSX_2.Element;
     displayName: string;
 };
 
@@ -424,9 +497,39 @@ declare interface ExtendedProps_3 {
  */
 export declare const extractInitials: (string: string) => string;
 
-export declare const Field: ForwardRefExoticComponent<Props & RefAttributes<HTMLDivElement>>;
-
-export declare const Form: <TFieldValues extends FieldValues>({ onSubmit, form, children, className, }: Props_14<TFieldValues>) => JSX_2.Element;
+export declare const Field: ForwardRefExoticComponent<Props_12 & RefAttributes<HTMLDivElement>>;
+
+export declare const FileType: {
+    readonly JPEG: "image/jpeg";
+    readonly JPG: "image/jpg";
+    readonly PNG: "image/png";
+    readonly GIF: "image/gif";
+    readonly WEBP: "image/webp";
+    readonly SVG: "image/svg+xml";
+    readonly PDF: "application/pdf";
+    readonly DOC: "application/msword";
+    readonly DOCX: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    readonly XLS: "application/vnd.ms-excel";
+    readonly XLSX: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    readonly PPT: "application/vnd.ms-powerpoint";
+    readonly PPTX: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+    readonly TXT: "text/plain";
+    readonly CSV: "text/csv";
+    readonly ZIP: "application/zip";
+    readonly RAR: "application/x-rar-compressed";
+    readonly MP3: "audio/mpeg";
+    readonly WAV: "audio/wav";
+    readonly MP4: "video/mp4";
+    readonly WEBM: "video/webm";
+    readonly JSON: "application/json";
+    readonly XML: "application/xml";
+};
+
+export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
+
+export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
+
+export declare const Form: <TFieldValues extends FieldValues>({ onSubmit, form, children, className, }: Props_13<TFieldValues>) => JSX_2.Element;
 
 export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
 
@@ -469,7 +572,7 @@ declare type GenericObject_2 = Record<string, any>;
 export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
 
 export declare const Heading: {
-    <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_28<C>): JSX_2.Element;
+    <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_14<C>): JSX_2.Element;
     displayName: string;
 };
 
@@ -499,12 +602,12 @@ export declare interface IToast {
 }
 
 export declare const Kbd: {
-    ({ variant, size, className, ...props }: Props_27): JSX_2.Element;
+    ({ variant, size, className, ...props }: Props_16): JSX_2.Element;
     displayName: string;
 };
 
 declare const KbdVariants: (props?: ({
-    variant?: "error" | "default" | "secondary" | "outline" | null | undefined;
+    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
@@ -513,10 +616,17 @@ declare type Keys = string | string[];
 export declare const Label: React_2.ForwardRefExoticComponent<Omit<React_2.DetailedHTMLProps<React_2.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & React_2.RefAttributes<HTMLLabelElement>>;
 
 export declare const Loader: {
-    ({ center, containerClassName, ...props }: Props_16): JSX_2.Element;
+    ({ center, containerClassName, variant, size, ...props }: Props_17): JSX_2.Element;
     displayName: string;
 };
 
+declare type LoaderVariants = VariantProps<typeof loaderVariants>;
+
+declare const loaderVariants: (props?: ({
+    variant?: "secondary" | "error" | "success" | "ghost" | "primary" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare type Loose<T> = T | (string & {});
 
 export declare type Maybe<T> = T | undefined | null;
@@ -631,7 +741,7 @@ export declare type MultipleDateValue = {
 };
 
 export declare const MultiSelect: {
-    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
+    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
     displayName: string;
 };
 
@@ -658,10 +768,21 @@ declare type MultiSelectProps<TItem extends Record<string, any>> = OverrideProps
     maxCount?: number;
     className?: string;
     renderOption?: (item: TItem) => React_2.ReactNode;
+    withCheckbox?: boolean;
+    /**
+     * Para mostrar o no la barra de búsqueda
+     * @default true
+     */
+    showSearch?: boolean;
+    /**
+     * Para mostrar o no el "Seleccionar todos"
+     * @default true
+     */
+    showSelectAll?: boolean;
 }>;
 
 declare const multiSelectVariants: (props?: ({
-    variant?: "error" | "default" | "secondary" | null | undefined;
+    variant?: "default" | "secondary" | "error" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promise<TReturn>;
@@ -676,10 +797,17 @@ declare interface Node_2 {
 }
 export { Node_2 as Node }
 
+declare type NonClosableProps = BaseProps & {
+    closable?: false;
+    onClose?: never;
+};
+
 declare type noop = (this: any, ...args: any[]) => any;
 
 export declare type Nullable<T> = T | null;
 
+export declare const NumberInput: ForwardRefExoticComponent<Omit<Props_18, "ref"> & RefAttributes<HTMLInputElement>>;
+
 declare type OpenProps = {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -698,7 +826,7 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
 export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
 
 export declare const Pagination: {
-    ({ optionProps, className, containerProps, ...rangeProps }: Props_17): JSX_2.Element;
+    ({ optionProps, className, containerProps, ...rangeProps }: Props_19): JSX_2.Element;
     displayName: string;
 };
 
@@ -707,7 +835,7 @@ declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonE
 }
 
 export declare const Popover: {
-    ({ trigger, children, rootProps, triggerProps, contentProps, triggerAsChild, matchTriggerWidth, triggerClassName, contentClassName, side, offset, }: Props_18): JSX_2.Element;
+    ({ trigger, children, rootProps, triggerProps, contentProps, triggerAsChild, matchTriggerWidth, triggerClassName, contentClassName, side, offset, }: Props_20): JSX_2.Element;
     displayName: string;
 };
 
@@ -719,12 +847,24 @@ export declare const PopoverRoot: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const Presence: {
-    (props: Props_19): JSX_2.Element;
-    displayName: string;
+declare interface Props extends ExtendedProps {
+    items: AutoCompleteItem[];
+    placeholder?: string;
+    emptyMessage?: string;
+    onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
+}
+
+declare type Props_10 = {
+    orientation?: "horizontal" | "vertical";
+} & HTMLProps<HTMLHRElement>;
+
+declare type Props_11 = ComponentPropsWithoutRef<"div"> & {
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
 };
 
-declare interface Props extends ComponentPropsWithoutRef<"div"> {
+declare interface Props_12 extends ComponentPropsWithoutRef<"div"> {
     label?: ReactNode;
     labelClassName?: string;
     labelProps?: ComponentPropsWithoutRef<"label">;
@@ -733,61 +873,17 @@ declare interface Props extends ComponentPropsWithoutRef<"div"> {
     errorProps?: ComponentPropsWithoutRef<"p">;
 }
 
-declare type Props_10<TItem extends Record<string, any>> = OverrideProps<ComponentProps<typeof SelectRoot> & Omit<ControllableState<string>, "onChange">, {
-    onChange?: (value: string, item: TItem) => void;
-    /**
-     * Listado de elementos a mostrar
-     * @default []
-     */
-    items: TItem[];
-    /**
-     * Identificador del valor del elemento
-     * @default "value"
-     */
-    valueKey?: keyof TItem;
-    /**
-     * Identificador del label del elemento
-     * @default "label"
-     */
-    labelKey?: keyof TItem;
-    /**
-     * Función que renderiza el label del elemento
-     * Por defecto renderiza el label del elemento
-     */
-    renderOption?: (item: TItem) => ReactNode;
-    className?: ClassName;
-    triggerProps?: ComponentProps<typeof SelectTrigger>;
-    contentClassName?: ClassName;
-    contentProps?: ComponentProps<typeof SelectContent>;
-    itemClassName?: ClassName;
-    itemProps?: ComponentProps<typeof SelectItem>;
-    placeholder?: string;
-}>;
-
-declare type Props_11<T extends Mode> = ComponentProps<"input"> & {
-    mode?: T;
-    disabledDate?: (date: Date) => boolean;
-} & Omit<CalendarProps_2<T>, "disabled" | "mode">;
-
-declare type Props_12 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedProps_2 & {
-    trigger?: ReactNode;
-    title?: ReactNode;
-    description?: ReactNode;
-    children: ReactNode;
-    footer?: ReactNode;
-};
-
-declare type Props_13 = {
-    orientation?: "horizontal" | "vertical";
-} & HTMLProps<HTMLHRElement>;
-
-declare type Props_14<TFieldValues extends FieldValues> = {
+declare type Props_13<TFieldValues extends FieldValues> = {
     onSubmit: (data: TFieldValues) => void;
     form: UseFormReturn<TFieldValues>;
     children: React_2.ReactNode;
     className?: string;
 };
 
+declare type Props_14<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
+    as?: C;
+} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
+
 declare type Props_15 = OverrideProps<ComponentProps<"input">, {
     /** valor del input */
     value?: string;
@@ -797,18 +893,40 @@ declare type Props_15 = OverrideProps<ComponentProps<"input">, {
     defaultValue?: string;
 }>;
 
-declare interface Props_16 extends LucideProps {
+declare type Props_16 = ComponentPropsWithoutRef<"kbd"> & VariantProps<typeof KbdVariants>;
+
+declare type Props_17 = LucideProps & LoaderVariants & {
     center?: boolean;
     containerClassName?: string;
-}
+};
 
-declare interface Props_17 extends useRangePaginationProps {
+declare type Props_18 = OverrideProps<ComponentProps<"input">, {
+    /** valor del input */
+    value?: number;
+    /** functión a ejecutar cuando el valor cambia */
+    onChange?: (value: number) => void;
+    /** valor por defecto del input */
+    defaultValue?: number;
+    /** valor mínimo del input */
+    min?: number;
+    /** valor máximo del input */
+    max?: number;
+}>;
+
+declare interface Props_19 extends useRangePaginationProps {
     optionProps?: PaginationOptionProps;
     className?: string;
     containerProps?: HTMLProps<HTMLDivElement>;
 }
 
-declare interface Props_18 {
+declare interface Props_2 extends HTMLProps<HTMLDivElement> {
+    /**
+     * La URL de la imagen
+     */
+    src: string;
+}
+
+declare interface Props_20 {
     trigger?: ReactNode;
     children: ReactNode;
     rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
@@ -822,19 +940,12 @@ declare interface Props_18 {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 }
 
-declare interface Props_19 extends ComponentPropsWithoutRef<typeof Slot> {
+declare interface Props_21 extends ComponentPropsWithoutRef<typeof Slot> {
     /** Si el componente está presente o no */
-    in: ComponentProps<typeof Presence_2>["present"];
-}
-
-declare interface Props_2 extends ExtendedProps {
-    items: AutoCompleteItem[];
-    placeholder?: string;
-    emptyMessage?: string;
-    onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
+    when: ComponentProps<typeof Presence>["present"];
 }
 
-declare interface Props_20 extends HTMLProps<HTMLDivElement> {
+declare interface Props_22 extends HTMLProps<HTMLDivElement> {
     /**
      * Determina si el skeleton es isCircle para redondearlo
      */
@@ -853,7 +964,7 @@ declare interface Props_20 extends HTMLProps<HTMLDivElement> {
     isLoading?: boolean;
 }
 
-declare type Props_21 = OverrideProps<ComponentProps<"input">, {
+declare type Props_23 = OverrideProps<ComponentProps<"input">, {
     checked?: boolean;
     onChange?: (value: boolean) => void;
     defaultChecked?: boolean;
@@ -861,30 +972,32 @@ declare type Props_21 = OverrideProps<ComponentProps<"input">, {
     containerProps?: Omit<ComponentProps<"div">, "className">;
 }>;
 
-declare type Props_22<T> = {
+declare type Props_24<T> = {
     data: T[];
     columns: ColumnDef<T>[];
     onRowClick?: (row: T) => void;
     selected?: (row: T) => boolean;
 } & ExtendedProps_3 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected">;
 
-declare type Props_23 = {
+declare type Props_25 = {
     setPageSize?: (value: PageSize) => void;
     pageSize?: PageSize;
 } & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
 
-declare type Props_24 = {
+declare type Props_26 = ClosableProps | NonClosableProps;
+
+declare type Props_27 = {
     titleClassName?: ClassName;
     titleProps?: HTMLProps<HTMLHeadingElement>;
     descriptionClassName?: ClassName;
     descriptionProps?: HTMLProps<HTMLParagraphElement>;
 } & Omit<HTMLProps<HTMLDivElement>, "id"> & IToast;
 
-declare interface Props_25 extends ButtonProps_2 {
+declare interface Props_28 extends ButtonProps_2 {
     toastId: IToast["id"];
 }
 
-declare type Props_26 = ComponentProps<typeof PopoverAnchor> & {
+declare type Props_29 = ComponentProps<typeof PopoverAnchor> & {
     /**
      * El texto que aparecera en el tooltip
      */
@@ -896,57 +1009,20 @@ declare type Props_26 = ComponentProps<typeof PopoverAnchor> & {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 };
 
-declare type Props_27 = ComponentPropsWithoutRef<"kbd"> & VariantProps<typeof KbdVariants>;
-
-declare type Props_28<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
-    as?: C;
-} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
-
-declare type Props_29 = ComponentPropsWithoutRef<"div"> & {
-    icon?: ReactNode;
-    title?: ReactNode;
-    description?: ReactNode;
-};
-
-declare interface Props_3 extends HTMLProps<HTMLDivElement> {
-    /**
-     * Texto que se va a mostrar en caso de que no tenga imagen o la imagen no cargue
-     */
-    alt: string;
-    /**
-     * URL de la imagen
-     */
-    src: string;
-    /**
-     * Tipo de Avatar
-     */
-    variant?: "circle" | "square";
-}
+declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
 
 declare interface Props_30<T> extends UseAsyncOptions<T> {
     fn: () => Promise<T>;
     dependencies?: DependencyList;
 }
 
-declare interface Props_4 extends HTMLProps<HTMLDivElement> {
-    /**
-     * La URL de la imagen
-     */
-    src: string;
-}
-
-declare interface Props_5 extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
-}
-
-declare type Props_6 = BaseButtonProps & VariantProps<typeof buttonVariants>;
-
-declare interface Props_7 extends ButtonHTMLAttributes<HTMLButtonElement> {
+declare interface Props_4 extends ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
     loading?: boolean;
     showLoader?: boolean;
 }
 
-declare type Props_8 = OverrideProps<ComponentProps<"input">, {
+declare type Props_5 = OverrideProps<ComponentProps<"input">, {
     /**
      * Valor controlado del checkbox.
      */
@@ -964,11 +1040,55 @@ declare type Props_8 = OverrideProps<ComponentProps<"input">, {
     containerProps?: Omit<ComponentProps<"div">, "className">;
 }>;
 
-declare type Props_9<TItem extends Record<string, any>> = {
+declare type Props_6<TItem extends Record<string, any>> = {
     emptyMessage?: string;
     commandProps?: ComponentProps<typeof AutoCompleteRoot>;
 } & SearchProps & SelectProps<TItem>;
 
+declare type Props_7<TItem extends Record<string, any>> = OverrideProps<ComponentProps<typeof SelectRoot> & Omit<ControllableState<string>, "onChange">, {
+    onChange?: (value: string, item: TItem) => void;
+    /**
+     * Listado de elementos a mostrar
+     * @default []
+     */
+    items: TItem[];
+    /**
+     * Identificador del valor del elemento
+     * @default "value"
+     */
+    valueKey?: keyof TItem;
+    /**
+     * Identificador del label del elemento
+     * @default "label"
+     */
+    labelKey?: keyof TItem;
+    /**
+     * Función que renderiza el label del elemento
+     * Por defecto renderiza el label del elemento
+     */
+    renderOption?: (item: TItem) => ReactNode;
+    className?: ClassName;
+    triggerProps?: ComponentProps<typeof SelectTrigger>;
+    contentClassName?: ClassName;
+    contentProps?: ComponentProps<typeof SelectContent>;
+    itemClassName?: ClassName;
+    itemProps?: ComponentProps<typeof SelectItem>;
+    placeholder?: string;
+}>;
+
+declare type Props_8<T extends Mode> = ComponentProps<"input"> & {
+    mode?: T;
+    disabledDate?: (date: Date) => boolean;
+} & Omit<CalendarProps_2<T>, "disabled" | "mode">;
+
+declare type Props_9 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedProps_2 & {
+    trigger?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    footer?: ReactNode;
+};
+
 export declare type RangeDateValue = {
     value?: DateRange;
     defaultValue?: DateRange;
@@ -1053,7 +1173,7 @@ declare interface SearchProps {
 }
 
 export declare const Select: {
-    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, value: prop, onChange, defaultValue: defaultProp, renderOption, triggerProps, contentClassName, contentProps, itemClassName, itemProps, className, placeholder, ...props }: Props_10<TItem>): JSX_2.Element;
+    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, value: prop, onChange, defaultValue: defaultProp, renderOption, triggerProps, contentClassName, contentProps, itemClassName, itemProps, className, placeholder, ...props }: Props_7<TItem>): JSX_2.Element;
     displayName: string;
 };
 
@@ -1091,6 +1211,11 @@ declare type Shortcut = Partial<{
     shortcutOptions: MenuShortcutProps_2["options"];
 }>;
 
+export declare const Show: {
+    (props: Props_21): JSX_2.Element;
+    displayName: string;
+};
+
 export declare type SingleDateValue = {
     value?: DateSingle;
     defaultValue?: DateSingle;
@@ -1098,7 +1223,7 @@ export declare type SingleDateValue = {
 };
 
 export declare const Skeleton: {
-    ({ isCircle, width, height, isLoading, ...props }: Props_20): string | number | true | Iterable<ReactNode> | JSX_2.Element;
+    ({ isCircle, width, height, isLoading, ...props }: Props_22): string | number | true | JSX_2.Element | Iterable<ReactNode>;
     displayName: string;
 };
 
@@ -1115,7 +1240,7 @@ declare interface StackProps extends ComponentProps<"div"> {
 export declare type State<T> = [T, SetState<T>];
 
 export declare const Switch: {
-    ({ className, children, containerProps, containerClassName, ...props }: Props_21): JSX_2.Element;
+    ({ className, children, containerProps, containerClassName, ...props }: Props_23): JSX_2.Element;
     displayName: string;
 };
 
@@ -1129,7 +1254,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
 }
 
 export declare const Table: {
-    <T>({ data, columns, onRowClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_22<T>): JSX_2.Element;
+    <T>({ data, columns, onRowClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_24<T>): JSX_2.Element;
     displayName: string;
 };
 
@@ -1148,7 +1273,7 @@ export declare const TableHead: React_2.ForwardRefExoticComponent<React_2.ThHTML
 export declare const TableHeader: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableSectionElement> & React_2.RefAttributes<HTMLTableSectionElement>>;
 
 export declare const TablePagination: {
-    ({ containerClassName, containerProps, selectClassName, selectProps, ...props }: Props_23): JSX_2.Element;
+    ({ containerClassName, containerProps, selectClassName, selectProps, ...props }: Props_25): JSX_2.Element;
     displayName: string;
 };
 
@@ -1205,11 +1330,19 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
     value: string;
 }
 
+export declare const Tag: ForwardRefExoticComponent<Props_26 & RefAttributes<HTMLDivElement>>;
+
+export declare type TagVariant = VariantProps<typeof tagVariants>;
+
+export declare const tagVariants: (props?: ({
+    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 export declare const TextArea: ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & RefAttributes<HTMLTextAreaElement>>;
 
 declare type TextAreaProps = HTMLProps<HTMLTextAreaElement>;
 
-export declare const Toast: ForwardRefExoticComponent<Omit<Props_24, "ref"> & RefAttributes<HTMLDivElement>>;
+export declare const Toast: ForwardRefExoticComponent<Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const toast: {
     (args: ToastProperties): void;
@@ -1221,7 +1354,7 @@ export declare const toast: {
 export declare type ToastArgs = string | Omit<ToastProperties, "type">;
 
 export declare const ToastClose: {
-    ({ toastId, ...props }: Props_25): JSX_2.Element;
+    ({ toastId, ...props }: Props_28): JSX_2.Element;
     displayName: string;
 };
 
@@ -1253,7 +1386,7 @@ export declare interface ToastState {
 export declare type ToastType = "info" | "success" | "error";
 
 export declare const Tooltip: {
-    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_26): JSX_2.Element;
+    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_29): JSX_2.Element;
     displayName: string;
 };
 
@@ -1283,6 +1416,53 @@ export declare const twMerge: (...classLists: ClassNameValue[]) => string;
 
 export declare const type: (element: HTMLElement, value: string) => void;
 
+export declare const UploadAcceptedFiles: (props: UploadFilesProps) => JSX_2.Element;
+
+export declare const UploadContent: ({ className, ...props }: UploadContentProps) => JSX_2.Element;
+
+declare type UploadContentProps = ComponentPropsWithoutRef<"div"> & {
+    renderRejectedFile?: (file: File) => ReactNode;
+};
+
+declare type UploadFilesListProps = {
+    files: File[];
+    handleFileRemove: (index: number, type: "accepted" | "rejected") => void;
+    fileType: "accepted" | "rejected";
+    children?: ReactNode;
+    renderFile?: (file: File, removeItem: () => void) => ReactNode;
+};
+
+declare type UploadFilesProps = Omit<UploadFilesListProps, "fileType" | "handleFileRemove" | "files">;
+
+export declare const UploadItem: ({ file, onRemove, className, renderIcon, ...props }: UploadItemProps) => JSX_2.Element;
+
+declare type UploadItemProps = ComponentPropsWithoutRef<"div"> & {
+    file: File;
+    onRemove: () => void;
+    renderIcon?: (file: File) => ReactNode;
+};
+
+export declare const UploadRejectedFiles: (props: UploadFilesProps) => JSX_2.Element;
+
+export declare const UploadRoot: ({ onFileAdd, onFileRemove, maxFiles, allowedExtensions, maxFileSize, multiple, children, ...props }: UploadRootProps) => JSX_2.Element;
+
+declare type UploadRootProps = {
+    onFileAdd?: (files: File[]) => void;
+    onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
+    maxFiles?: number;
+    allowedExtensions?: string[];
+    maxFileSize?: number;
+    multiple?: true;
+    className?: string;
+    children?: ReactNode;
+};
+
+export declare const UploadTrigger: ({ asChild, ...props }: UploadTriggerProps) => JSX_2.Element;
+
+declare type UploadTriggerProps = {
+    asChild?: boolean;
+} & ComponentPropsWithoutRef<"button">;
+
 export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
     readonly insertAt: (index: number, item: T) => void;
     readonly removeAt: (index: number) => void;