mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
05fc512820
Upstream sync from shadcn-ui/ui (1686 commits since last merge base). Key changes: - packages/shadcn upgraded to 4.1.0 (CLI font transformers, scaffold from github, chart colors) - apps/v4 replaces apps/www as the primary docs/registry app - Font system: 25+ heading font registries, font markers utility, @supports override - Chart improvements: recharts v3 compat, radial chart fixes - templates/ updated with monorepo variants (astro, vite, react-router, start) - skills/shadcn AI skill definitions added - deprecated/ removed (auth, auth-firebase, cli, www) Preserved Hanzo-only paths: app/, pkg/, demo/, docs/, template/next/
40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import Link from "next/link"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
import { BASES } from "@/registry/bases"
|
|
|
|
export function DocsBaseSwitcher({
|
|
base,
|
|
component,
|
|
className,
|
|
}: {
|
|
base: string
|
|
component: string
|
|
className?: string
|
|
}) {
|
|
const activeBase = BASES.find((baseItem) => base === baseItem.name)
|
|
|
|
return (
|
|
<div className={cn("inline-flex w-full items-center gap-6", className)}>
|
|
{BASES.map((baseItem) => (
|
|
<Link
|
|
key={baseItem.name}
|
|
href={`/docs/components/${baseItem.name}/${component}`}
|
|
data-active={base === baseItem.name}
|
|
className="relative inline-flex items-center justify-center gap-1 pt-1 pb-0.5 text-base font-medium text-muted-foreground transition-colors after:absolute after:inset-x-0 after:bottom-[-4px] after:h-0.5 after:bg-foreground after:opacity-0 after:transition-opacity hover:text-foreground data-[active=true]:text-foreground data-[active=true]:after:opacity-100"
|
|
>
|
|
{baseItem.title}
|
|
</Link>
|
|
))}
|
|
{activeBase?.meta?.logo && (
|
|
<div
|
|
className="ml-auto size-4 shrink-0 text-muted-foreground opacity-80 [&_svg]:size-4"
|
|
dangerouslySetInnerHTML={{
|
|
__html: activeBase.meta.logo,
|
|
}}
|
|
/>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|