30 lines
870 B
TypeScript
30 lines
870 B
TypeScript
// Base para links diretos e triggers — pill arredondado
|
|
export const linkBase =
|
|
"inline-flex h-8 items-center justify-center rounded-full px-3 text-sm font-medium transition-all lowercase";
|
|
|
|
// Estado inativo: muted, hover suave sem underline
|
|
export const linkIdle =
|
|
"text-muted-foreground hover:text-foreground hover:bg-accent";
|
|
|
|
// Estado ativo: pill com cor primária
|
|
export const linkActive = "bg-primary/10 text-primary";
|
|
|
|
// Trigger do NavigationMenu — espelha linkBase + linkIdle, remove estilos padrão
|
|
export const triggerClass = [
|
|
"h-8!",
|
|
"rounded-full!",
|
|
"px-3!",
|
|
"py-0!",
|
|
"text-sm!",
|
|
"font-medium!",
|
|
"bg-transparent!",
|
|
"text-muted-foreground!",
|
|
"hover:text-foreground!",
|
|
"hover:bg-accent!",
|
|
"focus:text-foreground!",
|
|
"focus:bg-accent!",
|
|
"data-[state=open]:text-foreground!",
|
|
"data-[state=open]:bg-accent!",
|
|
"shadow-none!",
|
|
].join(" ");
|