{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"settings-de-perfil","type":"registry:block","title":"Settings de perfil","description":"Menu lateral e cards de informações, preferências e zona de perigo.","author":"UI Catalog <https://ui.codehall.io>","dependencies":[],"registryDependencies":["button","card","input","label","separator","switch"],"files":[{"path":"components/pages/settings-de-perfil.tsx","type":"registry:component","content":"'use client'\n\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Label } from '@/components/ui/label'\nimport { Switch } from '@/components/ui/switch'\nimport { Separator } from '@/components/ui/separator'\n\nconst MENU = ['Perfil', 'Conta', 'Notificações', 'Integrações', 'Cobrança', 'Equipe']\n\nexport default function SettingsPerfil() {\n  return (\n    <div className=\"mx-auto w-full max-w-5xl px-6 py-10\">\n      <h1 className=\"text-2xl font-semibold tracking-tight\">Configurações</h1>\n      <p className=\"text-sm text-muted-foreground\">Gerencie sua conta e as preferências do workspace.</p>\n      <Separator className=\"my-6\" />\n      <div className=\"grid gap-8 md:grid-cols-[200px_1fr]\">\n        <nav className=\"flex flex-col gap-0.5 text-sm\">\n          {MENU.map((m, i) => (\n            <a key={m} href=\"#\" className={`rounded-md px-3 py-1.5 ${i === 0 ? 'bg-muted font-medium' : 'text-muted-foreground hover:bg-muted/60'}`}>\n              {m}\n            </a>\n          ))}\n        </nav>\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Informações pessoais</CardTitle>\n              <CardDescription>Visíveis para o seu time.</CardDescription>\n            </CardHeader>\n            <CardContent className=\"grid gap-4 sm:grid-cols-2\">\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"n\">Nome</Label>\n                <Input id=\"n\" defaultValue=\"Ana Souza\" />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"e\">E-mail</Label>\n                <Input id=\"e\" type=\"email\" defaultValue=\"ana@empresa.com\" />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"t\">Telefone</Label>\n                <Input id=\"t\" defaultValue=\"(11) 99999-0000\" />\n              </div>\n              <div className=\"space-y-1.5\">\n                <Label htmlFor=\"c\">Cargo</Label>\n                <Input id=\"c\" defaultValue=\"Head de Vendas\" />\n              </div>\n            </CardContent>\n            <CardFooter className=\"justify-end border-t\">\n              <Button>Salvar</Button>\n            </CardFooter>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Preferências</CardTitle>\n              <CardDescription>Como o produto se comporta para você.</CardDescription>\n            </CardHeader>\n            <CardContent className=\"space-y-4 text-sm\">\n              {[\n                ['Atribuir conversas automaticamente', 'Entra na fila justa quando online.', true],\n                ['Resumo da IA no card', 'Mostra sentimento e próximo passo.', true],\n                ['Som de nova mensagem', 'Toca um aviso curto.', false],\n              ].map(([t, d, on]) => (\n                <div key={String(t)} className=\"flex items-center justify-between gap-4\">\n                  <div>\n                    <div className=\"font-medium\">{t}</div>\n                    <div className=\"text-xs text-muted-foreground\">{d}</div>\n                  </div>\n                  <Switch defaultChecked={Boolean(on)} />\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n          <Card className=\"border-destructive/40\">\n            <CardHeader>\n              <CardTitle>Zona de perigo</CardTitle>\n              <CardDescription>Ações irreversíveis.</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <Button variant=\"destructive\">Excluir minha conta</Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  )\n}\n"}]}