{
  "$schema": "https://neoncite-ui.brunopetrovic33.workers.dev/r/schema.json",
  "name": "settings-panel",
  "type": "registry:block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "input",
    "label",
    "separator",
    "switch"
  ],
  "integrity": "sha256-HBXanlrFTXZ6m9bTIgn7AUFkl5gmC2MqsPELmZo2waI=",
  "files": [
    {
      "path": "components/neoncite/blocks/settings-panel.tsx",
      "content": "import { Bell, KeyRound, User } from \"lucide-react\";\nimport { Button } from \"@/registry/ui/button\";\nimport { Input } from \"@/registry/ui/input\";\nimport { Label } from \"@/registry/ui/label\";\nimport { Separator } from \"@/registry/ui/separator\";\nimport { Switch } from \"@/registry/ui/switch\";\n\nexport function SettingsPanel() {\n  return (\n    <div className=\"grid gap-5 rounded-[18px] border border-[color:var(--hairline)] bg-[color:var(--surface-0)] p-5 md:grid-cols-[200px_1fr]\">\n      <nav className=\"space-y-1 font-mono text-[11px] uppercase tracking-wider\">\n        <button className=\"flex w-full items-center gap-2 rounded-[9px] border border-[color:var(--neon-pink)]/30 bg-[color:var(--neon-pink)]/10 px-3 py-2 text-[color:var(--neon-pink)]\">\n          <User className=\"h-3.5 w-3.5\" /> Profile\n        </button>\n        <button className=\"flex w-full items-center gap-2 rounded-[9px] px-3 py-2 text-muted-foreground\">\n          <Bell className=\"h-3.5 w-3.5\" /> Notifications\n        </button>\n        <button className=\"flex w-full items-center gap-2 rounded-[9px] px-3 py-2 text-muted-foreground\">\n          <KeyRound className=\"h-3.5 w-3.5\" /> Security\n        </button>\n      </nav>\n      <div>\n        <h3 className=\"font-mono text-lg font-bold text-foreground\">Profile settings</h3>\n        <p className=\"mt-1 text-sm text-muted-foreground\">\n          Demo settings surface using Neoncite form primitives.\n        </p>\n        <Separator className=\"my-5\" />\n        <div className=\"grid gap-4 sm:grid-cols-2\">\n          <div>\n            <Label htmlFor=\"settings-name\">Display name</Label>\n            <Input id=\"settings-name\" className=\"mt-2\" defaultValue=\"Operator 07\" />\n          </div>\n          <div>\n            <Label htmlFor=\"settings-email\">Email</Label>\n            <Input id=\"settings-email\" className=\"mt-2\" defaultValue=\"operator@example.com\" />\n          </div>\n        </div>\n        <div className=\"mt-5 flex items-center justify-between rounded-[12px] border border-[color:var(--hairline)] bg-[color:var(--surface-1)] p-4\">\n          <div>\n            <div className=\"text-sm text-foreground\">Operational alerts</div>\n            <div className=\"mt-1 text-xs text-muted-foreground\">\n              Receive critical runtime notifications.\n            </div>\n          </div>\n          <Switch defaultChecked />\n        </div>\n        <div className=\"mt-5 flex justify-end\">\n          <Button variant=\"primary\">Save changes</Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n",
      "integrity": "sha256-HBXanlrFTXZ6m9bTIgn7AUFkl5gmC2MqsPELmZo2waI=",
      "type": "registry:block",
      "target": ""
    }
  ]
}