tw-react-components 0.0.164 → 0.0.167

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tw-react-components",
   "description": "A set of React components build with TailwindCSS to make a nice dashboard.",
-  "version": "0.0.164",
+  "version": "0.0.167",
   "license": "MIT",
   "homepage": "https://bacali95.github.io/tw-react-components",
   "type": "module",

package/src/components/Badge/index.d.ts

@@ -3,5 +3,6 @@ import type { ButtonProps, ButtonVariant } from '../Button';
 export type BadgeVariant = Exclude<ButtonVariant, 'text'>;
 export type BadgeProps = Omit<ButtonProps, 'variant'> & {
     variant?: BadgeVariant;
+    dataTestId?: string;
 };
 export declare const Badge: FC<BadgeProps>;

package/src/components/Block/index.d.ts

@@ -5,5 +5,6 @@ export type BlockProps = ComponentProps<'div'> & {
     container?: boolean;
     fullWidth?: boolean;
     fullHeight?: boolean;
+    dataTestId?: string;
 };
 export declare const Block: FC<BlockProps>;

package/src/components/Button/index.d.ts

@@ -10,5 +10,6 @@ export type ButtonProps = ComponentProps<'button'> & {
     prefixIcon?: LucideIcon;
     suffixIcon?: LucideIcon;
     unstyled?: boolean;
+    dataTestId?: string;
 };
 export declare const Button: FC<ButtonProps>;

package/src/components/Collapsible/index.d.ts

@@ -1,5 +1,16 @@
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Trigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & import("react").RefAttributes<HTMLDivElement>>;
+import type { ComponentProps, FC } from 'react';
+type CollapsibleRootProps = ComponentProps<typeof CollapsiblePrimitive.Root> & {
+    dataTestId?: string;
 };
+type CollapsibleTriggerProps = ComponentProps<typeof CollapsiblePrimitive.Trigger> & {
+    dataTestId?: string;
+};
+type CollapsibleContentProps = ComponentProps<typeof CollapsiblePrimitive.Content> & {
+    dataTestId?: string;
+};
+export declare const Collapsible: FC<CollapsibleRootProps> & {
+    Trigger: FC<CollapsibleTriggerProps>;
+    Content: FC<CollapsibleContentProps>;
+};
+export {};

package/src/components/DataTable/index.d.ts

@@ -63,6 +63,7 @@ export type DataTableProps<T> = {
     noDataMessage?: ReactNode;
     onRowClick?: DataTableAction<T>['onClick'];
     rowClassName?: (item: T, rowIndex: number) => string | undefined;
+    dataTestId?: string;
 };
