@lzzjokerzzl/react-ui-components 1.1.2 → 1.3.0

package/dist/index.d.ts

@@ -978,6 +978,7 @@ export declare const BreadcrumbItem: default_2.ForwardRefExoticComponent<Breadcr
 export declare interface BreadcrumbItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
     children: ReactNode;
     href?: string;
+    to?: string;
     isDisabled?: boolean;
     isCurrent?: boolean;
     startContent?: ReactNode;
@@ -1515,6 +1516,18 @@ export declare interface CounterTextProps extends Omit<BaseTextProps, 'text'> {
  */
 export declare type CursorStyle = 'block' | 'line' | 'underscore' | 'none';
 
+/**
+ * Custom color configuration for table
+ */
+declare interface CustomTableColor {
+    background?: string;
+    border?: string;
+    text?: string;
+    hover?: string;
+    selected?: string;
+    gradient?: string;
+}
+
 /**
  * Disabled behavior types
  */
@@ -1891,6 +1904,25 @@ declare type InputType = "text" | "email" | "url" | "password" | "tel" | "search
  */
 declare type InputVariant = "flat" | "bordered" | "faded" | "underlined";
 
+export declare const LibraryLink: default_2.FC<LibraryLinkProps>;
+
+export declare interface LibraryLinkProps {
+    to: string;
+    children: React.ReactNode;
+    className?: string;
+    activeClassName?: string;
+    exact?: boolean;
+    replace?: boolean;
+    onClick?: (event: React.MouseEvent) => void;
+}
+
+export declare interface LibraryRouterProps {
+    children: React.ReactNode;
+    basePath?: string;
+    routes?: Route[];
+    onRouteChange?: (path: string) => void;
+}
+
 /**
  * Menu trigger behavior
  */
@@ -2032,6 +2064,14 @@ declare interface NavbarSlots {
     menuItem?: string;
 }
 
+export declare const Navigation: default_2.FC<NavigationProps>;
+
+export declare interface NavigationProps {
+    routes: RouteGroup[];
+    className?: string;
+    renderItem?: (route: Route, isActive: boolean) => React.ReactNode;
+}
+
 /**
  * Main Pagination component that provides pagination functionality
  */
@@ -2441,6 +2481,31 @@ export declare interface RotateInProps extends BaseAnimationProps {
     transformOrigin?: string;
 }
 
+export declare interface Route {
+    path: string;
+    element: React.ComponentType;
+    label: string;
+    icon?: React.ReactNode;
+    category?: string;
+    exact?: boolean;
+}
+
+export declare interface RouteGroup {
+    label: string;
+    routes: Route[];
+}
+
+export declare interface RouterContextType {
+    routes: Route[];
+    currentPath: string;
+    navigate: (path: string) => void;
+    goBack: () => void;
+    goForward: () => void;
+    addRoute: (route: Route) => void;
+    removeRoute: (path: string) => void;
+    getRoutesByCategory: (category: string) => Route[];
+}
+
 /**
  * Row data interface
  */
@@ -2494,6 +2559,71 @@ declare type SelectionMode_2 = "none" | "single" | "multiple";
 
 declare type SeparatorType = 'slash' | 'chevron' | 'arrow' | 'dot' | 'custom';
 
+export declare const Sidebar: default_2.FC<SidebarProps>;
+
+export declare const SidebarContent: default_2.FC<SidebarContentProps>;
+
+export declare interface SidebarContentProps {
+    children: ReactNode;
+    className?: string;
+}
+
+export declare interface SidebarContextType {
+    isOpen: boolean;
+    isMobile: boolean;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+}
+
+export declare const SidebarFooter: default_2.FC<SidebarFooterProps>;
+
+export declare interface SidebarFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+
+export declare const SidebarHeader: default_2.FC<SidebarHeaderProps>;
+
+export declare interface SidebarHeaderProps {
+    children: ReactNode;
+    className?: string;
+    showCloseButton?: boolean;
+    onClose?: () => void;
+}
+
+export declare const SidebarItem: default_2.FC<SidebarItemProps>;
+
+export declare interface SidebarItemProps {
+    children: ReactNode;
+    icon?: ReactNode;
+    isActive?: boolean;
+    href?: string;
+    to?: string;
+    onClick?: () => void;
+    className?: string;
+    disabled?: boolean;
+}
+
+export declare interface SidebarProps {
+    children?: ReactNode;
+    className?: string;
+    width?: number | string;
+    position?: "left" | "right";
+    variant?: "permanent" | "temporary" | "persistent";
+    backdrop?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+}
+
+export declare const SidebarTrigger: default_2.FC<SidebarTriggerProps>;
+
+export declare interface SidebarTriggerProps {
+    children?: ReactNode;
+    className?: string;
+    "aria-label"?: string;
+}
+
 export declare const SlideContainer: default_2.FC<SlideContainerProps>;
 
 export declare interface SlideContainerProps extends BaseAnimatedContainerProps {
@@ -2640,12 +2770,12 @@ export declare interface SwitchProps {
  */
 declare type SwitchSize = "sm" | "md" | "lg";
 
-export declare const Table: <T extends Record<string, any> = any>({ children, className, color, 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, columns, items, onRowAction, onCellAction, onSelectionChange, onSortChange, "data-testid": testId, ...props }: TableProps<T>) => JSX.Element;
+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, columns, items, onRowAction, onCellAction, onSelectionChange, onSortChange, "data-testid": testId, ...props }: TableProps<T>) => JSX.Element;
 
 /**
  * Table color variants
  */
-declare type TableColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger";
+declare type TableColor = "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "custom";
 
 /**
  * Table layout types
@@ -2659,6 +2789,7 @@ export declare interface TableProps<T = RowData> {
     children?: ReactNode;
     className?: string;
     color?: TableColor;
+    customColor?: CustomTableColor;
     layout?: TableLayout;
     radius?: TableRadius;
     shadow?: TableShadow;
@@ -2689,6 +2820,10 @@ export declare interface TableProps<T = RowData> {
     isKeyboardNavigationDisabled?: boolean;
     columns?: ColumnDef<T>[];
     items?: T[];
+    loading?: boolean;
+    emptyContent?: ReactNode;
+    centerHeaderText?: boolean;
+    centerCellText?: boolean;
     onRowAction?: (key: Key) => void;
     onCellAction?: (key: Key) => void;
     onSelectionChange?: (keys: Selection_2) => void;
@@ -3166,6 +3301,17 @@ declare interface UseAvatarReturn {
     fallbackProps: ComponentPropsWithoutRef<"div">;
 }
 
+export declare const useLibraryNavigation: () => {
+    navigateTo: (path: string, replace?: boolean) => void;
+    goBack: () => void;
+    goForward: () => void;
+    isActive: (path: string, exact?: boolean) => boolean;
+    currentPath: string;
+    getCurrentRoute: () => Route | undefined;
+    getRouteByPath: (path: string) => Route | undefined;
+    routes: Route[];
+};
+
 export declare function useModal(props?: UseModalProps): UseModalReturn;
 
 declare interface UseModalProps {