@lzzjokerzzl/react-ui-components 1.3.3 → 1.3.5

package/dist/index.d.ts

@@ -1205,11 +1205,68 @@ export declare type ButtonVariant = "solid" | "outline" | "ghost" | "link" | "gr
  */
 export declare const Card: ({ children, className, size, variant, color, radius, isClickable, isDisabled, isHoverable, onClick, "data-testid": dataTestId, }: CardProps) => JSX.Element;
 
+/**
+ * Card Body component for main content area
+ * @param props - CardBody component properties
+ * @returns JSX element representing a card body
+ */
+export declare const CardBody: ({ children, className, "data-testid": dataTestId, }: CardBodyProps) => JSX.Element;
+
+/**
+ * Props interface for CardBody component
+ */
+export declare interface CardBodyProps {
+    /** Content to render inside the body */
+    children: ReactNode;
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Test ID for testing frameworks */
+    "data-testid"?: string;
+}
+
 /**
  * Color variants for Card component
  */
 declare type CardColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
 
+/**
+ * Card Footer component for consistent footer styling
+ * @param props - CardFooter component properties
+ * @returns JSX element representing a card footer
+ */
+export declare const CardFooter: ({ children, className, "data-testid": dataTestId, }: CardFooterProps) => JSX.Element;
+
+/**
+ * Props interface for CardFooter component
+ */
+export declare interface CardFooterProps {
+    /** Content to render inside the footer */
+    children: ReactNode;
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Test ID for testing frameworks */
+    "data-testid"?: string;
+}
+
+/**
+ * Card Header component for consistent header styling
+ * @param props - CardHeader component properties
+ * @returns JSX element representing a card header
+ */
+export declare const CardHeader: ({ children, className, "data-testid": dataTestId, }: CardHeaderProps) => JSX.Element;
+
+/**
+ * Props interface for CardHeader component
+ */
+export declare interface CardHeaderProps {
+    /** Content to render inside the header */
+    children: ReactNode;
+    /** Additional CSS classes to apply */
+    className?: string;
+    /** Test ID for testing frameworks */
+    "data-testid"?: string;
+}
+
 /**
  * Props interface for the main Card component
  */
@@ -1446,7 +1503,7 @@ declare type ColumnAlign = "start" | "center" | "end";
 /**
  * Column definition interface
  */