-export declare function DataTable<T>({ className, columns, rows, sorting, pagination, actions, isLoading, rowExtraContent, noDataMessage, onRowClick, rowClassName, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTable<T>({ className, columns, rows, sorting, pagination, actions, isLoading, rowExtraContent, noDataMessage, onRowClick, rowClassName, dataTestId, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Dialog/ConfirmDialog.d.ts

@@ -6,6 +6,7 @@ type Props = {
     noLabel?: string;
     onConfirm: () => void;
     onClose: () => void;
+    dataTestId?: string;
 };
 export declare const ConfirmDialog: FC<PropsWithChildren<Props>>;
 export {};

package/src/components/Dialog/Dialog.d.ts

@@ -1,21 +1,39 @@
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import type { FC, HTMLAttributes } from 'react';
+import type { ComponentProps, FC, HTMLAttributes } from 'react';
+type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay> & {
+    dataTestId?: string;
+};
+type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & {
+    fullScreen?: boolean;
+    dataTestId?: string;
+};
+type DialogHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    dataTestId?: string;
+};
+type DialogFooterProps = HTMLAttributes<HTMLDivElement> & {
+    dataTestId?: string;
+};
+type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title> & {
+    dataTestId?: string;
+};
+type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description> & {
+    dataTestId?: string;
+};
 export declare const Dialog: FC<DialogPrimitive.DialogProps> & {
     Portal: FC<DialogPrimitive.DialogPortalProps>;
-    Overlay: FC<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+    Overlay: FC<DialogOverlayProps>;
     Close: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Trigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: FC<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement> & {
-        fullScreen?: boolean;
-    }>;
+    Content: FC<DialogContentProps>;
     Header: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, dataTestId, ...props }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, dataTestId, ...props }: DialogFooterProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Title: FC<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-    Description: FC<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Title: FC<DialogTitleProps>;
+    Description: FC<DialogDescriptionProps>;
 };
+export {};

package/src/components/Dialog/FormDialog.d.ts

@@ -15,6 +15,7 @@ type Props<T extends FieldValues> = {
     onSubmit: SubmitHandler<T>;
     onInvalid?: SubmitErrorHandler<T>;
     onClose: () => void;
+    dataTestId?: string;
 };
-export declare const FormDialog: <T extends FieldValues>({ className, formClassName, open, title, form, children, submitLabel, cancelLabel, extraAction, as: As, onSubmit, onInvalid, onClose, }: PropsWithChildren<Props<T>>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormDialog: <T extends FieldValues>({ className, formClassName, open, title, form, children, submitLabel, cancelLabel, extraAction, as: As, onSubmit, onInvalid, onClose, dataTestId, }: PropsWithChildren<Props<T>>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/components/Dialog/ListSorterDialog.d.ts

@@ -4,9 +4,10 @@ export type ListSorterDialogProps<T extends ListSorterItem> = {
     open: boolean;
     title: string;
     onClose: () => void;
+    dataTestId?: string;
 } & Omit<ListSorterProps<T>, 'onChange'> & {
     cancelLabel?: string;
     submitLabel?: string;
     onSubmit: (items: T[]) => void;
 };
-export declare function ListSorterDialog<T extends ListSorterItem>({ className, open, title, items, idResolver, renderer, cancelLabel, submitLabel, onSubmit, onClose, }: ListSorterDialogProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ListSorterDialog<T extends ListSorterItem>({ className, open, title, items, idResolver, renderer, cancelLabel, submitLabel, onSubmit, onClose, dataTestId, }: ListSorterDialogProps<T>): import("react/jsx-runtime").JSX.Element;

package/src/components/Dialog/PdfViewerDialog.d.ts

@@ -5,6 +5,7 @@ type Props = {
     url?: string;
     data?: string;
     onClose: () => void;
+    dataTestId?: string;
 };
 export declare const PdfViewerDialog: FC<Props>;
 export {};

package/src/components/DropdownMenu/index.d.ts

@@ -1,32 +1,65 @@
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import type { FC, HTMLAttributes } from 'react';
+import type { ComponentProps, FC, HTMLAttributes } from 'react';
+type DropdownMenuTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.Trigger> & {
+    dataTestId?: string;
+};
+type DropdownMenuGroupProps = ComponentProps<typeof DropdownMenuPrimitive.Group> & {
+    dataTestId?: string;
+};
+type DropdownMenuPortalProps = ComponentProps<typeof DropdownMenuPrimitive.Portal> & {
+    dataTestId?: string;
+};
+type DropdownMenuSubProps = ComponentProps<typeof DropdownMenuPrimitive.Sub> & {
+    dataTestId?: string;
+};
+type DropdownMenuRadioGroupProps = ComponentProps<typeof DropdownMenuPrimitive.RadioGroup> & {
+    dataTestId?: string;
+};
+type DropdownMenuSubTriggerProps = ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+    dataTestId?: string;
+};
+type DropdownMenuSubContentProps = ComponentProps<typeof DropdownMenuPrimitive.SubContent> & {
+    dataTestId?: string;
+};
+type DropdownMenuContentProps = ComponentProps<typeof DropdownMenuPrimitive.Content> & {
+    dataTestId?: string;
+};
+type DropdownMenuItemProps = ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    dataTestId?: string;
+};
+type DropdownMenuCheckboxItemProps = ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    dataTestId?: string;
+};
+type DropdownMenuRadioItemProps = ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+    dataTestId?: string;
+};
+type DropdownMenuLabelProps = ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+    dataTestId?: string;
+};
+type DropdownMenuSeparatorProps = ComponentProps<typeof DropdownMenuPrimitive.Separator> & {
+    dataTestId?: string;
+};
+type DropdownMenuShortcutProps = HTMLAttributes<HTMLSpanElement> & {
+    dataTestId?: string;
+};
 export declare const DropdownMenu: FC<DropdownMenuPrimitive.DropdownMenuProps> & {
-    Trigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: FC<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    Item: FC<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement> & {
-        inset?: boolean;
-    }>;
-    CheckboxItem: FC<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: FC<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>>;
-    Label: FC<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement> & {
-        inset?: boolean;
-    }>;
-    Separator: FC<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
-    Icon: FC<{
-        className?: string;
-        icon: import("lucide-react").LucideIcon;
-        ref?: import("react").Ref<SVGSVGElement>;
-    }>;
-    Shortcut: {
-        ({ className, ...props }: HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Group: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Portal: FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-    Sub: FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-    SubContent: FC<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    SubTrigger: FC<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement> & {
-        inset?: boolean;
-    }>;
-    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: FC<DropdownMenuTriggerProps>;
+    Content: FC<DropdownMenuContentProps>;
+    Item: FC<DropdownMenuItemProps>;
+    CheckboxItem: FC<DropdownMenuCheckboxItemProps>;
+    RadioItem: FC<DropdownMenuRadioItemProps>;
+    Label: FC<DropdownMenuLabelProps>;
+    Separator: FC<DropdownMenuSeparatorProps>;
+    Icon: FC<import("../List").ListIconProps>;
+    Shortcut: FC<DropdownMenuShortcutProps>;
+    Group: FC<DropdownMenuGroupProps>;
+    Portal: FC<DropdownMenuPortalProps>;
+    Sub: FC<DropdownMenuSubProps>;
+    SubContent: FC<DropdownMenuSubContentProps>;
+    SubTrigger: FC<DropdownMenuSubTriggerProps>;
+    RadioGroup: FC<DropdownMenuRadioGroupProps>;
 };
+export {};

package/src/components/Form/controls/Label.d.ts

@@ -5,6 +5,7 @@ type Props = {
     required?: boolean;
     hasErrors?: boolean;
     htmlFor?: string;
+    dataTestId?: string;
 };
 export declare const Label: FC<PropsWithChildren<Props>>;
 export {};

package/src/components/Form/controls/custom/date-time/DateSelector.d.ts

@@ -9,6 +9,7 @@ type DateSelectorProps = {
     calendarView: View;
     setCalendarView: (view: View) => void;
     setNewDate: (date: Date) => void;
+    dataTestId?: string;
 };
 export declare const DateSelector: FC<DateSelectorProps>;
 export {};

package/src/components/Form/controls/custom/date-time/DaysView.d.ts

@@ -7,6 +7,7 @@ type DaysViewProps = {
     minDate?: Date | null;
     maxDate?: Date | null;
     locale?: string;
+    dataTestId?: string;
     setNewDate: (date: Date) => void;
 };
 export declare const DaysView: FC<DaysViewProps>;

package/src/components/Form/controls/custom/date-time/MonthsView.d.ts

@@ -7,6 +7,7 @@ type MonthsViewProps = {
     maxDate?: Date | null;
     locale?: string;
     selectMonth: (month: number) => () => void;
+    dataTestId?: string;
 };
 export declare const MonthsView: FC<MonthsViewProps>;
 export {};

package/src/components/Form/controls/custom/date-time/TimeSelector.d.ts

@@ -5,6 +5,7 @@ type TimeSelectorProps = {
     minDate?: Date | null;
     maxDate?: Date | null;
     setNewDate: (date: Date) => void;
+    dataTestId?: string;
 };
 export declare const TimeSelector: FC<TimeSelectorProps>;
 export {};

package/src/components/Form/controls/custom/date-time/YearsView.d.ts

@@ -6,6 +6,7 @@ type YearsViewProps = {
     minDate?: Date | null;
     maxDate?: Date | null;
     selectYear: (month: number) => () => void;
+    dataTestId?: string;
 };
 export declare const YearsView: FC<YearsViewProps>;
 export {};

package/src/components/Form/controls/custom/date-time/index.d.ts

@@ -13,5 +13,5 @@ export type DateTimeInputProps = {
     displayLocale?: string;
     ref?: Ref<HTMLDivElement>;
     onChange?: (date?: Date | null) => void;
-} & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'label' | 'name' | 'description' | 'placeholder' | 'required' | 'disabled' | 'onBlur' | 'size' | 'readOnly'>;
+} & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'label' | 'name' | 'description' | 'placeholder' | 'required' | 'disabled' | 'onBlur' | 'size' | 'readOnly' | 'dataTestId'>;
 export declare const DateTimeInput: FC<DateTimeInputProps>;

package/src/components/Form/controls/custom/file.d.ts

@@ -4,5 +4,5 @@ export type FileInputProps = {
     value?: string | null;
     onChange?: (item?: string) => void;
     onFileChange?: (file?: File) => void;
-} & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'name' | 'label' | 'placeholder' | 'description' | 'size' | 'accept' | 'required' | 'hasErrors' | 'disabled'>;
+} & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'name' | 'label' | 'placeholder' | 'description' | 'size' | 'accept' | 'required' | 'hasErrors' | 'disabled' | 'dataTestId'>;
 export declare const FileInput: FC<FileInputProps>;

