@adia-ai/gen-ui 0.8.37

package/corpus/chunks/reg-address-form.json

@@ -0,0 +1,825 @@
+{
+  "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-07-17T20:08:04.842Z",
+  "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"
+      ]
+    }
+  ]
+}