| 138 | } |
| 139 | |
| 140 | function MenubarRadioItem({ |
| 141 | className, |
| 142 | children, |
| 143 | ...props |
| 144 | }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) { |
| 145 | return ( |
| 146 | <MenubarPrimitive.RadioItem |
| 147 | data-slot="menubar-radio-item" |
| 148 | className={cn( |
| 149 | "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", |
| 150 | className |
| 151 | )} |
| 152 | {...props} |
| 153 | > |
| 154 | <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"> |
| 155 | <MenubarPrimitive.ItemIndicator> |
| 156 | <CircleIcon className="size-2 fill-current" /> |
| 157 | </MenubarPrimitive.ItemIndicator> |
| 158 | </span> |
| 159 | {children} |
| 160 | </MenubarPrimitive.RadioItem> |
| 161 | ) |
| 162 | } |
| 163 | |
| 164 | function MenubarLabel({ |
| 165 | className, |