package/src/components/Form/controls/custom/select/index.d.ts

@@ -30,5 +30,5 @@ export type SelectInputProps<T = any> = {
     multiple: true;
     value: T[];
     onChange?: (item?: T[]) => void;
-}) & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'name' | 'label' | 'description' | 'size' | 'placeholder' | 'required' | 'hasErrors' | 'disabled' | 'readOnly' | 'ref'>;
-export declare const SelectInput: <T>({ className, items, renderItem, value, multiple, clearable, allowAddition, onNewItemAdded, search, searchPredicate, selectPredicate, onChange, readOnly, parentRef, ...props }: SelectInputProps<T>) => JSX.Element;
+}) & Pick<BasicInputProps<'text'>, 'className' | 'inputClassName' | 'extensionClassName' | 'name' | 'label' | 'description' | 'size' | 'placeholder' | 'required' | 'hasErrors' | 'disabled' | 'readOnly' | 'ref' | 'dataTestId'>;
+export declare const SelectInput: <T>({ className, items, renderItem, value, multiple, clearable, allowAddition, onNewItemAdded, search, searchPredicate, selectPredicate, onChange, readOnly, parentRef, dataTestId, ...props }: SelectInputProps<T>) => JSX.Element;

package/src/components/Form/controls/primitive/BasicInput.d.ts

