{
  "name": "auth-profile-form",
  "kind": "block",
  "primary": "form",
  "page": "/apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "size": "lg"
  },
  "html": "<form size=\"lg\">\n              <col-ui gap=\"4\">\n                <input-ui\n                  label=\"Full name\"\n                  name=\"name\"\n                  autocomplete=\"name\"\n                  placeholder=\"Jane Doe\"\n                  hint=\"Shown to teammates and on shared work.\"\n                  required\n                ></input-ui>\n                <input-ui\n                  label=\"Display name\"\n                  name=\"username\"\n                  autocomplete=\"username\"\n                  prefix=\"@\"\n                  placeholder=\"janedoe\"\n                  hint=\"Used for @mentions and signed comments.\"\n                  required\n                ></input-ui>\n                <button-ui text=\"Continue\" variant=\"primary\" type=\"submit\"></button-ui>\n              </col-ui>\n            </form>",
  "source": "apps/user-flow/app/auth/sign-up/profile/profile.contents.html",
  "metadata": {
    "domain": "auth",
    "description": "Profile setup form — name, display name, and avatar for new account setup.",
    "keywords": [
      "auth",
      "profile",
      "setup",
      "name",
      "avatar",
      "display",
      "onboarding"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "name",
      "component": "Input",
      "required": true,
      "autocomplete": "name",
      "label": "Full name",
      "name": "name",
      "placeholder": "Jane Doe"
    },
    {
      "id": "username",
      "component": "Input",
      "required": true,
      "autocomplete": "username",
      "label": "Display name",
      "name": "username",
      "placeholder": "janedoe",
      "prefix": "@"
    },
    {
      "id": "button",
      "component": "Button",
      "type": "submit",
      "text": "Continue",
      "variant": "primary"
    },
    {
      "id": "column",
      "component": "Column",
      "gap": "4",
      "children": [
        "name",
        "username",
        "button"
      ]
    },
    {
      "id": "root",
      "component": "FormContainer",
      "children": [
        "column"
      ]
    }
  ]
}