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 { ContextMenuProps } from "@radix-ui/react-context-menu";

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

/**
 * Props for the context menu arrow component.
 * Displays a small arrow pointing to the trigger element.
 */
type ContextMenuArrowProps = Omit<MenuArrowProps, 'component'>;
/**
 * Props for the context menu content component.
 * The container that holds menu items and appears on right-click.
 */
type ContextMenuContentProps = Omit<MenuContentProps, 'arrowComponent' | 'component' | 'portalComponent'>;
/**
 * Props for individual context menu item component.
 * A selectable item in the context menu.
 */
type ContextMenuItemProps = Omit<MenuItemProps, 'component'>;
/**
 * Props for context menu label component.
 * Non-interactive label for grouping menu items.
 */
type ContextMenuLabelProps = Omit<MenuLabelProps, 'component'>;
/**
 * Props for context menu option component.
 * Base type for different option types (item, group, etc).
 */
type ContextMenuOptionProps = Omit<MenuOptionProps, 'component' | 'labelComponent' | 'separatorComponent' | 'subComponent' | 'subContentComponent' | 'subTriggerComponent'>;
/**
 * Props for context menu item indicator component.
 * Visual indicator for checked or selected menu items.
 */
type ContextMenuItemIndicatorProps = Omit<MenuItemIndicatorProps, 'component'>;
/**
 * Props for context menu separator component.
 * Visual divider between menu items or groups.
 */
type ContextMenuSeparatorProps = Omit<MenuSeparatorProps, 'component'>;
/**
 * Props for context menu submenu content component.
 * Container for nested submenu items.
 */
type ContextMenuSubContentProps = Omit<MenuSubContentProps, 'component' | 'groupComponent' | 'portalComponent'>;
/**
 * Props for context menu submenu trigger component.
 * Clickable item that opens a submenu.
 */
type ContextMenuSubTriggerProps = Omit<MenuSubTriggerProps, 'component'>;
/**
 * Props for context menu checkbox item component.
 * Menu item with checkbox functionality.
 */
type ContextMenuCheckboxItemProps = Omit<MenuCheckboxItemProps, 'component' | 'indicatorComponent'>;
/**
 * Props for context menu checkbox group component.
 * Group of related checkbox items with mutual exclusivity control.
 */
type ContextMenuCheckboxGroupProps = Omit<MenuCheckboxGroupProps, 'component' | 'groupComponent' | 'labelComponent' | 'separatorComponent'>;
/**
 * Props for context menu with checkbox items.
 * Full context menu component supporting checkbox group functionality.
 *
 * @example
 * ```tsx
 * <ContextMenuCheckbox
 *   value={selected}
 *   items={[
 *     { type: 'item', label: 'Option 1', value: 'opt1' },
 *     { type: 'item', label: 'Option 2', value: 'opt2' }
 *   ]}
 * />
 * ```
 */
interface ContextMenuCheckboxProps extends Omit<ContextMenuCheckboxGroupProps, 'dir'>, StyledComponentProps<ContextMenuProps> {
  /**
   * Props to pass to the content component.
   */
  contentProps?: Omit<ContextMenuContentProps, 'arrowClass' | 'className'>;
}
/**
 * Props for context menu radio item component.
 * Menu item with radio button functionality.
 */
type ContextMenuRadioItemProps = Omit<MenuRadioItemProps, 'component' | 'indicatorComponent'>;
/**
 * Props for context menu radio group component.
 * Group of related radio items with mutual exclusivity (only one selectable).
 */
type ContextMenuRadioGroupProps = Omit<MenuRadioGroupProps, 'component' | 'groupComponent' | 'labelComponent' | 'separatorComponent'>;
/**
 * Props for context menu with radio items.
 * Full context menu component supporting radio group functionality.
 *
 * @example
 * ```tsx
 * <ContextMenuRadio
 *   value={selected}
 *   items={[
 *     { type: 'item', label: 'Option A', value: 'a' },
 *     { type: 'item', label: 'Option B', value: 'b' }
 *   ]}
 * />
 * ```
 */
interface ContextMenuRadioProps extends Omit<ContextMenuRadioGroupProps, 'dir'>, StyledComponentProps<ContextMenuProps> {
  /**
   * Props to pass to the content component.
   */
  contentProps?: Omit<ContextMenuContentProps, 'arrowClass' | 'className'>;
}
/**
 * Props for the main ContextMenu component.
 * A right-click context menu with support for nested items and groups.
 *
 * @example
 * ```tsx
 * <ContextMenu
 *   items={[
 *     { type: 'item', label: 'Cut', onSelect: () => cut() },
 *     { type: 'item', label: 'Copy', onSelect: () => copy() },
 *     { type: 'separator' },
 *     { type: 'item', label: 'Paste', onSelect: () => paste() }
 *   ]}
 * >
 *   <div>Right-click me</div>
 * </ContextMenu>
 * ```
 */
interface ContextMenuProps$1 extends StyledComponentProps<ContextMenuProps>, MenuCommonProps {
  /**
   * Element that triggers the context menu on right-click.
   */
  children?: ReactNode;
  /**
   * Props to pass to the content component.
   */
  contentProps?: Omit<ContextMenuContentProps, 'children'>;
  /**
   * Array of context menu items, groups, or separators.
   */
  items: ContextMenuOptionProps['item'][];
}
//#endregion
export { ContextMenuArrowProps, ContextMenuCheckboxGroupProps, ContextMenuCheckboxItemProps, ContextMenuCheckboxProps, ContextMenuContentProps, ContextMenuItemIndicatorProps, ContextMenuItemProps, ContextMenuLabelProps, ContextMenuOptionProps, ContextMenuProps$1 as ContextMenuProps, ContextMenuRadioGroupProps, ContextMenuRadioItemProps, ContextMenuRadioProps, ContextMenuSeparatorProps, ContextMenuSubContentProps, ContextMenuSubTriggerProps };