@@ -13,12 +13,14 @@ export type BasicInputProps<Type extends InputType> = {
     suffixIcon?: FC<ComponentProps<'svg'>>;
     onClear?: () => void;
     onSuffixIconClick?: (event: MouseEvent<HTMLDivElement>) => void;
+    dataTestId?: string;
 } & Omit<Type extends 'textarea' ? ComponentProps<'textarea'> : ComponentProps<'input'>, 'id' | 'size'>;
-export declare const BasicInput: <Type extends InputType>({ className, inputClassName, extensionClassName, type, label, description, size, hasErrors, clearable, suffixIcon: SuffixIcon, onClear, onSuffixIconClick, ...props }: BasicInputProps<Type>) => import("react/jsx-runtime").JSX.Element;
+export declare const BasicInput: <Type extends InputType>({ className, inputClassName, extensionClassName, type, label, description, size, hasErrors, clearable, suffixIcon: SuffixIcon, onClear, onSuffixIconClick, dataTestId, ...props }: BasicInputProps<Type>) => import("react/jsx-runtime").JSX.Element;
 export declare const BasicInputExtension: FC<PropsWithChildren<{
     className?: string;
     size: Size;
     hasErrors?: boolean;
     disabled?: boolean;
+    dataTestId?: string;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 }>>;

package/src/components/Hint/index.d.ts

@@ -1,6 +1,10 @@
 import type { FC, PropsWithChildren, Ref } from 'react';
 import type { BadgeProps, BadgeVariant } from '../Badge';
 import type { Color, Size } from '../types';
