mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +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/
93 lines
3.3 KiB
TypeScript
93 lines
3.3 KiB
TypeScript
import { type Metadata } from "next"
|
|
import Image from "next/image"
|
|
import Link from "next/link"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
import { buttonVariants } from "@/registry/new-york-v4/ui/button"
|
|
import { FieldDescription } from "@/registry/new-york-v4/ui/field"
|
|
import { UserAuthForm } from "@/app/(app)/examples/authentication/components/user-auth-form"
|
|
|
|
export const metadata: Metadata = {
|
|
title: "Authentication",
|
|
description: "Authentication forms built using the components.",
|
|
}
|
|
|
|
export default function AuthenticationPage() {
|
|
return (
|
|
<>
|
|
<div className="md:hidden">
|
|
<Image
|
|
src="/examples/authentication-light.png"
|
|
width={1280}
|
|
height={843}
|
|
alt="Authentication"
|
|
className="block dark:hidden"
|
|
priority
|
|
/>
|
|
<Image
|
|
src="/examples/authentication-dark.png"
|
|
width={1280}
|
|
height={843}
|
|
alt="Authentication"
|
|
className="hidden dark:block"
|
|
priority
|
|
/>
|
|
</div>
|
|
<div className="relative container hidden flex-1 shrink-0 items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
|
|
<Link
|
|
href="/examples/authentication"
|
|
className={cn(
|
|
buttonVariants({ variant: "ghost" }),
|
|
"absolute top-4 right-4 md:top-8 md:right-8"
|
|
)}
|
|
>
|
|
Login
|
|
</Link>
|
|
<div className="relative hidden h-full flex-col p-10 text-primary lg:flex dark:border-r">
|
|
<div className="absolute inset-0 bg-primary/5" />
|
|
<div className="relative z-20 flex items-center text-lg font-medium">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
className="mr-2 h-6 w-6"
|
|
>
|
|
<path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" />
|
|
</svg>
|
|
Acme Inc
|
|
</div>
|
|
<div className="relative z-20 mt-auto">
|
|
<blockquote className="leading-normal text-balance">
|
|
“This library has saved me countless hours of work and
|
|
helped me deliver stunning designs to my clients faster than ever
|
|
before.” - Sofia Davis
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-center justify-center lg:h-[1000px] lg:p-8">
|
|
<div className="mx-auto flex w-full flex-col justify-center gap-6 sm:w-[350px]">
|
|
<div className="flex flex-col gap-2 text-center">
|
|
<h1 className="text-2xl font-semibold tracking-tight">
|
|
Create an account
|
|
</h1>
|
|
<p className="text-sm text-muted-foreground">
|
|
Enter your email below to create your account
|
|
</p>
|
|
</div>
|
|
<UserAuthForm />
|
|
<FieldDescription className="px-6 text-center">
|
|
By clicking continue, you agree to our{" "}
|
|
<Link href="/terms">Terms of Service</Link> and{" "}
|
|
<Link href="/privacy">Privacy Policy</Link>.
|
|
</FieldDescription>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|