{
  "name": "security-change-password-form",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/profile-security/profile-security.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-col": ""
  },
  "html": "<div data-col>\n      <field-ui label=\"Current password\">\n        <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n      </field-ui>\n      <field-ui label=\"New password\" hint=\"At least 12 characters with a number and a symbol.\">\n        <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Confirm new password\">\n        <input-ui type=\"password\" placeholder=\"••••••••\"></input-ui>\n      </field-ui>\n      <button-ui text=\"Update password\" variant=\"primary\"></button-ui>\n    </div>",
  "source": "apps/saas/app/profile-security/profile-security.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Change password form — three stacked field-ui password inputs (current, new with a strength hint, confirm) above an Update password button. The canonical password-change block for an account security settings page.",
    "keywords": [
      "security",
      "change",
      "password",
      "form",
      "field-ui",
      "input-ui",
      "type-password",
      "current",
      "new",
      "confirm",
      "strength",
      "hint",
      "update",
      "credentials",
      "account",
      "settings",
      "forms",
      "reset",
      "rotate",
      "authentication"
    ]
  },
  "captured_at": "2026-06-10T13:16:11.236Z",
  "template": [
    {
      "id": "input",
      "component": "Input",
      "type": "password",
      "placeholder": "••••••••"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Current password",
      "children": [
        "input"
      ]
    },
    {
      "id": "input-2",
      "component": "Input",
      "type": "password",
      "placeholder": "••••••••"
    },
    {
      "id": "field-2",
      "component": "Field",
      "hint": "At least 12 characters with a number and a symbol.",
      "label": "New password",
      "children": [
        "input-2"
      ]
    },
    {
      "id": "input-3",
      "component": "Input",
      "type": "password",
      "placeholder": "••••••••"
    },
    {
      "id": "field-3",
      "component": "Field",
      "label": "Confirm new password",
      "children": [
        "input-3"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "text": "Update password",
      "variant": "primary"
    },
    {
      "id": "root",
      "component": "Column",
      "data-col": "",
      "children": [
        "field",
        "field-2",
        "field-3",
        "button"
      ]
    }
  ]
}