{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "auth-sign-in",
  "title": "Auth Sign In",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/auth-sign-in/AuthSignIn.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nconst Github = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n    <path d=\"M12 .5C5.7.5.5 5.7.5 12c0 5.1 3.3 9.4 7.9 10.9.6.1.8-.3.8-.6v-2c-3.2.7-3.9-1.5-3.9-1.5-.5-1.4-1.3-1.7-1.3-1.7-1.1-.7.1-.7.1-.7 1.2.1 1.8 1.2 1.8 1.2 1 1.8 2.7 1.3 3.4 1 .1-.8.4-1.3.7-1.6-2.6-.3-5.3-1.3-5.3-5.8 0-1.3.5-2.3 1.2-3.1-.1-.3-.5-1.5.1-3.1 0 0 1-.3 3.3 1.2a11.4 11.4 0 016 0C17 4.7 18 5 18 5c.6 1.6.2 2.8.1 3.1.8.8 1.2 1.8 1.2 3.1 0 4.5-2.7 5.5-5.3 5.8.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6 4.6-1.5 7.9-5.8 7.9-10.9C23.5 5.7 18.3.5 12 .5z\" />\n  </svg>\n)\n\nconst Chrome = ({ className }: { className?: string }) => (\n  <svg className={className} viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n    <path fill=\"#4285F4\" d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 01-2.2 3.32v2.77h3.57c2.08-1.92 3.27-4.74 3.27-8.1z\" />\n    <path fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0012 23z\" />\n    <path fill=\"#FBBC05\" d=\"M5.84 14.1a6.6 6.6 0 010-4.2V7.06H2.18a11 11 0 000 9.88l3.66-2.84z\" />\n    <path fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1A11 11 0 002.18 7.06l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z\" />\n  </svg>\n)\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport { Button } from '@/components/ui/button'\nimport { Checkbox } from '@/components/ui/checkbox'\nimport { Separator } from '@/components/ui/separator'\n\ntype OauthProvider = 'github' | 'google'\n\nexport interface AuthSignInProps {\n  title?: string\n  description?: string\n  signUpHref?: string\n  forgotPasswordHref?: string\n  oauthProviders?: OauthProvider[]\n  onSubmit?: (payload: { email: string; password: string; remember: boolean }) => void\n  onOauth?: (provider: OauthProvider) => void\n}\n\nexport function AuthSignIn({\n  title = 'Welcome back',\n  description = 'Sign in to your account to continue',\n  signUpHref = '/sign-up',\n  forgotPasswordHref = '/forgot-password',\n  oauthProviders = ['github', 'google'],\n  onSubmit,\n  onOauth,\n}: AuthSignInProps) {\n  const [email, setEmail] = React.useState('')\n  const [password, setPassword] = React.useState('')\n  const [remember, setRemember] = React.useState(false)\n\n  function handleSubmit(e: React.FormEvent) {\n    e.preventDefault()\n    onSubmit?.({ email, password, remember })\n  }\n\n  return (\n    <div className=\"bg-background flex min-h-svh items-center justify-center p-6\">\n      <Card className=\"w-full max-w-sm\">\n        <CardHeader className=\"text-center\">\n          <CardTitle className=\"text-2xl\">{title}</CardTitle>\n          <CardDescription>{description}</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <form className=\"space-y-4\" onSubmit={handleSubmit}>\n            <div className=\"grid gap-2\">\n              <Label htmlFor=\"email\">Email</Label>\n              <Input\n                id=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                type=\"email\"\n                placeholder=\"you@company.com\"\n                autoComplete=\"email\"\n                required\n              />\n            </div>\n            <div className=\"grid gap-2\">\n              <div className=\"flex items-center justify-between\">\n                <Label htmlFor=\"password\">Password</Label>\n                <a\n                  href={forgotPasswordHref}\n                  className=\"text-muted-foreground hover:text-foreground text-xs underline-offset-4 hover:underline\"\n                >\n                  Forgot password?\n                </a>\n              </div>\n              <Input\n                id=\"password\"\n                value={password}\n                onChange={(e) => setPassword(e.target.value)}\n                type=\"password\"\n                autoComplete=\"current-password\"\n                required\n              />\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Checkbox\n                id=\"remember\"\n                checked={remember}\n                onCheckedChange={(checked) => setRemember(checked === true)}\n              />\n              <Label htmlFor=\"remember\" className=\"text-sm font-normal\">\n                Remember me for 30 days\n              </Label>\n            </div>\n            <Button type=\"submit\" className=\"w-full\">\n              Sign in\n            </Button>\n          </form>\n\n          {oauthProviders.length > 0 && (\n            <>\n              <div className=\"my-6 flex items-center gap-3\">\n                <Separator className=\"flex-1\" />\n                <span className=\"text-muted-foreground text-xs uppercase\">or continue with</span>\n                <Separator className=\"flex-1\" />\n              </div>\n              <div className={`grid gap-2 ${oauthProviders.length > 1 ? 'sm:grid-cols-2' : ''}`}>\n                {oauthProviders.includes('github') && (\n                  <Button variant=\"outline\" type=\"button\" onClick={() => onOauth?.('github')}>\n                    <Github className=\"mr-2 size-4\" />\n                    GitHub\n                  </Button>\n                )}\n                {oauthProviders.includes('google') && (\n                  <Button variant=\"outline\" type=\"button\" onClick={() => onOauth?.('google')}>\n                    <Chrome className=\"mr-2 size-4\" />\n                    Google\n                  </Button>\n                )}\n              </div>\n            </>\n          )}\n        </CardContent>\n        <CardFooter className=\"justify-center\">\n          <p className=\"text-muted-foreground text-sm\">\n            Don&apos;t have an account?{' '}\n            <a href={signUpHref} className=\"text-foreground font-medium underline-offset-4 hover:underline\">\n              Sign up\n            </a>\n          </p>\n        </CardFooter>\n      </Card>\n    </div>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/AuthSignIn.tsx"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/card.json",
    "https://uipkge.dev/r/react/input.json",
    "https://uipkge.dev/r/react/label.json",
    "https://uipkge.dev/r/react/button.json",
    "https://uipkge.dev/r/react/checkbox.json",
    "https://uipkge.dev/r/react/separator.json"
  ],
  "description": "Full-page sign-in surface. Email + password + remember-me form, forgot-password and sign-up links, optional GitHub/Google OAuth row. Emits `submit` with the form payload and `oauth` with the chosen provider; consumer wires the actual auth call. Link targets are configurable via props.",
  "categories": [
    "auth"
  ]
}