| 81 | } |
| 82 | |
| 83 | function DropdownMenuCheckboxItem({ |
| 84 | className, |
| 85 | children, |
| 86 | checked, |
| 87 | ...props |
| 88 | }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) { |
| 89 | return ( |
| 90 | <DropdownMenuPrimitive.CheckboxItem |
| 91 | data-slot="dropdown-menu-checkbox-item" |
| 92 | className={cn( |
| 93 | "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", |
| 94 | className |
| 95 | )} |
| 96 | checked={checked} |
| 97 | {...props} |
| 98 | > |
| 99 | <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"> |
| 100 | <DropdownMenuPrimitive.ItemIndicator> |
| 101 | <CheckIcon className="size-4" /> |
| 102 | </DropdownMenuPrimitive.ItemIndicator> |
| 103 | </span> |
| 104 | {children} |
| 105 | </DropdownMenuPrimitive.CheckboxItem> |
| 106 | ) |
| 107 | } |
| 108 | |
| 109 | function DropdownMenuRadioGroup({ |
| 110 | ...props |