lucent-ui 0.23.0 → 0.24.0

package/dist/index.d.ts

@@ -913,6 +913,76 @@ export declare interface NavLinkProps {
     style?: CSSProperties;
 }
 
+export declare function NavMenu({ children, orientation, inverse, size, hasIcons, style, 'aria-label': ariaLabel, }: NavMenuProps): JSX_2.Element;
+
+export declare namespace NavMenu {
+    var Item: typeof NavMenuItem;
+    var Group: typeof NavMenuGroup;
+    var Sub: typeof NavMenuSub;
+    var Separator: typeof NavMenuSeparator;
+}
+
+export declare function NavMenuGroup({ children, label, defaultOpen, open, onOpenChange, collapsible: collapsibleProp, style, }: NavMenuGroupProps): JSX_2.Element;
+
+export declare interface NavMenuGroupProps {
+    children: ReactNode;
+    /** Section header label. */
+    label?: ReactNode;
+    /** Whether this group starts open. Only applies to vertical orientation. */
+    defaultOpen?: boolean;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Callback when the group open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the group is collapsible. Defaults to `true` when a label is provided. */
+    collapsible?: boolean;
+    style?: CSSProperties;
+}
+
+export declare function NavMenuItem({ children, href, isActive, icon, badge, disabled, onClick, as, style, }: NavMenuItemProps): JSX_2.Element;
+
+export declare interface NavMenuItemProps {
+    children: ReactNode;
+    href?: string;
+    isActive?: boolean;
+    icon?: ReactNode;
+    badge?: ReactNode;
+    disabled?: boolean;
+    onClick?: MouseEventHandler;
+    /** Polymorphic root element. Defaults to `<a>`. Use e.g. `Link` from react-router. */
+    as?: React.ElementType;
+    style?: CSSProperties;
+}
+
+export declare interface NavMenuProps {
+    children: ReactNode;
+    /** Layout direction. Defaults to `"vertical"`. */
+    orientation?: 'vertical' | 'horizontal';
+    /** Uses surface background instead of accent for the active state. */
+    inverse?: boolean;
+    /** Size variant. `"sm"` for compact sidebar layouts. Defaults to `"md"`. */
+    size?: NavMenuSize;
+    /** Whether items use icons. Tightens left padding so group headers align with icons. */
+    hasIcons?: boolean;
+    style?: CSSProperties;
+    /** Accessible label for the `<nav>` element. */
+    'aria-label'?: string;
+}
+
+export declare function NavMenuSeparator({ style }: NavMenuSeparatorProps): JSX_2.Element;
+
+export declare interface NavMenuSeparatorProps {
+    style?: CSSProperties;
+}
+
+declare type NavMenuSize = 'sm' | 'md' | 'lg';
+
+export declare function NavMenuSub({ children }: NavMenuSubProps): JSX_2.Element;
+
+export declare interface NavMenuSubProps {
+    children: ReactNode;
+}
+
 export declare const oceanPalette: ColorPalette;
 
 export declare function PageLayout({ children, header, sidebar, sidebarWidth, headerHeight, sidebarCollapsed, rightSidebar, rightSidebarWidth, rightSidebarCollapsed, footer, footerHeight, chromeBackground, mainStyle, style, }: PageLayoutProps): JSX_2.Element;