@mateosuarezdev/react-ui 1.0.57 → 1.0.60

package/dist/index.d.ts

@@ -22,6 +22,7 @@ import { ImgHTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 import { Locale } from 'date-fns';
+import { LucideIcon } from 'lucide-react';
 import { MotionValue } from 'motion/react';
 import { MouseEventHandler } from 'react';
 import { ReactNode } from 'react';
@@ -219,6 +220,30 @@ export declare const DateTimePicker: () => JSX.Element;
  */
 export declare function debounce<T extends (...args: any[]) => any>(func: T, delay?: number): (...args: Parameters<T>) => void;
 
+export declare const Divider: ({ className }: {
+    className?: string;
+}) => JSX.Element;
+
+export declare const DropdownMenu: (props: DropdownMenuProps) => JSX.Element;
+
+declare interface DropdownMenuProps {
+    prevMenuId?: string;
+    children?: string | default_2.ReactNode;
+    customTrigger?: ({ triggerRef, triggerProps, toggle, open, }: {
+        triggerRef: RefObject<HTMLButtonElement | null>;
+        triggerProps: any;
+        toggle: VoidFunction;
+        open: boolean;
+    }) => default_2.ReactNode;
+    items?: MenuItem[];
+    align?: "start" | "center" | "end";
+    side?: "top" | "bottom" | "left" | "right";
+    offset?: number;
+    level?: number;
+    className?: string;
+    triggerClassName?: string;
+}
+
 /**
  * ElasticHeader - Creates a pull-to-zoom effect on scroll
  *
@@ -482,6 +507,21 @@ declare interface LongPressOptions {
     moveThreshold?: number;
 }
 
+export declare const MenuFocusProvider: ({ children }: {
+    children: default_2.ReactNode;
+}) => JSX.Element;
+
+export declare interface MenuItem {
+    icon?: LucideIcon;
+    label?: string;
+    shortcut?: string;
+    destructive?: boolean;
+    separator?: boolean;
+    onClick?: () => void;
+    submenu?: MenuItem[];
+    disabled?: boolean;
+}
+
 declare interface ModalsContextType {
     add: (id: string) => void;
     remove: (id: string) => void;
@@ -731,10 +771,6 @@ declare interface SelectProps<T> {
     className?: string;
 }
 
-export declare const Separator: ({ className }: {
-    className?: string;
-}) => JSX.Element;
-
 export declare function setFocusEnd(element: HTMLInputElement): void;
 
 export declare const ShowMoreText: ({ text, length, size, className, buttonClassName, }: {