<!-- source-hash: d1c57ae6ae958d461aaf3fb171dd1d00 -->
A compact, reusable dropdown menu component triggered by an ellipsis icon button, built on Radix UI's `DropdownMenu`. Supports both link-based and click-based menu items with optional icons, danger states, and controlled open/close behavior.

## Key Components

### `MoreActionsItem`
Type definition for individual menu entries:
- `label` — display text
- `onClick` — optional click handler
- `href` — renders item as a `<Link>` (anchor tag) instead of a button
- `openInNewTab` — applies `target="_blank"` when using `href`
- `icon` — optional React node rendered before the label
- `disabled` — disables interaction and reduces opacity
- `danger` — applies error color styling to the icon

### `MoreActionsMenuProps`
Configuration interface for the menu:
- `items` — array of `MoreActionsItem`
- `align`, `side`, `sideOffset` — Radix positioning controls
- `trigger` — optional custom trigger element (replaces default ellipsis button)
- `open` / `onOpenChange` — controlled open state support

### `MoreActionsMenu`
The exported component. Renders either a default ellipsis icon `Button` or a custom `trigger`, with a `DropdownMenuContent` list of items.

## Usage Example

```typescript
import { MoreActionsMenu } from './more-actions-menu'
import { EditIcon, TrashIcon } from '../icons'

<MoreActionsMenu
  items={[
    {
      label: 'Edit',
      icon: <EditIcon />,
      onClick: () => console.log('edit'),
    },
    {
      label: 'View Details',
      href: '/tickets/123',
      openInNewTab: true,
    },
    {
      label: 'Delete',
      icon: <TrashIcon />,
      danger: true,
      onClick: () => console.log('delete'),
    },
  ]}
  align="end"
  side="bottom"
/>
```