+export type HintRootProps = PropsWithChildren<{
+    ref?: Ref<HTMLDivElement>;
+    dataTestId?: string;
+}>;
 export type HintPlacement = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
 export type HintVariant = BadgeVariant;
 export type HintDotProps = {
@@ -9,13 +13,13 @@ export type HintDotProps = {
     color?: Color;
     ping?: boolean;
     ref?: Ref<HTMLDivElement>;
+    dataTestId?: string;
 };
 export type HintBadgeProps = BadgeProps & {
     placement?: HintPlacement;
+    dataTestId?: string;
 };
-export declare const Hint: FC<PropsWithChildren<{
-    ref?: Ref<HTMLDivElement>;
-}>> & {
+export declare const Hint: FC<HintRootProps> & {
     Dot: FC<HintDotProps>;
     Badge: FC<HintBadgeProps>;
 };

package/src/components/Layout/index.d.ts

@@ -3,33 +3,32 @@ import type { ComponentProps, FC, PropsWithChildren, ReactNode } from 'react';
 import type { NavLinkProps, useLocation } from 'react-router';
 import type { NavbarProps } from '../Navbar';
 import { Sidebar } from '../Sidebar';
-export type SidebarItem = {
+export type LayoutSidebarItem = {
     pathname: string;
     title: string;
     Icon?: LucideIcon;
     hidden?: boolean;
-    items?: SidebarItem[];
+    items?: LayoutSidebarItem[];
 };
-export type SidebarProps = ComponentProps<typeof Sidebar> & {
+export type LayoutSidebarProps = ComponentProps<typeof Sidebar> & {
     basePath?: string;
     header?: ReactNode;
     items: (({
         type: 'item';
-    } & SidebarItem) | {
+    } & LayoutSidebarItem) | {
         type: 'group';
         title?: string;
         hidden?: boolean;
-        items: SidebarItem[];
+        items: LayoutSidebarItem[];
     })[];
     extraContent?: ReactNode;
     footer?: ReactNode;
 };
-type Props = {
+export type LayoutProps = {
     className?: string;
-    sidebarProps: SidebarProps;
+    sidebarProps: LayoutSidebarProps;
     navbarProps?: NavbarProps;
     NavLink: FC<NavLinkProps>;
     useLocation: typeof useLocation;
 };
-export declare const Layout: FC<PropsWithChildren<Props>>;
-export {};
+export declare const Layout: FC<PropsWithChildren<LayoutProps>>;

package/src/components/List/index.d.ts

@@ -1,23 +1,37 @@
 import type { LucideIcon } from 'lucide-react';
-import type { FC, Ref } from 'react';
+import type { ComponentProps, FC, Ref } from 'react';
 import type { Size } from '../types';
-export declare const List: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>> & {
-    Item: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        size?: Size;
-        inset?: boolean;
-    }>;
-    Label: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        size?: Size;
-        inset?: boolean;
-    }>;
-    Indicator: FC<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-        icon: LucideIcon;
-        iconClassName: string;
-    }>;
-    Icon: FC<{
-        className?: string;
-        icon: LucideIcon;
-        ref?: Ref<SVGSVGElement>;
-    }>;
-    Separator: FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+export type ListContentProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export type ListItemProps = ComponentProps<'div'> & {
+    size?: Size;
+    inset?: boolean;
+    dataTestId?: string;
+};
+export type ListLabelProps = ComponentProps<'div'> & {
+    size?: Size;
+    inset?: boolean;
+    dataTestId?: string;
+};
+export type ListIndicatorProps = ComponentProps<'div'> & {
+    icon: LucideIcon;
+    iconClassName: string;
+    dataTestId?: string;
+};
+export type ListIconProps = {
+    className?: string;
+    icon: LucideIcon;
+    ref?: Ref<SVGSVGElement>;
+    dataTestId?: string;
+};
+export type ListSeparatorProps = ComponentProps<'div'> & {
+    dataTestId?: string;
+};
+export declare const List: FC<ListContentProps> & {
+    Item: FC<ListItemProps>;
+    Label: FC<ListLabelProps>;
+    Indicator: FC<ListIndicatorProps>;
+    Icon: FC<ListIconProps>;
+    Separator: FC<ListSeparatorProps>;
 };

package/src/components/ListSorter/index.d.ts

@@ -4,8 +4,9 @@ export type ListSorterItem = number | string | boolean | Record<'rank', number>;
 export type ListSorterProps<T extends ListSorterItem> = {
     className?: string;
     items: T[];
+    dataTestId?: string;
     idResolver: (item: T, index: number) => string;
     renderer: (item: T, index: number, listeners?: SyntheticListenerMap) => ReactNode;
     onChange: (items: T[]) => void;
 };
-export declare function ListSorter<T extends ListSorterItem>({ className, items, idResolver, renderer, onChange, }: ListSorterProps<T>): ReactElement;
+export declare function ListSorter<T extends ListSorterItem>({ className, items, dataTestId, idResolver, renderer, onChange, }: ListSorterProps<T>): ReactElement;

package/src/components/Navbar/index.d.ts

@@ -4,5 +4,6 @@ export type NavbarProps = {
     sidebarTriggerClassName?: string;
     leftSlot?: ReactNode;
     rightSlot?: ReactNode;
+    dataTestId?: string;
 };
 export declare const Navbar: FC<NavbarProps>;

package/src/components/Pagination/index.d.ts

@@ -4,6 +4,7 @@ export type PaginationProps = {
     pageSize?: number;
     totalItems: number;
     currentPage: number;
+    dataTestId?: string;
     setCurrentPage: Dispatch<SetStateAction<number>>;
 };
 export declare const Pagination: FC<PaginationProps>;

package/src/components/Popover/index.d.ts

@@ -1,8 +1,11 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import type { FC } from 'react';
 export declare const Popover: FC<PopoverPrimitive.PopoverProps> & {
-    Trigger: import("react").ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Trigger: FC<PopoverPrimitive.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement> & {
+        dataTestId?: string;
+    }>;
     Content: FC<PopoverPrimitive.PopoverContentProps & import("react").RefAttributes<HTMLDivElement> & {
         container?: HTMLElement | null;
+        dataTestId?: string;
     }>;
 };

package/src/components/Separator/index.d.ts

@@ -1,3 +1,6 @@
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import type { ComponentProps, FC } from 'react';
-export declare const Separator: FC<ComponentProps<typeof SeparatorPrimitive.Root>>;
+export type SeparatorProps = ComponentProps<typeof SeparatorPrimitive.Root> & {
+    dataTestId?: string;
+};
+export declare const Separator: FC<SeparatorProps>;

package/src/components/Sheet/index.d.ts

@@ -1,26 +1,42 @@
 import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { type VariantProps } from 'class-variance-authority';
 import type { ComponentProps, FC, HTMLAttributes } from 'react';
+type SheetOverlayProps = ComponentProps<typeof SheetPrimitive.Overlay> & {
+    dataTestId?: string;
+};
 declare const sheetVariants: (props?: ({
     side?: "top" | "bottom" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends ComponentProps<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+    dataTestId?: string;
 }
+type SheetHeaderProps = HTMLAttributes<HTMLDivElement> & {
+    dataTestId?: string;
+};
+type SheetFooterProps = HTMLAttributes<HTMLDivElement> & {
+    dataTestId?: string;
+};
+type SheetTitleProps = ComponentProps<typeof SheetPrimitive.Title> & {
+    dataTestId?: string;
+};
+type SheetDescriptionProps = ComponentProps<typeof SheetPrimitive.Description> & {
+    dataTestId?: string;
+};
 export declare const Sheet: FC<SheetPrimitive.DialogProps> & {
     Portal: FC<SheetPrimitive.DialogPortalProps>;
-    Overlay: FC<SheetPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>>;
+    Overlay: FC<SheetOverlayProps>;
     Trigger: import("react").ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     Close: import("react").ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
     Content: FC<SheetContentProps>;
     Header: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, dataTestId, ...props }: SheetHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        ({ className, dataTestId, ...props }: SheetFooterProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Title: FC<SheetPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
-    Description: FC<SheetPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    Title: FC<SheetTitleProps>;
+    Description: FC<SheetDescriptionProps>;
 };
 export {};