@mbao01/common 0.0.20 → 0.0.22

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeadProps, TableHeaderProps, TableProps, TableRowProps } from "./types";
+declare const Table: {
+    ({ className, caption, zebra, size, pinRow, pinColumn, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Header: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Body: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Footer: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Head: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+    Row: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+    Cell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+    Caption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<HTMLTableCaptionElement>>;
+};
+export { Table };

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

@@ -0,0 +1,8 @@
+export declare const getTableClasses: (props?: ({
+    caption?: "top" | "bottom" | null | undefined;
+    zebra?: boolean | null | undefined;
+    pinRow?: boolean | null | undefined;
+    pinColumn?: boolean | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const getTableHeaderClasses: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { VariantProps } from "../../libs";
+import { getTableClasses } from "./constants";
+export type TableProps = React.HTMLAttributes<HTMLTableElement> & VariantProps<typeof getTableClasses>;
+export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;

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

@@ -0,0 +1,2 @@
+import { type ThemeSwitchProps } from "./types";
+export declare const ThemeSwitch: ({ name, render, className, theme: defaultTheme, ...props }: ThemeSwitchProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type Theme } from "../../utilities";
+export type ThemeSwitchProps = React.ComponentPropsWithoutRef<"label"> & {
+    name?: string;
+    theme?: Theme;
+    render?: (params: {
+        theme: Theme | null;
+        setTheme: React.Dispatch<React.SetStateAction<Theme | null>>;
+    }) => JSX.Element;
+};

package/dist/types/index.d.ts

@@ -1,7 +1,9 @@
 /** actions */
 export * from "./components/Button";
 export * from "./components/Breadcrumbs";
+export * from "./components/Menu";
 export * from "./components/Pagination";
+export * from "./components/ThemeSwitch";
 export * from "./components/Toggle";
 export * from "./components/ToggleGroup";
 /** data display */
@@ -17,6 +19,7 @@ export * from "./components/Progress";
 export * from "./components/ScrollArea";
 export * from "./components/Separator";
 export * from "./components/Sonner";
+export * from "./components/Table";
 export * from "./components/Tabs";
 export * from "./components/Text";
 /** data input */

package/dist/types/utilities/theme.d.ts

@@ -1,4 +1,3 @@
-type Theme = "dark" | "light" | "system";
+export type Theme = "dark" | "light";
 export declare const getTheme: () => Theme | null;
 export declare const saveTheme: (theme: Theme) => void;
-export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mbao01/common",
   "private": false,
-  "version": "0.0.20",
+  "version": "0.0.22",
   "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": "a37cc681238d753608c43c5b47a829826f059c74"
 }