@empreint/ui 1.0.3 → 1.2.0

package/dist/index.d.ts

@@ -3,35 +3,24 @@ import { ElementType } from 'react';
 import { HTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { JSXElementConstructor } from 'react';
-import { PropsWithChildren } from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { Ref } from 'react';
 import { RefObject } from 'react';
+import { SVGAttributes } from 'react';
 
 declare type AnyProps = Record<string, unknown>;
 
-export declare const Breadcrumb: {
-    ({ children, className, ...rest }: ComponentProps<"nav">): JSX.Element;
-    Item: ({ children, current, className }: BreadcrumbItemProps) => JSX.Element;
-    Separator: ({ children, className }: BreadcrumbSeparatorProps) => JSX.Element;
-};
+export declare const Breadcrumb: ({ children, className, ...rest }: ComponentProps<"nav">) => JSX.Element;
 
-export declare type BreadcrumbItem = {
-    label: string;
-    url: string;
-};
+export declare const BreadcrumbItem: ({ children, current, className, ...rest }: BreadcrumbItemProps) => JSX.Element;
 
-export declare type BreadcrumbItemProps = {
+export declare type BreadcrumbItemProps = HTMLAttributes<HTMLElement> & {
     children: ReactElement;
     current?: boolean;
-    className?: string;
 };
 
-export declare type BreadcrumbSeparatorProps = {
-    children?: ReactNode;
-    className?: string;
-};
+export declare const BreadcrumbSeparator: ({ children, className, ...rest }: ComponentProps<"li">) => JSX.Element;
 
 export declare type Breakpoints = {
     desktop: string;
@@ -56,16 +45,17 @@ export declare type ButtonProps = ComponentProps<"button"> & {
     size?: ButtonSize;
 };
 
-export declare type ButtonSize = "sm" | "md" | "lg";
+export declare type ButtonSize = "1" | "2" | "3" | "4" | "5";
 
 export declare type ButtonVariant = "primary" | "secondary" | "ghost" | "danger";
 
-export declare const Card: {
-    ({ children, className, ...rest }: ComponentProps<"div">): JSX.Element;
-    Header: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
-    Body: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
-    Footer: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
-};
+export declare const Card: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
+
+export declare const CardBody: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
+
+export declare const CardFooter: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
+
+export declare const CardHeader: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
 export declare const Checkbox: ({ children, size, className, ...rest }: CheckboxProps) => JSX.Element;
 
@@ -87,32 +77,18 @@ export declare type ChipProps = ComponentProps<"div"> & {
 
 export declare type ChipSize = "sm" | "md" | "lg";
 
-export declare const Collapsible: {
-    ({ children, className }: CollapsibleProps): JSX.Element;
-    Trigger: ({ children, icon: Icon, className, }: CollapsibleTriggerProps) => JSX.Element;
-    Content: ({ children, className }: CollapsibleContentProps) => false | JSX.Element | undefined;
-    Item: ({ children, className }: CollapsibleItemProps) => JSX.Element;
-};
+export declare const Collapsible: ({ children, className, ...rest }: CollapsibleProps) => JSX.Element;
 
-export declare type CollapsibleContentProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const CollapsibleContent: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type CollapsibleItemProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const CollapsibleItem: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-declare type CollapsibleProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare type CollapsibleProps = ComponentProps<"div">;
 
-export declare type CollapsibleTriggerProps = {
-    children: ReactNode;
+export declare const CollapsibleTrigger: ({ children, icon: Icon, className, ...rest }: CollapsibleTriggerProps) => JSX.Element;
+
+export declare type CollapsibleTriggerProps = ComponentProps<"button"> & {
     icon?: ElementType;
-    className?: string;
 };
 
 export declare type Column = {
@@ -120,6 +96,17 @@ export declare type Column = {
     label: string;
 };
 
+export declare const Container: ({ children, size, className, ...rest }: ContainerProps) => JSX.Element;
+
+export declare type ContainerProps = ComponentProps<"div"> & {
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+};
+
+export declare type Crumb = {
+    label: string;
+    url: string;
+};
+
 export declare const defaultBreakpoints: Breakpoints;
 
 export declare type Device = {
@@ -129,72 +116,48 @@ export declare type Device = {
     isDesktop: boolean;
 };
 
-export declare const DropdownMenu: {
-    ({ children, className }: DropdownMenuProps): JSX.Element;
-    Trigger: ({ children, icon: Icon, className, }: DropdownMenuTrigger) => JSX.Element;
-    Content: ({ children, className }: DropdownMenuContent) => false | JSX.Element | undefined;
-    Item: ({ children, onClick, className }: DropdownMenuItemProps) => JSX.Element;
-};
+export declare const DropdownMenu: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type DropdownMenuContent = {
-    children: ReactNode;
-    className?: string;
+export declare const DropdownMenuContent: ({ children, className, ...rest }: ComponentProps<"ul">) => false | JSX.Element | undefined;
+
+export declare const DropdownMenuIcon: ({ icon: Icon, className, ...rest }: DropdownMenuIconProps) => JSX.Element;
+
+export declare type DropdownMenuIconProps = SVGAttributes<SVGElement> & {
+    icon?: ElementType;
 };
 
-export declare type DropdownMenuItemProps = {
-    children: ReactNode;
+export declare const DropdownMenuItem: ({ children, onClick, className, ...rest }: DropdownMenuItemProps) => JSX.Element;
+
+export declare type DropdownMenuItemProps = Omit<ComponentProps<"button">, "onClick"> & {
     onClick: () => void;
-    className?: string;
 };
 
-export declare type DropdownMenuProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const DropdownMenuTrigger: ({ children, ...rest }: DropdownMenuTriggerProps) => JSX.Element;
 
-export declare type DropdownMenuTrigger = {
-    children: ReactNode;
-    icon?: ElementType;
-    className?: string;
+export declare type DropdownMenuTriggerProps = HTMLAttributes<HTMLElement> & {
+    children: ReactElement;
 };
 
-export declare const Dropzone: {
-    ({ children, onChange, className }: DropzoneProps): JSX.Element;
-    Label: ({ children, className }: DropzoneLabelProps) => JSX.Element;
-    Area: ({ children, className }: DropzoneAreaProps) => JSX.Element;
-    Empty: ({ children, className }: DropzoneEmptyProps) => JSX.Element | null;
-    Preview: ({ className }: DropzonePreviewProps) => JSX.Element | null;
-    Remove: ({ children, className }: DropzoneRemoveProps) => JSX.Element | null;
-};
+export declare const Dropzone: ({ children, onChange, className, ...rest }: DropzoneProps) => JSX.Element;
 
-export declare type DropzoneAreaProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const DropzoneArea: ({ children, className, ...rest }: DropzoneAreaProps) => JSX.Element;
 
-export declare type DropzoneEmptyProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare type DropzoneAreaProps = Omit<ComponentProps<"button">, "onClick" | "onDrop" | "onDragOver" | "onDragLeave">;
 
-export declare type DropzoneLabelProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const DropzoneEmpty: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element | null;
 
-export declare type DropzonePreviewProps = {
-    className?: string;
-};
+export declare const DropzoneLabel: ({ children, className, ...rest }: ComponentProps<"label">) => JSX.Element;
 
-export declare type DropzoneProps = {
-    children: ReactNode;
+export declare const DropzonePreview: ({ className, ...rest }: ComponentProps<"div">) => JSX.Element | null;
+
+export declare type DropzoneProps = Omit<ComponentProps<"div">, "onChange"> & {
     onChange: (file: File | undefined) => void;
-    className?: string;
 };
 
-export declare type DropzoneRemoveProps = {
+export declare const DropzoneRemove: ({ children, className, ...rest }: DropzoneRemoveProps) => JSX.Element | null;
+
+export declare type DropzoneRemoveProps = HTMLAttributes<HTMLElement> & {
     children: ReactElement;
-    className?: string;
 };
 
 export declare const Flex: ({ children, direction, justify, align, wrap, gap, inline, className, ...rest }: FlexProps) => JSX.Element;
@@ -204,31 +167,27 @@ export declare type FlexProps = ComponentProps<"div"> & {
     justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch";
     align?: "start" | "center" | "end" | "stretch" | "baseline";
     wrap?: "nowrap" | "wrap" | "wrap-reverse";
-    gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
+    gap?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12";
     inline?: boolean;
 };
 
-export declare const Input: {
-    ({ children, status, className }: InputProps): JSX.Element;
-    Field: ({ className, ...rest }: ComponentProps<"input">) => JSX.Element;
-    Label: ({ children, className }: InputLabelProps) => JSX.Element;
-    Message: ({ children, className }: InputMessageProps) => JSX.Element;
-};
+export declare const Grid: ({ children, cols, gap, className, style, ...rest }: GridProps) => JSX.Element;
 
-export declare type InputLabelProps = {
-    children: ReactNode;
-    className?: string;
+export declare type GridProps = ComponentProps<"div"> & {
+    cols?: number | string;
+    gap?: "xs" | "sm" | "md" | "lg" | "xl";
 };
 
-export declare type InputMessageProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const Input: ({ children, status, className, ...rest }: InputProps) => JSX.Element;
 
-export declare type InputProps = {
-    children: ReactNode;
+export declare const InputField: ({ className, ...rest }: ComponentProps<"input">) => JSX.Element;
+
+export declare const InputLabel: ({ children, className, ...rest }: ComponentProps<"label">) => JSX.Element;
+
+export declare const InputMessage: ({ children, className, ...rest }: ComponentProps<"p">) => JSX.Element;
+
+export declare type InputProps = ComponentProps<"div"> & {
     status?: InputStatus;
-    className?: string;
 };
 
 export declare type InputStatus = "default" | "success" | "warning" | "error";
@@ -239,24 +198,16 @@ export declare type LanguageSelectorProps = {
     languages: string[];
 };
 
-export declare const List: {
-    ({ className, children }: ListProps): JSX.Element;
-    Item: ({ children, className }: ListItemProps) => JSX.Element;
-};
+export declare const List: ({ children, className, ...rest }: ComponentProps<"ul">) => JSX.Element;
 
-export declare type ListItemProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const ListItem: ({ children, className, ...rest }: ComponentProps<"li">) => JSX.Element;
 
-export declare type ListProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const Loader: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare const Loader: {
-    ({ children, className, ...rest }: ComponentProps<"div">): JSX.Element;
-    Spinner: ({ size, className, ...rest }: SpinnerProps) => JSX.Element;
+export declare const LoaderSpinner: ({ size, className, ...rest }: LoaderSpinnerProps) => JSX.Element;
+
+export declare type LoaderSpinnerProps = ComponentProps<"svg"> & {
+    size?: "sm" | "md" | "lg";
 };
 
 export declare type MatchResolution = {
@@ -265,56 +216,28 @@ export declare type MatchResolution = {
     match: (query: string) => boolean;
 };
 
-export declare const Modal: {
-    ({ children, className }: ModalProps): JSX.Element;
-    Trigger: ({ children, className }: ModalTriggerProps) => JSX.Element;
-    Content: ({ children, className }: ModalContentProps) => JSX.Element | null;
-    Overlay: ({ className }: ModalOverlayProps) => false | JSX.Element | undefined;
-    Close: ({ children, className }: ModalCloseProps) => JSX.Element;
-    Body: ({ children, className }: ModalBodyProps) => JSX.Element;
-    Header: ({ children, className }: ModalHeaderProps) => JSX.Element;
-    Footer: ({ children, className }: ModalFooterProps) => JSX.Element;
-};
+export declare const Modal: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type ModalBodyProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const ModalBody: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type ModalCloseProps = {
+export declare const ModalClose: ({ children, className, ...rest }: ModalCloseProps) => JSX.Element;
+
+export declare type ModalCloseProps = HTMLAttributes<HTMLElement> & {
     children: ReactElement;
-    className?: string;
 };
 
-export declare type ModalContentProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const ModalContent: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element | null;
 
-export declare type ModalFooterProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const ModalFooter: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type ModalHeaderProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const ModalHeader: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type ModalOverlayProps = {
-    className?: string;
-};
+export declare const ModalOverlay: ({ className, ...rest }: ComponentProps<"div">) => false | JSX.Element | undefined;
 
-export declare type ModalProps = {
-    children: ReactNode;
-    className?: string;
-};
-
-export declare const ModalTrigger: ({ children, className }: ModalTriggerProps) => JSX.Element;
+export declare const ModalTrigger: ({ children, className, ...rest }: ModalTriggerProps) => JSX.Element;
 
-export declare type ModalTriggerProps = {
+export declare type ModalTriggerProps = HTMLAttributes<HTMLElement> & {
     children: ReactElement;
-    className?: string;
 };
 
 export declare type ObjectLiteral<T = Primitive> = {
@@ -332,20 +255,10 @@ export declare type OutsideAlerter = {
     onReset: () => void;
 };
 
-export declare const Pagination: {
-    ({ children, className, ...rest }: PaginationProps): JSX.Element;
-    First: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
-    Previous: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
-    Items: ({ className }: {
-        className?: string;
-    }) => JSX.Element[] | undefined;
-    Next: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
-    Last: ({ children, className }: PaginationButtonProps) => JSX.Element | null;
-};
+export declare const Pagination: ({ children, className, page, totalRecords, maxRecordsPerPage, itemNeighbours, minItems, onChange, ...rest }: PaginationProps) => JSX.Element;
 
-export declare type PaginationButtonProps = {
+export declare type PaginationButtonProps = Omit<ComponentProps<"button">, "onClick"> & {
     children: ReactElement;
-    className?: string;
 };
 
 export declare type PaginationData = {
@@ -360,49 +273,43 @@ export declare type PaginationData = {
     goToLast: () => void;
 };
 
-export declare type PaginationProps = usePaginationProps & {
-    children: ReactNode;
-    className?: string;
-};
+export declare const PaginationFirst: ({ children, className, ...rest }: PaginationButtonProps) => JSX.Element | null;
 
-export declare const Popover: {
-    ({ children }: PopoverProps): JSX.Element;
-    Trigger: ({ children }: PopoverTriggerProps) => JSX.Element;
-    Content: ({ children, className }: PopoverContentProps) => JSX.Element | null;
-};
+export declare const PaginationItems: ({ className, ...rest }: Omit<ComponentProps<"button">, "onClick" | "children" | "key">) => JSX.Element[] | undefined;
 
-declare type PopoverContentProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const PaginationLast: ({ children, className, ...rest }: PaginationButtonProps) => JSX.Element | null;
 
-export declare type PopoverProps = {
-    children: ReactNode;
-};
+export declare const PaginationNext: ({ children, className, ...rest }: PaginationButtonProps) => JSX.Element | null;
+
+export declare const PaginationPrevious: ({ children, className, ...rest }: PaginationButtonProps) => JSX.Element | null;
+
+export declare type PaginationProps = Omit<ComponentProps<"nav">, "onChange"> & usePaginationProps;
+
+export declare const Popover: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-declare type PopoverTriggerProps = {
+export declare const PopoverContent: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element | null;
+
+export declare const PopoverTrigger: ({ children, className, ...rest }: PopoverTriggerProps) => JSX.Element;
+
+export declare type PopoverTriggerProps = HTMLAttributes<HTMLElement> & {
     children: ReactElement;
 };
 
 export declare type Primitive = string | number | boolean | undefined | null;
 
-export declare const RadioGroup: {
-    ({ children, onChange, defaultValue, className }: RadioGroupProps): JSX.Element;
-    Item: ({ children, value, className, ...rest }: RadioItemProps) => JSX.Element;
+export declare const RadioGroup: ({ children, onChange, defaultValue, orientation, className, ...rest }: RadioGroupProps) => JSX.Element;
+
+export declare const RadioGroupItem: ({ children, value, className, ...rest }: RadioGroupItemProps) => JSX.Element;
+
+export declare type RadioGroupItemProps = Omit<ComponentProps<"input">, "type" | "name" | "checked" | "onChange"> & {
+    value: string;
 };
 
-declare type RadioGroupProps = {
-    children: ReactNode;
+export declare type RadioGroupProps = Omit<ComponentProps<"div">, "onChange" | "defaultValue"> & {
     defaultValue: string;
     value?: string;
+    orientation?: "horizontal" | "vertical";
     onChange?: (value: string) => void;
-    className?: string;
-};
-
-export declare type RadioItemProps = Omit<ComponentProps<"input">, "type" | "name" | "checked" | "onChange"> & {
-    children: ReactNode;
-    value: string;
-    className?: string;
 };
 
 export declare type Resolution = {
@@ -425,69 +332,47 @@ export declare type ScrollEvents = {
     scrollToTop: () => void;
 };
 
-export declare const Select: {
-    ({ children, defaultValue, onChange, className }: SelectProps): JSX.Element;
-    Trigger: ({ icon: Icon, className }: SelectTriggerProps) => JSX.Element;
-    Content: ({ children, className }: SelectContentProps) => JSX.Element;
-    Item: ({ children, value, className }: SelectItemProps) => JSX.Element;
-};
+export declare const Select: ({ children, defaultValue, onChange, className, ...rest }: SelectProps) => JSX.Element;
 
-export declare type SelectContentProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const SelectContent: ({ children, className, ...rest }: ComponentProps<"ul">) => JSX.Element;
 
-export declare type SelectItemProps = {
-    children: ReactNode;
+export declare const SelectItem: ({ children, value, className, ...rest }: SelectItemProps) => JSX.Element;
+
+export declare type SelectItemProps = ComponentProps<"li"> & {
     value: string;
-    className?: string;
 };
 
-export declare type SelectProps = {
-    children: ReactNode;
+export declare type SelectProps = Omit<ComponentProps<"div">, "onChange" | "defaultValue"> & {
     defaultValue: string;
     onChange?: (option: Option_2) => void;
-    className?: string;
 };
 
-export declare type SelectTriggerProps = {
+export declare const SelectTrigger: ({ icon: Icon, className, ...rest }: SelectTriggerProps) => JSX.Element;
+
+export declare type SelectTriggerProps = Omit<ComponentProps<"button">, "onClick"> & {
     icon?: ElementType;
-    className?: string;
 };
 
-export declare const Sidebar: {
-    ({ children, className }: SidebarProps): JSX.Element;
-    Header: ({ children, className }: SidebarHeaderProps) => JSX.Element;
-    Group: ({ children, className }: SidebarGroupProps) => JSX.Element;
-    Link: ({ children, isActive, className }: SidebarLinkProps) => JSX.Element;
-    Item: ({ children, onClick, className }: SidebarItemProps) => JSX.Element;
-};
+export declare const Separator: ({ children, orientation, size, className, ...rest }: SeparatorProps) => JSX.Element;
 
-export declare type SidebarGroupProps = {
-    children: ReactNode;
-    className?: string;
+export declare type SeparatorProps = ComponentProps<"div"> & {
+    orientation?: "horizontal" | "vertical";
+    size?: "sm" | "md" | "lg";
 };
 
-export declare type SidebarHeaderProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const Sidebar: ({ children, className, ...rest }: ComponentProps<"nav">) => JSX.Element;
 
-export declare type SidebarItemProps = {
-    children: ReactNode;
-    onClick?: () => void;
-    className?: string;
-};
+export declare const SidebarGroup: ({ children, className, ...rest }: ComponentProps<"ul">) => JSX.Element;
 
-export declare type SidebarLinkProps = {
+export declare const SidebarHeader: ({ children, className, ...rest }: ComponentProps<"header">) => JSX.Element;
+
+export declare const SidebarItem: ({ children, className, ...rest }: ComponentProps<"button">) => JSX.Element;
+
+export declare const SidebarLink: ({ children, isActive, className, ...rest }: SidebarLinkProps) => JSX.Element;
+
+export declare type SidebarLinkProps = HTMLAttributes<HTMLElement> & {
     children: ReactElement;
     isActive?: boolean;
-    className?: string;
-};
-
-export declare type SidebarProps = {
-    children: ReactNode;
-    className?: string;
 };
 
 export declare const Slot: ({ children, ref, ...slotProps }: SlotProps) => ReactElement<AnyProps, string | JSXElementConstructor<any>> | null;
@@ -497,23 +382,14 @@ export declare type SlotProps = HTMLAttributes<HTMLElement> & {
     ref?: Ref<HTMLElement>;
 };
 
-export declare type SpinnerProps = ComponentProps<"svg"> & {
-    size?: "sm" | "md" | "lg";
-};
-
 export declare type Step = {
     name: string;
     title: string;
 };
 
-export declare const Table: {
-    <T extends ObjectLiteral>({ className, columns, records, uniqueKey, renderHeader, renderFooter, renderColumnsCell, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, }: TableProps<T>): JSX.Element;
-    Th: ({ children }: PropsWithChildren) => JSX.Element;
-    Tr: ({ children }: PropsWithChildren) => JSX.Element;
-    Td: ({ children }: PropsWithChildren) => JSX.Element;
-};
+export declare const Table: <T extends ObjectLiteral>({ className, columns, records, uniqueKey, renderHeader, renderFooter, renderColumnsCell, renderRecordsCell, renderRecordsEmptyCell, renderNoRecords, ...rest }: TableProps<T>) => JSX.Element;
 
-export declare type TableProps<T extends ObjectLiteral> = {
+export declare type TableProps<T extends ObjectLiteral> = Omit<ComponentProps<"div">, "children"> & {
     columns: Column[];
     records: T[];
     uniqueKey?: string;
@@ -523,7 +399,33 @@ export declare type TableProps<T extends ObjectLiteral> = {
     renderRecordsCell?: (cell: Primitive, key: string) => ReactNode;
     renderRecordsEmptyCell?: (key: string) => ReactNode;
     renderNoRecords?: () => ReactNode;
-    className?: string;
+};
+
+export declare const TableTd: ({ children, className, ...rest }: ComponentProps<"td">) => JSX.Element;
+
+export declare const TableTh: ({ children, className, ...rest }: ComponentProps<"th">) => JSX.Element;
+
+export declare const TableTr: ({ children, className, ...rest }: ComponentProps<"tr">) => JSX.Element;
+
+export declare const Tabs: ({ children, defaultValue, onChange, className, ...rest }: TabsProps) => JSX.Element;
+
+export declare const TabsContent: ({ children, value, className, ...rest }: TabsContentProps) => JSX.Element | null;
+
+export declare type TabsContentProps = ComponentProps<"div"> & {
+    value: string;
+};
+
+export declare const TabsItem: ({ children, value, className, ...rest }: TabsItemProps) => JSX.Element;
+
+export declare type TabsItemProps = ComponentProps<"li"> & {
+    value: string;
+};
+
+export declare const TabsItems: ({ children, className, ...rest }: ComponentProps<"ul">) => JSX.Element;
+
+export declare type TabsProps = Omit<ComponentProps<"div">, "onChange" | "defaultValue"> & {
+    defaultValue: string;
+    onChange?: (value: string) => void;
 };
 
 declare const Text_2: ({ children, as: TextAs, size, align, weight, className, ...rest }: TextProps) => JSX.Element;
@@ -531,7 +433,7 @@ export { Text_2 as Text }
 
 export declare type TextProps = HTMLAttributes<HTMLElement> & {
     as?: "span" | "p";
-    size?: "sm" | "md" | "lg";
+    size?: "1" | "2" | "3" | "4" | "5" | "6";
     align?: "start" | "center" | "end" | "justify";
     weight?: "normal" | "medium" | "semibold" | "bold";
 };
@@ -540,12 +442,12 @@ export declare const Title: ({ children, as: TitleAs, size, align, weight, class
 
 export declare type TitleProps = HTMLAttributes<HTMLHeadingElement> & {
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    size?: "sm" | "md" | "lg" | "xl";
+    size?: "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10";
     align?: "start" | "center" | "end";
     weight?: "normal" | "medium" | "semibold" | "bold";
 };
 
-export declare const useBreadcrumb: ({ url, mapping, }: useBreadcrumbProps) => BreadcrumbItem[];
+export declare const useBreadcrumb: ({ url, mapping, }: useBreadcrumbProps) => Crumb[];
 
 export declare type useBreadcrumbProps = {
     url?: URL;
@@ -572,7 +474,7 @@ export declare const useMatchResolution: (UA: string, breakpoints?: Breakpoints)
 
 export declare const useOutsideAlerter: (ref: RefObject<HTMLElement | null>) => OutsideAlerter;
 
-export declare const usePagination: ({ page, totalRecords, maxRecordsPerPage, itemNeighbours, minItems, }: usePaginationProps) => {
+export declare const usePagination: ({ page, totalRecords, maxRecordsPerPage, itemNeighbours, minItems, onChange, }: usePaginationProps) => {
     currentPage: number;
     total: number;
     items: number[];
@@ -591,6 +493,7 @@ export declare type usePaginationProps = {
     maxRecordsPerPage?: number;
     itemNeighbours?: number;
     minItems?: number;
+    onChange?: (page: number) => void;
 };
 
 export declare const useScrollTo: (target: RefObject<HTMLElement | null>) => ScrollEvents;
@@ -610,53 +513,36 @@ export declare type useWizardOptions = {
     step?: number;
 };
 
-export declare const Wizard: {
-    ({ children, initialStep, className }: WizardProps): JSX.Element;
-    Header: ({ children, className }: WizardHeaderProps) => JSX.Element;
-    Title: ({ className }: WizardTitleProps) => JSX.Element;
-    Indicator: () => JSX.Element | null;
-    Step: ({ children, name, title, className }: WizardStepProps) => JSX.Element | null;
-    Footer: ({ children, className }: WizardFooterProps) => JSX.Element;
-    Next: ({ children, onClick, className }: WizardButtonProps) => JSX.Element | null;
-    Previous: ({ children, onClick, className }: WizardButtonProps) => JSX.Element | null;
-    Finalize: ({ children, onClick, className }: WizardButtonProps) => JSX.Element | null;
-};
+export declare const Wizard: ({ children, initialStep, className, ...rest }: WizardProps) => JSX.Element;
 
-export declare type WizardButtonProps = {
+export declare type WizardButtonProps = Omit<HTMLAttributes<HTMLElement>, "onClick"> & {
     children: ReactElement;
     onClick?: () => void;
-    className?: string;
 };
 
-export declare type WizardFooterProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const WizardFinalize: ({ children, onClick, className, ...rest }: WizardButtonProps) => JSX.Element | null;
 
-export declare type WizardHeaderProps = {
-    children: ReactNode;
-    className?: string;
-};
+export declare const WizardFooter: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type WizardIndicatorProps = {
-    className?: string;
-};
+export declare const WizardHeader: ({ children, className, ...rest }: ComponentProps<"div">) => JSX.Element;
 
-export declare type WizardProps = {
-    children: ReactNode;
+export declare const WizardIndicator: ({ className, ...rest }: ComponentProps<"span">) => JSX.Element | null;
+
+export declare const WizardNext: ({ children, onClick, className, ...rest }: WizardButtonProps) => JSX.Element | null;
+
+export declare const WizardPrevious: ({ children, onClick, className, ...rest }: WizardButtonProps) => JSX.Element | null;
+
+export declare type WizardProps = ComponentProps<"div"> & {
     initialStep?: number;
-    className?: string;
 };
 
-export declare type WizardStepProps = {
-    children: ReactNode;
+export declare const WizardStep: ({ children, name, title, className, ...rest }: WizardStepProps) => JSX.Element | null;
+
+export declare type WizardStepProps = ComponentProps<"div"> & {
     name: string;
     title: string;
-    className?: string;
 };
 
-export declare type WizardTitleProps = {
-    className?: string;
-};
+export declare const WizardTitle: ({ className, ...rest }: ComponentProps<typeof Title>) => JSX.Element;
 
 export { }