import { StyledComponentProps } from "../../types/shared.js";
import { MenuArrowProps, MenuCheckboxGroupProps, MenuCheckboxItemProps, MenuCommonProps, MenuContentProps, MenuItemIndicatorProps, MenuItemProps, MenuLabelProps, MenuOptionProps, MenuRadioGroupProps, MenuRadioItemProps, MenuSeparatorProps, MenuSubContentProps, MenuSubTriggerProps } from "../menu/types.js";
import { ReactNode } from "react";
import { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";

//#region src/components/dropdown-menu/types.d.ts

/**
 * Props for the dropdown menu arrow indicator.
 * The small arrow pointing toward the trigger element.
 */
type DropdownMenuArrowProps = Omit<MenuArrowProps, 'component'>;
/**
 * Props for the dropdown menu content container.
 * Wraps the menu items and handles positioning and accessibility.
 */
type DropdownMenuContentProps = Omit<MenuContentProps, 'arrowComponent' | 'component' | 'portalComponent'>;
/**
 * Props for a dropdown menu item.
 * Individual menu items that can be clicked to trigger actions.
 */
type DropdownMenuItemProps = Omit<MenuItemProps, 'component'>;
/**
 * Props for the dropdown menu label component.
 * Non-interactive text used to group or label menu items.
 */
type DropdownMenuLabelProps = Omit<MenuLabelProps, 'component'>;
/**
 * Props for dropdown menu option data structure.
 * Represents a configurable menu option with label, icon, and action.
 */
type DropdownMenuOptionProps = Omit<MenuOptionProps, 'component' | 'labelComponent' | 'separatorComponent' | 'subComponent' | 'subContentComponent' | 'subTriggerComponent'>;
/**
 * Props for the dropdown menu item indicator.
 * Visual indicator for selected or checked menu items.
 */
type DropdownMenuItemIndicatorProps = Omit<MenuItemIndicatorProps, 'component'>;
/**
 * Props for the dropdown menu separator.
 * Visual divider between menu item groups.
 */
type DropdownMenuSeparatorProps = Omit<MenuSeparatorProps, 'component'>;
/**
 * Props for the dropdown menu sub-content component.
 * Container for nested/submenu items.
 */
type DropdownMenuSubContentProps = Omit<MenuSubContentProps, 'component' | 'groupComponent' | 'portalComponent'>;
/**
 * Props for the dropdown menu sub-trigger component.
 * Trigger element that opens a submenu.
 */
type DropdownMenuSubTriggerProps = Omit<MenuSubTriggerProps, 'component'>;
/**
 * Props for dropdown menu checkbox item.
 * Menu item with a checkbox indicator for boolean selections.
 */
type DropdownMenuCheckboxItemProps = Omit<MenuCheckboxItemProps, 'component' | 'indicatorComponent'>;
/**
 * Props for dropdown menu checkbox group.
 * Group of checkbox items where multiple items can be selected.
 */
type DropdownMenuCheckboxGroupProps = Omit<MenuCheckboxGroupProps, 'component' | 'groupComponent' | 'labelComponent' | 'separatorComponent'>;
/**
 * Props for the main Dropdown Menu with checkbox group.
 * A dropdown menu where items can be checked/unchecked independently.
 *
 * @example
 * ```tsx
 * <DropdownMenuCheckbox
 *   items={[
 *     { label: 'Option 1', value: 'opt1' },
 *     { label: 'Option 2', value: 'opt2' }
 *   ]}
 *   value={['opt1']}
 *   onChange={handleChange}
 * />
 * ```
 */
interface DropdownMenuCheckboxProps extends Omit<DropdownMenuCheckboxGroupProps, 'dir'>, StyledComponentProps<DropdownMenuProps> {
  /**
   * Props to customize the dropdown menu content container.
   */
  contentProps?: Omit<DropdownMenuContentProps, 'arrowClass' | 'className'>;
}
/**
 * Props for dropdown menu radio item.
 * Menu item with a radio button indicator for mutually exclusive selections.
 */
type DropdownMenuRadioItemProps = Omit<MenuRadioItemProps, 'component' | 'indicatorComponent'>;
/**
 * Props for dropdown menu radio group.
 * Group of radio items where only one item can be selected at a time.
 */
type DropdownMenuRadioGroupProps = Omit<MenuRadioGroupProps, 'component' | 'groupComponent' | 'labelComponent' | 'separatorComponent'>;
/**
 * Props for the main Dropdown Menu with radio group.
 * A dropdown menu where only one item can be selected at a time.
 *
 * @example
 * ```tsx
 * <DropdownMenuRadio
 *   items={[
 *     { label: 'Small', value: 'sm' },
 *     { label: 'Medium', value: 'md' },
 *     { label: 'Large', value: 'lg' }
 *   ]}
 *   value="md"
 *   onChange={handleChange}
 * />
 * ```
 */
interface DropdownMenuRadioProps extends Omit<DropdownMenuRadioGroupProps, 'dir'>, StyledComponentProps<DropdownMenuProps> {
  /**
   * Props to customize the dropdown menu content container.
   */
  contentProps?: Omit<DropdownMenuContentProps, 'arrowClass' | 'className'>;
}
/**
 * Props for the main Dropdown Menu component.
 * A context menu triggered by an element with customizable items and actions.
 *
 * @example
 * ```tsx
 * <DropdownMenu
 *   items={[
 *     { label: 'Edit', icon: <EditIcon /> },
 *     { label: 'Delete', icon: <DeleteIcon /> }
 *   ]}
 * >
 *   <button>Menu</button>
 * </DropdownMenu>
 * ```
 */
interface DropdownMenuProps$1 extends StyledComponentProps<DropdownMenuProps>, MenuCommonProps {
  /**
   * Child elements of the dropdown menu (typically the trigger).
   */
  children?: ReactNode;
  /**
   * Props to customize the dropdown menu content container.
   */
  contentProps?: Omit<DropdownMenuContentProps, 'children'>;
  /**
   * Array of menu items to render in the dropdown.
   * Each item is a data object containing label, icon, action, etc.
   */
  items: DropdownMenuOptionProps['item'][];
}
//#endregion
export { DropdownMenuArrowProps, DropdownMenuCheckboxGroupProps, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxProps, DropdownMenuContentProps, DropdownMenuItemIndicatorProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuOptionProps, DropdownMenuProps$1 as DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuRadioProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps };