@mbao01/common 0.0.20 → 0.0.21

package/dist/types/components/Command/Command.d.ts

@@ -18,7 +18,7 @@ declare const Command: {
         ref?: React.Ref<HTMLDivElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
         label?: string | undefined;
     } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Empty: React.ForwardRefExoticComponent<Omit<{
@@ -27,14 +27,14 @@ declare const Command: {
         ref?: React.Ref<HTMLDivElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Group: React.ForwardRefExoticComponent<Omit<{
         children?: React.ReactNode;
     } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
         ref?: React.Ref<HTMLDivElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
         heading?: React.ReactNode;
         value?: string | undefined;
         forceMount?: boolean | undefined;
@@ -45,7 +45,7 @@ declare const Command: {
         ref?: React.Ref<HTMLDivElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
         disabled?: boolean | undefined;
         onSelect?: ((value: string) => void) | undefined;
         value?: string | undefined;
@@ -60,7 +60,7 @@ declare const Command: {
         ref?: React.Ref<HTMLDivElement> | undefined;
     } & {
         asChild?: boolean | undefined;
-    }, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    }, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
         alwaysRender?: boolean | undefined;
     } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/types/components/Menu/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import type { ContextMenuProps, ContextMenuShortcutProps } from "./types";
+declare const ContextMenu: {
+    (props: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Group: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+    Sub: import("react").FC<ContextMenuPrimitive.ContextMenuSubProps>;
+    RadioGroup: import("react").ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: ContextMenuShortcutProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SubContent: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { ContextMenu };

package/dist/types/components/Menu/ContextMenu/index.d.ts

@@ -0,0 +1 @@
+export { ContextMenu } from "./ContextMenu";

package/dist/types/components/Menu/ContextMenu/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { type VariantProps } from "../../../libs";
+import { getMenubarCheckboxItemClasses, getMenubarContentClasses, getMenubarItemClasses, getMenubarLabelClasses, getMenubarRadioItemClasses, getMenubarSeparatorClasses, getMenubarShortcutClasses, getMenubarSubContentClasses, getMenubarSubTriggerClasses } from "../Menubar/constants";
+export type ContextMenuProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>;
+export type ContextMenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & VariantProps<typeof getMenubarSubTriggerClasses>;
+export type ContextMenuContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & VariantProps<typeof getMenubarContentClasses>;
+export type ContextMenuSubContentProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent> & VariantProps<typeof getMenubarSubContentClasses>;
+export type ContextMenuItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & VariantProps<typeof getMenubarItemClasses>;
+export type ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem> & VariantProps<typeof getMenubarCheckboxItemClasses>;
+export type ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem> & VariantProps<typeof getMenubarRadioItemClasses>;
+export type ContextMenuLabelProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & VariantProps<typeof getMenubarLabelClasses>;
+export type ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator> & VariantProps<typeof getMenubarSeparatorClasses>;
+export type ContextMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof getMenubarShortcutClasses>;

package/dist/types/components/Menu/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import type { DropdownMenuProps, DropdownMenuShortcutProps } from "./types";
+declare const DropdownMenu: {
+    (props: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+    Trigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: DropdownMenuShortcutProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+    Sub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { DropdownMenu };

package/dist/types/components/Menu/DropdownMenu/index.d.ts

@@ -0,0 +1 @@
+export { DropdownMenu } from "./DropdownMenu";

package/dist/types/components/Menu/DropdownMenu/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { type VariantProps } from "../../../libs";
+import { getMenubarCheckboxItemClasses, getMenubarContentClasses, getMenubarItemClasses, getMenubarLabelClasses, getMenubarRadioItemClasses, getMenubarSeparatorClasses, getMenubarShortcutClasses, getMenubarSubContentClasses, getMenubarSubTriggerClasses } from "../Menubar/constants";
+export type DropdownMenuProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>;
+export type DropdownMenuSubTriggerProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & VariantProps<typeof getMenubarSubTriggerClasses>;
+export type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & VariantProps<typeof getMenubarContentClasses>;
+export type DropdownMenuSubContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & VariantProps<typeof getMenubarSubContentClasses>;
+export type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof getMenubarItemClasses>;
+export type DropdownMenuCheckboxItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & VariantProps<typeof getMenubarCheckboxItemClasses>;
+export type DropdownMenuRadioItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & VariantProps<typeof getMenubarRadioItemClasses>;
+export type DropdownMenuLabelProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & VariantProps<typeof getMenubarLabelClasses>;
+export type DropdownMenuSeparatorProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & VariantProps<typeof getMenubarSeparatorClasses>;
+export type DropdownMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof getMenubarShortcutClasses>;

package/dist/types/components/Menu/Menubar/Menubar.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import type { MenubarProps, MenubarShortcutProps } from "./types";
+declare const Menubar: {
+    ({ className, ...props }: MenubarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+    Menu: {
+        (props: MenubarPrimitive.ScopedProps<MenubarPrimitive.MenubarMenuProps>): JSX.Element;
+        displayName: string;
+    };
+    Group: import("react").ForwardRefExoticComponent<MenubarPrimitive.MenubarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Portal: import("react").FC<MenubarPrimitive.MenubarPortalProps>;
+    Sub: import("react").FC<MenubarPrimitive.MenubarSubProps>;
+    RadioGroup: import("react").ForwardRefExoticComponent<MenubarPrimitive.MenubarRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Item: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    RadioItem: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    SubContent: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+        inset?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Shortcut: {
+        ({ className, ...props }: MenubarShortcutProps): import("react/jsx-runtime").JSX.Element;
+        displayname: string;
+    };
+};
+export { Menubar };

package/dist/types/components/Menu/Menubar/constants.d.ts

@@ -0,0 +1,25 @@
+export declare const getMenubarClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getMenubarTriggerClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getMenubarSubTriggerClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    inset?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getMenubarContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getMenubarSubContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getMenubarItemClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+    inset?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getMenubarCheckboxItemClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getMenubarRadioItemClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getMenubarLabelClasses: (props?: ({
+    inset?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getMenubarSeparatorClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getMenubarShortcutClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Menu/Menubar/index.d.ts

@@ -0,0 +1 @@
+export { Menubar } from "./Menubar";

package/dist/types/components/Menu/Menubar/types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { type VariantProps } from "../../../libs";
+import { getMenubarCheckboxItemClasses, getMenubarContentClasses, getMenubarItemClasses, getMenubarLabelClasses, getMenubarRadioItemClasses, getMenubarSeparatorClasses, getMenubarShortcutClasses, getMenubarSubContentClasses, getMenubarSubTriggerClasses, getMenubarTriggerClasses } from "./constants";
+export type MenubarProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>;
+export type MenubarTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger> & VariantProps<typeof getMenubarTriggerClasses>;
+export type MenubarSubTriggerProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & VariantProps<typeof getMenubarSubTriggerClasses>;
+export type MenubarContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content> & VariantProps<typeof getMenubarContentClasses>;
+export type MenubarSubContentProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent> & VariantProps<typeof getMenubarSubContentClasses>;
+export type MenubarItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & VariantProps<typeof getMenubarItemClasses>;
+export type MenubarCheckboxItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem> & VariantProps<typeof getMenubarCheckboxItemClasses>;
+export type MenubarRadioItemProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem> & VariantProps<typeof getMenubarRadioItemClasses>;
+export type MenubarLabelProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & VariantProps<typeof getMenubarLabelClasses>;
+export type MenubarSeparatorProps = React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator> & VariantProps<typeof getMenubarSeparatorClasses>;
+export type MenubarShortcutProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof getMenubarShortcutClasses>;

package/dist/types/components/Menu/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import type { NavigationMenuProps } from "./types";
+declare const NavigationMenu: {
+    ({ className, children, ...props }: NavigationMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+    List: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & {} & import("react").RefAttributes<HTMLUListElement>>;
+    Item: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+        variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    Link: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+    Viewport: import("react").ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {} & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { NavigationMenu };

package/dist/types/components/Menu/NavigationMenu/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const getNavigationMenuClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getNavigationMenuListClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getNavigationMenuTriggerClasses: (props?: ({
+    variant?: "accent" | "error" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getNavigationMenuContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getNavigationMenuViewportClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getNavigationMenuIndicatorClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

package/dist/types/components/Menu/NavigationMenu/index.d.ts

@@ -0,0 +1 @@
+export { NavigationMenu } from "./NavigationMenu";

package/dist/types/components/Menu/NavigationMenu/types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { type VariantProps } from "../../../libs";
+import { getNavigationMenuClasses, getNavigationMenuContentClasses, getNavigationMenuIndicatorClasses, getNavigationMenuListClasses, getNavigationMenuTriggerClasses, getNavigationMenuViewportClasses } from "./constants";
+export type NavigationMenuProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root> & VariantProps<typeof getNavigationMenuClasses>;
+export type NavigationMenuListProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List> & VariantProps<typeof getNavigationMenuListClasses>;
+export type NavigationMenuTriggerProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger> & VariantProps<typeof getNavigationMenuTriggerClasses>;
+export type NavigationMenuContentProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content> & VariantProps<typeof getNavigationMenuContentClasses>;
+export type NavigationMenuViewportProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport> & VariantProps<typeof getNavigationMenuViewportClasses>;
+export type NavigationMenuIndicatorProps = React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator> & VariantProps<typeof getNavigationMenuIndicatorClasses>;

package/dist/types/components/Menu/index.d.ts

@@ -0,0 +1,4 @@
+export { ContextMenu } from "./ContextMenu";
+export { DropdownMenu } from "./DropdownMenu";
+export { Menubar } from "./Menubar";
+export { NavigationMenu } from "./NavigationMenu";

package/dist/types/components/Skeleton/constants.d.ts

@@ -1,6 +1,6 @@
 export declare const getSkeletonClasses: (props?: ({
     variant?: "pulse" | null | undefined;
-    width?: 16 | 2 | 4 | 8 | 12 | 24 | 32 | 48 | 64 | "full" | null | undefined;
-    height?: 16 | 2 | 4 | 8 | 12 | 24 | 32 | 48 | 64 | "full" | null | undefined;
+    width?: 16 | 4 | 8 | 2 | 12 | 24 | 32 | 48 | 64 | "full" | null | undefined;
+    height?: 16 | 4 | 8 | 2 | 12 | 24 | 32 | 48 | 64 | "full" | null | undefined;
     round?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 /** actions */
 export * from "./components/Button";
 export * from "./components/Breadcrumbs";
+export * from "./components/Menu";
 export * from "./components/Pagination";
 export * from "./components/Toggle";
 export * from "./components/ToggleGroup";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.20",
+  "version": "0.0.21",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -65,10 +65,14 @@
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-context-menu": "^2.1.5",
     "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-hover-card": "^1.0.7",
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menubar": "^1.0.4",
+    "@radix-ui/react-navigation-menu": "^1.1.4",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-scroll-area": "^1.0.5",
@@ -138,5 +142,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "957331eff1e44996fb087ad2feef3052d2e1a3f7"
+  "gitHead": "413c452e832fd947234ffac4d61aaa3dd20c7a0f"
 }

package/src/components/Menu/ContextMenu/ContextMenu.tsx

@@ -0,0 +1,180 @@
+"use client";
+
+import { forwardRef } from "react";
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import {
+  CheckIcon,
+  ChevronRightIcon,
+  DotFilledIcon,
+} from "@radix-ui/react-icons";
+import type {
+  ContextMenuCheckboxItemProps,
+  ContextMenuContentProps,
+  ContextMenuItemProps,
+  ContextMenuLabelProps,
+  ContextMenuProps,
+  ContextMenuRadioItemProps,
+  ContextMenuSeparatorProps,
+  ContextMenuShortcutProps,
+  ContextMenuSubContentProps,
+  ContextMenuSubTriggerProps,
+} from "./types";
+import { cn } from "../../../utilities";
+import {
+  getMenubarCheckboxItemClasses,
+  getMenubarContentClasses,
+  getMenubarItemClasses,
+  getMenubarLabelClasses,
+  getMenubarRadioItemClasses,
+  getMenubarSeparatorClasses,
+  getMenubarShortcutClasses,
+  getMenubarSubContentClasses,
+  getMenubarSubTriggerClasses,
+} from "../Menubar/constants";
+
+const ContextMenu = (props: ContextMenuProps) => (
+  <ContextMenuPrimitive.Root {...props} />
+);
+
+const ContextMenuSubTrigger = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
+  ContextMenuSubTriggerProps
+>(({ className, inset, variant, children, ...props }, ref) => (
+  <ContextMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(getMenubarSubTriggerClasses({ inset, variant }), className)}
+    {...props}
+  >
+    {children}
+    <ChevronRightIcon className="ml-auto h-4 w-4" />
+  </ContextMenuPrimitive.SubTrigger>
+));
+ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
+
+const ContextMenuSubContent = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
+  ContextMenuSubContentProps
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(getMenubarSubContentClasses(), className)}
+    {...props}
+  />
+));
+ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
+
+const ContextMenuContent = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Content>,
+  ContextMenuContentProps
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Portal>
+    <ContextMenuPrimitive.Content
+      ref={ref}
+      className={cn(getMenubarContentClasses(), className)}
+      {...props}
+    />
+  </ContextMenuPrimitive.Portal>
+));
+ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
+
+const ContextMenuItem = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Item>,
+  ContextMenuItemProps
+>(({ className, inset, variant, ...props }, ref) => (
+  <ContextMenuPrimitive.Item
+    ref={ref}
+    className={cn(getMenubarItemClasses({ inset, variant }), className)}
+    {...props}
+  />
+));
+ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
+
+const ContextMenuCheckboxItem = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
+  ContextMenuCheckboxItemProps
+>(({ className, children, variant, ...props }, ref) => (
+  <ContextMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(getMenubarCheckboxItemClasses({ variant }), className)}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.CheckboxItem>
+));
+ContextMenuCheckboxItem.displayName =
+  ContextMenuPrimitive.CheckboxItem.displayName;
+
+const ContextMenuRadioItem = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
+  ContextMenuRadioItemProps
+>(({ className, children, variant, ...props }, ref) => (
+  <ContextMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(getMenubarRadioItemClasses({ variant }), className)}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <ContextMenuPrimitive.ItemIndicator>
+        <DotFilledIcon className="h-4 w-4 fill-current" />
+      </ContextMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </ContextMenuPrimitive.RadioItem>
+));
+ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
+
+const ContextMenuLabel = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Label>,
+  ContextMenuLabelProps
+>(({ className, inset, ...props }, ref) => (
+  <ContextMenuPrimitive.Label
+    ref={ref}
+    className={cn(getMenubarLabelClasses({ inset }), className)}
+    {...props}
+  />
+));
+ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
+
+const ContextMenuSeparator = forwardRef<
+  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
+  ContextMenuSeparatorProps
+>(({ className, ...props }, ref) => (
+  <ContextMenuPrimitive.Separator
+    ref={ref}
+    className={cn(getMenubarSeparatorClasses(), className)}
+    {...props}
+  />
+));
+ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
+
+const ContextMenuShortcut = ({
+  className,
+  ...props
+}: ContextMenuShortcutProps) => {
+  return (
+    <span className={cn(getMenubarShortcutClasses(), className)} {...props} />
+  );
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+
+ContextMenu.Trigger = ContextMenuPrimitive.Trigger;
+ContextMenu.Group = ContextMenuPrimitive.Group;
+ContextMenu.Portal = ContextMenuPrimitive.Portal;
+ContextMenu.Sub = ContextMenuPrimitive.Sub;
+ContextMenu.RadioGroup = ContextMenuPrimitive.RadioGroup;
+ContextMenu.Content = ContextMenuContent;
+ContextMenu.Item = ContextMenuItem;
+ContextMenu.CheckboxItem = ContextMenuCheckboxItem;
+ContextMenu.RadioItem = ContextMenuRadioItem;
+ContextMenu.Label = ContextMenuLabel;
+ContextMenu.Separator = ContextMenuSeparator;
+ContextMenu.Shortcut = ContextMenuShortcut;
+ContextMenu.SubContent = ContextMenuSubContent;
+ContextMenu.SubTrigger = ContextMenuSubTrigger;
+
+export { ContextMenu };

package/src/components/Menu/ContextMenu/index.ts

@@ -0,0 +1 @@
+export { ContextMenu } from "./ContextMenu";

package/src/components/Menu/ContextMenu/types.ts

@@ -0,0 +1,60 @@
+import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { type VariantProps } from "../../../libs";
+import {
+  getMenubarCheckboxItemClasses,
+  getMenubarContentClasses,
+  getMenubarItemClasses,
+  getMenubarLabelClasses,
+  getMenubarRadioItemClasses,
+  getMenubarSeparatorClasses,
+  getMenubarShortcutClasses,
+  getMenubarSubContentClasses,
+  getMenubarSubTriggerClasses,
+} from "../Menubar/constants";
+
+export type ContextMenuProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.Root
+>;
+
+export type ContextMenuSubTriggerProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.SubTrigger
+> &
+  VariantProps<typeof getMenubarSubTriggerClasses>;
+
+export type ContextMenuContentProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.Content
+> &
+  VariantProps<typeof getMenubarContentClasses>;
+
+export type ContextMenuSubContentProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.SubContent
+> &
+  VariantProps<typeof getMenubarSubContentClasses>;
+
+export type ContextMenuItemProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.Item
+> &
+  VariantProps<typeof getMenubarItemClasses>;
+
+export type ContextMenuCheckboxItemProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.CheckboxItem
+> &
+  VariantProps<typeof getMenubarCheckboxItemClasses>;
+
+export type ContextMenuRadioItemProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.RadioItem
+> &
+  VariantProps<typeof getMenubarRadioItemClasses>;
+
+export type ContextMenuLabelProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.Label
+> &
+  VariantProps<typeof getMenubarLabelClasses>;
+
+export type ContextMenuSeparatorProps = React.ComponentPropsWithoutRef<
+  typeof ContextMenuPrimitive.Separator
+> &
+  VariantProps<typeof getMenubarSeparatorClasses>;
+
+export type ContextMenuShortcutProps = React.HTMLAttributes<HTMLSpanElement> &
+  VariantProps<typeof getMenubarShortcutClasses>;