-declare interface ColumnDef<T = any> {
+export declare interface ColumnDef<T = any> {
     key: Key;
     label: ReactNode;
     align?: ColumnAlign;
@@ -1923,6 +1980,19 @@ export declare interface LibraryRouterProps {
     onRouteChange?: (path: string) => void;
 }
 
+export declare const LibraryRouterProvider: default_2.FC<LibraryRouterProviderProps>;
+
+declare interface LibraryRouterProviderProps {
+    children: default_2.ReactNode;
+    initialRoutes?: Route[];
+    onRouteChange?: (path: string) => void;
+}
+
+/**
+ * Loading state types
+ */
+declare type LoadingState = "loading" | "filtering" | "sorting" | "loadingMore" | "error" | "idle";
+
 /**
  * Menu trigger behavior
  */
@@ -1932,7 +2002,35 @@ export declare const Modal: ForwardRefExoticComponent<ModalProps & RefAttributes
 
 declare type ModalBackdrop = 'transparent' | 'opaque' | 'blur';
 
-declare type ModalPlacement = 'auto' | 'top' | 'top-center' | 'center' | 'bottom' | 'bottom-center';
+export declare const ModalBody: ForwardRefExoticComponent<ModalBodyProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ModalBodyProps {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare const ModalContent: ForwardRefExoticComponent<ModalContentProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ModalContentProps {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare const ModalFooter: ForwardRefExoticComponent<ModalFooterProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ModalFooterProps {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare const ModalHeader: ForwardRefExoticComponent<ModalHeaderProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ModalHeaderProps {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare type ModalPlacement = 'auto' | 'top' | 'top-center' | 'center' | 'bottom' | 'bottom-center';
 
 export declare interface ModalProps {
     children?: ReactNode;
@@ -1966,7 +2064,7 @@ declare type ModalScrollBehavior = 'normal' | 'inside' | 'outside';
 
 declare type ModalShadow = 'none' | 'sm' | 'md' | 'lg';
 
-declare type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full';
+export declare type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | 'full';
 
 declare interface ModalSlots {
     wrapper?: string;
@@ -2029,9 +2127,75 @@ export declare interface MorphingTextProps extends Omit<BaseTextProps, 'text'> {
 
 export declare const Navbar: ForwardRefExoticComponent<NavbarProps & RefAttributes<HTMLElement>>;
 
-declare type NavbarMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+export declare const NavbarBrand: ForwardRefExoticComponent<NavbarBrandProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface NavbarBrandProps {
+    children?: ReactNode;
+    className?: string;
+}
+
+export declare const NavbarContent: ForwardRefExoticComponent<NavbarContentProps & RefAttributes<HTMLUListElement>>;
+
+export declare interface NavbarContentProps {
+    children?: ReactNode;
+    justify?: NavbarJustify;
+    className?: string;
+}
+
+export declare interface NavbarContextType {
+    isMenuOpen: boolean;
+    position: NavbarPosition;
+    maxWidth: NavbarMaxWidth;
+    height: string | number;
+    isBordered: boolean;
+    isBlurred: boolean;
+    shouldHideOnScroll: boolean;
+    disableAnimation: boolean;
+    classNames?: Partial<NavbarSlots>;
+    onMenuOpenChange: (isOpen: boolean) => void;
+    onScrollPositionChange?: (position: number) => void;
+}
+
+export declare const NavbarItem: ForwardRefExoticComponent<NavbarItemProps & RefAttributes<HTMLLIElement>>;
+
+export declare interface NavbarItemProps {
+    children?: ReactNode;
+    isActive?: boolean;
+    className?: string;
+}
+
+export declare type NavbarJustify = 'start' | 'center' | 'end';
+
+export declare type NavbarMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+
+export declare const NavbarMenu: ForwardRefExoticComponent<NavbarMenuProps & RefAttributes<HTMLDivElement>>;
+
+export declare const NavbarMenuItem: ForwardRefExoticComponent<NavbarMenuItemProps & RefAttributes<HTMLLIElement>>;
+
+export declare interface NavbarMenuItemProps {
+    children?: ReactNode;
+    isActive?: boolean;
+    className?: string;
+}
+
+export declare interface NavbarMenuProps {
+    children?: ReactNode;
+    portalContainer?: HTMLElement;
+    className?: string;
+}
+
+export declare const NavbarMenuToggle: ForwardRefExoticComponent<NavbarMenuToggleProps & RefAttributes<HTMLButtonElement>>;
+
+export declare interface NavbarMenuToggleProps {
+    icon?: ReactNode | ((isOpen: boolean | undefined) => ReactNode);
+    isSelected?: boolean;
+    defaultSelected?: boolean;
+    srOnlyText?: string;
+    className?: string;
+    onChange?: (isOpen: boolean) => void;
+}
 
-declare type NavbarPosition = 'static' | 'sticky';
+export declare type NavbarPosition = 'static' | 'sticky';
 
 export declare interface NavbarProps {
     children?: ReactNode;
@@ -2509,7 +2673,7 @@ export declare interface RouterContextType {
 /**
  * Row data interface
  */
-declare interface RowData {
+export declare interface RowData {
     key: Key;
     [key: string]: any;
 }
@@ -2546,6 +2710,7 @@ export declare interface ScrollConfig {
  * Selection type - can be "all" or a Set of keys
  */
 declare type Selection_2 = "all" | Set<Key>;
+export { Selection_2 as Selection }
 
 /**
  * Selection behavior types
@@ -2556,6 +2721,7 @@ declare type SelectionBehavior = "toggle" | "replace";
  * Selection modes for table rows
  */
 declare type SelectionMode_2 = "none" | "single" | "multiple";
+export { SelectionMode_2 as SelectionMode }
 
 declare type SeparatorType = 'slash' | 'chevron' | 'arrow' | 'dot' | 'custom';
 
@@ -2661,7 +2827,7 @@ export declare interface SlideInProps extends BaseAnimationProps {
 /**
  * Sort descriptor interface
  */
-declare interface SortDescriptor {
+export declare interface SortDescriptor {
     column?: Key;
     direction?: "ascending" | "descending";
 }
@@ -2782,11 +2948,98 @@ declare type SwitchSize = "sm" | "md" | "lg";
 
 export declare const Table: <T extends Record<string, any> = any>({ children, className, color, customColor, layout, radius, shadow, maxTableHeight, rowHeight, isVirtualized, hideHeader, isStriped, isCompact, isHeaderSticky, fullWidth, removeWrapper, topContent, bottomContent, topContentPlacement, bottomContentPlacement, showSelectionCheckboxes, sortDescriptor, selectedKeys, defaultSelectedKeys, disabledKeys, disallowEmptySelection, selectionMode, selectionBehavior, disabledBehavior, allowDuplicateSelectionEvents, disableAnimation, isKeyboardNavigationDisabled, loading, emptyContent, centerHeaderText, centerCellText, onRowAction, onCellAction, onSelectionChange, onSortChange, columns, items, "data-testid": testId, ...props }: TableProps<T>) => JSX.Element;
 
+export declare const TableBody: <T extends Record<string, any> = any>({ children, className, items, isLoading, loadingState, loadingContent, emptyContent, "data-testid": testId, }: TableBodyProps<T>) => JSX.Element;
+
+/**
+ * Table body props
+ */
+export declare interface TableBodyProps<T = any> {
+    children?: ReactNode | ((item: T) => ReactNode);
+    className?: string;
+    items?: T[];
+    isLoading?: boolean;
+    loadingState?: LoadingState;
+    loadingContent?: ReactNode;
+    emptyContent?: ReactNode;
+    onLoadMore?: () => void;
+    "data-testid"?: string;
+}
+
+export declare const TableCell: React.FC<TableCellProps>;
+
+/**
+ * Table cell props
+ */
+export declare interface TableCellProps {
+    children: ReactNode;
+    className?: string;
+    align?: ColumnAlign;
+    textValue?: string;
+    "data-testid"?: string;
+}
+
 /**
  * Table color variants
  */
 declare type TableColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "custom";
 
+export declare const TableColumn: default_2.FC<TableColumnProps>;
+
+/**
+ * Table column props
+ */
+export declare interface TableColumnProps {
+    children: ReactNode;
+    className?: string;
+    align?: ColumnAlign;
+    hideHeader?: boolean;
+    allowsSorting?: boolean;
+    sortIcon?: ReactNode;
+    isRowHeader?: boolean;
+    textValue?: string;
+    width?: string | number;
+    minWidth?: string | number;
+    maxWidth?: string | number;
+    "data-testid"?: string;
+}
+
+/**
+ * Table context interface for sharing state between components
+ */
+export declare interface TableContextType<T = any> {
+    color: TableColor;
+    customColor?: CustomTableColor;
+    selectionMode: SelectionMode_2;
+    selectionBehavior: SelectionBehavior;
+    selectedKeys: Selection_2;
+    disabledKeys: Selection_2;
+    sortDescriptor?: SortDescriptor;
+    isStriped: boolean;
+    isCompact: boolean;
+    disableAnimation: boolean;
+    showSelectionCheckboxes: boolean;
+    onRowAction?: (key: Key) => void;
+    onCellAction?: (key: Key) => void;
+    onSelectionChange?: (keys: Selection_2) => void;
+    onSortChange?: (descriptor: SortDescriptor) => void;
+    columns?: ColumnDef<T>[];
+    items?: T[];
+    centerHeaderText: boolean;
+    centerCellText: boolean;
+}
+
+export declare const TableHeader: <T extends Record<string, any> = any>({ children, className, columns, "data-testid": testId, }: TableHeaderProps<T>) => JSX.Element;
+
+/**
+ * Table header props
+ */
+export declare interface TableHeaderProps<T = any> {
+    children?: ReactNode;
+    className?: string;
+    columns?: ColumnDef<T>[];
+    "data-testid"?: string;
+}
+
 /**
  * Table layout types
  */
@@ -2851,7 +3104,7 @@ export declare const TableRow: <T extends Record<string, any> = any>({ children,
 /**
  * Table row props
  */
-declare interface TableRowProps<T = any> {
+export declare interface TableRowProps<T = any> {
     children?: ReactNode;
     className?: string;
     textValue?: string;
@@ -3322,6 +3575,8 @@ export declare const useLibraryNavigation: () => {
     routes: Route[];
 };
 
+export declare const useLibraryRouter: () => RouterContextType;
+
 export declare function useModal(props?: UseModalProps): UseModalReturn;
 
 declare interface UseModalProps {
@@ -3470,6 +3725,8 @@ export declare interface UserProps {
 
 export declare const useSidebar: () => SidebarContextType;
 
+export declare const useTableContext: () => TableContextType<any>;
+
 /**
  * Custom hook for easy toast management
  * Provides convenient methods for showing different types of toasts