{
  "name": "security-delete-account-danger",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/profile-security/profile-security.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-col": ""
  },
  "html": "<div data-col>\n      <alert-ui\n        variant=\"danger\"\n        icon=\"warning\"\n        text=\"You will lose access to all workspaces, conversations, and settings. Data is purged after 30 days.\"\n      ></alert-ui>\n      <field-ui label=\"Type your email to confirm\">\n        <input-ui placeholder=\"kim@acme.com\"></input-ui>\n      </field-ui>\n      <button-ui text=\"Delete my account\" color=\"danger\" icon=\"trash\" onclick=\"document.getElementById('drawer-delete-account').open = true\"></button-ui>\n    </div>",
  "source": "apps/saas/app/profile-security/profile-security.contents.html",
  "metadata": {
    "domain": "settings",
    "description": "Delete account danger zone — a danger alert-ui warning of data loss, a type-your-email confirmation field-ui, and a destructive Delete my account button. The irreversible account-deletion block for an account security page.",
    "keywords": [
      "security",
      "delete",
      "account",
      "danger",
      "zone",
      "destructive",
      "alert-ui",
      "warning",
      "confirm",
      "email",
      "field-ui",
      "type-to-confirm",
      "trash",
      "irreversible",
      "purge",
      "data-loss",
      "settings",
      "close-account",
      "remove",
      "deactivate"
    ]
  },
  "captured_at": "2026-06-10T13:16:11.236Z",
  "template": [
    {
      "id": "alert",
      "component": "Alert",
      "icon": "warning",
      "text": "You will lose access to all workspaces, conversations, and settings. Data is purged after 30 days.",
      "variant": "danger"
    },
    {
      "id": "input",
      "component": "Input",
      "placeholder": "kim@acme.com"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Type your email to confirm",
      "children": [
        "input"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "color": "danger",
      "icon": "trash",
      "text": "Delete my account"
    },
    {
      "id": "root",
      "component": "Column",
      "data-col": "",
      "children": [
        "alert",
        "field",
        "button"
      ]
    }
  ]
}