@mbao01/common 0.0.19 → 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/Drawer/Drawer.d.ts

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { DrawerProps } from "./types";
+declare const Drawer: {
+    ({ shouldScaleBackground, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Portal: import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>;
+    Overlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Close: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+        onAnimationEnd?: ((open: boolean) => void) | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Header: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Title: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+    Description: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+};
+declare const DrawerTrigger: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: import("react").FC<import("@radix-ui/react-dialog").DialogPortalProps>;
+declare const DrawerClose: import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-dialog").DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    onAnimationEnd?: ((open: boolean) => void) | undefined;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/react-dialog").DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, };

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

@@ -0,0 +1,6 @@
+export declare const getDrawerContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDrawerDescriptionClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDrawerHeaderClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDrawerFooterClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDrawerOverlayClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getDrawerTitleClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { Drawer as DrawerPrimitive } from "vaul";
+export type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;

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/Pagination/Pagination.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { PaginationEllipsisProps, PaginationLinkProps, PaginationNextProps, PaginationPreviousProps, type PaginationProps } from "./types";
+declare const Pagination: {
+    ({ className, ...props }: PaginationProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Content: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
+    Link: {
+        ({ className, size, wide, outline, variant, isActive, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Item: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+    Previous: {
+        ({ className, children, ...props }: PaginationPreviousProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Next: {
+        ({ className, children, ...props }: PaginationNextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Ellipsis: {
+        ({ className, ...props }: PaginationEllipsisProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export { Pagination };

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

@@ -0,0 +1,5 @@
+export declare const getPaginationClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getPaginationContentClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getPaginationEllipsisClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getPaginationNextClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getPaginationPreviousClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { VariantProps } from "../../libs";
+import { getButtonClasses } from "../Button/constants";
+export type PaginationProps = React.ComponentProps<"nav">;
+export type PaginationContentProps = React.ComponentProps<"ul">;
+export type PaginationEllipsisProps = React.ComponentProps<"span">;
+export type PaginationItemProps = React.ComponentProps<"li">;
+export type PaginationLinkProps = React.ComponentProps<"a"> & VariantProps<typeof getButtonClasses> & {
+    isActive?: boolean;
+};
+export type PaginationPreviousProps = PaginationLinkProps;
+export type PaginationNextProps = PaginationLinkProps;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import type { ScrollAreaProps } from "./types";
+declare const ScrollArea: {
+    ({ className, children, scrollbar, ...props }: ScrollAreaProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const Scrollbar: import("react").ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export { ScrollArea, Scrollbar };

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

@@ -0,0 +1,8 @@
+export declare const getScrollAreaClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const getScrollAreaScrollbarClasses: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getScrollAreaThumbClasses: (props?: ({
+    variant?: "accent" | "error" | "ghost" | "info" | "neutral" | "primary" | "secondary" | "success" | "warning" | "base" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getScrollAreaViewportClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { VariantProps } from "../../libs";
+import { getScrollAreaThumbClasses } from "./constants";
+export type ScrollAreaProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root> & {
+    scrollbar?: ScrollbarProps;
+};
+export type ScrollbarProps = React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar> & VariantProps<typeof getScrollAreaThumbClasses>;

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,8 @@
 /** 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";
 /** data display */
@@ -13,6 +15,7 @@ export * from "./components/Calendar";
 export * from "./components/Collapsible";
 export * from "./components/Description";
 export * from "./components/Progress";
+export * from "./components/ScrollArea";
 export * from "./components/Separator";
 export * from "./components/Sonner";
 export * from "./components/Tabs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "author": "Ayomide Bakare",
   "license": "MIT",
@@ -65,12 +65,17 @@
     "@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",
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slider": "^1.1.2",
@@ -89,7 +94,8 @@
     "react-international-phone": "^4.2.6",
     "sonner": "^1.4.41",
     "tailwind-merge": "^2.2.1",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^0.9.0"
   },
   "devDependencies": {
     "@storybook/addon-essentials": "^8.0.6",
@@ -136,5 +142,5 @@
     "react-dom": "^18.2.0",
     "typescript": "^5.2.2"
   },
-  "gitHead": "3bc7cfc3008d4e1a0f47a850aec1055455ec399a"
+  "gitHead": "413c452e832fd947234ffac4d61aaa3dd20c7a0f"
 }