@boxcustodia/library 0.5.6 → 0.6.3-canary.0

package/dist/index.d.ts

@@ -21,7 +21,8 @@ import { FieldValues } from 'react-hook-form';
 import { FormEvent } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLProps } from 'react';
-import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
+import { JSXElementConstructor } from 'react';
 import { ListIterateeCustom } from 'lodash';
 import { LucideIcon } from 'lucide-react';
 import { LucideProps } from 'lucide-react';
@@ -51,24 +52,29 @@ import { UseFormReturn } from 'react-hook-form';
 import { VariantProps } from 'class-variance-authority';
 import { ZodType } from 'zod';
 
-export declare const AlertDialog: ForwardRefExoticComponent<DialogProps & {
-title?: React.ReactNode;
-description?: React.ReactNode;
-trigger?: React.ReactNode;
-onClose?: () => void;
-onAction?: () => void;
-variant?: "default" | "error";
-triggerProps?: ComponentProps<typeof DialogTrigger>;
-contentProps?: ComponentProps<typeof DialogContent>;
-headerProps?: ComponentProps<typeof DialogHeader>;
-titleProps?: ComponentProps<typeof DialogTitle>;
-descriptionProps?: ComponentProps<typeof DialogDescription>;
-footerProps?: ComponentProps<typeof DialogFooter>;
-closeProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
-actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
-closeText?: React.ReactNode;
-actionText?: React.ReactNode;
-} & RefAttributes<never>>;
+export declare const AlertDialog: {
+    ({ title, description, trigger, onClose, onAction, variant, triggerProps, contentProps, headerProps, titleProps, descriptionProps, footerProps, closeProps, closeText, actionText, actionProps, ...props }: AlertDialogProps): JSX.Element;
+    displayName: string;
+};
+
+declare type AlertDialogProps = React.ComponentPropsWithoutRef<typeof DialogRoot> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    trigger?: React.ReactNode;
+    onClose?: () => void;
+    onAction?: () => void;
+    variant?: "default" | "error";
+    triggerProps?: ComponentProps<typeof DialogTrigger>;
+    contentProps?: ComponentProps<typeof DialogContent>;
+    headerProps?: ComponentProps<typeof DialogHeader>;
+    titleProps?: ComponentProps<typeof DialogTitle>;
+    descriptionProps?: ComponentProps<typeof DialogDescription>;
+    footerProps?: ComponentProps<typeof DialogFooter>;
+    closeProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
+    actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
+    closeText?: React.ReactNode;
+    actionText?: React.ReactNode;
+};
 
 export declare type ArrayUnion<V, T extends ReadonlyArray<V>> = T[number];
 
@@ -82,11 +88,11 @@ 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_3): JSX_2.Element;
+    ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props_3): JSX.Element;
     displayName: string;
 };
 
-export declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => JSX_2.Element;
+export declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => JSX.Element;
 
 declare interface AutoCompleteDialogProps extends DialogProps {
 }
@@ -171,11 +177,11 @@ export declare const AutoCompleteSeparator: React_2.ForwardRefExoticComponent<Om
 } & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const AutoCompleteShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX_2.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>): JSX.Element;
     displayName: string;
 };
 
