@sikka/hawa/dist/DropdownMenu-mK9EvfKp.d.mts

Modern UI Kit made with Tailwind

import * as React from 'react';
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
import { a as RadioOptionType, D as DirectionType } from './commonTypes-C-g8nFFC.mjs';

declare const DropdownMenuRoot: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
    end?: any;
    shortcut?: React.ReactNode;
    badged?: boolean;
    slug?: string;
    LinkComponent?: any;
} & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
    inset?: boolean;
} & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
declare const DropdownMenuShortcut: {
    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
    displayName: string;
};
type ExtendedDropdownMenuContentProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>> & {};
type ExtendedDropdownMenuTriggerProps = Partial<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>> & {};
type SubItem = {
    label?: string;
    value?: any;
    icon?: any;
    action?: () => void;
    onMiddleClick?: (e: any) => void;
    highlighted?: boolean;
    disabled?: boolean;
    slug?: string;
};
type MenuItemType = {
    icon?: React.ReactNode;
    label?: string;
    shortcut?: React.ReactNode;
    badged?: boolean;
    value?: any;
    content?: any;
    slug?: string;
    end?: any;
    presist?: boolean;
    itemType?: "separator" | "label" | "custom" | "radio";
    action?: () => void;
    highlighted?: boolean;
    subitems?: SubItem[];
    options?: RadioOptionType[];
    currentOption?: string;
    onOptionChange?: (value: string) => void;
    disabled?: boolean;
    onMiddleClick?: (e: any) => void;
    onClick?: any;
};
interface DropdownMenuProps {
    trigger?: any;
    items: MenuItemType[];
    direction?: DirectionType;
    classNames?: {
        trigger?: string;
        content?: string;
        item?: string;
        separator?: string;
    };
    className?: ExtendedDropdownMenuContentProps["className"];
    triggerClassname?: ExtendedDropdownMenuTriggerProps["className"];
    triggerProps?: DropdownMenuPrimitive.DropdownMenuTriggerProps;
    sideOffset?: ExtendedDropdownMenuContentProps["sideOffset"];
    side?: ExtendedDropdownMenuContentProps["side"];
    align?: ExtendedDropdownMenuContentProps["align"];
    alignOffset?: ExtendedDropdownMenuContentProps["alignOffset"];
    contentProps?: ExtendedDropdownMenuContentProps;
    width?: "default" | "sm" | "lg" | "parent";
    size?: "default" | "sm";
    onItemSelect?: any;
    onOpenChange?: any;
    header?: React.ReactNode;
    open?: any;
    LinkComponent?: any;
}
declare const DropdownMenu: React.FC<DropdownMenuProps>;
interface DropdownMenuRadioOptionType extends RadioOptionType {
    props?: Omit<DropdownMenuPrimitive.DropdownMenuItemProps, "value" | "label">;
}
interface DropdownMenuRadioProps {
    trigger?: React.ReactNode;
    side?: ExtendedDropdownMenuContentProps["side"];
    align?: ExtendedDropdownMenuContentProps["align"];
    options: DropdownMenuRadioOptionType[];
    value: string;
    onValueChange: any;
    label?: string;
    contentProps?: ExtendedDropdownMenuContentProps;
    radioGroupProps?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioGroup>;
}
declare const DropdownMenuRadio: React.FC<DropdownMenuRadioProps>;

export { DropdownMenu as D, type MenuItemType as M, type SubItem as S, DropdownMenuRoot as a, DropdownMenuRadio as b, DropdownMenuTrigger as c, DropdownMenuContent as d, DropdownMenuItem as e, DropdownMenuCheckboxItem as f, DropdownMenuRadioItem as g, DropdownMenuLabel as h, DropdownMenuSeparator as i, DropdownMenuShortcut as j, DropdownMenuGroup as k, DropdownMenuSub as l, DropdownMenuSubContent as m, DropdownMenuSubTrigger as n, DropdownMenuRadioGroup as o };