lucent-ui 0.16.0 → 0.18.0

package/dist/index.d.ts

@@ -126,9 +126,9 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
     bordered?: boolean;
 }
 
-export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+export declare type ButtonSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
 
-export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'danger-outline' | 'danger-ghost';
 
 export declare function Card({ variant, header, footer, children, padding, shadow, radius, style, onClick, href, target, rel, disabled, status, selected, media, }: CardProps): JSX_2.Element;
 
@@ -772,6 +772,67 @@ export declare function makeLibraryCSS(tokens: LucentTokens, selector?: string):
 
 export declare const MANIFEST_SPEC_VERSION = "1.0";
 
+export declare function Menu({ trigger, children, placement, size, open: controlledOpen, onOpenChange, style, }: MenuProps): JSX_2.Element;
+
+export declare function MenuGroup({ label, children, style }: MenuGroupProps): JSX_2.Element;
+
+export declare interface MenuGroupProps {
+    /** Label shown above the group. */
+    label: string;
+    children: ReactNode;
+    style?: CSSProperties;
+}
+
+export declare function MenuItem({ onSelect, children, icon, shortcut, disabled, danger, selected, style, }: MenuItemProps): JSX_2.Element;
+
+export declare interface MenuItemProps {
+    /** Fires when item is selected (click or Enter). */
+    onSelect: () => void;
+    /** Label content. */
+    children: ReactNode;
+    /** Leading icon. */
+    icon?: ReactNode;
+    /** Trailing shortcut hint text. */
+    shortcut?: string;
+    /** Disables selection and grays out. */
+    disabled?: boolean;
+    /** Renders in danger color. */
+    danger?: boolean;
+    /** Marks the item as currently selected (shows checkmark). */
+    selected?: boolean;
+    /** Style overrides. */
+    style?: CSSProperties;
+}
+
+export declare const MenuManifest: ComponentManifest;
+
+export declare type MenuPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
+
+export declare interface MenuProps {
+    /** Element that toggles the menu on click. */
+    trigger: ReactNode;
+    /** MenuItem, MenuSeparator, or MenuGroup elements. */
+    children: ReactNode;
+    /** Preferred placement relative to the trigger. */
+    placement?: MenuPlacement;
+    /** Size of the menu items. */
+    size?: MenuSize;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Callback when open state changes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Style overrides for the popover panel. */
+    style?: CSSProperties;
+}
+
+export declare function MenuSeparator({ style }: MenuSeparatorProps): JSX_2.Element;
+
+export declare interface MenuSeparatorProps {
+    style?: CSSProperties;
+}
+
+export declare type MenuSize = 'sm' | 'md' | 'lg';
+
 export declare const modernPreset: DesignPreset;
 
 declare interface MotionTokens {