@cleen/ui 0.1.36 → 0.1.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +7 -2
- package/dist/index.js +7 -14
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1662,6 +1662,7 @@ type DrawerProps = Omit<ComponentProps<'div'>, 'title'> & {
|
|
|
1662
1662
|
isOpen?: boolean;
|
|
1663
1663
|
onClose?: () => void;
|
|
1664
1664
|
closeOnOverlayClick?: boolean;
|
|
1665
|
+
position?: 'left' | 'right';
|
|
1665
1666
|
zIndex?: number;
|
|
1666
1667
|
size?: keyof typeof sizes$1 | number;
|
|
1667
1668
|
p?: number;
|
|
@@ -1686,7 +1687,7 @@ type DrawerProps = Omit<ComponentProps<'div'>, 'title'> & {
|
|
|
1686
1687
|
};
|
|
1687
1688
|
};
|
|
1688
1689
|
/**
|
|
1689
|
-
* A
|
|
1690
|
+
* A side-anchored slide-over panel (drawer) for presenting contextual UI.
|
|
1690
1691
|
*
|
|
1691
1692
|
* - Controlled via `isOpen` (boolean) and `onClose` (callback).
|
|
1692
1693
|
* - Renders a clickable overlay/backdrop that closes the drawer when clicked.
|
|
@@ -2653,6 +2654,8 @@ interface SidebarItemConfig {
|
|
|
2653
2654
|
iconName?: string;
|
|
2654
2655
|
/** Custom icon source (SVG path or component) */
|
|
2655
2656
|
iconSrc?: string;
|
|
2657
|
+
/** Optional React node for custom icon rendering */
|
|
2658
|
+
icon?: ReactNode;
|
|
2656
2659
|
/** Optional path for navigation */
|
|
2657
2660
|
path?: string | null;
|
|
2658
2661
|
/** Optional badge count to display */
|
|
@@ -2765,6 +2768,8 @@ interface SidebarProps {
|
|
|
2765
2768
|
drawerFooter?: ReactNode | ((activeMenuId: string | null) => ReactNode);
|
|
2766
2769
|
/** Width of the drawer when open (in pixels) */
|
|
2767
2770
|
drawerWidth?: number;
|
|
2771
|
+
/** Side where drawer content slides in from */
|
|
2772
|
+
direction?: 'left' | 'right';
|
|
2768
2773
|
/** Initial active menu ID */
|
|
2769
2774
|
defaultActiveId?: string | null;
|
|
2770
2775
|
/** Controlled active menu ID */
|
|
@@ -2822,7 +2827,7 @@ interface SidebarProps {
|
|
|
2822
2827
|
* />
|
|
2823
2828
|
* ```
|
|
2824
2829
|
*/
|
|
2825
|
-
declare function Sidebar({ navigationItems, bottomNavigationItems, drawerContent, logo, onLogoClick, userAvatar, userInfo, drawerFooter, drawerWidth, defaultActiveId, activeId: controlledActiveId, onActiveChange, closeOnOutsideClick, closeOnBlur, className, classNames, style, styles, renderSidebarItem, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
2830
|
+
declare function Sidebar({ navigationItems, bottomNavigationItems, drawerContent, logo, onLogoClick, userAvatar, userInfo, drawerFooter, drawerWidth, direction, defaultActiveId, activeId: controlledActiveId, onActiveChange, closeOnOutsideClick, closeOnBlur, className, classNames, style, styles, renderSidebarItem, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
2826
2831
|
|
|
2827
2832
|
/**
|
|
2828
2833
|
* SidebarItem - A single navigation item in the sidebar
|