{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "auth-2", "type": "registry:block", "description": "Modern auth page with testimonial sidebar, social logins, and email signup.", "dependencies": [ "motion" ], "registryDependencies": [ "button", "input-group" ], "files": [ { "path": "registry/blocks/auth/2/auth-page.tsx", "content": "\"use client\";\n\nimport { AtSignIcon, ChevronLeftIcon } from \"lucide-react\";\nimport type React from \"react\";\nimport { Logo } from \"@/components/logo\";\nimport { Button } from \"@/components/ui/button\";\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupInput,\n} from \"@/components/ui/input-group\";\nimport { FloatingPaths } from \"./floating-paths\";\n\nexport function AuthPage() {\n return (\n
\n
\n );\n}\n\nconst GoogleIcon = (props: React.ComponentProps<\"svg\">) => (\n \n \n \n \n \n);\n\nfunction AppleIcon({\n fill = \"currentColor\",\n ...props\n}: React.ComponentProps<\"svg\">) {\n return (\n \n \n \n \n \n \n \n \n );\n}\n\nconst GithubIcon = (props: React.ComponentProps<\"svg\">) => (\n \n \n \n);\n", "type": "registry:component" }, { "path": "registry/blocks/auth/2/floating-paths.tsx", "content": "import { motion } from \"motion/react\";\n\nexport function FloatingPaths({ position }: { position: number }) {\n const paths = Array.from({ length: 36 }, (_, i) => ({\n id: i,\n d: `M-${380 - i * 5 * position} -${189 + i * 6}C-${\n 380 - i * 5 * position\n } -${189 + i * 6} -${312 - i * 5 * position} ${216 - i * 6} ${\n 152 - i * 5 * position\n } ${343 - i * 6}C${616 - i * 5 * position} ${470 - i * 6} ${\n 684 - i * 5 * position\n } ${875 - i * 6} ${684 - i * 5 * position} ${875 - i * 6}`,\n color: `rgba(15,23,42,${0.1 + i * 0.03})`,\n width: 0.5 + i * 0.03,\n }));\n\n return (\n
\n \n Background Paths\n {paths.map((path) => (\n \n ))}\n \n
\n );\n}\n", "type": "registry:component" }, { "path": "components/logo.tsx", "content": "import type React from \"react\";\n\nexport const LogoIcon = (props: React.ComponentProps<\"svg\">) => (\n \n \n \n \n \n \n);\n\nexport const Logo = (props: React.ComponentProps<\"svg\">) => (\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n);\n", "type": "registry:component" } ], "categories": [ "auth" ] }