-export declare const Avatar: ({ variant, size, fallback, alt, src, className, imageProps, ...props }: AvatarProps) => JSX_2.Element;
+export declare const Avatar: ({ variant, size, fallback, alt, src, className, imageProps, ...props }: AvatarProps) => JSX.Element;
 
 declare type AvatarProps = OverrideProps<HTMLProps<HTMLDivElement>, VariantProps<typeof avatarVariants> & {
     fallback?: ReactNode;
@@ -215,7 +221,7 @@ declare const buttonVariants: (props?: ({
 } & ClassProp) | undefined) => string;
 
 export declare const Calendar: {
-    <T extends Mode>(props: CalendarProps<T>): JSX_2.Element;
+    <T extends Mode>(props: CalendarProps<T>): JSX.Element;
     displayName: string;
 };
 
@@ -285,10 +291,10 @@ export declare type CellProps<T> = {
     row: T;
 };
 
-export declare const Center: ({ className, ...props }: ComponentPropsWithoutRef<"div">) => JSX_2.Element;
+export declare const Center: ({ className, ...props }: ComponentPropsWithoutRef<"div">) => JSX.Element;
 
 export declare const Checkbox: {
-    ({ checked, onChange, defaultChecked, className, size, children, containerClassName, containerProps, ...props }: Props_5): JSX_2.Element;
+    ({ checked, onChange, defaultChecked, className, size, children, containerClassName, containerProps, ...props }: Props_5): JSX.Element;
     displayName: string;
 };
 
@@ -331,7 +337,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_6<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.Element;
 
 declare type ContainerProps = React_2.ComponentPropsWithoutRef<"div">;
 
@@ -353,7 +359,7 @@ export declare type DateMatcher = DateSingle | DateRange | DateMultiple;
 
 export declare type DateMultiple = Date[];
 
-export declare const DatePicker: <T extends Mode = "single">(props: Props_8<T>) => JSX_2.Element;
+export declare const DatePicker: <T extends Mode = "single">(props: Props_8<T>) => JSX.Element;
 
 export declare type DatePickerFooterProps<T extends Mode> = {
     mode: Mode;
@@ -375,7 +381,7 @@ declare type DayProps = {
     navigationDate: Date;
 } & HTMLProps<HTMLButtonElement>;
 
-export declare const Dialog: ({ trigger, title, description, children, footer, focus, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_9) => JSX_2.Element;
+export declare const Dialog: ({ trigger, title, description, children, footer, focus, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_9) => JSX.Element;
 
 export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
 
@@ -387,12 +393,12 @@ export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<Dialo
 export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
 
 export declare const DialogFooter: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
 };
 
 export declare const DialogHeader: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX.Element;
     displayName: string;
 };
 
@@ -406,11 +412,11 @@ 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_10) => JSX_2.Element;
+export declare const Divider: (props: Props_10) => JSX.Element;
 
 export declare const DOTS = "...";
 
-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 const Dropzone: ({ onFileAdd, onFileRemove, onChangeFiles, files, maxFiles, allowedExtensions, maxFileSize, multiple, renderAcceptedFile, renderRejectedFile, showRejected, className, icon: Icon, iconSize, ...props }: DropzoneProps) => JSX.Element;
 
 export declare type DropzoneProps = {
     /**
@@ -480,7 +486,7 @@ export declare type DropzoneProps = {
 } & Omit<ComponentPropsWithoutRef<"div">, "onDrop">;
 
 export declare const EmptyState: {
-    ({ icon, title, description, className, children, ...props }: Props_11): JSX_2.Element;
+    ({ icon, title, description, className, children, ...props }: Props_11): JSX.Element;
     displayName: string;
 };
 
@@ -575,13 +581,13 @@ export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
 
 export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
 
-export declare const Form: <TFieldValues extends FieldValues>({ onSubmit, id, 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.Element;
 
 export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
 
 export declare const FormDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & React_2.RefAttributes<HTMLParagraphElement>>;
 
-export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, render, itemProps, labelProps, controlProps, descriptionProps, messageProps, }: FormFieldProps<TFieldValues, TName>) => JSX_2.Element;
+export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, render, itemProps, labelProps, controlProps, descriptionProps, messageProps, }: FormFieldProps<TFieldValues, TName>) => JSX.Element;
 
 declare type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
     name: TName;
@@ -618,7 +624,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_14<C>): JSX_2.Element;
+    <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_14<C>): JSX.Element;
     displayName: string;
 };
 
@@ -655,7 +661,7 @@ export declare interface IToast {
 }
 
 export declare const Kbd: {
-    ({ variant, size, className, ...props }: Props_16): JSX_2.Element;
+    ({ variant, size, className, ...props }: Props_16): JSX.Element;
     displayName: string;
 };
 
@@ -669,7 +675,7 @@ 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, variant, size, ...props }: Props_17): JSX_2.Element;
+    ({ center, containerClassName, variant, size, ...props }: Props_17): JSX.Element;
     displayName: string;
 };
 
@@ -689,7 +695,7 @@ export declare type MaybeRef<T> = T | MutableRefObject<T>;
 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;
+    ({ trigger, items, contentProps, side, offset, }: GenericMenuProps): JSX.Element;
     displayName: string;
 };
 
@@ -750,7 +756,7 @@ export declare const MenuRoot: React_2.FC<DropdownMenuPrimitive.DropdownMenuProp
 export declare const MenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const MenuShortcut: {
-    ({ className, keys, handler, options, ...props }: MenuShortcutProps): JSX_2.Element;
+    ({ className, keys, handler, options, ...props }: MenuShortcutProps): JSX.Element;
     displayName: string;
 };
 
@@ -794,7 +800,7 @@ export declare type MultipleDateValue = {
 };
 
 export declare const MultiSelect: {
-    <TItem extends Record<string, any> = Option_2<string>>({ items, value, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
+    <TItem extends Record<string, any> = Option_2<string>>({ items, value, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, ...props }: MultiSelectProps<TItem>): JSX.Element;
     displayName: string;
 };
 
@@ -871,7 +877,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_19): JSX_2.Element;
+    ({ optionProps, className, containerProps, ...rangeProps }: Props_19): JSX.Element;
     displayName: string;
 };
 
@@ -880,7 +886,7 @@ declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonE
 }
 
 export declare const Popover: {
-    ({ trigger, children, rootProps, triggerProps, contentProps, triggerAsChild, matchTriggerWidth, triggerClassName, contentClassName, side, offset, }: Props_20): JSX_2.Element;
+    ({ trigger, children, rootProps, triggerProps, contentProps, triggerAsChild, matchTriggerWidth, triggerClassName, contentClassName, side, offset, }: Props_20): JSX.Element;
     displayName: string;
 };
 
@@ -1224,7 +1230,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_7<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.Element;
     displayName: string;
 };
 
@@ -1263,7 +1269,7 @@ declare type Shortcut = Partial<{
 }>;
 
 export declare const Show: {
-    (props: Props_21): JSX_2.Element;
+    (props: Props_21): JSX.Element;
     displayName: string;
 };
 
@@ -1274,7 +1280,7 @@ export declare type SingleDateValue = {
 };
 
 export declare const Skeleton: {
-    ({ isCircle, width, height, isLoading, ...props }: Props_22): string | number | true | Iterable<ReactNode> | JSX_2.Element;
+    ({ isCircle, width, height, isLoading, ...props }: Props_22): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | ReactPortal | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | JSX.Element;
     displayName: string;
 };
 
@@ -1290,13 +1296,13 @@ 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 function Stepper({ items, current, onChange, className, classNameList, classNameItem, classNameButton, classNameIndicator, classNameContent, }: StepperProps): JSX.Element;
 
 export declare namespace Stepper {
     var displayName: string;
 }
 
-export declare function StepperContainer({ current: prop, onChange, className, ...props }: StepperContainerProps): JSX_2.Element;
+export declare function StepperContainer({ current: prop, onChange, className, ...props }: StepperContainerProps): JSX.Element;
 
 export declare namespace StepperContainer {
     var displayName: string;
@@ -1308,7 +1314,7 @@ declare interface StepperContainerProps extends Omit<HTMLProps<HTMLDivElement>,
     className?: ClassName;
 }
 
-export declare function StepperContent({ value, className, ...props }: StepperContentProps): JSX_2.Element | null;
+export declare function StepperContent({ value, className, ...props }: StepperContentProps): JSX.Element | null;
 
 export declare namespace StepperContent {
     var displayName: string;
@@ -1325,7 +1331,7 @@ declare interface StepperItemProps {
     disabled?: boolean;
 }
 
-export declare function StepperList({ children, className, ...props }: StepperListProps): JSX_2.Element;
+export declare function StepperList({ children, className, ...props }: StepperListProps): JSX.Element;
 
 export declare namespace StepperList {
     var displayName: string;
@@ -1346,7 +1352,7 @@ declare interface StepperProps extends Omit<HTMLProps<HTMLDivElement>, "onChange
     classNameContent?: ClassName;
 }
 
-export declare function StepperTrigger({ disabled, value, title, indicator, classNameItem, classNameButton, classNameIndicator, }: StepperTriggerProps): JSX_2.Element;
+export declare function StepperTrigger({ disabled, value, title, indicator, classNameItem, classNameButton, classNameIndicator, }: StepperTriggerProps): JSX.Element;
 
 export declare namespace StepperTrigger {
     var displayName: string;
@@ -1365,12 +1371,12 @@ declare interface StepperTriggerProps {
 declare type StyleProps = ColorProps | VariantProps_2;
 
 export declare const Switch: {
-    ({ className, children, containerProps, containerClassName, ...props }: Props_23): JSX_2.Element;
+    ({ className, children, containerProps, containerClassName, ...props }: Props_23): JSX.Element;
     displayName: string;
 };
 
 export declare const TabContent: {
-    ({ value, ...props }: TabContentProps): JSX_2.Element | null;
+    ({ value, ...props }: TabContentProps): JSX.Element | null;
     displayName: string;
 };
 
@@ -1379,7 +1385,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_24<T>): JSX_2.Element;
+    <T>({ data, columns, onRowClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_24<T>): JSX.Element;
     displayName: string;
 };
 
@@ -1398,7 +1404,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, sizes, ...props }: Props_25): JSX_2.Element;
+    ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_25): JSX.Element;
     displayName: string;
 };
 
@@ -1418,7 +1424,7 @@ export declare const TableRoot: React_2.ForwardRefExoticComponent<Omit<React_2.D
 export declare const TableRow: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLTableRowElement> & React_2.RefAttributes<HTMLTableRowElement>>;
 
 export declare const TabList: {
-    ({ children, className }: TabListProps): JSX_2.Element;
+    ({ children, className }: TabListProps): JSX.Element;
     displayName: string;
 };
 
@@ -1428,7 +1434,7 @@ export declare interface TabListProps {
 }
 
 export declare const Tabs: {
-    ({ children, value: prop, onChange, defaultValue, ...props }: TabsProps): JSX_2.Element;
+    ({ children, value: prop, onChange, defaultValue, ...props }: TabsProps): JSX.Element;
     displayName: string;
 };
 
@@ -1448,7 +1454,7 @@ export declare interface TabsProps extends Omit<HTMLProps<HTMLDivElement>, "valu
 }
 
 export declare const TabTrigger: {
-    ({ value, className, ...props }: TabTriggerProps): JSX_2.Element;
+    ({ value, className, ...props }: TabTriggerProps): JSX.Element;
     displayName: string;
 };
 
@@ -1469,11 +1475,11 @@ export declare const TextArea: ForwardRefExoticComponent<Omit<TextAreaProps, "re
 
 declare type TextAreaProps = HTMLProps<HTMLTextAreaElement>;
 
-export declare const Timeline: ({ items, classNameContainer, containerProps, ...itemsProps }: TimelineProps) => JSX_2.Element;
+export declare const Timeline: ({ items, classNameContainer, containerProps, ...itemsProps }: TimelineProps) => JSX.Element;
 
-export declare const TimelineItemContent: (props: HTMLProps<HTMLDivElement>) => JSX_2.Element;
+export declare const TimelineItemContent: (props: HTMLProps<HTMLDivElement>) => JSX.Element;
 
-export declare const TimelineItemDot: ({ icon, status, color, classNameDot, classNameContainerDot, }: TimelineItemDotProps) => JSX_2.Element;
+export declare const TimelineItemDot: ({ icon, status, color, classNameDot, classNameContainerDot, }: TimelineItemDotProps) => JSX.Element;
 
 declare interface TimelineItemDotProps {
     icon?: ReactNode;
@@ -1483,7 +1489,7 @@ declare interface TimelineItemDotProps {
     classNameContainerDot?: string;
 }
 
-export declare const TimelineListItem: ({ icon, status, color, classNameItemDot, classNameItemContainerDot, classNameItemContent, itemsProps, children, ...props }: TimelineListItemProps) => JSX_2.Element;
+export declare const TimelineListItem: ({ icon, status, color, classNameItemDot, classNameItemContainerDot, classNameItemContent, itemsProps, children, ...props }: TimelineListItemProps) => JSX.Element;
 
 declare interface TimelineListItemProps extends HTMLProps<HTMLLIElement> {
     icon?: ReactNode;
@@ -1507,7 +1513,7 @@ declare interface TimelineProps {
     classNameItemContent?: string;
 }
 
-export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX_2.Element;
+export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX.Element;
 
 export declare const Toast: ForwardRefExoticComponent<globalThis.Omit<Props_27, "ref"> & RefAttributes<HTMLDivElement>>;
 
@@ -1521,7 +1527,7 @@ export declare const toast: ((args: ToastProperties) => number) & {
 export declare type ToastArgs = string | Omit<ToastProperties, "type">;
 
 export declare const Toaster: {
-    ({ iconClassName, ...props }: ToasterProps): JSX_2.Element;
+    ({ iconClassName, ...props }: ToasterProps): JSX.Element;
     displayName: string;
 };
 
@@ -1554,21 +1560,21 @@ declare interface ToastStore {
 export declare type ToastType = "info" | "success" | "error" | "loading";
 
 export declare const Tooltip: {
-    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_28): JSX_2.Element;
+    ({ label, open: prop, defaultOpen: defaultProp, onOpenChange: onChange, className, side, offset, ...props }: Props_28): JSX.Element;
     displayName: string;
 };
 
-export declare function Tree<T extends TreeNode>({ items, ...props }: Props_29<T>): JSX_2.Element;
+export declare function Tree<T extends TreeNode>({ items, ...props }: Props_29<T>): JSX.Element;
 
 export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
     id: string | number;
-}>) => JSX_2.Element;
+}>) => JSX.Element;
 
-export declare const TreeItemContent: (props: React_2.ComponentProps<typeof UNSTABLE_TreeItemContent>) => JSX_2.Element;
+export declare const TreeItemContent: (props: React_2.ComponentProps<typeof UNSTABLE_TreeItemContent>) => JSX.Element;
 
-export declare const TreeItemIndicator: () => JSX_2.Element;
+export declare const TreeItemIndicator: () => JSX.Element;
 
-export declare const TreeItemLabel: (props: React_2.HtmlHTMLAttributes<HTMLSpanElement>) => JSX_2.Element;
+export declare const TreeItemLabel: (props: React_2.HtmlHTMLAttributes<HTMLSpanElement>) => JSX.Element;
 
 export declare interface TreeNode {
     id: string | number;
@@ -1576,7 +1582,7 @@ export declare interface TreeNode {
     children: TreeNode[];
 }
 
-export declare const TreeRoot: <T extends object>({ className, ...props }: TreeProps<T>) => JSX_2.Element;
+export declare const TreeRoot: <T extends object>({ className, ...props }: TreeProps<T>) => JSX.Element;
 
 declare type TreeRootProps = React_2.ComponentProps<typeof TreeRoot>;
 
@@ -1584,9 +1590,9 @@ 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 UploadAcceptedFiles: (props: UploadFilesProps) => JSX.Element;
 
-export declare const UploadContent: ({ className, ...props }: UploadContentProps) => JSX_2.Element;
+export declare const UploadContent: ({ className, ...props }: UploadContentProps) => JSX.Element;
 
 declare type UploadContentProps = ComponentPropsWithoutRef<"div"> & {
     renderRejectedFile?: (file: File) => ReactNode;
@@ -1602,7 +1608,7 @@ declare type UploadFilesListProps = {
 
 declare type UploadFilesProps = Omit<UploadFilesListProps, "fileType" | "handleFileRemove" | "files">;
 
-export declare const UploadItem: ({ file, onRemove, className, renderIcon, ...props }: UploadItemProps) => JSX_2.Element;
+export declare const UploadItem: ({ file, onRemove, className, renderIcon, ...props }: UploadItemProps) => JSX.Element;
 
 declare type UploadItemProps = ComponentPropsWithoutRef<"div"> & {
     file: File;
@@ -1610,9 +1616,9 @@ declare type UploadItemProps = ComponentPropsWithoutRef<"div"> & {
     renderIcon?: (file: File) => ReactNode;
 };
 
-export declare const UploadRejectedFiles: (props: UploadFilesProps) => JSX_2.Element;
+export declare const UploadRejectedFiles: (props: UploadFilesProps) => JSX.Element;
 
-export declare const UploadRoot: ({ onFileAdd, onFileRemove, onChangeFiles, files: prop, 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.Element;
 
 declare type UploadRootProps = {
     onFileAdd?: (files: File[]) => void;
@@ -1627,7 +1633,7 @@ declare type UploadRootProps = {
     children?: ReactNode;
 };
 
-export declare const UploadTrigger: ({ asChild, ...props }: UploadTriggerProps) => JSX_2.Element;
+export declare const UploadTrigger: ({ asChild, ...props }: UploadTriggerProps) => JSX.Element;
 
 declare type UploadTriggerProps = {
     asChild?: boolean;
@@ -1653,7 +1659,7 @@ declare interface UseAsyncOptions<T> {
     onFinish?: () => void;
 }
 
-export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(callback: () => void, watch?: boolean) => RefObject<T>;
+export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(callback: () => void, watch?: boolean) => RefObject<T | null>;
 
 export declare function useClipboard(): [CopiedValue, CopyFunction];
 
@@ -1674,7 +1680,7 @@ export declare function useDisclosure(initialState?: boolean, callbacks?: {
 
 export declare function useDocumentTitle(title: string): void;
 
-export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(type: K, listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): MutableRefObject<T | undefined>;
+export declare function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(type: K, listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): RefObject<T | null>;
 
 export declare function useFocusTrap(active?: boolean): (instance: HTMLElement | null) => void;
 
@@ -1693,10 +1699,10 @@ export declare const useFormField: () => {
     formMessageId: string;
 };
 
-export declare function useHotkey(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: HotkeyOptions): MutableRefObject<any>;
+export declare function useHotkey(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: HotkeyOptions): RefObject<any>;
 
 export declare function useHover<T extends HTMLElement>(options?: UseHoverOptions): {
-    ref: React.RefObject<T>;
+    ref: React.RefObject<T | null>;
     isHovering: boolean;
 };
 
@@ -1712,7 +1718,7 @@ declare interface UseIsVisibleProps extends IntersectionObserverInit {
 }
 
 declare interface UseIsVisibleReturn<T> {
-    ref: RefObject<T>;
+    ref: RefObject<T | null>;
     isVisible: boolean;
 }
 

package/dist/index.es10.js

@@ -1,6 +1,6 @@
 import { useRef as f, useEffect as c } from "react";
 function a(e, r, t) {
-  const n = f();
+  const n = f(null);
   return c(() => {
     const u = n.current ?? document;
     return u.addEventListener(e, r, t), () => {