@cleen/ui 0.1.112 → 0.1.114

package/dist/index.d.ts

@@ -2929,6 +2929,9 @@ interface SidebarItemConfig {
     badgeCount?: number | string;
     /** Optional divider below the item */
     withBottomDivider?: boolean;
+    /**Additional CSS styles for the item */
+    classNames?: SidebarItemProps['classNames'];
+    styles?: SidebarItemProps['styles'];
     /** Any additional custom data */
     [key: string]: unknown;
 }
@@ -2945,7 +2948,19 @@ interface SidebarItemProps {
     /** Optional badge count to display on the item */
     countBadge?: number | string | null;
     /** Additional CSS classes */
-    className?: string;
+    classNames?: {
+        tooltip?: ComponentClassnames<TooltipProps>;
+        icon?: string;
+        container?: string;
+        badge?: string;
+    };
+    /** Additional CSS styles */
+    styles?: {
+        tooltip?: ComponentStyles<TooltipProps>;
+        icon?: CSSProperties;
+        container?: CSSProperties;
+        badge?: CSSProperties;
+    };
     /** Custom icon render function */
     renderIcon?: (item: SidebarItemConfig, isActive: boolean) => ReactNode;
 }
@@ -2964,6 +2979,34 @@ interface SubmenuItem {
     /** Any additional custom data */
     [key: string]: unknown;
 }
+/** Props for the SubMenu component */
+interface SubMenuProps {
+    items: SubmenuItem[];
+    title: string;
+    iconName?: IconName;
+    iconSrc?: string;
+    iconSize?: number;
+    className?: string;
+    classNames?: {
+        container?: string;
+        containerInner?: string;
+        icon?: string;
+        title?: string;
+        chevron?: string;
+        itemsContainer?: string;
+        item?: string;
+    };
+    style?: CSSProperties;
+    styles?: {
+        container?: CSSProperties;
+        containerInner?: CSSProperties;
+        icon?: CSSProperties;
+        title?: CSSProperties;
+        chevron?: CSSProperties;
+        itemsContainer?: CSSProperties;
+        item?: CSSProperties;
+    };
+}
 /**
  * Props for the DrawerContentTitle component
  */
@@ -2986,8 +3029,22 @@ interface DrawerContentTitleProps {
     onClick?: () => void;
     /** Additional CSS classes */
     className?: string;
-    /** Additional title CSS classes */
-    titleClassName?: string;
+    classNames?: {
+        container?: string;
+        icon?: string;
+        title?: string;
+        badge?: ComponentClassnames<PillBadgeProps>;
+        submenu?: ComponentClassnames<SubMenuProps>;
+    };
+    /** Additional CSS styles */
+    style?: CSSProperties;
+    styles?: {
+        container?: CSSProperties;
+        icon?: CSSProperties;
+        title?: CSSProperties;
+        badge?: ComponentStyles<PillBadgeProps>;
+        submenu?: ComponentStyles<SubMenuProps>;
+    };
     /** Whether this item is active */
     isActive?: boolean;
 }
@@ -3052,16 +3109,28 @@ interface SidebarProps {
     /** Additional CSS classes for the sections inside the component */
     classNames?: {
         navigation?: string;
+        logo?: string;
         navigationItems?: string;
+        upperNavigationItemsWrapper?: string;
+        bottomNavigationItemsWrapper?: string;
+        navigationItem?: SidebarItemProps['classNames'];
         drawer?: string;
+        drawerContent?: string;
+        drawerFooter?: string;
     };
     /** Additional inline styles for the sidebar container */
     style?: CSSProperties;
     /** Additional inline styles for the sections inside the component */
     styles?: {
         navigation?: CSSProperties;
+        logo?: CSSProperties;
         navigationItems?: CSSProperties;
+        upperNavigationItemsWrapper?: CSSProperties;
+        bottomNavigationItemsWrapper?: CSSProperties;
+        navigationItem?: SidebarItemProps['styles'];
         drawer?: CSSProperties;
+        drawerContent?: CSSProperties;
+        drawerFooter?: CSSProperties;
     };
     /** Custom render function for sidebar items */
     renderSidebarItem?: (item: SidebarItemConfig, isActive: boolean, onClick: (item: SidebarItemConfig) => void) => ReactNode;
@@ -3112,7 +3181,7 @@ declare function Sidebar({ navigationItems, bottomNavigationItems, drawerContent
  * />
  * ```
  */
-declare function SidebarItem({ item, activeId, onClick, countBadge, className, renderIcon, }: SidebarItemProps): react_jsx_runtime.JSX.Element;
+declare function SidebarItem({ item, activeId, onClick, countBadge, classNames, styles, renderIcon, }: SidebarItemProps): react_jsx_runtime.JSX.Element;
 
 /**
  * DrawerContainer - Container for drawer content with a title header
@@ -3153,7 +3222,7 @@ declare function DrawerContainer({ children, title, className, renderHeader, }:
  * />
  * ```
  */
-declare function DrawerContentTitle({ title, iconName, iconSrc, iconSize, badgeColor, badgeCount, submenu, onClick, className, titleClassName, isActive, }: DrawerContentTitleProps): react_jsx_runtime.JSX.Element;
+declare function DrawerContentTitle({ title, iconName, iconSrc, iconSize, badgeColor, badgeCount, submenu, onClick, isActive, className, classNames, style, styles, }: DrawerContentTitleProps): react_jsx_runtime.JSX.Element;
 
 type SkeletonRoundness = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
 interface SkeletonProps {