@boxcustodia/library 0.3.8 → 0.5.2

package/dist/index.d.ts

@@ -157,9 +157,10 @@ export declare const AutoCompleteShortcut: {
     displayName: string;
 };
 
-export declare const Avatar: ({ variant, size, alt, src, className, imageProps, ...props }: AvatarProps) => JSX_2.Element;
+export declare const Avatar: ({ variant, size, fallback, alt, src, className, imageProps, ...props }: AvatarProps) => JSX_2.Element;
 
 declare type AvatarProps = OverrideProps<HTMLProps<HTMLDivElement>, VariantProps<typeof avatarVariants> & {
+    fallback?: ReactNode;
     alt: string;
     src: string;
     imageProps?: HTMLProps<HTMLImageElement>;
@@ -183,7 +184,8 @@ export declare type BaseEntity = {
 
 declare type BaseProps = {
     icon?: React.ReactNode;
-} & React.HTMLAttributes<HTMLDivElement> & TagVariant;
+    rounded?: TagVariant["rounded"];
+} & StyleProps & React.HTMLAttributes<HTMLDivElement>;
 
 export declare const Button: ForwardRefExoticComponent<Omit<Props_3, "ref"> & RefAttributes<HTMLButtonElement>>;
 
@@ -287,6 +289,11 @@ export declare function cn(...args: ClassValue[]): string;
 
 export { Collection }
 
+declare type ColorProps = {
+    color: string;
+    variant?: "outline" | "borderless";
+};
+
 export declare type ColumnDef<T> = {
     /**
      * Header de la columna
@@ -342,11 +349,6 @@ declare type DayProps = {
     navigationDate: Date;
 } & HTMLProps<HTMLButtonElement>;
 
-declare interface DebounceOptions<T> {
-    onDebounce?: (value: T) => any;
-    delay?: number;
-}
-
 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>>;
@@ -379,7 +381,7 @@ 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 const Dropzone: ({ onFileAdd, onFileRemove, onChangeFiles, files, maxFiles, allowedExtensions, maxFileSize, multiple, renderAcceptedFile, renderRejectedFile, showRejected, className, icon: Icon, iconSize, ...props }: DropzoneProps) => JSX_2.Element;
 
 export declare type DropzoneProps = {
     /**
@@ -390,6 +392,16 @@ export declare type DropzoneProps = {
      * Función que se ejecuta cuando se elimina un archivo
      */
     onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
+    /**
+     * Evento que captura cambios en lista de archivos
+     * @default () => {}
+     */
+    onChangeFiles?: (files: File[]) => void;
+    /**
+     * Lista de archivos
+     * @default []
+     */
+    files?: File[];
     /**
      * Número máximo de archivos permitidos
      * @default 1
@@ -599,6 +611,13 @@ export declare type ID = string | number;
 
 export declare const Input: ForwardRefExoticComponent<Omit<Props_15, "ref"> & RefAttributes<HTMLInputElement>>;
 
+declare interface ItemTimeline {
+    content?: ReactNode;
+    icon?: ReactNode;
+    status?: "done" | "pending" | "error";
+    color?: string;
+}
+
 export declare interface IToast {
     id: number | string;
     title?: string;
@@ -638,7 +657,7 @@ export declare type Maybe<T> = T | undefined | null;
 
 export declare type MaybeRef<T> = T | MutableRefObject<T>;
 
-declare type MaybeReturn<TState> = Return_4<TState | undefined, ((state: TState | undefined) => Partial<TState>) | Partial<TState>>;
+declare type MaybeReturn<TState> = Return<TState | undefined, ((state: TState | undefined) => Partial<TState>) | Partial<TState>>;
 
 export declare const Menu: {
     ({ trigger, items, contentProps, side, offset, }: GenericMenuProps): JSX_2.Element;
@@ -1096,7 +1115,7 @@ export declare type RangeDateValue = {
 
 export declare type Renderable<T> = ReactNode | ((props: T) => ReactElement);
 
-declare type Return = [boolean, (newValue?: boolean) => void];
+declare type Return<TState, TArgs = ((state: TState) => Partial<TState>) | Partial<TState>> = [TState, (arg: TArgs) => void, () => void];
 
 declare type Return_2<T> = {
     /**
@@ -1159,7 +1178,7 @@ declare interface Return_3<T = ReactNode> {
     findAndGo: (callback: ListIterateeCustom<T, boolean>) => void;
 }
 
-declare type Return_4<TState, TArgs = ((state: TState) => Partial<TState>) | Partial<TState>> = [TState, (arg: TArgs) => void, () => void];
+declare type Return_4 = [boolean, (newValue?: boolean) => void];
 
 export declare type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
 
@@ -1238,6 +1257,80 @@ declare interface StackProps extends ComponentProps<"div"> {
 
 export declare type State<T> = [T, SetState<T>];
 
+export declare function Stepper({ items, current, onChange, className, classNameList, classNameItem, classNameButton, classNameIndicator, classNameContent, }: StepperProps): JSX_2.Element;
+
+export declare namespace Stepper {
+    var displayName: string;
+}
+
+export declare function StepperContainer({ current: prop, onChange, className, ...props }: StepperContainerProps): JSX_2.Element;
+
+export declare namespace StepperContainer {
+    var displayName: string;
+}
+
+declare interface StepperContainerProps extends Omit<HTMLProps<HTMLDivElement>, "onChange"> {
+    current?: number;
+    onChange?: (index: number) => void;
+    className?: ClassName;
+}
+
+export declare function StepperContent({ value, className, ...props }: StepperContentProps): JSX_2.Element | null;
+
+export declare namespace StepperContent {
+    var displayName: string;
+}
+
+declare interface StepperContentProps extends HTMLProps<HTMLDivElement> {
+    value: number;
+}
+
+declare interface StepperItemProps {
+    indicator?: ReactNode;
+    title: ReactNode;
+    content?: ReactNode;
+    disabled?: boolean;
+}
+
+export declare function StepperList({ children, className, ...props }: StepperListProps): JSX_2.Element;
+
+export declare namespace StepperList {
+    var displayName: string;
+}
+
+declare interface StepperListProps extends HTMLProps<HTMLUListElement> {
+}
+
+declare interface StepperProps extends Omit<HTMLProps<HTMLDivElement>, "onChange"> {
+    items?: StepperItemProps[];
+    current?: number;
+    onChange?: (index: number) => void;
+    className?: ClassName;
+    classNameList?: ClassName;
+    classNameItem?: ClassName;
+    classNameButton?: ClassName;
+    classNameIndicator?: ClassName;
+    classNameContent?: ClassName;
+}
+
+export declare function StepperTrigger({ disabled, value, title, indicator, classNameItem, classNameButton, classNameIndicator, }: StepperTriggerProps): JSX_2.Element;
+
+export declare namespace StepperTrigger {
+    var displayName: string;
+}
+
+declare interface StepperTriggerProps {
+    indicator?: ReactNode;
+    title: ReactNode;
+    value: number;
+    disabled?: boolean;
+    classNameItem?: ClassNameValue;
+    classNameButton?: ClassNameValue;
+    classNameIndicator?: ClassNameValue;
+}
+
+declare type StyleProps = ColorProps | VariantProps_2;
+
 export declare const Switch: {
     ({ className, children, containerProps, containerClassName, ...props }: Props_23): JSX_2.Element;
     displayName: string;
@@ -1334,13 +1427,54 @@ export declare const Tag: ForwardRefExoticComponent<Props_26 & RefAttributes<HTM
 export declare type TagVariant = VariantProps<typeof tagVariants>;
 
 export declare const tagVariants: (props?: ({
-    variant?: "default" | "secondary" | "error" | "outline" | null | undefined;
+    rounded?: "default" | "square" | "full" | null | undefined;
+    variant?: "secondary" | "error" | "success" | "outline" | "primary" | "borderless" | null | undefined;
 } & ClassProp) | undefined) => string;
 
 export declare const TextArea: ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & RefAttributes<HTMLTextAreaElement>>;
 
 declare type TextAreaProps = HTMLProps<HTMLTextAreaElement>;
 
+export declare const Timeline: ({ items, classNameContainer, containerProps, ...itemsProps }: TimelineProps) => JSX_2.Element;
+
+export declare const TimelineItemContent: (props: HTMLProps<HTMLDivElement>) => JSX_2.Element;
+
+export declare const TimelineItemDot: ({ icon, status, color, classNameDot, classNameContainerDot, }: TimelineItemDotProps) => JSX_2.Element;
+
+declare interface TimelineItemDotProps {
+    icon?: ReactNode;
+    status?: "done" | "pending" | "error";
+    color?: string;
+    classNameDot?: string;
+    classNameContainerDot?: string;
+}
+
+export declare const TimelineListItem: ({ icon, status, color, classNameItemDot, classNameItemContainerDot, classNameItemContent, itemsProps, children, ...props }: TimelineListItemProps) => JSX_2.Element;
+
+declare interface TimelineListItemProps extends HTMLProps<HTMLLIElement> {
+    icon?: ReactNode;
+    status?: "done" | "pending" | "error";
+    color?: string;
+    itemsProps?: HTMLProps<HTMLDivElement>;
+    classNameContainer?: string;
+    classNameItemDot?: string;
+    classNameItemContainerDot?: string;
+    classNameItemContent?: string;
+}
+
+declare interface TimelineProps {
+    items: ItemTimeline[];
+    itemsProps?: HTMLProps<HTMLDivElement>;
+    containerProps?: HTMLProps<HTMLUListElement>;
+    classNameContainer?: string;
+    classNameItem?: string;
+    classNameItemDot?: string;
+    classNameItemContainerDot?: string;
+    classNameItemContent?: string;
+}
+
+export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX_2.Element;
+
 export declare const Toast: ForwardRefExoticComponent<globalThis.Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
 
 export declare const toast: {
@@ -1440,11 +1574,13 @@ declare type UploadItemProps = ComponentPropsWithoutRef<"div"> & {
 
 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;
+export declare const UploadRoot: ({ onFileAdd, onFileRemove, onChangeFiles, files: prop, maxFiles, allowedExtensions, maxFileSize, multiple, children, ...props }: UploadRootProps) => JSX_2.Element;
 
 declare type UploadRootProps = {
     onFileAdd?: (files: File[]) => void;
     onFileRemove?: (index: number, type: "accepted" | "rejected") => void;
+    onChangeFiles?: (files: File[]) => void;
+    files?: File[];
     maxFiles?: number;
     allowedExtensions?: string[];
     maxFileSize?: number;
@@ -1483,7 +1619,9 @@ export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(call
 
 export declare function useClipboard(): [CopiedValue, CopyFunction];
 
-export declare function useDebounce<T>(data: T, options?: DebounceOptions<T>): T;
+export declare function useDebouncedCallback<T extends (...args: any[]) => any>(callback: T, delay: number): (...args: Parameters<T>) => void;
+
+export declare function useDebouncedValue<T>(value: T, delay: number): T;
 
 export declare function useDisclosure(initialState?: boolean, callbacks?: {
     onOpen?: () => void;
@@ -1562,7 +1700,7 @@ declare interface UseMutationReturn<TArgs extends any[], TReturn> {
 
 export declare function useObject<T extends GenericObject_2>(): MaybeReturn<T>;
 
-export declare function useObject<T extends GenericObject_2>(initialValue: T): Return_4<T>;
+export declare function useObject<T extends GenericObject_2>(initialValue: T): Return<T>;
 
 export declare function usePagination({ totalItems, pageSize, initialCurrentPage, onChange, }: usePaginationProps): {
     next: () => void;
@@ -1647,10 +1785,15 @@ export declare function useStep<T = ReactNode>(steps: T[], amountSteps?: number)
 
 export declare const useToastStore: UseBoundStore<StoreApi<ToastState>>;
 
-export declare function useToggle(initialValue?: boolean): Return;
+export declare function useToggle(initialValue?: boolean): Return_4;
 
 export declare type ValuesUnion<T extends Record<string, any>> = T[keyof T];
 
+declare type VariantProps_2 = {
+    color?: never;
+    variant?: TagVariant["variant"];
+};
+
 export declare interface ViewProps {
     value: Date;
     onChange: (date: Date) => void;
@@ -1661,3 +1804,29 @@ declare type WeekDaysProps = HTMLProps<HTMLDivElement>;
 export declare const weeksDays: string[];
 
 export { }
+
+
+export declare namespace Stepper {
+    var displayName: string;
+}
+
+
+export declare namespace StepperContainer {
+    var displayName: string;
+}
+
+
+export declare namespace StepperList {
+    var displayName: string;
+}
+
+
+export declare namespace StepperTrigger {
+    var displayName: string;
+}
+
+
+export declare namespace StepperContent {
+    var displayName: string;
+}
+