{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "auth-shell",
  "title": "Authentication Shell",
  "description": "Centered branded authentication layout with composable card and footer slots.",
  "registryDependencies": [
    "askyourpolicy/ss-registry/stitch-base",
    "askyourpolicy/ss-registry/card",
    "askyourpolicy/ss-registry/stitch-brand"
  ],
  "files": [
    {
      "path": "src/components/ui/auth-shell.tsx",
      "content": "import * as React from \"react\";\n\nimport { Card, CardContent, CardFooter, CardHeader } from \"@/components/ui/card\";\nimport { BrandLockup } from \"@/components/ui/stitch-brand\";\nimport { cn } from \"@/lib/utils\";\n\nfunction AuthShell({ className, children, ...props }: React.ComponentProps<\"main\">) {\n  return (\n    <main\n      className={cn(\n        \"grid min-h-svh place-items-center bg-background px-4 py-10 sm:px-6\",\n        className,\n      )}\n      data-slot=\"auth-shell\"\n      {...props}\n    >\n      <div className=\"flex w-full max-w-sm flex-col gap-6\" data-slot=\"auth-shell-container\">\n        {children}\n      </div>\n    </main>\n  );\n}\n\nfunction AuthShellBrand({ className, children, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div className={cn(\"flex justify-center\", className)} data-slot=\"auth-shell-brand\" {...props}>\n      {children ?? <BrandLockup />}\n    </div>\n  );\n}\n\nfunction AuthShellCard({ className, ...props }: React.ComponentProps<typeof Card>) {\n  return <Card className={cn(\"w-full\", className)} data-component=\"auth-shell-card\" {...props} />;\n}\n\nfunction AuthShellHeader({ className, ...props }: React.ComponentProps<typeof CardHeader>) {\n  return (\n    <CardHeader\n      className={cn(\"text-center\", className)}\n      data-component=\"auth-shell-header\"\n      {...props}\n    />\n  );\n}\n\nfunction AuthShellContent({ className, ...props }: React.ComponentProps<typeof CardContent>) {\n  return <CardContent className={className} data-component=\"auth-shell-content\" {...props} />;\n}\n\nfunction AuthShellCardFooter({ className, ...props }: React.ComponentProps<typeof CardFooter>) {\n  return (\n    <CardFooter\n      className={cn(\"flex-col items-stretch gap-2\", className)}\n      data-component=\"auth-shell-card-footer\"\n      {...props}\n    />\n  );\n}\n\nfunction AuthShellFooter({ className, ...props }: React.ComponentProps<\"footer\">) {\n  return (\n    <footer\n      className={cn(\"text-center text-xs leading-snug text-muted-foreground\", className)}\n      data-slot=\"auth-shell-footer\"\n      {...props}\n    />\n  );\n}\n\nexport {\n  AuthShell,\n  AuthShellBrand,\n  AuthShellCard,\n  AuthShellCardFooter,\n  AuthShellContent,\n  AuthShellFooter,\n  AuthShellHeader,\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}