{
  "name": "reg-address-form",
  "kind": "block",
  "primary": "section",
  "page": "/apps/user-flow/app/registration/address/address.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "data-reg-form": ""
  },
  "html": "<section data-reg-form>\n          <text-ui strong>Headquarters</text-ui>\n\n          <field-ui inline label=\"Country\">\n            <select-ui name=\"hq_country\" value=\"us\" data-address-country>\n              <option value=\"us\">United States</option>\n              <option value=\"gb\">United Kingdom</option>\n              <option value=\"de\">Germany</option>\n              <option value=\"jp\">Japan</option>\n              <option value=\"ca\">Canada</option>\n              <option value=\"other\">Other…</option>\n            </select-ui>\n          </field-ui>\n\n          <!-- ── United States ────────────────────────────────────\n           State dropdown (2-letter abbreviations) + 5-digit\n           numeric ZIP. City | State | ZIP share a row, matching\n           how US addresses are written: \"San Francisco, CA 94110\". -->\n          <div data-address-fields=\"us\">\n            <field-ui inline label=\"Street\">\n              <input-ui name=\"hq_street_us\" autocomplete=\"street-address\" placeholder=\"100 Main Street\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Suite / Floor\">\n              <input-ui name=\"hq_suite_us\" autocomplete=\"address-line2\" placeholder=\"Suite 500\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"2\" align=\"end\">\n              <field-ui inline label=\"City\" grow>\n                <input-ui name=\"hq_city_us\" autocomplete=\"address-level2\" placeholder=\"San Francisco\" required></input-ui>\n              </field-ui>\n              <field-ui label=\"State\">\n                <select-ui name=\"hq_state_us\" value=\"ca\">\n                  <option value=\"ca\" selected>CA</option>\n                  <option value=\"ny\">NY</option>\n                  <option value=\"tx\">TX</option>\n                  <option value=\"wa\">WA</option>\n                  <option value=\"ma\">MA</option>\n                  <option value=\"il\">IL</option>\n                  <option value=\"other\">…</option>\n                </select-ui>\n              </field-ui>\n              <field-ui label=\"ZIP\">\n                <input-ui name=\"hq_zip_us\" autocomplete=\"postal-code\" placeholder=\"94110\" pattern=\"\\d{5}(-\\d{4})?\" required></input-ui>\n              </field-ui>\n            </row-ui>\n          </div>\n\n          <!-- ── United Kingdom ───────────────────────────────────\n           Two address lines + town + optional county (free\n           text, not a dropdown — counties aren't required for\n           Royal Mail delivery) + alphanumeric postcode like\n           \"SW1A 2AA\". Postcode is the canonical sort key. -->\n          <div data-address-fields=\"gb\" hidden>\n            <field-ui inline label=\"Address line 1\">\n              <input-ui name=\"hq_street_gb\" autocomplete=\"street-address\" placeholder=\"10 Downing Street\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Address line 2\">\n              <input-ui name=\"hq_street2_gb\" autocomplete=\"address-line2\" placeholder=\"Westminster\"></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Town / City\">\n              <input-ui name=\"hq_city_gb\" autocomplete=\"address-level2\" placeholder=\"London\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"County (optional)\">\n              <input-ui name=\"hq_county_gb\" autocomplete=\"address-level1\" placeholder=\"Greater London\"></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Postcode\">\n              <input-ui name=\"hq_postcode_gb\" autocomplete=\"postal-code\" placeholder=\"SW1A 2AA\" required></input-ui>\n            </field-ui>\n          </div>\n\n          <!-- ── Germany ──────────────────────────────────────────\n           Combined street + house number (\"Unter den Linden 77\"\n           is one field, not two). PLZ before Ort matches how\n           German addresses are written: \"10117 Berlin\". No\n           Bundesland field — autoderivable from PLZ. -->\n          <div data-address-fields=\"de\" hidden>\n            <field-ui inline label=\"Straße und Hausnummer\">\n              <input-ui name=\"hq_street_de\" autocomplete=\"street-address\" placeholder=\"Unter den Linden 77\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Adresszusatz (optional)\">\n              <input-ui name=\"hq_extra_de\" autocomplete=\"address-line2\" placeholder=\"c/o Empfänger\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"2\" align=\"end\">\n              <field-ui label=\"PLZ\">\n                <input-ui name=\"hq_plz_de\" autocomplete=\"postal-code\" placeholder=\"10117\" pattern=\"\\d{5}\" required></input-ui>\n              </field-ui>\n              <field-ui inline label=\"Ort\" grow>\n                <input-ui name=\"hq_city_de\" autocomplete=\"address-level2\" placeholder=\"Berlin\" required></input-ui>\n              </field-ui>\n            </row-ui>\n          </div>\n\n          <!-- ── Japan ────────────────────────────────────────────\n           Postal code first (often used to autofill prefecture\n           + city via 〒-lookup services). Prefecture → city/ward →\n           block-lot → building. Reverse order vs Western (broad-\n           to-narrow). 7-digit postcode with hyphen \"100-0014\". -->\n          <div data-address-fields=\"jp\" hidden>\n            <field-ui inline label=\"郵便番号 · Postal code\">\n              <input-ui name=\"hq_postcode_jp\" autocomplete=\"postal-code\" placeholder=\"100-0014\" pattern=\"\\d{3}-\\d{4}\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"都道府県 · Prefecture\">\n              <select-ui name=\"hq_prefecture_jp\" value=\"13\">\n                <option value=\"13\" selected>東京都 · Tokyo</option>\n                <option value=\"27\">大阪府 · Osaka</option>\n                <option value=\"14\">神奈川県 · Kanagawa</option>\n                <option value=\"01\">北海道 · Hokkaido</option>\n                <option value=\"26\">京都府 · Kyoto</option>\n                <option value=\"23\">愛知県 · Aichi</option>\n                <option value=\"40\">福岡県 · Fukuoka</option>\n                <option value=\"other\">その他…</option>\n              </select-ui>\n            </field-ui>\n            <field-ui inline label=\"市区町村 · City / Ward\">\n              <input-ui name=\"hq_city_jp\" autocomplete=\"address-level2\" placeholder=\"千代田区\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"番地 · Block / Lot\">\n              <input-ui name=\"hq_block_jp\" autocomplete=\"street-address\" placeholder=\"霞が関 1-2-3\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"建物名 · Building (optional)\">\n              <input-ui name=\"hq_building_jp\" autocomplete=\"address-line2\"></input-ui>\n            </field-ui>\n          </div>\n\n          <!-- ── Canada ───────────────────────────────────────────\n           Province dropdown (13 entries — 10 provinces + 3\n           territories). Postal code is alphanumeric \"A1A 1A1\"\n           with optional space. Bilingual labels common in\n           public-facing forms; left as English for compactness. -->\n          <div data-address-fields=\"ca\" hidden>\n            <field-ui inline label=\"Street address\">\n              <input-ui name=\"hq_street_ca\" autocomplete=\"street-address\" placeholder=\"111 Wellington Street\" required></input-ui>\n            </field-ui>\n            <field-ui inline label=\"Suite / Apt\">\n              <input-ui name=\"hq_suite_ca\" autocomplete=\"address-line2\"></input-ui>\n            </field-ui>\n            <row-ui gap=\"2\" align=\"end\">\n              <field-ui inline label=\"City\" grow>\n                <input-ui name=\"hq_city_ca\" autocomplete=\"address-level2\" placeholder=\"Ottawa\" required></input-ui>\n              </field-ui>\n              <field-ui label=\"Province\">\n                <select-ui name=\"hq_province_ca\" value=\"on\">\n                  <option value=\"on\" selected>ON</option>\n                  <option value=\"qc\">QC</option>\n                  <option value=\"bc\">BC</option>\n                  <option value=\"ab\">AB</option>\n                  <option value=\"mb\">MB</option>\n                  <option value=\"sk\">SK</option>\n                  <option value=\"ns\">NS</option>\n                  <option value=\"nb\">NB</option>\n                  <option value=\"nl\">NL</option>\n                  <option value=\"pe\">PE</option>\n                  <option value=\"yt\">YT</option>\n                  <option value=\"nt\">NT</option>\n                  <option value=\"nu\">NU</option>\n                </select-ui>\n              </field-ui>\n              <field-ui label=\"Postal code\">\n                <input-ui name=\"hq_postcode_ca\" autocomplete=\"postal-code\" placeholder=\"K1A 0A9\" pattern=\"[A-Za-z]\\d[A-Za-z] ?\\d[A-Za-z]\\d\" required></input-ui>\n              </field-ui>\n            </row-ui>\n          </div>\n\n          <!-- ── Other ────────────────────────────────────────────\n           Free-form fallback for countries we don't yet have\n           a localized layout for. Single multi-line field +\n           postcode + city — covers the long tail without\n           guessing at locale-specific subdivisions. -->\n          <div data-address-fields=\"other\" hidden>\n            <field-ui inline label=\"Full address\">\n              <textarea-ui\n                name=\"hq_address_other\"\n                rows=\"4\"\n                placeholder=\"Street, number, building, postal code, city — whatever the local convention requires.\"\n                required\n              ></textarea-ui>\n            </field-ui>\n            <field-ui inline label=\"Country name\">\n              <input-ui name=\"hq_country_other\" autocomplete=\"country-name\" placeholder=\"Singapore\" required></input-ui>\n            </field-ui>\n          </div>\n\n          <field-ui inline label=\"Phone\">\n            <input-ui type=\"tel\" name=\"hq_phone\" autocomplete=\"tel\" data-address-phone placeholder=\"+1 (555) 123-4567\"></input-ui>\n          </field-ui>\n\n          <divider-ui></divider-ui>\n\n          <row-ui justify=\"space-between\" align=\"center\">\n            <text-ui strong>Billing address</text-ui>\n            <check-ui checked name=\"billing_same\" label=\"Same as headquarters\"></check-ui>\n          </row-ui>\n\n          <alert-ui variant=\"info\" icon=\"info\">\n            <span slot=\"content\">\n              We'll use the headquarters address for invoicing. Uncheck \"Same as headquarters\" if your accounting team is at a different site or in a different\n              country.\n            </span>\n          </alert-ui>\n\n          <div data-reg-defer-row>\n            <check-ui name=\"defer\" label=\"I'll do this later from admin → workspace → addresses\"></check-ui>\n            <text-ui color=\"subtle\" size=\"sm\" data-reg-defer-hint>\n              Required for invoicing — your first invoice will use a placeholder address until completed.\n            </text-ui>\n          </div>\n        </section>",
  "source": "apps/user-flow/app/registration/address/address.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Address form — street + city + state/region + postal + country fields in 2-column grid.",
    "keywords": [
      "address",
      "form",
      "street",
      "city",
      "state",
      "country",
      "postal",
      "zip",
      "mailing",
      "shipping",
      "location"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "strong": true,
      "textContent": "Headquarters"
    },
    {
      "id": "hq-country",
      "component": "ChoicePicker",
      "name": "hq_country",
      "value": "us",
      "options": [
        {
          "value": "us",
          "label": "United States"
        },
        {
          "value": "gb",
          "label": "United Kingdom"
        },
        {
          "value": "de",
          "label": "Germany"
        },
        {
          "value": "jp",
          "label": "Japan"
        },
        {
          "value": "ca",
          "label": "Canada"
        },
        {
          "value": "other",
          "label": "Other…"
        }
      ],
      "data-address-country": ""
    },
    {
      "id": "field",
      "component": "Field",
      "inline": true,
      "label": "Country",
      "children": [
        "hq-country"
      ]
    },
    {
      "id": "hq-street-us",
      "component": "Input",
      "required": true,
      "autocomplete": "street-address",
      "name": "hq_street_us",
      "placeholder": "100 Main Street"
    },
    {
      "id": "field-2",
      "component": "Field",
      "inline": true,
      "label": "Street",
      "children": [
        "hq-street-us"
      ]
    },
    {
      "id": "hq-suite-us",
      "component": "Input",
      "autocomplete": "address-line2",
      "name": "hq_suite_us",
      "placeholder": "Suite 500"
    },
    {
      "id": "field-3",
      "component": "Field",
      "inline": true,
      "label": "Suite / Floor",
      "children": [
        "hq-suite-us"
      ]
    },
    {
      "id": "hq-city-us",
      "component": "Input",
      "required": true,
      "autocomplete": "address-level2",
      "name": "hq_city_us",
      "placeholder": "San Francisco"
    },
    {
      "id": "field-4",
      "component": "Field",
      "inline": true,
      "label": "City",
      "children": [
        "hq-city-us"
      ]
    },
    {
      "id": "hq-state-us",
      "component": "ChoicePicker",
      "name": "hq_state_us",
      "value": "ca",
      "options": [
        {
          "value": "ca",
          "label": "CA"
        },
        {
          "value": "ny",
          "label": "NY"
        },
        {
          "value": "tx",
          "label": "TX"
        },
        {
          "value": "wa",
          "label": "WA"
        },
        {
          "value": "ma",
          "label": "MA"
        },
        {
          "value": "il",
          "label": "IL"
        },
        {
          "value": "other",
          "label": "…"
        }
      ]
    },
    {
      "id": "field-5",
      "component": "Field",
      "label": "State",
      "children": [
        "hq-state-us"
      ]
    },
    {
      "id": "hq-zip-us",
      "component": "Input",
      "required": true,
      "autocomplete": "postal-code",
      "name": "hq_zip_us",
      "pattern": "\\d{5}(-\\d{4})?",
      "placeholder": "94110"
    },
    {
      "id": "field-6",
      "component": "Field",
      "label": "ZIP",
      "children": [
        "hq-zip-us"
      ]
    },
    {
      "id": "row",
      "component": "Row",
      "align": "end",
      "gap": "2",
      "children": [
        "field-4",
        "field-5",
        "field-6"
      ]
    },
    {
      "id": "column",
      "component": "Column",
      "data-address-fields": "us",
      "children": [
        "field-2",
        "field-3",
        "row"
      ]
    },
    {
      "id": "hq-street-gb",
      "component": "Input",
      "required": true,
      "autocomplete": "street-address",
      "name": "hq_street_gb",
      "placeholder": "10 Downing Street"
    },
    {
      "id": "field-7",
      "component": "Field",
      "inline": true,
      "label": "Address line 1",
      "children": [
        "hq-street-gb"
      ]
    },
    {
      "id": "hq-street2-gb",
      "component": "Input",
      "autocomplete": "address-line2",
      "name": "hq_street2_gb",
      "placeholder": "Westminster"
    },
    {
      "id": "field-8",
      "component": "Field",
      "inline": true,
      "label": "Address line 2",
      "children": [
        "hq-street2-gb"
      ]
    },
    {
      "id": "hq-city-gb",
      "component": "Input",
      "required": true,
      "autocomplete": "address-level2",
      "name": "hq_city_gb",
      "placeholder": "London"
    },
    {
      "id": "field-9",
      "component": "Field",
      "inline": true,
      "label": "Town / City",
      "children": [
        "hq-city-gb"
      ]
    },
    {
      "id": "hq-county-gb",
      "component": "Input",
      "autocomplete": "address-level1",
      "name": "hq_county_gb",
      "placeholder": "Greater London"
    },
    {
      "id": "field-10",
      "component": "Field",
      "inline": true,
      "label": "County (optional)",
      "children": [
        "hq-county-gb"
      ]
    },
    {
      "id": "hq-postcode-gb",
      "component": "Input",
      "required": true,
      "autocomplete": "postal-code",
      "name": "hq_postcode_gb",
      "placeholder": "SW1A 2AA"
    },
    {
      "id": "field-11",
      "component": "Field",
      "inline": true,
      "label": "Postcode",
      "children": [
        "hq-postcode-gb"
      ]
    },
    {
      "id": "column-2",
      "component": "Column",
      "data-address-fields": "gb",
      "children": [
        "field-7",
        "field-8",
        "field-9",
        "field-10",
        "field-11"
      ]
    },
    {
      "id": "hq-street-de",
      "component": "Input",
      "required": true,
      "autocomplete": "street-address",
      "name": "hq_street_de",
      "placeholder": "Unter den Linden 77"
    },
    {
      "id": "field-12",
      "component": "Field",
      "inline": true,
      "label": "Straße und Hausnummer",
      "children": [
        "hq-street-de"
      ]
    },
    {
      "id": "hq-extra-de",
      "component": "Input",
      "autocomplete": "address-line2",
      "name": "hq_extra_de",
      "placeholder": "c/o Empfänger"
    },
    {
      "id": "field-13",
      "component": "Field",
      "inline": true,
      "label": "Adresszusatz (optional)",
      "children": [
        "hq-extra-de"
      ]
    },
    {
      "id": "hq-plz-de",
      "component": "Input",
      "required": true,
      "autocomplete": "postal-code",
      "name": "hq_plz_de",
      "pattern": "\\d{5}",
      "placeholder": "10117"
    },
    {
      "id": "field-14",
      "component": "Field",
      "label": "PLZ",
      "children": [
        "hq-plz-de"
      ]
    },
    {
      "id": "hq-city-de",
      "component": "Input",
      "required": true,
      "autocomplete": "address-level2",
      "name": "hq_city_de",
      "placeholder": "Berlin"
    },
    {
      "id": "field-15",
      "component": "Field",
      "inline": true,
      "label": "Ort",
      "children": [
        "hq-city-de"
      ]
    },
    {
      "id": "row-2",
      "component": "Row",
      "align": "end",
      "gap": "2",
      "children": [
        "field-14",
        "field-15"
      ]
    },
    {
      "id": "column-3",
      "component": "Column",
      "data-address-fields": "de",
      "children": [
        "field-12",
        "field-13",
        "row-2"
      ]
    },
    {
      "id": "hq-postcode-jp",
      "component": "Input",
      "required": true,
      "autocomplete": "postal-code",
      "name": "hq_postcode_jp",
      "pattern": "\\d{3}-\\d{4}",
      "placeholder": "100-0014"
    },
    {
      "id": "field-16",
      "component": "Field",
      "inline": true,
      "label": "郵便番号 · Postal code",
      "children": [
        "hq-postcode-jp"
      ]
    },
    {
      "id": "hq-prefecture-jp",
      "component": "ChoicePicker",
      "name": "hq_prefecture_jp",
      "value": "13",
      "options": [
        {
          "value": "13",
          "label": "東京都 · Tokyo"
        },
        {
          "value": "27",
          "label": "大阪府 · Osaka"
        },
        {
          "value": "14",
          "label": "神奈川県 · Kanagawa"
        },
        {
          "value": "01",
          "label": "北海道 · Hokkaido"
        },
        {
          "value": "26",
          "label": "京都府 · Kyoto"
        },
        {
          "value": "23",
          "label": "愛知県 · Aichi"
        },
        {
          "value": "40",
          "label": "福岡県 · Fukuoka"
        },
        {
          "value": "other",
          "label": "その他…"
        }
      ]
    },
    {
      "id": "field-17",
      "component": "Field",
      "inline": true,
      "label": "都道府県 · Prefecture",
      "children": [
        "hq-prefecture-jp"
      ]
    },
    {
      "id": "hq-city-jp",
      "component": "Input",
      "required": true,
      "autocomplete": "address-level2",
      "name": "hq_city_jp",
      "placeholder": "千代田区"
    },
    {
      "id": "field-18",
      "component": "Field",
      "inline": true,
      "label": "市区町村 · City / Ward",
      "children": [
        "hq-city-jp"
      ]
    },
    {
      "id": "hq-block-jp",
      "component": "Input",
      "required": true,
      "autocomplete": "street-address",
      "name": "hq_block_jp",
      "placeholder": "霞が関 1-2-3"
    },
    {
      "id": "field-19",
      "component": "Field",
      "inline": true,
      "label": "番地 · Block / Lot",
      "children": [
        "hq-block-jp"
      ]
    },
    {
      "id": "hq-building-jp",
      "component": "Input",
      "autocomplete": "address-line2",
      "name": "hq_building_jp"
    },
    {
      "id": "field-20",
      "component": "Field",
      "inline": true,
      "label": "建物名 · Building (optional)",
      "children": [
        "hq-building-jp"
      ]
    },
    {
      "id": "column-4",
      "component": "Column",
      "data-address-fields": "jp",
      "children": [
        "field-16",
        "field-17",
        "field-18",
        "field-19",
        "field-20"
      ]
    },
    {
      "id": "hq-street-ca",
      "component": "Input",
      "required": true,
      "autocomplete": "street-address",
      "name": "hq_street_ca",
      "placeholder": "111 Wellington Street"
    },
    {
      "id": "field-21",
      "component": "Field",
      "inline": true,
      "label": "Street address",
      "children": [
        "hq-street-ca"
      ]
    },
    {
      "id": "hq-suite-ca",
      "component": "Input",
      "autocomplete": "address-line2",
      "name": "hq_suite_ca"
    },
    {
      "id": "field-22",
      "component": "Field",
      "inline": true,
      "label": "Suite / Apt",
      "children": [
        "hq-suite-ca"
      ]
    },
    {
      "id": "hq-city-ca",
      "component": "Input",
      "required": true,
      "autocomplete": "address-level2",
      "name": "hq_city_ca",
      "placeholder": "Ottawa"
    },
    {
      "id": "field-23",
      "component": "Field",
      "inline": true,
      "label": "City",
      "children": [
        "hq-city-ca"
      ]
    },
    {
      "id": "hq-province-ca",
      "component": "ChoicePicker",
      "name": "hq_province_ca",
      "value": "on",
      "options": [
        {
          "value": "on",
          "label": "ON"
        },
        {
          "value": "qc",
          "label": "QC"
        },
        {
          "value": "bc",
          "label": "BC"
        },
        {
          "value": "ab",
          "label": "AB"
        },
        {
          "value": "mb",
          "label": "MB"
        },
        {
          "value": "sk",
          "label": "SK"
        },
        {
          "value": "ns",
          "label": "NS"
        },
        {
          "value": "nb",
          "label": "NB"
        },
        {
          "value": "nl",
          "label": "NL"
        },
        {
          "value": "pe",
          "label": "PE"
        },
        {
          "value": "yt",
          "label": "YT"
        },
        {
          "value": "nt",
          "label": "NT"
        },
        {
          "value": "nu",
          "label": "NU"
        }
      ]
    },
    {
      "id": "field-24",
      "component": "Field",
      "label": "Province",
      "children": [
        "hq-province-ca"
      ]
    },
    {
      "id": "hq-postcode-ca",
      "component": "Input",
      "required": true,
      "autocomplete": "postal-code",
      "name": "hq_postcode_ca",
      "pattern": "[A-Za-z]\\d[A-Za-z] ?\\d[A-Za-z]\\d",
      "placeholder": "K1A 0A9"
    },
    {
      "id": "field-25",
      "component": "Field",
      "label": "Postal code",
      "children": [
        "hq-postcode-ca"
      ]
    },
    {
      "id": "row-3",
      "component": "Row",
      "align": "end",
      "gap": "2",
      "children": [
        "field-23",
        "field-24",
        "field-25"
      ]
    },
    {
      "id": "column-5",
      "component": "Column",
      "data-address-fields": "ca",
      "children": [
        "field-21",
        "field-22",
        "row-3"
      ]
    },
    {
      "id": "hq-address-other",
      "component": "TextArea",
      "required": true,
      "name": "hq_address_other",
      "placeholder": "Street, number, building, postal code, city — whatever the local convention requires.",
      "rows": "4"
    },
    {
      "id": "field-26",
      "component": "Field",
      "inline": true,
      "label": "Full address",
      "children": [
        "hq-address-other"
      ]
    },
    {
      "id": "hq-country-other",
      "component": "Input",
      "required": true,
      "autocomplete": "country-name",
      "name": "hq_country_other",
      "placeholder": "Singapore"
    },
    {
      "id": "field-27",
      "component": "Field",
      "inline": true,
      "label": "Country name",
      "children": [
        "hq-country-other"
      ]
    },
    {
      "id": "column-6",
      "component": "Column",
      "data-address-fields": "other",
      "children": [
        "field-26",
        "field-27"
      ]
    },
    {
      "id": "hq-phone",
      "component": "Input",
      "type": "tel",
      "autocomplete": "tel",
      "name": "hq_phone",
      "placeholder": "+1 (555) 123-4567",
      "data-address-phone": ""
    },
    {
      "id": "field-28",
      "component": "Field",
      "inline": true,
      "label": "Phone",
      "children": [
        "hq-phone"
      ]
    },
    {
      "id": "divider",
      "component": "Divider"
    },
    {
      "id": "text-2",
      "component": "Text",
      "strong": true,
      "textContent": "Billing address"
    },
    {
      "id": "billing-same",
      "component": "CheckBox",
      "checked": true,
      "label": "Same as headquarters",
      "name": "billing_same"
    },
    {
      "id": "row-4",
      "component": "Row",
      "align": "center",
      "justify": "space-between",
      "children": [
        "text-2",
        "billing-same"
      ]
    },
    {
      "id": "text-3",
      "component": "Text",
      "variant": "body",
      "slot": "content",
      "textContent": "We'll use the headquarters address for invoicing. Uncheck \"Same as headquarters\" if your accounting team is at a different site or in a different country."
    },
    {
      "id": "alert",
      "component": "Alert",
      "icon": "info",
      "variant": "info",
      "children": [
        "text-3"
      ]
    },
    {
      "id": "defer",
      "component": "CheckBox",
      "label": "I'll do this later from admin → workspace → addresses",
      "name": "defer"
    },
    {
      "id": "text-4",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "Required for invoicing — your first invoice will use a placeholder address until completed.",
      "data-reg-defer-hint": ""
    },
    {
      "id": "column-7",
      "component": "Column",
      "data-reg-defer-row": "",
      "children": [
        "defer",
        "text-4"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "data-reg-form": "",
      "children": [
        "text",
        "field",
        "column",
        "column-2",
        "column-3",
        "column-4",
        "column-5",
        "column-6",
        "field-28",
        "divider",
        "row-4",
        "alert",
        "column-7"
      ]
    }
  ]
}