@boxcustodia/library 0.3.6 → 0.5.1

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ButtonHTMLAttributes } from 'react';
 import { ClassNameValue } from 'tailwind-merge';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
+import { Collection } from 'react-aria-components';
 import { ComponentProps } from 'react';
 import { ComponentPropsWithoutRef } from 'react';
 import { ComponentType } from 'react';
@@ -40,6 +41,9 @@ import { SetStateAction } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { SlotProps } from '@radix-ui/react-slot';
 import { StoreApi } from 'zustand';
+import { TreeItemProps } from 'react-aria-components';
+import { TreeProps } from 'react-aria-components';
+import { UNSTABLE_TreeItemContent } from 'react-aria-components';
 import { UseBoundStore } from 'zustand';
 import { UseFormProps } from 'react-hook-form';
 import { UseFormReturn } from 'react-hook-form';
@@ -153,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>;
@@ -179,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>>;
 
@@ -281,6 +287,13 @@ declare type ClosableProps = BaseProps & {
 
 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
@@ -336,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>>;
@@ -528,7 +536,7 @@ 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 Form: <TFieldValues extends FieldValues>({ onSubmit, id, 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>>;
 
@@ -593,6 +601,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;
@@ -632,7 +647,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;
@@ -788,14 +803,6 @@ declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promis
 
 declare type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
 
-declare interface Node_2 {
-    id: string;
-    label: string;
-    children?: Node_2[];
-    icon?: LucideIcon;
-}
-export { Node_2 as Node }
-
 declare type NonClosableProps = BaseProps & {
     closable?: false;
     onClose?: never;
@@ -877,6 +884,7 @@ declare type Props_13<TFieldValues extends FieldValues> = {
     form: UseFormReturn<TFieldValues>;
     children: React_2.ReactNode;
     className?: string;
+    id?: string;
 };
 
 declare type Props_14<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
@@ -1005,13 +1013,17 @@ declare type Props_28 = ComponentProps<typeof PopoverAnchor> & {
     offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
 };
 
-declare interface Props_29<T> extends UseAsyncOptions<T> {
+declare type Props_29<T extends TreeNode> = TreeRootProps & {
+    items: T[];
+};
+
+declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
+
+declare interface Props_30<T> extends UseAsyncOptions<T> {
     fn: () => Promise<T>;
     dependencies?: DependencyList;
 }
 
-declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
-
 declare interface Props_4 extends ButtonHTMLAttributes<HTMLButtonElement> {
     asChild?: boolean;
     loading?: boolean;
@@ -1093,7 +1105,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> = {
     /**
@@ -1156,7 +1168,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>>;
 
@@ -1235,6 +1247,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;
@@ -1331,13 +1417,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: {
@@ -1383,28 +1510,28 @@ export declare const Tooltip: {
     displayName: string;
 };
 
-export declare const Tree: ({ data, multiSelect, defaultExpandedKeys, defaultSelectedKeys, selectedKeys: selectedKeysProp, expandedKeys: expandedKeysProp, expandedIcon, collapsedIcon, leafIcon, onSelect, onExpand, className, renderClassName, }: TreeProps) => JSX_2.Element;
+export declare function Tree<T extends TreeNode>({ items, ...props }: Props_29<T>): JSX_2.Element;
 
-export declare interface TreeIconProps {
-    expandedIcon?: LucideIcon;
-    collapsedIcon?: LucideIcon;
-    leafIcon?: LucideIcon;
-}
+export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
+    id: string | number;
+}>) => JSX_2.Element;
 
-export declare interface TreeProps extends TreeIconProps {
-    data: Node_2[];
-    multiSelect?: boolean;
-    defaultExpandedKeys?: string[];
-    defaultSelectedKeys?: string[];
-    selectedKeys?: string[];
-    expandedKeys?: string[];
-    expandedAll?: boolean;
-    onSelect?: (selectedKeys: string[]) => void;
-    onExpand?: (expandedKeys: string[]) => void;
-    className?: string;
-    renderClassName?: (node: Node_2) => string;
+export declare const TreeItemContent: (props: React_2.ComponentProps<typeof UNSTABLE_TreeItemContent>) => JSX_2.Element;
+
+export declare const TreeItemIndicator: () => JSX_2.Element;
+
+export declare const TreeItemLabel: (props: React_2.HtmlHTMLAttributes<HTMLSpanElement>) => JSX_2.Element;
+
+export declare interface TreeNode {
+    id: string | number;
+    title: string;
+    children: TreeNode[];
 }
 
+export declare const TreeRoot: <T extends object>({ className, ...props }: TreeProps<T>) => JSX_2.Element;
+
+declare type TreeRootProps = React_2.ComponentProps<typeof TreeRoot>;
+
 export declare const twMerge: (...classLists: ClassNameValue[]) => string;
 
 export declare const type: (element: HTMLElement, value: string) => void;
@@ -1468,7 +1595,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
     readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
 }];
 
-export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_29<T>): AsyncState<T>;
+export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_30<T>): AsyncState<T>;
 
 declare interface UseAsyncOptions<T> {
     onError?: (error: Error) => void;
@@ -1480,7 +1607,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;
@@ -1559,7 +1688,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;
@@ -1644,10 +1773,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;
@@ -1658,3 +1792,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;
+}
+