| 578 | } |
| 579 | |
| 580 | function SidebarMenuBadge({ |
| 581 | className, |
| 582 | ...props |
| 583 | }: React.ComponentProps<"div">) { |
| 584 | return ( |
| 585 | <div |
| 586 | data-slot="sidebar-menu-badge" |
| 587 | data-sidebar="menu-badge" |
| 588 | className={cn( |
| 589 | "text-sidebar-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none", |
| 590 | "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", |
| 591 | "peer-data-[size=sm]/menu-button:top-1", |
| 592 | "peer-data-[size=default]/menu-button:top-1.5", |
| 593 | "peer-data-[size=lg]/menu-button:top-2.5", |
| 594 | "group-data-[collapsible=icon]:hidden", |
| 595 | className |
| 596 | )} |
| 597 | {...props} |
| 598 | /> |
| 599 | ) |
| 600 | } |
| 601 | |
| 602 | function SidebarMenuSkeleton({ |
| 603 | className, |