{
  "name": "reg-invite-form",
  "kind": "block",
  "primary": "section",
  "page": "/apps/user-flow/app/registration/invite/invite.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-reg-form": ""
  },
  "html": "<section data-reg-form>\n          <div data-reg-invite-row>\n            <field-ui label=\"Email\">\n              <input-ui type=\"email\" name=\"invite[0][email]\" autocomplete=\"email\" placeholder=\"alex@acme.com\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui name=\"invite[0][role]\" value=\"member\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</option>\n              </select-ui>\n            </field-ui>\n          </div>\n          <div data-reg-invite-row>\n            <field-ui label=\"Email\">\n              <input-ui type=\"email\" name=\"invite[1][email]\" autocomplete=\"email\" placeholder=\"sam@acme.com\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui name=\"invite[1][role]\" value=\"member\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</option>\n              </select-ui>\n            </field-ui>\n          </div>\n          <div data-reg-invite-row>\n            <field-ui label=\"Email\">\n              <input-ui type=\"email\" name=\"invite[2][email]\" autocomplete=\"email\" placeholder=\"riley@acme.com\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Role\">\n              <select-ui name=\"invite[2][role]\" value=\"member\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</option>\n              </select-ui>\n            </field-ui>\n          </div>\n          <button-ui text=\"Add another\" icon=\"plus\" variant=\"ghost\" type=\"button\"></button-ui>\n\n          <alert-ui variant=\"info\" icon=\"info\">\n            <span slot=\"content\"> Don't have everyone's email? <a href=\"#\">Copy a join link</a> instead. </span>\n          </alert-ui>\n        </section>",
  "source": "apps/user-flow/app/registration/invite/invite.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Multi-row team invite form — email field + role select per row, with add-row button + submit footer.",
    "keywords": [
      "invite",
      "team",
      "members",
      "email",
      "roles",
      "invitation",
      "multi-row",
      "add-row",
      "teammates",
      "onboarding"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "invite-0-email",
      "component": "Input",
      "type": "email",
      "autocomplete": "email",
      "name": "invite[0][email]",
      "placeholder": "alex@acme.com"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Email",
      "children": [
        "invite-0-email"
      ]
    },
    {
      "id": "invite-0-role",
      "component": "ChoicePicker",
      "name": "invite[0][role]",
      "value": "member",
      "options": [
        {
          "value": "admin",
          "label": "Admin"
        },
        {
          "value": "member",
          "label": "Member"
        },
        {
          "value": "viewer",
          "label": "Viewer"
        }
      ]
    },
    {
      "id": "field-2",
      "component": "Field",
      "label": "Role",
      "children": [
        "invite-0-role"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "data-reg-invite-row": "",
      "children": [
        "field",
        "field-2"
      ]
    },
    {
      "id": "invite-1-email",
      "component": "Input",
      "type": "email",
      "autocomplete": "email",
      "name": "invite[1][email]",
      "placeholder": "sam@acme.com"
    },
    {
      "id": "field-3",
      "component": "Field",
      "label": "Email",
      "children": [
        "invite-1-email"
      ]
    },
    {
      "id": "invite-1-role",
      "component": "ChoicePicker",
      "name": "invite[1][role]",
      "value": "member",
      "options": [
        {
          "value": "admin",
          "label": "Admin"
        },
        {
          "value": "member",
          "label": "Member"
        },
        {
          "value": "viewer",
          "label": "Viewer"
        }
      ]
    },
    {
      "id": "field-4",
      "component": "Field",
      "label": "Role",
      "children": [
        "invite-1-role"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "data-reg-invite-row": "",
      "children": [
        "field-3",
        "field-4"
      ]
    },
    {
      "id": "invite-2-email",
      "component": "Input",
      "type": "email",
      "autocomplete": "email",
      "name": "invite[2][email]",
      "placeholder": "riley@acme.com"
    },
    {
      "id": "field-5",
      "component": "Field",
      "label": "Email",
      "children": [
        "invite-2-email"
      ]
    },
    {
      "id": "invite-2-role",
      "component": "ChoicePicker",
      "name": "invite[2][role]",
      "value": "member",
      "options": [
        {
          "value": "admin",
          "label": "Admin"
        },
        {
          "value": "member",
          "label": "Member"
        },
        {
          "value": "viewer",
          "label": "Viewer"
        }
      ]
    },
    {
      "id": "field-6",
      "component": "Field",
      "label": "Role",
      "children": [
        "invite-2-role"
      ]
    },
    {
      "id": "column-3",
      "component": "Column",
      "data-reg-invite-row": "",
      "children": [
        "field-5",
        "field-6"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "type": "button",
      "icon": "plus",
      "text": "Add another",
      "variant": "ghost"
    },
    {
      "id": "text-2",
      "component": "Text",
      "textContent": "Copy a join link",
      "variant": "body"
    },
    {
      "id": "link",
      "component": "Link",
      "href": "#",
      "text": "Copy a join link",
      "children": [
        "text-2"
      ]
    },
    {
      "id": "text",
      "component": "Text",
      "variant": "body",
      "slot": "content",
      "textContent": "Don't have everyone's email? instead.",
      "children": [
        "link"
      ]
    },
    {
      "id": "alert",
      "component": "Alert",
      "icon": "info",
      "variant": "info",
      "children": [
        "text"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "data-reg-form": "",
      "children": [
        "column",
        "column-2",
        "column-3",
        "button",
        "alert"
      ]
    }
  ]
}