Files
zeekay 05fc512820 feat: sync upstream shadcn/ui — [email protected], v4 app, font system, chart improvements
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/
2026-03-24 19:04:31 -07:00

44 lines
1.2 KiB
TypeScript

"use client"
import { Button } from "@/registry/bases/base/ui/button"
import {
Card,
CardContent,
CardDescription,
CardFooter,
CardHeader,
CardTitle,
} from "@/registry/bases/base/ui/card"
export function EnvironmentVariables() {
return (
<Card>
<CardHeader>
<CardTitle>Environment Variables</CardTitle>
<CardDescription>Production · 8 variables</CardDescription>
</CardHeader>
<CardContent className="flex flex-col gap-2">
{[
{ key: "DATABASE_URL", masked: true },
{ key: "NEXT_PUBLIC_API", masked: false },
{ key: "STRIPE_SECRET", masked: true },
].map((env) => (
<div
key={env.key}
className="flex items-center gap-2 rounded-md px-2.5 py-2 font-mono text-xs ring ring-border"
>
<span className="font-medium">{env.key}</span>
<span className="ml-auto text-muted-foreground">
{env.masked ? "••••••••" : "https://api.example.com"}
</span>
</div>
))}
</CardContent>
<CardFooter>
<Button variant="outline">Edit</Button>
<Button className="ml-auto">Deploy</Button>
</CardFooter>
</Card>
)
}