lucent-ui 0.22.0 → 0.24.0

package/dist/index.d.ts

@@ -107,6 +107,21 @@ export declare interface BreadcrumbProps {
 
 export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 
+export declare function ButtonGroup({ children, style, }: ButtonGroupProps): JSX_2.Element;
+
+export declare namespace ButtonGroup {
+    var displayName: string;
+}
+
+export declare const ButtonGroupManifest: ComponentManifest;
+
+export declare interface ButtonGroupProps {
+    /** Button or SplitButton children to group. */
+    children: ReactNode;
+    /** Style overrides for the wrapper. */
+    style?: CSSProperties;
+}
+
 export declare const ButtonManifest: ComponentManifest;
 
 export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -898,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;
@@ -1270,6 +1355,51 @@ export declare interface SpinnerProps {
 
 export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
 
+export declare function SplitButton({ children, onClick, menuItems, variant, size, bordered, menuPlacement, disabled, loading, leftIcon, style, }: SplitButtonProps): JSX_2.Element;
+
+export declare namespace SplitButton {
+    var displayName: string;
+}
+
+export declare const SplitButtonManifest: ComponentManifest;
+
+export declare interface SplitButtonMenuItem {
+    label: string;
+    onSelect: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    icon?: ReactNode;
+}
+
+export declare interface SplitButtonProps {
+    /** Primary button label. */
+    children: ReactNode;
+    /** Handler for the primary action (left half). */
+    onClick: () => void;
+    /** Items shown in the dropdown menu. */
+    menuItems: SplitButtonMenuItem[];
+    /** Visual variant applied to both halves. */
+    variant?: SplitButtonVariant;
+    /** Size applied to both halves. */
+    size?: SplitButtonSize;
+    /** If false, removes the border on both halves. */
+    bordered?: boolean;
+    /** Dropdown placement relative to the chevron trigger. */
+    menuPlacement?: MenuPlacement;
+    /** Disables both halves. */
+    disabled?: boolean;
+    /** Shows a spinner in the primary half and disables both. */
+    loading?: boolean;
+    /** Icon rendered before the label in the primary half. */
+    leftIcon?: ReactNode;
+    /** Style overrides for the wrapper. */
+    style?: CSSProperties;
+}
+
+export declare type SplitButtonSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+
+export declare type SplitButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'danger-outline' | 'danger-ghost';
+
 export declare function Stack({ gap, align, justify, as, wrap, children, style, ...rest }: StackProps): JSX_2.Element;
 
 export declare type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';