{
  "name": "settings-members-invite",
  "kind": "block",
  "primary": "div",
  "page": "/apps/saas/app/members/members.contents.html",
  "slots": [],
  "nested": [
    "labeled-textarea"
  ],
  "attrs": {
    "data-col": ""
  },
  "html": "<div data-col>\n      <field-ui label=\"Email addresses\"><!-- nested: labeled-textarea --></field-ui>\n      <field-ui label=\"Default role\">\n        <select-ui value=\"member\">\n          <option value=\"admin\">Admin · can invite, remove, and billing</option>\n          <option value=\"member\">Member · can edit and invite</option>\n          <option value=\"viewer\">Viewer · read-only</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Send welcome email\" inline>\n        <switch-ui checked></switch-ui>\n      </field-ui>\n      <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n    </div>",
  "source": "apps/saas/app/members/members.contents.html",
  "metadata": {
    "domain": "settings",
    "description": "Members invite section — email input field for inviting team members to the workspace.",
    "keywords": [
      "settings",
      "members",
      "invite",
      "email",
      "team",
      "workspace",
      "add"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text-area",
      "component": "TextArea",
      "placeholder": "alex@acme.com, sarah@acme.com (comma or newline separated)",
      "rows": "3"
    },
    {
      "id": "field-2",
      "component": "Field",
      "label": "Email addresses",
      "children": [
        "text-area"
      ]
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Email addresses",
      "children": [
        "field-2"
      ]
    },
    {
      "id": "choice-picker",
      "component": "ChoicePicker",
      "value": "member",
      "options": [
        {
          "value": "admin",
          "label": "Admin · can invite, remove, and billing"
        },
        {
          "value": "member",
          "label": "Member · can edit and invite"
        },
        {
          "value": "viewer",
          "label": "Viewer · read-only"
        }
      ]
    },
    {
      "id": "field-3",
      "component": "Field",
      "label": "Default role",
      "children": [
        "choice-picker"
      ]
    },
    {
      "id": "toggle",
      "component": "Toggle",
      "checked": true
    },
    {
      "id": "field-4",
      "component": "Field",
      "inline": true,
      "label": "Send welcome email",
      "children": [
        "toggle"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "icon": "paper-plane-tilt",
      "text": "Send invites",
      "variant": "primary"
    },
    {
      "id": "root",
      "component": "Column",
      "data-col": "",
      "children": [
        "field",
        "field-3",
        "field-4",
        "button"
      ]
    }
  ]
}