| 112 | } |
| 113 | |
| 114 | function MenubarCheckboxItem({ |
| 115 | className, |
| 116 | children, |
| 117 | checked, |
| 118 | ...props |
| 119 | }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) { |
| 120 | return ( |
| 121 | <MenubarPrimitive.CheckboxItem |
| 122 | data-slot="menubar-checkbox-item" |
| 123 | className={cn( |
| 124 | "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs 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", |
| 125 | className |
| 126 | )} |
| 127 | checked={checked} |
| 128 | {...props} |
| 129 | > |
| 130 | <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"> |
| 131 | <MenubarPrimitive.ItemIndicator> |
| 132 | <CheckIcon className="size-4" /> |
| 133 | </MenubarPrimitive.ItemIndicator> |
| 134 | </span> |
| 135 | {children} |
| 136 | </MenubarPrimitive.CheckboxItem> |
| 137 | ) |
| 138 | } |
| 139 | |
| 140 | function MenubarRadioItem({ |
| 141 | className, |