{
  "name": "auth-new-password-form",
  "kind": "block",
  "primary": "form",
  "page": "/apps/user-flow/app/auth/reset-password/reset-password.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "size": "lg"
  },
  "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"New password\"\n                  type=\"password\"\n                  name=\"password\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  hint=\"At least 12 characters, with a number and a symbol.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Confirm password\"\n                  type=\"password\"\n                  name=\"password_confirm\"\n                  autocomplete=\"new-password\"\n                  placeholder=\"••••••••••••\"\n                  minlength=\"12\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Save and sign in\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
  "source": "apps/user-flow/app/auth/reset-password/reset-password.contents.html",
  "metadata": {
    "domain": "auth",
    "description": "New password form — password + confirm password fields with strength indicator.",
    "keywords": [
      "auth",
      "password",
      "reset",
      "new",
      "confirm",
      "form",
      "strength"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "password",
      "component": "Input",
      "type": "password",
      "required": true,
      "autocomplete": "new-password",
      "label": "New password",
      "minlength": 12,
      "name": "password",
      "placeholder": "••••••••••••"
    },
    {
      "id": "password-confirm",
      "component": "Input",
      "type": "password",
      "required": true,
      "autocomplete": "new-password",
      "label": "Confirm password",
      "minlength": 12,
      "name": "password_confirm",
      "placeholder": "••••••••••••"
    },
    {
      "id": "button",
      "component": "Button",
      "type": "submit",
      "text": "Save and sign in",
      "variant": "primary"
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "4",
      "children": [
        "password",
        "password-confirm",
        "button"
      ]
    },
    {
      "id": "root",
      "component": "FormContainer",
      "children": [
        "column"
      ]
    }
  ]
}