{
  "name": "onb-mobile-handoff",
  "kind": "block",
  "primary": "div",
  "page": "/apps/user-flow/app/onboarding/mobile-app/mobile-app.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-onb-form": ""
  },
  "html": "<div data-onb-form>\n          <div data-onb-handoff>\n            <div data-onb-handoff-qr aria-label=\"QR code to install the AdiaUI mobile app\">\n              <icon-ui name=\"qr-code\" size=\"3xl\"></icon-ui>\n            </div>\n            <div data-handoff-divider role=\"separator\" aria-orientation=\"vertical\"></div>\n            <div data-onb-handoff-form>\n              <text-ui strong>Or send yourself a link</text-ui>\n              <text-ui color=\"subtle\" size=\"sm\">We'll text you a link to the App Store or Play Store, depending on your device.</text-ui>\n              <field-ui label=\"Phone number\">\n                <input-ui type=\"tel\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+1 555 0123\"></input-ui>\n              </field-ui>\n              <button-ui text=\"Send install link\" variant=\"outline\"></button-ui>\n            </div>\n          </div>\n\n          <text-ui color=\"subtle\" size=\"sm\">No phone? You'll find direct App Store / Play Store links in your settings → Devices any time.</text-ui>\n        </div>",
  "source": "apps/user-flow/app/onboarding/mobile-app/mobile-app.contents.html",
  "metadata": {
    "domain": "onboarding",
    "description": "Mobile handoff prompt — send a link to continue setup on mobile device.",
    "keywords": [
      "onboarding",
      "mobile",
      "app",
      "handoff",
      "qr",
      "code",
      "link",
      "continue"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "qr-code",
      "component": "Icon",
      "name": "qr-code",
      "size": "3xl"
    },
    {
      "id": "qr-code-to-install-the-adia-ui",
      "component": "Column",
      "data-onb-handoff-qr": "",
      "children": [
        "qr-code"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "data-handoff-divider": ""
    },
    {
      "id": "text",
      "component": "Text",
      "strong": true,
      "textContent": "Or send yourself a link"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "We'll text you a link to the App Store or Play Store, depending on your device."
    },
    {
      "id": "phone",
      "component": "Input",
      "type": "tel",
      "autocomplete": "tel",
      "name": "phone",
      "placeholder": "+1 555 0123"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Phone number",
      "children": [
        "phone"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "text": "Send install link",
      "variant": "outline"
    },
    {
      "id": "column-3",
      "component": "Column",
      "data-onb-handoff-form": "",
      "children": [
        "text",
        "text-2",
        "field",
        "button"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "data-onb-handoff": "",
      "children": [
        "qr-code-to-install-the-adia-ui",
        "column-2",
        "column-3"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "No phone? You'll find direct App Store / Play Store links in your settings → Devices any time."
    },
    {
      "id": "root",
      "component": "Column",
      "data-onb-form": "",
      "children": [
        "column",
        "text-3"
      ]
    }
  ]
}